/*
Theme Name: HMT3Design Etch Child
Description: Clean HMT3Design site configuration layer for the Etch theme.
Author: HMT3 Design
Template: etch-theme
Version: 0.1.8
Text Domain: hmt3design-etch-child
*/

/*
 * Flex Nav panels are charcoal. Keep cream links and gold hover so the
 * inherited header color stays readable.
 */
.header-alpha .flex-nav__dropdown-inner {
	color: var(--tertiary);
}

.header-alpha .flex-nav__dropdown .flex-nav__link,
.header-alpha .flex-nav__dropdown .flex-nav__link:link,
.header-alpha .flex-nav__dropdown .flex-nav__link:visited {
	color: var(--tertiary);
}

.header-alpha .flex-nav__dropdown .flex-nav__link:hover,
.header-alpha .flex-nav__dropdown .flex-nav__link:focus-visible {
	color: var(--accent);
}

.page-id-11 .image-block__figure img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.bl-fee-table-wrap {
	overflow-x: auto;
	margin-block: var(--space-m, 1.5rem);
	padding: var(--space-s, 0.75rem);
	background: var(--base-dark);
	border: 1px solid color-mix(in oklch, var(--accent) 28%, var(--base-dark));
	border-radius: var(--radius, 0.35rem);
}

.bl-fee-table {
	width: 100%;
	border-collapse: collapse;
	color: var(--tertiary);
}

.bl-fee-table caption {
	caption-side: bottom;
	margin-top: var(--space-xs, 0.5rem);
	text-align: left;
	color: color-mix(in oklch, var(--tertiary) 70%, var(--neutral));
}

.bl-fee-table th,
.bl-fee-table td {
	padding: var(--space-xs, 0.75rem) var(--space-s, 1rem);
	border-bottom: 1px solid color-mix(in oklch, var(--tertiary) 18%, transparent);
	text-align: left;
	vertical-align: top;
}

.bl-fee-table th {
	color: var(--tertiary);
}

.bl-fee-table .bl-fee-table__group th {
	padding-top: var(--space-s, 1rem);
	border-bottom-color: color-mix(in oklch, var(--accent) 40%, var(--base-dark));
	background-color: var(--base);
	font-weight: 700;
}

@media (prefers-reduced-motion: reduce) {
	.bl-fee-table-wrap {
		scroll-behavior: auto;
	}
}

/*
 * Administrative & HR Services — lighter overview and service pages.
 * Scoped to page 12, page 247, and their children.
 */
.page-id-12 .hero-block,
.page-id-12 .hero-block.hero--standard,
.page-id-12 .hero-block.dark-mode,
.page-id-12 .hero,
.page-id-12 .hero.content--full,
.page-id-12 .hero--standard,
.page-id-12 .features-grid,
.page-id-12 .text-block,
.page-id-12 .buttons-block,
.page-id-247 .hero-block,
.page-id-247 .hero-block.hero--standard,
.page-id-247 .hero-block.dark-mode,
.page-id-247 .hero,
.page-id-247 .hero.content--full,
.page-id-247 .hero--standard,
.page-id-247 .features-grid,
.page-id-247 .text-block,
.page-id-247 .buttons-block,
.parent-pageid-12 .hero-block,
.parent-pageid-12 .hero-block.hero--standard,
.parent-pageid-12 .hero-block.dark-mode,
.parent-pageid-12 .hero,
.parent-pageid-12 .hero.content--full,
.parent-pageid-12 .hero--standard,
.parent-pageid-12 .text-block,
.parent-pageid-12 .buttons-block,
.parent-pageid-247 .hero-block,
.parent-pageid-247 .hero-block.hero--standard,
.parent-pageid-247 .hero-block.dark-mode,
.parent-pageid-247 .hero,
.parent-pageid-247 .hero.content--full,
.parent-pageid-247 .hero--standard,
.parent-pageid-247 .text-block,
.parent-pageid-247 .buttons-block {
	background: var(--tertiary);
	color: var(--base-dark);
}

