/* Font Face Declarations */
@font-face {
  font-family: 'General Sans';
  src: url('/medialibrary/edewp/cl/public/fonts/GeneralSans/GeneralSans-Variable.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
  font-stretch: 100%;
}

@font-face {
  font-family: 'General Sans';
  src: url('/medialibrary/edewp/cl/public/fonts/GeneralSans/GeneralSans-VariableItalic.woff2') format('woff2');
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
  font-stretch: 100%;
}

.uom-fv-navigation :focus-visible {
	outline-color: var(--uom-color-black);
}

.uom-fv-navigation .uom-fv-logo:focus-visible {
	outline-color: var(--uom-color-white);

	@media (min-width: 82rem) {
		outline-color: var(--uom-color-black);
	}
}

.uom-fv-navigation .uom-l-reel {
	scroll-snap-type: unset;

	@media (min-width: 82rem) {
		padding-block: 5px;
	}
}

.uom-fv main.uom-wrapper {
	margin-bottom: 50px;
}

.uom-footer .uom-wrapper .footer-row:first-child {
    border-top: none;
}

.uom-fv-hero {
	background-color: var(--uom-color-blue-700);
}

.uom-fv-hero:before {
	@media screen and (min-width: 40rem) {
		background: var(--uom-color-blue-700);
	}

	@media screen and (min-width: 50rem) {
		background: none;
	}
}

.uom-fv-hero__media {
	@media screen and (min-width: 40rem) and (max-width: 60rem) {
		/*display: none;*/
	}
}

.uom-fv-hero__content {
	/*max-inline-size: 28rem;*/

	@media (min-width: 50rem) {
		max-inline-size: 28rem;
	}

	@media (min-width: 900px) {
		max-inline-size: 30rem;
	}

	@media (min-width: 1000px) {
		max-inline-size: 35rem;
	}

	@media (min-width: 1200px) {
		max-inline-size: 37.5rem;
	}
}

.uom-fv-hero__content {
}

.uom-fv-frame iframe.uom-fv-video {
	width: 100%;
	aspect-ratio: 16 / 9;
	border: none;
}

.uom-fv-social-proof {
	max-inline-size: min(100%, 300px);
}

.uom-c-cm__media img {
	height: 100%;
	object-fit: cover;
}

.uom-c-card[data-card-type="volunteer"] {
	h3 {
		text-transform: uppercase;
	}
}

.uom-fv h1,
.uom-fv h2,
.uom-fv h3 {
	font-weight: var(--font-weight-regular);
}

.uom-fv-usp h3 {
	font-weight: var(--font-weight-bold);
}

h2.uppercase {
	.uom-fv & {
		@media screen and (min-width: 40rem) {
			font-size: var(--step-7);
		}
	}
}

.uom-fv .uom-c-cm h2,
.uom-fv .uom-c-cm h3 {
	text-transform: uppercase;
	font-weight: var(--font-weight-regular);

	@media (min-width: 40rem) {
    	font-size: var(--step-4);
	}

	@media (min-width: 60rem) {
    	font-size: var(--step-5);
	}
}

.uom-fv-intro-text-panel h1 {
	font-weight: 300; /* We should add a CSS variable for this */
	font-size: var(--step-4);
}

.uom-fv .uom-fv-section-heading {
	font-weight: 300;
   	font-size: var(--step-3);
}

.uom-c-card[data-card-type="navigation"] {
	.uom-c-button[data-variant=secondary] svg {
		transform: rotate(0deg);
	}
}

#will-guide-form .uom-c-button[data-ghost-button]:focus-visible {
	outline: 2px solid var(--uom-color-utility-blue);
	outline-offset: .3ch;
}