@media screen and ( min-width: $grid-breakpoint-lg ) and ( max-width: 1440px ) {

	.has-sidebar {

		.blog-single-content {

			&.expanded {
				margin-left: -14%;
			}
		}
	}
}

@media screen and ( min-width: $grid-breakpoint-lg ) {

	.blog-single-cover {
		
		&[data-fullheight=true] {
			height: 87vh;
			
			.blog-single-media {
				height: 100%;
			}
			.cover-carousel {

				&,
				.carousel-items,
				.flickity-viewport,
				.carousel-item-inner,
				.carousel-item {
					height: 100% !important;
				}
			}
		}
	}

	.blog-single-cover {

		.blog-single-details {
			width: 100%;
			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%);
		}
		&.spaced {
			margin-left: 50px;
			margin-right: 50px;
		}
	}
	.blog-single-content {
		
		&.expanded {
			padding-left:  calc(26%);
			padding-right:  calc(26%);
			margin-right: calc(-26%);
			margin-left: calc(-26%);
		}
		&.pull-up {
			margin-top: - em(150, 22);
			background-color: #fff;

			.post-has-no-content & {
				margin-top: 0;
			}
		}
		.stretch-to-sides {
			margin-left: -26%; // same value as .col-md-offset-2 margin
			margin-right: -26%; // same value as .col-md-offset-2 margin
		}
		.fullwidth {

			figcaption {
				width: 40%;
			}
		}
	}
	.post-nav,
	.blog-single-footer {
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.blog-single-footer {

		> ul,
		> span {
			max-width: 50%;
		}
	}
	.post-nav {

		.nav-previous,
		.nav-next {
			max-width: 40%;
		}
	}

	.has-sidebar {

		.blog-single-content {

			&.expanded {
				padding-right: 13%;
				padding-left: 13%;
				margin-right: -13%;
				margin-left: -13%;
			}
		}
	}

	.blog-single-post-has-not-thumbnail {

		.blog-single-content {

			&.pull-up {
				margin-top: 0;
				padding-top: em(110, 22);
			}
		}

		.lqd-main-header-default + .content {

			.blog-single-content {

				&.pull-up {
					padding: 0;
					margin-left: 0;
					margin-right: 0;
				}
			}
		}
	}
}
@media screen and ( min-width: $grid-breakpoint-md ) {

	.post-meta {
		margin-bottom: 3.75em;
	}
	.blog-single-details-extra {
			
		h3 {
			margin-bottom: 2em;
		}
	}
	.has-sidebar {

		.blog-single-content {

			.fullwidth {
				width: 100%;
				right: 0;
				left: 0;
				margin-left: 0;
				margin-right: 0;

				figcaption {
					width: 70%;
				}
			}
			.stretch-to-sides {
				margin-left: -13%;
				margin-right: -13%;
			}
			&.expanded {

				.fullwidth {
					width: 126%;
					right: -13%;
					left: -13%;
					margin-right: -13%;
				}
			}
		}
	}
}
@media screen and ( max-width: $grid-breakpoint-md - 1 ) {
	
	.blog-single-details-extra {
		
		.carousel-thumbs {
			
			.carousel-item {
				width: 33.3333333333%;
			}
		}
	}
	.post-meta {
		flex-direction: column;
		
		> span {
			margin: 0 0 1em !important;
			
			&:last-child {
				margin: 0 !important;
			}
		}
	}
	.post-nav,
	.blog-single-footer {
		flex-direction: column;
	}
	.blog-single-cover {
	
		&.spaced {
			margin-left: 15px;
			margin-right: 15px;
		}
	}
}
@media screen and ( max-width: $grid-breakpoint-sm - 1 ) {

	.blog-single-details-extra {

		.carousel-thumbs {

			.carousel-item {
				width: 50%;
			}
		}
	}
}