.page-id-12 .section-intro__heading,
.page-id-12 .section-intro__intro,
.page-id-247 .section-intro__heading,
.page-id-247 .section-intro__intro,
.parent-pageid-12 .section-intro__heading,
.parent-pageid-12 .section-intro__intro,
.parent-pageid-247 .section-intro__heading,
.parent-pageid-247 .section-intro__intro {
	color: var(--base-dark);
}

.page-id-12 .section-intro__overline,
.page-id-247 .section-intro__overline,
.parent-pageid-12 .section-intro__overline,
.parent-pageid-247 .section-intro__overline {
	color: var(--primary);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.page-id-12 .hero-block,
.page-id-247 .hero-block,
.parent-pageid-12 .hero-block,
.parent-pageid-247 .hero-block {
	padding-block: var(--space-xl, 3rem);
}

.page-id-12 .features-grid,
.page-id-12 .text-block,
.page-id-12 .buttons-block,
.page-id-247 .features-grid,
.page-id-247 .text-block,
.page-id-247 .buttons-block,
.parent-pageid-12 .text-block,
.parent-pageid-12 .buttons-block,
.parent-pageid-247 .text-block,
.parent-pageid-247 .buttons-block {
	padding-block: var(--space-l, 2rem) var(--space-xl, 3rem);
}

.page-id-12 .feature-card,
.page-id-247 .feature-card {
	background: color-mix(in oklch, var(--tertiary) 88%, white);
	color: var(--base-dark);
	border-color: color-mix(in oklch, var(--accent) 35%, var(--tertiary));
	min-height: 6.5rem;
	padding: var(--space-m, 1.25rem) var(--space-l, 1.75rem);
}

.page-id-12 .feature-card__subheading,
.page-id-12 .feature-card__content,
.page-id-247 .feature-card__subheading,
.page-id-247 .feature-card__content {
	color: var(--base-dark);
}

.page-id-12 .feature-card a,
.page-id-247 .feature-card a,
.page-id-247 a:not([class*="btn"]),
.parent-pageid-12 a:not([class*="btn"]),
.parent-pageid-247 a:not([class*="btn"]) {
	color: var(--primary);
}

.page-id-12 .feature-card a:hover,
.page-id-12 .feature-card a:focus-visible,
.page-id-247 .feature-card a:hover,
.page-id-247 .feature-card a:focus-visible,
.page-id-247 a:not([class*="btn"]):hover,
.page-id-247 a:not([class*="btn"]):focus-visible,
.parent-pageid-12 a:not([class*="btn"]):hover,
.parent-pageid-12 a:not([class*="btn"]):focus-visible,
.parent-pageid-247 a:not([class*="btn"]):hover,
.parent-pageid-247 a:not([class*="btn"]):focus-visible {
	color: var(--accent);
}

.page-id-12 .buttons-block .master-button.btn--primary,
.page-id-247 .master-button.btn--primary,
.parent-pageid-12 .master-button.btn--primary,
.parent-pageid-247 .master-button.btn--primary {
	background: var(--primary);
	color: var(--tertiary);
}

.page-id-12 .buttons-block .master-button.btn--primary:hover,
.page-id-12 .buttons-block .master-button.btn--primary:focus-visible,
.page-id-247 .master-button.btn--primary:hover,
.page-id-247 .master-button.btn--primary:focus-visible,
.parent-pageid-12 .master-button.btn--primary:hover,
.parent-pageid-12 .master-button.btn--primary:focus-visible,
.parent-pageid-247 .master-button.btn--primary:hover,
.parent-pageid-247 .master-button.btn--primary:focus-visible {
	outline: 2px solid var(--primary);
	outline-offset: 0.2rem;
}

.page-id-12 .hero-block .section-intro__intro,
.page-id-12 .text-block .section-intro__intro,
.page-id-247 .hero-block .section-intro__intro,
.parent-pageid-12 .hero-block .section-intro__intro,
.parent-pageid-12 .text-block .section-intro__intro,
.parent-pageid-247 .hero-block .section-intro__intro,
.parent-pageid-247 .text-block .section-intro__intro {
	max-inline-size: 65ch;
	font-size: var(--text-l, 1.2rem);
	line-height: 1.55;
}