/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.1
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here...Remember to change the Version number above! */ /* IGC hero video — layout, fade-in, and the home-hero scrim.
   Add to bb-theme-child style.css (site-wide; harmless on pages without heroes). */

/* Media stack: poster always present underneath (fallback), video fades in above */
.igc-hero-media {
	position: absolute;
	inset: 0;
	overflow: hidden;
}
.igc-hero-media .igc-hero-poster,
.igc-hero-media .igc-hero-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.igc-hero-media .igc-hero-video {
	opacity: 0;
	transition: opacity 0.6s ease;
}
.igc-hero-media.igc-video-ready .igc-hero-video {
	opacity: 1;
}

/* Home hero scrim (Bilu): dark gradient behind the text block so copy stays
   readable over moving footage. Sits above the media, below the text. */
.igc-hero-scrim::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(
		to right,
		rgba(4, 22, 38, 0.82) 0%,
		rgba(4, 22, 38, 0.55) 45%,
		rgba(4, 22, 38, 0.15) 75%,
		rgba(4, 22, 38, 0) 100%
	);
}
/* Ensure the hero text column paints above the scrim */
.igc-hero-scrim .fl-row-content {
	position: relative;
	z-index: 2;
}
/* Stacked/mobile hero: side gradient doesn't help when text sits over the
   center — switch to a bottom-up scrim */
@media ( max-width: 767px ) {
	.igc-hero-scrim::after {
		background: linear-gradient(
			to top,
			rgba(4, 22, 38, 0.85) 0%,
			rgba(4, 22, 38, 0.45) 55%,
			rgba(4, 22, 38, 0.10) 100%
		);
	}
}