/* ==========================================================================
   Hero background video
   Applies to any WPBakery row/section with the custom class "heroVideoBG".
   ========================================================================== */

.heroVideoBG {
	position: relative;
	overflow: hidden;
}

/* Darkening overlay so text/buttons stay legible over the video.
   A real element, not ::after: WPBakery's own CSS forces
   display:none/visibility:hidden on ::before/::after for the
   .vc_section-flex and .vc_section-o-content-* classes it adds to rows,
   which silently killed a pseudo-element overlay.
   Sits above the video (z-index: -2) and below the section's normal
   in-flow content, which paints above negative z-index layers regardless. */
.heroVideoBG__overlay {
	position: absolute;
	inset: 0;
	background-color: rgba(31, 43, 56, .3);
	z-index: -1;
	pointer-events: none;
}

.heroVideoBG__video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -2;
	object-fit: cover;
	pointer-events: none;
}