/* ==========================================================================
   INNER-PAGE HERO
   Markup: template-parts/page-hero.php
   Brand overlay tint: #03193C
   ========================================================================== */

.page-hero {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 280px;
	padding: 96px 0 48px;
	background-color: #03193C;
	background-size: cover;
	background-position: center;
	color: var(--color-white, #fff);
}

.page-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #03193C;
	opacity: 0.78;
	pointer-events: none;
}

.page-hero.section-bg-color:not(.page-hero--has-image) {
	background-image: none;
}

.page-hero.section-bg-color {
	background-color: var(--sec-bg-color, #03193C);
}

.page-hero.section-bg-gradient {
	background-image: var(--sec-bg-gradient);
	background-color: var(--sec-bg-color, #03193C);
}

.page-hero.section-bg-gradient::before {
	display: none;
}

.page-hero.section-bg-image {
	background-image: var(--sec-bg-url);
}

.page-hero.section-bg-image::before {
	background: var(--sec-bg-color, #03193C);
	opacity: var(--sec-overlay, 0.72);
}

.page-hero.section-bg-image--plain::before {
	display: none;
}

.page-hero .container {
	position: relative;
	z-index: 1;
}

.page-hero__title {
	margin: 12px 0 0;
	color: var(--color-white, #fff);
	font-size: var(--fs-h1);
	max-width: 18ch;
}

.page-hero__crumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: var(--fw-semibold);
}

.page-hero__crumbs a {
	color: rgba(255, 255, 255, 0.88);
	text-decoration: none;
}

.page-hero__crumbs a:hover,
.page-hero__crumbs a:focus-visible {
	color: var(--color-accent, #FE5C08);
}

.page-hero__sep {
	color: rgba(255, 255, 255, 0.5);
}

.page-hero__current {
	color: var(--color-accent, #FE5C08);
}

@media (max-width: 767px) {
	.page-hero {
		min-height: 220px;
		padding: 80px 0 36px;
	}

	.page-hero__title {
		font-size: 32px;
		max-width: none;
	}
}