@import "mixins-transform";

.gambit_video_inner {
	position: relative;
	z-index: 0;
}
.gambit_has_video_bg {
	position: relative;
	z-index: 1;
}
.gambit_video_inner .click-overrider {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	pointer-events: all !important;
}
.gambit_video_inner {
	display: flex;
	position: absolute !important;
	pointer-events: none !important;
	overflow: hidden !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	@include transform(none !important);
	iframe {
		margin-bottom: 0 !important;
		display: block !important;
		max-width: none !important;
		max-height: none !important;
	}
	.fluidvids {
		height: 100%;
	}
}
.gambit_video_self_hosted {
	object-fit: cover;
	font-family: 'object-fit: cover;';
	flex: 1 1 auto;
}

// Make sure that the other siblings have position relative so that they don't get hidden behind the video
.gambit_video_inner + *:not(.gambit_video_inner):not(.gambit_parallax_inner) {
	position: relative;
}


/*
 * Hide the video in the VC frontend editor
 */
body.vc_editor .gambit_video_inner {
	display: none;
}


/**
 * Bug fix: videos are still being hidden in IE11 Windows 7 even though the visibility has already been changed
 */
.gambit_video_inner.force-show {
	visibility: visible !important;
}