/*! GENERATED by tools/scope-css.php from eehp-base.css — do not edit. */
/*!
 * EEHP Pages — base layer.
 *
 * The ported home page's stylesheet (css/homepage.css) and markup depend on
 * design tokens, the self-hosted fonts and the .container / .btn classes that
 * live in the eehp rebuild's style.css. That theme is not active here, so only
 * the pieces those pages actually use are carried across.
 *
 * Deliberately NOT a copy of style.css. The global element reset, the masthead
 * and the footer rules are all left behind — they would restyle Elementor's own
 * output. This file is also only enqueued on the ported pages.
 *
 * Font URLs are ../assets/ because this sits in eehp-pages/css/, whereas the
 * original style.css sat at its theme root.
 */

body.eehp-ported-page{
	--bg: #ffffff;
	--bg-soft: #f7f5f0;
	--ink: #00205C;
	--ink-soft: #3d4f44;
	--ink-mute: #6b7a72;
	--line: #e3ddd0;
	--line-strong: #c9c0ad;
	--accent: #479243;
	--accent-deep: #479243;
	--accent-soft: #ecf6eb;
	--green: #2a6c4f;
	--green-deep: #1f5239;
	--warn: #c93232;
	--radius: 8px;
	--radius-lg: 12px;
	--max-width: 1440px;
	--gutter: clamp(1rem, 3vw, 2rem);
}

@font-face {
	font-family: "Satoshi";
	src: url("../assets/fonts/Satoshi-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Satoshi";
	src: url("../assets/fonts/Satoshi-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Satoshi";
	src: url("../assets/fonts/Satoshi-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

body.eehp-ported-page.eehp-ported-page.eehp-ported-page .container{
	width: 100%;
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 0 var(--gutter);
}

body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	padding: .85rem 1.35rem;
	font-size: .95rem;
	font-weight: 600;
	line-height: 1.2;
	border-radius: var(--radius);
	border: 1px solid transparent;
	transition: background .18s ease, border-color .18s ease, transform .15s ease, box-shadow .18s ease;
	white-space: nowrap;
	cursor: pointer;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn:focus-visible{ outline: 2px solid var(--accent); outline-offset: 3px; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--primary{
	background: var(--accent);
	color: #fff;
	border-color: var(--accent-deep);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--primary:hover{ background: var(--bg-soft); color: var(--accent); transform: translateY(-1px); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--secondary{
	background: var(--ink);
	color: #fff;
	border-color: var(--ink);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--secondary:hover{ background: var(--bg-soft); color: var(--ink); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--ghost{
	background: transparent;
	color: var(--ink);
	border-color: var(--line-strong);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--ghost:hover{ border-color: var(--ink); background: var(--bg-soft); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--lg{ padding: 1rem 1.5rem; font-size: 1rem; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--block{ display: flex; width: 100%; justify-content: center; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .arrow-icon{ width: 16px; height: 16px; }

body.eehp-ported-page.eehp-ported-page.eehp-ported-page .screen-reader-text{
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/* -----------------------------------------------------------------
   Elementor kit reconciliation.

   The site's Elementor kit styles links as `.elementor-kit-165 a`
   (specificity 0,1,1), which outranks the plain `.btn--primary`
   (0,1,0) the ported markup relies on — buttons came out green text
   on a green fill. These rules re-assert the button colours at a
   higher specificity using the body class bootstrap.php adds.

   Scoped to .btn deliberately: Elementor's own header and footer
   buttons use .elementor-button, so nothing outside the ported
   content is affected.
   ----------------------------------------------------------------- */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--primary, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page a.btn--primary{
	color: #fff;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--primary:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page a.btn--primary:hover{
	color: var(--accent);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--secondary, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page a.btn--secondary{
	color: #fff;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--secondary:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page a.btn--secondary:hover{
	color: var(--ink);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page .btn--ghost, body.eehp-ported-page.eehp-ported-page.eehp-ported-page.eehp-ported-page a.btn--ghost{
	color: var(--ink);
}