/*
Theme name: RIA Advisors Wealth Management Site
Description: Custom Theme
*/

/*
	Source SCSS styles are located in resources/scss/
	The compiled bundle is saved to `dist/index.${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).

	The DEVELOPMENT.md file contains instructions how to get the build
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/

p {  }

.hero__background video {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/* Video hero: graduated overlay, darkest behind the copy */
.hero.hero--variant_3:has(.hero__background video) .hero__background::after {
	background-color: transparent;
	background-image: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.75) 0%,
		rgba(0, 0, 0, 0.50) 50%,
		rgba(0, 0, 0, 0.25) 100%
	);
}

/* Mobile: keep the homepage hero headline on one line */
@media (max-width: 767px) {
	body.home .hero.hero--variant_3 .hero__title {
		font-size: calc((100vw - 48px) / 11.2);
		white-space: nowrap;
	}

	body.home .hero.hero--variant_3 .rotating-text,
	body.home .hero.hero--variant_3 .rotating-text span {
		white-space: normal;
	}
}