/* med-youtube-cover.css */

.med-yt-cover {
	position: relative !important;
	width: 100% !important;
	height: 500px !important;
	min-height: 500px !important;
	overflow: hidden !important;
	background: #000 !important;
}

.med-yt-cover-frame {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden !important;
	z-index: 0 !important;
	pointer-events: none !important;
}

.med-yt-cover-frame iframe {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 100vw;
	height: 56.25vw;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%) !important;
	border: 0 !important;
	pointer-events: none !important;
}

.med-yt-cover-content {
	position: relative !important;
	z-index: 3 !important;
	height: 100% !important;
}

.med-yt-cover .container,
.med-yt-cover .vertical-middle,
.med-yt-cover .emphasis-title {
	position: relative !important;
	z-index: 3 !important;
}

.med-yt-cover-top,
.med-yt-cover-bottom {
	position: absolute !important;
	left: 0 !important;
	width: 100% !important;
	height: 40px !important;
	z-index: 4 !important;
	pointer-events: none !important;
}

.med-yt-cover-top {
	top: 0 !important;
	background: url('../images/x40_fff.png') repeat center bottom !important;
	background-size: auto 100% !important;
}

.med-yt-cover-bottom {
	bottom: 0 !important;
	background: url('../images/x-40_fff.png') repeat center bottom !important;
	background-size: auto 100% !important;
}

.med-yt-cover-frame {
	pointer-events: none !important;
}

.med-yt-cover-frame iframe {
	pointer-events: none !important;
}

@media (max-width: 991px) {

	.med-yt-cover {
		height: 500px !important;
		min-height: 500px !important;
	}

	.med-yt-cover-frame iframe {
		width: 177.78vh !important;
		height: 100vh !important;
		min-width: 100% !important;
		min-height: 100% !important;
		pointer-events: none !important;
	}

}
	.med-yt-restart {
	display: inline-block !important;
	position: relative !important;
	z-index: 10 !important;
	cursor: pointer !important;
	}

	.med-yt-restart img {
	display: inline-block !important;
	}