.tmpl-single-video {
	&__featured {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
		margin-bottom: 2rem;
		overflow: hidden;
		@include media-min($medium) {
			margin-bottom: 4rem;
		}
		iframe,.video-placeholder-youtube {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border: 0;
		}
	}
	&__container {
		position: relative;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		margin-top: 2rem;
		margin-bottom: 6rem;

		@include media-min($medium) {
			margin-top: 4rem;
		}

		@include media-min($large) {
			grid-template-columns: repeat(6, 1fr);
		}
	}
	&__content {
		transform: translateY(-8rem);
		margin-bottom: -8rem;
		@include media-min($medium) {
			transform: translateY(-16rem);
			margin-bottom: -16rem;
		}
		@media only screen and (min-width: $large) {
			padding: 0 0.8rem;
		}
	}
	@include media-min($large) {
		&__content {
			grid-column: 2 / span 4;
			overflow: hidden;
		}
	}

	&__post-content {
		code {
			background: var(--post-content-code-bg-color);
			color: var(--post-content-code-text-color);
		}
	}
}