/* ============================
NFM UX GLOBAL OVERRIDE CSS FILE
=============================*/

/* Custom Column Widths */
/* 5 wide columns */
.col-5-wide {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 576px) {
	.col-sm-5-wide {
		position: relative;
		width: 100%;
		max-width: 20%;
		flex: 0 0 20%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 768px) {
	.col-md-5-wide {
		position: relative;
		width: 100%;
		max-width: 20%;
		flex: 0 0 20%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 1025px) {
	.col-lg-5-wide {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 1200px) {
	.col-xl-5-wide {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
}

.c-video-banner__video-bg--scene7 .s7container {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
}

.video-container .video-placeholder:has(img) {
	z-index: 2;
}

.video-container .video-placeholder:has(img).hidden,
.video-container .video-placeholder:has(img).hidden * {
	opacity: 0 !important;
	pointer-events: none !important;
	display: block !important;
}

.c-video-banner__video-control.video-custom-toggler.loading {
	position: absolute !important;
}