/**
 * #.# Feature Video Module
 *
 * Styles for template-parts/modules/feature_video_module.php
**/

.feature_video_module { background: var(--black);padding: 20px 0 60px; }

.feature_video_module.white-bg { background: var(--white); }
.feature_video_module.grey-bg  { background: var(--grey); }
.feature_video_module.green-bg { background: var(--green); }

.fvm-video-wrap {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	width: 100%;
}

.fvm-video-wrap video,
.fvm-video-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fvm-title {
	text-align: center;
	color: var(--white);
	font-family: var(--content);
	font-size: 22px;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin: 24px 0 0;
}

.feature_video_module.white-bg .fvm-title,
.feature_video_module.grey-bg .fvm-title {
	color: var(--black);
}

@media (max-width: 992px) {
	.fvm-video-wrap { border-radius: 10px; }
	.fvm-title { font-size: 12px; margin-top: 16px; }
}



@media (max-width: 768px) {
.feature_video_module {padding: 5px 0;}
}

@media (max-width: 600px) {
	.fvm-video-wrap { border-radius: 8px; }
}