/* ==================================================================
   Mandera County — Avada Child custom UI/UX
   Brand: primary #009933 · secondary #A0CE4E · font Roboto
   Loaded LAST so these rules win the cascade. Prefixed selectors kept
   specific to avoid clobbering Fusion Builder internals.
   ================================================================== */

:root {
	--mc-green:        #009933;
	--mc-green-dark:   #007a29;
	--mc-green-darker: #00611f;
	--mc-lime:         #A0CE4E;
	--mc-ink:          #1a2b1f;
	--mc-body:         #3a4a40;
	--mc-muted:        #6b7a70;
	--mc-line:         #e6ece7;
	--mc-bg-soft:      #f5f8f5;
	--mc-radius:       12px;
	--mc-radius-lg:    20px;
	--mc-shadow:       0 4px 20px rgba(0, 97, 31, 0.08);
	--mc-shadow-lg:    0 12px 40px rgba(0, 97, 31, 0.14);
	--mc-transition:   0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ---------- Base typography ---------- */
body,
.fusion-body {
	font-family: "Roboto", -apple-system, "Segoe UI", sans-serif;
	color: var(--mc-body);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.fusion-title h1, .fusion-title h2, .fusion-title h3 {
	font-family: "Roboto", sans-serif;
	color: var(--mc-ink);
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.2;
}

/* Legacy maroon (#993300) hardcoded inline in old content → brand ink */
[style*="#993300"], [style*="#993300"] * {
	color: var(--mc-ink) !important;
}

/* Kill the legacy maroon theme-option heading color (dated look) */
.fusion-title h1, .fusion-title h2, .fusion-title h3, .fusion-title h4,
.fusion-main-menu-cart + h2, .title h2, .title h3 {
	color: var(--mc-ink) !important;
}
.fusion-title .title-sep,
.title .title-sep {
	border-color: var(--mc-lime) !important;
	border-bottom-style: solid !important;
	border-top-style: solid !important;
}

p { line-height: 1.7; }

a { transition: color var(--mc-transition); }
a:hover { color: var(--mc-green-dark); }

/* ---------- Buttons ---------- */
.fusion-button.button-default,
.fusion-button.button-1,
input[type="submit"],
.wpcf7-submit {
	background: var(--mc-green) !important;
	border: none !important;
	border-radius: 999px !important;
	color: #fff !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em;
	padding: 0.85em 2em !important;
	box-shadow: 0 6px 18px rgba(0, 153, 51, 0.28);
	transition: transform var(--mc-transition), box-shadow var(--mc-transition), background var(--mc-transition);
}

.fusion-button.button-default:hover,
.fusion-button.button-1:hover,
input[type="submit"]:hover,
.wpcf7-submit:hover {
	background: var(--mc-green-dark) !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 26px rgba(0, 153, 51, 0.38);
}

/* Secondary / outline button variant */
.fusion-button.button-2 {
	background: transparent !important;
	border: 2px solid var(--mc-lime) !important;
	color: var(--mc-ink) !important;
	border-radius: 999px !important;
}
.fusion-button.button-2:hover {
	background: var(--mc-lime) !important;
	color: var(--mc-ink) !important;
}

/* ---------- Header / nav polish ---------- */
.fusion-header-wrapper .fusion-header {
	box-shadow: var(--mc-shadow);
}
.fusion-main-menu > ul > li > a {
	font-weight: 500;
	transition: color var(--mc-transition);
}
.fusion-main-menu > ul > li > a:hover {
	color: var(--mc-green) !important;
}
/* Active-page underline accent */
.fusion-main-menu > ul > li.current-menu-item > a {
	color: var(--mc-green) !important;
	box-shadow: inset 0 -3px 0 var(--mc-lime);
}

/* ---------- Cards / content boxes ---------- */
.fusion-content-boxes .content-box-wrapper,
.fusion-column-wrapper .fusion-flip-box,
article.post {
	border-radius: var(--mc-radius);
	box-shadow: var(--mc-shadow);
	transition: transform var(--mc-transition), box-shadow var(--mc-transition);
	background: #fff;
}
.fusion-content-boxes .content-box-wrapper:hover,
article.post:hover {
	transform: translateY(-4px);
	box-shadow: var(--mc-shadow-lg);
}

/* ---------- Counter / stat boxes ---------- */
.fusion-counter-box .counter-box-content .display-counter {
	color: var(--mc-green);
	font-weight: 900;
}

/* ---------- Section rhythm ---------- */
.fusion-fullwidth {
	padding-top: clamp(1.5rem, 3vw, 2.5rem);
	padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
}
.fusion-fullwidth.mc-soft { background: #fff; }

/* Kill the legacy negative-padding void hack if it lingers */
.fusion-fullwidth[style*="padding-top: -"],
.fusion-fullwidth[style*="padding-top:-"] {
	padding-top: 0 !important;
}

/* ==================================================================
   Header & navigation overhaul
   ================================================================== */

/* Sticky header */
.fusion-header-wrapper {
	position: sticky;
	top: 0;
	z-index: 1000;
}

/* Top utility bar */
.fusion-secondary-header {
	background: var(--mc-green-darker) !important;
	border-bottom: none !important;
	padding: 0.35em 0;
	font-size: 0.82rem;
}
.fusion-secondary-header,
.fusion-secondary-header a,
.fusion-secondary-header .fusion-social-links-header a {
	color: rgba(255, 255, 255, 0.92) !important;
}
.fusion-secondary-header a:hover { color: var(--mc-lime) !important; }
.fusion-secondary-header .fusion-secondary-menu > ul > li > a {
	border: none !important;
	height: auto !important;
	line-height: 2.2 !important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

/* Main header row */
.fusion-header {
	background: #fff !important;
	box-shadow: none;
	border-bottom: 1px solid var(--mc-line);
}
.fusion-header .fusion-row { padding-top: 0.6rem !important; padding-bottom: 0.6rem !important; }
.fusion-logo { margin: 0 !important; }
.fusion-logo img { max-height: 64px; width: auto; }

/* Remove the empty white logo band above the slider — it renders blank and
   only adds height. The menu lives in a sibling (.fusion-secondary-main-menu),
   so hiding just this row keeps the nav intact and pulls it up tight under
   the top utility bar. */
.fusion-header > .fusion-row { display: none !important; }
.fusion-header { background: transparent !important; border-bottom: none !important; }

/* Main menu bar — gradient on the full-width strip so it reads seamless
   edge-to-edge (the centered nav row sits on top within the 1600px rail). */
.fusion-secondary-main-menu,
.fusion-main-menu {
	background: linear-gradient(100deg, var(--mc-green-dark), var(--mc-green)) !important;
}
/* Center the nav items (Avada floats them left, leaving a big empty gap). */
.fusion-main-menu > ul,
.fusion-main-menu > ul.fusion-menu {
	display: flex !important;
	justify-content: center !important;
	flex-wrap: wrap;
	float: none !important;
	width: 100% !important;
}
.fusion-main-menu > ul > li {
	float: none !important;
	display: inline-flex;
}
.fusion-main-menu > ul > li > a {
	color: #fff !important;
	font-weight: 600 !important;
	font-size: 0.72rem !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	height: 44px !important;
	line-height: 44px !important;
	padding: 0 13px !important;
	border: none !important;
	white-space: nowrap;
	transition: background var(--mc-transition), box-shadow var(--mc-transition);
}
/* Keep the centered nav on a single row on desktop. */
@media (min-width: 1025px) { .fusion-main-menu > ul { flex-wrap: nowrap; } }
.fusion-main-menu > ul > li > a:hover {
	color: #fff !important;
	background: rgba(0, 0, 0, 0.18);
	box-shadow: inset 0 -3px 0 var(--mc-lime);
}
.fusion-main-menu > ul > li.current-menu-item > a,
.fusion-main-menu > ul > li.current_page_item > a {
	color: #fff !important;
	background: rgba(0, 0, 0, 0.22);
	box-shadow: inset 0 -3px 0 var(--mc-lime);
}

/* Dropdowns */
.fusion-main-menu .sub-menu {
	background: #fff !important;
	border: none !important;
	border-radius: 0 0 var(--mc-radius) var(--mc-radius);
	box-shadow: var(--mc-shadow-lg) !important;
	overflow: hidden;
	padding: 6px 0;
}
.fusion-main-menu .sub-menu li a {
	color: var(--mc-ink) !important;
	font-size: 0.88rem !important;
	padding: 10px 18px !important;
	border: none !important;
	transition: background var(--mc-transition), color var(--mc-transition), padding-left var(--mc-transition);
}
.fusion-main-menu .sub-menu li a:hover {
	background: var(--mc-bg-soft) !important;
	color: var(--mc-green-dark) !important;
	padding-left: 24px !important;
}

/* Mobile nav */
.fusion-mobile-nav-holder { background: var(--mc-green-darker); }
.fusion-mobile-nav-holder .fusion-mobile-nav-item a {
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
	background: transparent !important;
}
.fusion-mobile-nav-holder .fusion-mobile-nav-item a:hover { background: rgba(255, 255, 255, 0.08) !important; }
.fusion-mobile-menu-icons a { color: var(--mc-green) !important; }

/* ==================================================================
   Footer (templates/footer-content.php)
   ================================================================== */
.mc-footer { background: var(--mc-green-darker); color: #d7ecd9; }
.mc-footer__grid {
	display: grid;
	grid-template-columns: 1.3fr 1fr 1.3fr 1.1fr;
	gap: 2.25rem 3.25rem;
	padding-top: clamp(3rem, 4.5vw, 4rem);
	padding-bottom: clamp(2.75rem, 4vw, 3.5rem);
}
@media (max-width: 980px) { .mc-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .mc-footer__grid { grid-template-columns: 1fr; gap: 1.8rem; } }
.mc-footer h3 {
	color: #fff !important;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	margin: 0 0 1.2em;
}
.mc-footer__sub { margin-top: 1.6em !important; }
.mc-footer ul { list-style: none; margin: 0; padding: 0; }
.mc-footer ul li { margin: 0 0 0.7em; font-size: 0.85rem; line-height: 1.65; }
.mc-footer__contact li { margin-bottom: 0.55em; }
.mc-footer a { color: #d7ecd9 !important; text-decoration: none; transition: color var(--mc-transition), padding-left var(--mc-transition); }
.mc-footer a:hover { color: var(--mc-lime) !important; }
.mc-footer ul:not(.mc-footer__contact) li a:hover { padding-left: 4px; }
.mc-footer__all { font-weight: 600; color: var(--mc-lime) !important; }
.mc-footer__logo { font-size: 1.15rem; font-weight: 900; color: #fff; margin: 0 0 0.3em; letter-spacing: -0.01em; }
.mc-footer__tagline { font-size: 0.85rem; line-height: 1.65; color: #b8d8bc; max-width: 26em; }
.mc-footer__social { display: flex; gap: 0.6rem; margin-top: 1.1rem; flex-wrap: wrap; }
.mc-footer__social a {
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 999px;
	padding: 0.35em 1em;
	font-size: 0.82rem;
	font-weight: 600;
}
.mc-footer__social a:hover { border-color: var(--mc-lime); }
.mc-footer__bottom { background: #00340f; padding: 1.35rem 0; }
.mc-footer__bottom-inner { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.mc-footer__bottom p { margin: 0; font-size: 0.85rem; line-height: 1.6; color: #9fc4a5; }

/* ---------- Forms ---------- */
input[type="text"], input[type="email"], input[type="tel"],
textarea, select {
	border: 1px solid var(--mc-line) !important;
	border-radius: var(--mc-radius) !important;
	transition: border-color var(--mc-transition), box-shadow var(--mc-transition);
}
input:focus, textarea:focus, select:focus {
	border-color: var(--mc-green) !important;
	box-shadow: 0 0 0 3px rgba(0, 153, 51, 0.15) !important;
	outline: none !important;
}

/* ---------- Accessibility ---------- */
a:focus-visible, button:focus-visible, .fusion-button:focus-visible {
	outline: 3px solid var(--mc-lime);
	outline-offset: 2px;
}

/* ---------- Responsive tweaks ---------- */
@media (max-width: 768px) {
	h1, .fusion-title h1 { font-size: clamp(1.6rem, 6vw, 2.2rem) !important; }
	.fusion-button { width: 100%; text-align: center; }
}

/* ---------- Reusable hero (for the rebuilt hero section) ---------- */
.mc-hero {
	position: relative;
	min-height: 62vh;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: center;
}
.mc-hero::before {
	content: "";
	position: absolute; inset: 0;
	background: linear-gradient(105deg, rgba(0,97,31,0.82) 0%, rgba(0,153,51,0.55) 55%, rgba(160,206,78,0.25) 100%);
}
.mc-hero__inner { position: relative; z-index: 1; color: #fff; padding: clamp(3rem, 8vw, 6rem) 5vw; max-width: 1200px; margin: 0 auto; width: 100%; }
.mc-hero__inner h1 { color: #fff; font-size: clamp(2rem, 5vw, 3.4rem); margin: 0.2em 0 0.3em; }
.mc-hero--gradient {
	background:
		radial-gradient(1200px 500px at 85% 15%, rgba(160, 206, 78, 0.35), transparent 60%),
		linear-gradient(120deg, #00611f 0%, #009933 60%, #2fae5b 100%);
}
.mc-hero--gradient::before { background: none; }
.mc-hero__kicker {
	text-transform: uppercase;
	letter-spacing: 0.22em;
	font-weight: 500;
	font-size: 0.85rem;
	color: var(--mc-lime);
	margin: 0;
}
.mc-hero__sub {
	font-size: clamp(1rem, 2vw, 1.25rem);
	max-width: 34em;
	color: rgba(255, 255, 255, 0.92);
	margin: 0 0 1.6em;
}
.mc-hero__actions { display: flex; gap: 0.8rem; flex-wrap: wrap; align-items: center; }
.mc-hero__btn {
	display: inline-block !important;
	padding: 0.85em 2em !important;
	border-radius: 999px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	letter-spacing: 0.04em;
}
.mc-hero__btn--ghost {
	background: transparent !important;
	border: 2px solid rgba(255, 255, 255, 0.75) !important;
	color: #fff !important;
	box-shadow: none;
}
.mc-hero__btn--ghost:hover { background: rgba(255, 255, 255, 0.15) !important; transform: translateY(-2px); }

/* ---------- News grid (replaces dead smart_post_show) ---------- */
.mc-news-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
	margin: 0.5rem 0;
	container-type: inline-size;
}

/* News archive page (archive.php) */
.mc-archive .mc-news-grid--archive { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.6rem; margin-top: 0.5rem; }
@media (max-width: 980px) { .mc-archive .mc-news-grid--archive { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .mc-archive .mc-news-grid--archive { grid-template-columns: 1fr; } }
.mc-archive__intro { color: var(--mc-muted); font-size: 0.95rem; max-width: 60em; margin: 0 0 1.4rem; }
.mc-archive__empty { color: var(--mc-muted); padding: 2rem 0; }
/* Pagination */
.mc-front .pagination { margin-top: 2.5rem; display: flex; justify-content: center; }
.mc-front .pagination .nav-links { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; }
.mc-front .pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 42px; height: 42px; padding: 0 0.85rem;
	border: 1px solid var(--mc-line); border-radius: 10px;
	background: #fff; color: var(--mc-ink); text-decoration: none;
	font-weight: 700; font-size: 0.9rem;
	transition: background var(--mc-transition), color var(--mc-transition), border-color var(--mc-transition);
}
.mc-front .pagination .page-numbers:hover { border-color: var(--mc-green); color: var(--mc-green-dark); }
.mc-front .pagination .page-numbers.current { background: linear-gradient(135deg, var(--mc-green), var(--mc-green-dark)); border-color: transparent; color: #fff; }
.mc-front .pagination .page-numbers.dots { border: none; background: none; }

/* Compact list style when the shortcode lands in a narrow Fusion column */
@container (max-width: 460px) {
	.mc-news-grid { grid-template-columns: 1fr; gap: 0.75rem; }
	.mc-news-card__media { display: none; }
	.mc-news-card__body { padding: 0.8rem 1rem 0.9rem; gap: 0.25rem; }
	.mc-news-card__title { font-size: 0.95rem; }
	.mc-news-card__excerpt, .mc-news-card__more { display: none; }
	.mc-news-card:hover { transform: none; }
}
.mc-news-card {
	background: #fff;
	border-radius: var(--mc-radius);
	overflow: hidden;
	box-shadow: var(--mc-shadow);
	transition: transform var(--mc-transition), box-shadow var(--mc-transition);
	display: flex;
	flex-direction: column;
}
.mc-news-card:hover { transform: translateY(-4px); box-shadow: var(--mc-shadow-lg); }
.mc-news-card__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--mc-bg-soft); }
.mc-news-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.mc-news-card:hover .mc-news-card__media img { transform: scale(1.04); }
.mc-news-card__placeholder {
	display: block; width: 100%; height: 100%;
	background: linear-gradient(120deg, var(--mc-green) 0%, var(--mc-lime) 100%);
	opacity: 0.25;
}
.mc-news-card__body { padding: 0.75rem 0.9rem 0.95rem; display: flex; flex-direction: column; gap: 0.3rem; }
.mc-news-card__date { font-size: 0.8rem; color: var(--mc-muted); text-transform: uppercase; letter-spacing: 0.08em; }
.mc-news-card__title { font-size: 0.92rem; line-height: 1.35; margin: 0; }
.mc-news-card__title a { color: var(--mc-ink); text-decoration: none; }
.mc-news-card__title a:hover { color: var(--mc-green-dark); }
.mc-news-card__excerpt { font-size: 0.82rem; color: var(--mc-body); margin: 0; }
.mc-news-card__more { font-weight: 600; font-size: 0.9rem; color: var(--mc-green); text-decoration: none; margin-top: auto; }

/* ==================================================================
   Front page (front-page.php) sections
   ================================================================== */
.mc-front { background: #fff; }

/* Break out of Avada's ~1100px .fusion-row so bands span edge to edge;
   .mc-container re-centres the content at 1200px. */
.home #main { padding: 0 !important; }
.home #main > .fusion-row {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.mc-container { max-width: 1600px; margin: 0 auto; padding: 0 clamp(14px, 2.2vw, 34px); }
.mc-section { padding: clamp(1.5rem, 3vw, 2.5rem) 0; }
.mc-section.mc-soft { background: #fff; }
.mc-kicker {
	text-transform: uppercase;
	letter-spacing: 0.16em;
	font-size: 0.68rem;
	font-weight: 600;
	color: var(--mc-green);
	margin: 0 0 0.4em;
}
.mc-section__title { font-size: clamp(1.25rem, 2.4vw, 1.7rem); margin: 0 0 1em; position: relative; padding-bottom: 0.4em; }
.mc-section__title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 46px;
	height: 4px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--mc-green), var(--mc-lime));
}
.mc-section__more { margin-top: 1.1rem; }

/* Quick links */
.mc-quicklinks { padding: 1.25rem 0 0.25rem; }
.mc-quicklinks__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0.8rem; }
.mc-quicklink {
	background: #fff;
	border-radius: var(--mc-radius);
	box-shadow: var(--mc-shadow-lg);
	padding: 0.8rem 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	text-decoration: none;
	color: var(--mc-body);
	border-top: 3px solid var(--mc-green);
	transition: transform var(--mc-transition), box-shadow var(--mc-transition);
}
.mc-quicklink:hover { transform: translateY(-4px); }
.mc-quicklink strong { color: var(--mc-ink); font-size: 0.95rem; }
.mc-quicklink span:last-child { font-size: 0.78rem; color: var(--mc-muted); }
.mc-quicklink__icon {
	font-size: 1.05rem;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: linear-gradient(135deg, rgba(0, 153, 51, 0.12), rgba(160, 206, 78, 0.3));
	margin-bottom: 0.3rem;
}

/* Governor */
.mc-governor { display: grid; grid-template-columns: 180px 1fr; gap: 1.75rem; align-items: center; }
.mc-governor__media img {
	width: 100%;
	border-radius: var(--mc-radius-lg);
	box-shadow: var(--mc-shadow-lg);
	aspect-ratio: 3 / 4;
	object-fit: cover;
	background: var(--mc-bg-soft);
}
.mc-governor__body h2 { font-size: clamp(1.2rem, 2.2vw, 1.55rem); margin: 0 0 0.5em; }
.mc-governor__sign span { color: var(--mc-muted); font-size: 0.9rem; }
@media (max-width: 768px) { .mc-governor { grid-template-columns: 1fr; } .mc-governor__media { max-width: 240px; } }

/* Departments */
.mc-dept-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.6rem; }
@media (max-width: 1000px) { .mc-dept-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px)  { .mc-dept-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mc-dept {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.55rem;
	min-height: 176px;
	border-radius: 16px;
	overflow: hidden;
	padding: 1.2rem 1.2rem 1rem;
	background: #fff;
	border: 1px solid #d9e7d6;
	box-shadow: 0 6px 18px rgba(0, 60, 20, 0.07);
	color: #111;
	text-decoration: none;
	transition: transform var(--mc-transition), box-shadow var(--mc-transition), border-color var(--mc-transition);
}
/* Green header band behind the icon for a bolder, less "flat" tile */
.mc-dept::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 74px;
	background: linear-gradient(135deg, rgba(0, 153, 51, 0.14), rgba(160, 206, 78, 0.16));
	border-bottom: 1px solid rgba(0, 153, 51, 0.12);
	z-index: 0;
}
.mc-dept:hover {
	transform: translateY(-5px) scale(1.02);
	box-shadow: 0 16px 40px rgba(15, 25, 20, 0.14);
	border-color: var(--mc-green);
	border-bottom-color: var(--mc-lime);
	color: #000;
}
/* Soft light sweep across the white surface on hover */
.mc-dept::after {
	content: "";
	position: absolute;
	top: 0;
	left: -80%;
	width: 55%;
	height: 100%;
	background: linear-gradient(105deg, transparent, rgba(0, 0, 0, 0.045), transparent);
	transform: skewX(-18deg);
	transition: left 0.55s ease;
}
.mc-dept:hover::after { left: 130%; }
/* Faint icon echo inside the header band, top-right */
.mc-dept__watermark {
	position: absolute;
	right: 12px;
	top: 8px;
	z-index: 0;
	font-size: 2.9rem;
	line-height: 1;
	opacity: 0.16;
	transform: rotate(-6deg);
	transition: opacity var(--mc-transition), transform var(--mc-transition);
	pointer-events: none;
}
.mc-dept:hover .mc-dept__watermark { opacity: 0.26; transform: rotate(-6deg) scale(1.08); }
@media (prefers-reduced-motion: no-preference) {
	.mc-dept__watermark { animation: mc-wm-float 5.5s ease-in-out infinite; }
	.mc-dept:nth-child(2n) .mc-dept__watermark { animation-delay: -1.6s; animation-duration: 6.5s; }
	.mc-dept:nth-child(3n) .mc-dept__watermark { animation-delay: -3.2s; animation-duration: 7s; }
	@keyframes mc-wm-float {
		0%, 100% { transform: rotate(-8deg) translateY(0); }
		50%      { transform: rotate(-2deg) translateY(-9px) scale(1.06); }
	}
}
.mc-dept__chip {
	position: relative;
	z-index: 1;
	font-size: 1.6rem;
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
	background: linear-gradient(135deg, var(--mc-green), var(--mc-green-dark));
	border: 3px solid #fff;
	box-shadow: 0 8px 18px rgba(0, 97, 31, 0.3);
	margin-bottom: 0.15rem;
	transition: transform var(--mc-transition), box-shadow var(--mc-transition);
}
.mc-dept:hover .mc-dept__chip { transform: scale(1.1) rotate(-4deg); }
.mc-dept__name {
	position: relative;
	z-index: 1;
	font-weight: 700;
	font-size: 0.9rem;
	line-height: 1.32;
	color: var(--mc-ink);
}
/* Animated underline draws itself under the name on hover */
.mc-dept__name::after {
	content: "";
	display: block;
	width: 0;
	height: 2px;
	margin-top: 5px;
	background: linear-gradient(90deg, var(--mc-green), var(--mc-lime));
	transition: width 0.35s ease;
}
.mc-dept:hover .mc-dept__name::after { width: 44px; }
.mc-dept__go {
	position: relative;
	z-index: 1;
	margin-top: auto;
	width: 100%;
	padding-top: 0.65rem;
	display: flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--mc-green-dark);
	transition: color var(--mc-transition);
}
.mc-dept__go::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, rgba(0, 153, 51, 0.22), rgba(0, 153, 51, 0));
}
.mc-dept__go span { display: inline-block; transition: transform var(--mc-transition); }
.mc-dept:hover .mc-dept__go { color: var(--mc-green); }
.mc-dept:hover .mc-dept__go span { transform: translateX(5px); }


/* Documents */
.mc-doc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 0.6rem; }
.mc-doc {
	background: #fff;
	border: 1px solid var(--mc-line);
	border-left: 4px solid var(--mc-green);
	border-radius: var(--mc-radius);
	padding: 0.65rem 0.85rem;
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	text-decoration: none;
	transition: box-shadow var(--mc-transition), transform var(--mc-transition);
}
.mc-doc:hover { box-shadow: var(--mc-shadow); transform: translateY(-2px); }
.mc-doc strong { color: var(--mc-ink); line-height: 1.3; font-size: 0.86rem; }
.mc-doc span { color: var(--mc-muted); font-size: 0.75rem; }

/* E-services */
.mc-eservices { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 0.7rem; }
.mc-eservice {
	background: #fff;
	border-radius: var(--mc-radius);
	box-shadow: var(--mc-shadow);
	border-left: 4px solid var(--mc-green);
	padding: 0.8rem 0.95rem;
	font-weight: 700;
	font-size: 0.9rem;
	color: var(--mc-green-dark);
	text-decoration: none;
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	transition: transform var(--mc-transition), box-shadow var(--mc-transition);
}
.mc-eservice:hover { transform: translateY(-3px); box-shadow: var(--mc-shadow-lg); }
.mc-eservice span { font-weight: 400; color: var(--mc-muted); font-size: 0.78rem; }

/* County at a glance (stats band) */
.mc-stats { padding: 0.5rem 0 1rem; }
.mc-stats .mc-stats__grid {
	background: #fff;
	border: 1px solid var(--mc-line);
	border-radius: var(--mc-radius);
	box-shadow: var(--mc-shadow);
	padding: clamp(1.1rem, 2.5vw, 1.7rem) clamp(1rem, 3vw, 2.5rem);
}
.mc-stat { position: relative; }
.mc-stat + .mc-stat::before { content: ""; position: absolute; left: -0.75rem; top: 15%; bottom: 15%; width: 1px; background: var(--mc-line); }
.mc-stats__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1.5rem; text-align: center; }
.mc-stat strong { display: block; font-size: clamp(1.4rem, 2.6vw, 2rem); font-weight: 900; color: var(--mc-green-dark); letter-spacing: -0.02em; }
.mc-stat span { color: var(--mc-muted); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600; }

/* County priorities */
.mc-priority-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 0.8rem; }
.mc-priority {
	background: #fff;
	border: 1px solid var(--mc-line);
	border-top: 3px solid var(--mc-lime);
	border-radius: var(--mc-radius);
	padding: 0.9rem 1rem;
	text-decoration: none;
	transition: box-shadow var(--mc-transition), transform var(--mc-transition), border-color var(--mc-transition);
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}
.mc-priority:hover { box-shadow: var(--mc-shadow-lg); transform: translateY(-3px); border-color: var(--mc-lime); }
.mc-priority__icon {
	font-size: 1.1rem;
	line-height: 1;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: linear-gradient(135deg, rgba(0, 153, 51, 0.12), rgba(160, 206, 78, 0.3));
}
.mc-priority strong { color: var(--mc-ink); font-size: 0.94rem; }
.mc-priority p { color: var(--mc-muted); font-size: 0.8rem; margin: 0; line-height: 1.5; }

/* Leadership */
.mc-leader-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; max-width: 680px; }
.mc-leader {
	background: #fff;
	border-radius: var(--mc-radius);
	box-shadow: var(--mc-shadow);
	padding: 1rem 0.9rem 0.95rem;
	text-align: center;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.3rem;
	transition: transform var(--mc-transition), box-shadow var(--mc-transition);
}
.mc-leader:hover { transform: translateY(-4px); box-shadow: var(--mc-shadow-lg); }
.mc-leader__photo {
	width: 72px; height: 72px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 0.7rem;
	box-shadow: 0 0 0 4px var(--mc-lime);
	display: flex; align-items: center; justify-content: center;
	background: var(--mc-bg-soft);
}
.mc-leader__photo img { width: 100%; height: 100%; object-fit: cover; }
.mc-leader__photo--initials {
	background: linear-gradient(120deg, var(--mc-green-dark), var(--mc-green));
	color: #fff;
	font-weight: 900;
	font-size: 1.2rem;
	letter-spacing: 0.05em;
}
.mc-leader strong { color: var(--mc-ink); font-size: 0.92rem; }
.mc-leader__role { color: var(--mc-muted); font-size: 0.76rem; }

/* Notices */
.mc-notice-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); gap: 0.7rem; }
.mc-notice {
	background: var(--mc-bg-soft);
	border-radius: var(--mc-radius);
	padding: 0.85rem 0.95rem 0.8rem;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	border-bottom: 4px solid var(--mc-green);
	transition: transform var(--mc-transition), box-shadow var(--mc-transition), background var(--mc-transition);
}
.mc-notice:hover { transform: translateY(-3px); box-shadow: var(--mc-shadow); background: #fff; }
.mc-notice__count { font-size: 1.25rem; font-weight: 900; color: var(--mc-green); letter-spacing: -0.02em; }
.mc-notice strong { color: var(--mc-ink); font-size: 0.88rem; }
.mc-notice > span:last-child { color: var(--mc-muted); font-size: 0.76rem; }
.mc-notice--ext { border-bottom-color: var(--mc-lime); }

/* Contact CTA */
.mc-cta { background: linear-gradient(120deg, var(--mc-green-darker), var(--mc-green)); }
.mc-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; }
.mc-cta h2 { color: #fff; margin: 0 0 0.4em; }
.mc-cta p { color: rgba(255, 255, 255, 0.9); margin: 0; }

/* ==================================================================
   Governor split-hero (Kiambu-style, in brand green)
   ================================================================== */
.mc-govhero-wrap { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.mc-govhero {
	display: grid;
	/* photo column hugs the portrait; the message panel takes the rest */
	grid-template-columns: clamp(240px, 26%, 380px) 1fr;
	min-height: 340px;
	border-radius: var(--mc-radius);
	overflow: hidden;
	box-shadow: var(--mc-shadow);
}
.mc-govhero__media {
	position: relative;
	background:
		radial-gradient(420px 320px at 50% 45%, rgba(255, 255, 255, 0.9), transparent 75%),
		linear-gradient(160deg, #eef6ee, #d5e8d7);
}
/* Fill the media column with the portrait (crop to fit) */
.mc-govhero__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}
.mc-govhero__panel {
	background: var(--mc-green-darker);
	color: #fff;
	padding: clamp(1.75rem, 4vw, 3rem) clamp(1.5rem, 4vw, 3.5rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.6rem;
}
.mc-govhero__kicker {
	color: var(--mc-lime);
	text-transform: uppercase;
	letter-spacing: 0.16em;
	font-size: 0.7rem;
	font-weight: 700;
	margin: 0;
}
.mc-govhero__name { color: #fff !important; font-size: clamp(1.4rem, 3vw, 2.1rem); margin: 0; line-height: 1.15; }
.mc-govhero__bio { color: rgba(255, 255, 255, 0.88); font-size: 0.95rem; line-height: 1.7; margin: 0; max-width: 74em; }
.mc-govhero__btn {
	display: inline-block;
	align-self: flex-start;
	margin-top: 0.5rem;
	padding: 0.55em 1.9em;
	border: 2px solid rgba(255, 255, 255, 0.85);
	border-radius: 4px;
	color: #fff !important;
	font-weight: 600;
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background var(--mc-transition), color var(--mc-transition);
}
.mc-govhero__btn:hover { background: #fff; color: var(--mc-navy-deep) !important; }
@media (max-width: 800px) {
	.mc-govhero { grid-template-columns: 1fr; }
	.mc-govhero__media { min-height: 260px; }
}

/* ==================================================================
   Tenders / Public Notices / Job Openings boards
   ================================================================== */
.mc-board-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
@media (max-width: 1100px) { .mc-board-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .mc-board-grid { grid-template-columns: 1fr; } }
.mc-board {
	background: var(--mc-green-darker);
	border-radius: var(--mc-radius);
	padding: 1.1rem 1.2rem 1rem;
	display: flex;
	flex-direction: column;
}
.mc-board__title {
	color: #fff !important;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0 0 0.8em;
	padding-bottom: 0.55em;
	border-bottom: 2px solid var(--mc-lime);
}
.mc-board__list { list-style: none; margin: 0; padding: 0; flex: 1; }
.mc-board__list li { padding: 0.5em 0; border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
.mc-board__list li:last-child { border-bottom: none; }
.mc-board__date { display: block; color: var(--mc-lime); font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.15em; }
.mc-board__list a { color: #fff !important; font-size: 0.83rem; line-height: 1.45; text-decoration: none; }
.mc-board__list a:hover { color: var(--mc-lime) !important; text-decoration: underline; }
.mc-board__all {
	margin-top: 0.7rem;
	color: var(--mc-lime) !important;
	font-weight: 600;
	font-size: 0.8rem;
	text-decoration: none;
	align-self: center;
}
.mc-board__all:hover { text-decoration: underline; }

/* News card date badge */
.mc-news-card__media { position: relative; }
.mc-news-card__badge {
	position: absolute;
	top: 8px;
	left: 8px;
	background: var(--mc-green);
	color: #fff;
	border-radius: 6px;
	padding: 0.25em 0.5em;
	text-align: center;
	line-height: 1.05;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.mc-news-card__badge strong { display: block; font-size: 0.95rem; font-weight: 900; }
.mc-news-card__badge span { display: block; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.08em; }

/* News grid responsive columns (desktop 4 / tablet 2 / phone 1) */
@media (max-width: 1000px) { .mc-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px)  { .mc-news-grid { grid-template-columns: 1fr; } }

/* Section header row with inline more-link */
.mc-section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.mc-section__head .mc-section__title { margin-bottom: 0.5em; }
.mc-more-link { font-weight: 600; font-size: 0.85rem; color: var(--mc-green); text-decoration: none; white-space: nowrap; margin-bottom: 0.9em; }
.mc-more-link:hover { color: var(--mc-green-dark); text-decoration: underline; }

/* White-page polish: keep cards separated by borders instead of tinted bands */
.mc-front { border-bottom: 1px solid var(--mc-line); }
.mc-news-card { border: 1px solid var(--mc-line); box-shadow: none; }
.mc-news-card:hover { box-shadow: var(--mc-shadow-lg); border-color: transparent; }
.mc-leader { border: 1px solid var(--mc-line); box-shadow: none; }
.mc-leader:hover { box-shadow: var(--mc-shadow-lg); border-color: transparent; }
.mc-eservice { border: 1px solid var(--mc-line); box-shadow: none; }
.mc-eservice:hover { box-shadow: var(--mc-shadow-lg); border-color: transparent; }
.mc-quicklink { box-shadow: var(--mc-shadow); }
.mc-notice { background: #fff; border: 1px solid var(--mc-line); border-bottom: 3px solid var(--mc-green); }

/* ==================================================================
   Visual/color enrichment pass — county blue (#408BD1) joins the
   green as a secondary accent; gradients add depth to dark cards.
   ================================================================== */
:root {
	--mc-navy:      #1E3A5F;
	--mc-navy-deep: #14283F;
	--mc-blue:      #408BD1;
	--mc-blue-dark: #2C6CA5;
	--mc-blue-deep: #1F4E79;
}

/* Menu bar: lime baseline */
.fusion-main-menu { border-bottom: 3px solid var(--mc-lime); }

/* Quick links: alternating green/blue top accents + matching chips */


/* Governor hero: lime glow for depth */
.mc-govhero__panel {
	background:
		radial-gradient(500px 300px at 100% 0%, rgba(160, 206, 78, 0.22), transparent 60%),
		linear-gradient(120deg, var(--mc-navy-deep), var(--mc-navy));
}

/* Boards: each gets its own gradient identity */
.mc-board:nth-child(1) { background: linear-gradient(135deg, var(--mc-green-darker), var(--mc-green-dark)); }

.mc-board:nth-child(2) { background: linear-gradient(135deg, var(--mc-navy-deep), var(--mc-navy)); }
.mc-board:nth-child(3) { background: linear-gradient(135deg, var(--mc-green-dark), var(--mc-green)); }
.mc-board:nth-child(4) { background: linear-gradient(135deg, var(--mc-navy-deep), var(--mc-navy)); }

/* Stats card: clean white (reduced green) */
.mc-stats .mc-stats__grid {
	background: #fff;
	border: 1px solid var(--mc-line);
}

/* Departments: icons cycle green / blue / lime tints */


/* Documents: left borders cycle green / blue / lime */


/* E-services: alternate green/blue edges */


/* News badges: slightly richer */
.mc-news-card__badge { background: linear-gradient(135deg, var(--mc-green-dark), var(--mc-green)); }

/* Footer: lime top edge to close the page with color */
.mc-footer { border-top: 4px solid var(--mc-lime); }

/* ==================================================================
   Lively pass — Kenya flag ribbon, emblem hero, branded placeholders
   ================================================================== */

/* Kenya flag ribbon under the header (black / red / green) */
.fusion-header-wrapper::after {
	content: "";
	display: block;
	height: 6px;
	background: linear-gradient(180deg, #000 0 33.4%, #b91c1c 33.4% 66.7%, var(--mc-green) 66.7% 100%);
}

/* Governor hero: emblem panel instead of the blocked photo */
.mc-govhero__media--emblem {
	background:
		radial-gradient(420px 320px at 50% 38%, rgba(255, 255, 255, 0.95), rgba(245, 248, 245, 0.9) 55%, transparent 75%),
		linear-gradient(160deg, #eef6ee, #dcecdd);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.9rem;
	padding: 2rem;
}
.mc-govhero__media--emblem::before { content: none; }
.mc-govhero__emblem {
	position: static !important;
	width: min(200px, 55%) !important;
	height: auto !important;
	object-fit: contain !important;
	filter: drop-shadow(0 10px 24px rgba(0, 97, 31, 0.25));
}
.mc-govhero__motto {
	font-style: italic;
	font-size: 0.85rem;
	color: var(--mc-green-darker);
	text-align: center;
	max-width: 24em;
	font-weight: 500;
}

/* News placeholders: branded emblem watermark on green gradient */
.mc-news-card__placeholder {
	display: flex !important;
	align-items: center;
	justify-content: center;
	background:
		radial-gradient(300px 160px at 70% 20%, rgba(160, 206, 78, 0.4), transparent 60%),
		linear-gradient(135deg, var(--mc-green-darker), var(--mc-green)) !important;
	opacity: 1 !important;
}
.mc-news-card__placeholder img {
	width: 44% !important;
	height: auto !important;
	object-fit: contain !important;
	opacity: 0.9;
	filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.3));
}



/* Board list items: hover nudge for life */
.mc-board__list li { transition: transform var(--mc-transition); }
.mc-board__list li:hover { transform: translateX(4px); }

/* Quicklinks: gentle float-in feel on hover already; add icon pop */
.mc-quicklink:hover .mc-quicklink__icon { transform: scale(1.12); }
.mc-quicklink__icon { transition: transform var(--mc-transition); }

/* Failed media → branded emblem treatment (JS adds .mc-media--fallback) */
.mc-media--fallback {
	display: flex !important;
	align-items: center;
	justify-content: center;
	background:
		radial-gradient(300px 160px at 70% 20%, rgba(160, 206, 78, 0.4), transparent 60%),
		linear-gradient(135deg, var(--mc-green-darker), var(--mc-green)) !important;
}
.mc-media--fallback img {
	width: 44% !important;
	height: auto !important;
	object-fit: contain !important;
	opacity: 0.92;
	filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.3));
}

/* ==================================================================
   Scroll UX — reveal animations, smooth anchors, back-to-top
   ================================================================== */

/* Smooth in-page scrolling; anchors clear the sticky header */
html { scroll-behavior: smooth; scroll-padding-top: 150px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Reveal-on-scroll (JS adds .mc-anim, then .mc-in when visible) */
.mc-anim {
	opacity: 0;
	transform: translateY(36px) scale(0.985);
	transition: opacity 0.75s ease, transform 0.75s cubic-bezier(0.22, 0.61, 0.36, 1);
	will-change: opacity, transform;
}
.mc-anim.mc-in { opacity: 1; transform: none; }

/* Sticky header: shadow once the page scrolls */
.fusion-header-wrapper { transition: box-shadow 0.3s ease; }
.fusion-header-wrapper.mc-scrolled { box-shadow: 0 6px 24px rgba(0, 60, 20, 0.16); }

/* Back to top */
.mc-top {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 1100;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--mc-green-dark), var(--mc-green));
	color: #fff;
	font-size: 1.15rem;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 0 8px 22px rgba(0, 97, 31, 0.35);
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity var(--mc-transition), transform var(--mc-transition), visibility var(--mc-transition);
}
.mc-top--show { opacity: 1; visibility: visible; transform: none; }
.mc-top:hover { transform: translateY(-3px); }

/* ==================================================================
   Dropdown polish — CSS chevrons replace the broken icon font
   ================================================================== */

/* Kill the missing-glyph tofu box */
.fusion-main-menu .fusion-dropdown-indicator::before,
.fusion-main-menu .fusion-dropdown-indicator::after { content: none !important; }

/* Top-level: chevron pointing down, flips up on hover */
.fusion-main-menu > ul > li > a .fusion-caret { display: inline-block; margin-left: 7px; }
.fusion-main-menu .fusion-dropdown-indicator {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-3px) rotate(45deg);
	transition: transform 0.25s ease;
	vertical-align: middle;
}
.fusion-main-menu > ul > li:hover > a .fusion-dropdown-indicator {
	transform: translateY(1px) rotate(225deg);
}

/* Nested flyouts: chevron points right */
.fusion-main-menu .sub-menu .fusion-caret { float: right; margin-left: 8px; }
.fusion-main-menu .sub-menu .fusion-dropdown-indicator {
	transform: translateY(2px) rotate(-45deg);
	border-color: var(--mc-muted);
}
.fusion-main-menu .sub-menu li:hover > a .fusion-dropdown-indicator { border-color: var(--mc-green-dark); }

/* Dropdown panel: slide-fade in, comfortable width, aligned under item */
.fusion-main-menu .sub-menu {
	min-width: 250px !important;
	margin-top: 0 !important;
	border-top: 3px solid var(--mc-lime) !important;
}
@media (prefers-reduced-motion: no-preference) {
	.fusion-main-menu > ul > li:hover > .sub-menu,
	.fusion-main-menu .sub-menu li:hover > .sub-menu {
		animation: mc-drop 0.24s ease both;
	}
	@keyframes mc-drop {
		from { opacity: 0; transform: translateY(10px); }
		to   { opacity: 1; transform: none; }
	}
}

/* Row separation + full-row hover inside dropdowns */
.fusion-main-menu .sub-menu li { border-bottom: 1px solid var(--mc-bg-soft); }
.fusion-main-menu .sub-menu li:last-child { border-bottom: none; }
.fusion-main-menu .sub-menu li a { display: block; line-height: 1.45 !important; white-space: normal; }

/* ==================================================================
   Motion pass — ticker, count-up stats, videos, floating emblem
   ================================================================== */

/* News ticker */
.mc-ticker {
	display: flex;
	align-items: stretch;
	max-width: 1600px;
	margin: 0.25rem auto 0;
	padding: 0 clamp(14px, 2.2vw, 34px);
	overflow: hidden;
}
.mc-ticker__label {
	background: linear-gradient(135deg, var(--mc-lime), #8abc3f);
	color: #11290f;
	font-size: 0.68rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	padding: 0.65em 1.2em;
	border-radius: 6px 0 0 6px;
	display: flex;
	align-items: center;
	flex: none;
	box-shadow: inset 0 -2px 6px rgba(0, 0, 0, 0.12);
}
.mc-ticker__viewport {
	position: relative;
	flex: 1;
	overflow: hidden;
	background: linear-gradient(90deg, var(--mc-navy-deep), var(--mc-navy) 55%, var(--mc-navy-deep));
	border-radius: 0 6px 6px 0;
	display: flex;
	align-items: center;
	box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.45);
}
/* Soft fade at both ends so headlines glide in and out */
.mc-ticker__viewport::before,
.mc-ticker__viewport::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 34px;
	z-index: 1;
	pointer-events: none;
}
.mc-ticker__viewport::before { left: 0; background: linear-gradient(90deg, var(--mc-navy-deep), transparent); }
.mc-ticker__viewport::after { right: 0; background: linear-gradient(270deg, var(--mc-navy-deep), transparent); }
.mc-ticker__track {
	display: inline-flex;
	gap: 2.5rem;
	white-space: nowrap;
	padding-left: 1rem;
	animation: mc-ticker 45s linear infinite;
}
.mc-ticker__viewport:hover .mc-ticker__track { animation-play-state: paused; }
.mc-ticker__track a {
	color: rgba(255, 255, 255, 0.94);
	font-size: 0.82rem;
	font-weight: 500;
	text-decoration: none;
	padding: 0.55em 0;
}
.mc-ticker__track a:hover { color: var(--mc-lime); text-decoration: underline; }
.mc-ticker__track a span { color: var(--mc-lime); font-size: 0.6rem; vertical-align: middle; }
@keyframes mc-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Featured videos: click-to-play facades */
.mc-video-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
@media (max-width: 900px) { .mc-video-grid { grid-template-columns: 1fr; } }
.mc-video {
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: var(--mc-radius);
	overflow: hidden;
	cursor: pointer;
	background: #0a1f10;
	box-shadow: var(--mc-shadow);
	transition: transform var(--mc-transition), box-shadow var(--mc-transition);
}
.mc-video:hover { transform: translateY(-4px); box-shadow: var(--mc-shadow-lg); }
.mc-video img { width: 100%; height: 100%; object-fit: cover; opacity: 0.9; transition: opacity var(--mc-transition), transform 0.4s ease; }
.mc-video:hover img { opacity: 1; transform: scale(1.04); }
.mc-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.mc-video__play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 58px;
	height: 58px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: rgba(0, 97, 31, 0.9);
	box-shadow: 0 0 0 0 rgba(0, 153, 51, 0.5);
	animation: mc-pulse 2.2s ease-out infinite;
}
.mc-video__play::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 54%;
	transform: translate(-50%, -50%);
	border-left: 16px solid #fff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
@keyframes mc-pulse {
	0% { box-shadow: 0 0 0 0 rgba(0, 153, 51, 0.5); }
	70% { box-shadow: 0 0 0 18px rgba(0, 153, 51, 0); }
	100% { box-shadow: 0 0 0 0 rgba(0, 153, 51, 0); }
}

/* Governor emblem: gentle float */
@media (prefers-reduced-motion: no-preference) {
	.mc-govhero__emblem { animation: mc-float 6s ease-in-out infinite; }
	@keyframes mc-float {
		0%, 100% { transform: translateY(0); }
		50% { transform: translateY(-10px); }
	}
}

/* ==================================================================
   Hero slider
   ================================================================== */
.mc-slider {
	position: relative;
	overflow: hidden;
	background: var(--mc-green-darker);
}
.mc-slider__track { position: relative; height: clamp(449px, 45vw, 581px); }
.mc-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.9s ease, visibility 0.9s;
	display: flex;
	align-items: center;
}
.mc-slide--on { opacity: 1; visibility: visible; z-index: 1; }

/* Layered backgrounds per slide — one green family, four moods */
.mc-slide__bg { position: absolute; inset: -4%; z-index: 0; }
.mc-slide--on .mc-slide__bg { animation: mc-kenburns 9s ease-out forwards; }
@keyframes mc-kenburns { from { transform: scale(1); } to { transform: scale(1.07); } }
.mc-slide--a .mc-slide__bg {
	background:
		radial-gradient(900px 420px at 85% 10%, rgba(160, 206, 78, 0.4), transparent 60%),
		repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.025) 0 2px, transparent 2px 90px),
		linear-gradient(115deg, #013d15, var(--mc-green-darker) 45%, var(--mc-green-dark));
}
.mc-slide--b .mc-slide__bg {
	background:
		radial-gradient(700px 460px at 12% 110%, rgba(160, 206, 78, 0.32), transparent 60%),
		repeating-linear-gradient(65deg, rgba(255, 255, 255, 0.02) 0 2px, transparent 2px 70px),
		linear-gradient(100deg, var(--mc-green-darker), #01571d 55%, #026b24);
}
.mc-slide--c .mc-slide__bg {
	background:
		radial-gradient(820px 400px at 90% 90%, rgba(160, 206, 78, 0.35), transparent 55%),
		repeating-linear-gradient(150deg, rgba(0, 0, 0, 0.05) 0 2px, transparent 2px 80px),
		linear-gradient(125deg, #014d1a, var(--mc-green-dark));
}
.mc-slide--d .mc-slide__bg {
	background:
		radial-gradient(760px 420px at 80% -10%, rgba(160, 206, 78, 0.45), transparent 60%),
		repeating-linear-gradient(25deg, rgba(255, 255, 255, 0.02) 0 2px, transparent 2px 60px),
		linear-gradient(110deg, var(--mc-green-darker) 10%, var(--mc-green));
}

/* Giant emblem watermark, right side */
.mc-slide__emblem {
	position: absolute;
	right: clamp(-40px, 2vw, 70px);
	bottom: -12%;
	height: 105%;
	width: auto;
	opacity: 0.14;
	z-index: 0;
	filter: saturate(0) brightness(3);
	pointer-events: none;
}

/* Copy block */
.mc-slide__inner {
	position: relative;
	z-index: 1;
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
	padding: 0 clamp(14px, 2.2vw, 34px);
	color: #fff;
}
.mc-slide__kicker {
	color: var(--mc-lime);
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 0.72rem;
	font-weight: 700;
	margin: 0 0 0.7em;
}
.mc-slide__title {
	color: #fff !important;
	font-size: clamp(1.6rem, 3.6vw, 2.7rem);
	line-height: 1.12;
	margin: 0 0 0.45em;
	max-width: 21em;
	text-wrap: balance;
}
.mc-slide__text {
	color: rgba(255, 255, 255, 0.88);
	font-size: clamp(0.9rem, 1.3vw, 1.02rem);
	line-height: 1.6;
	max-width: 44em;
	margin: 0 0 1.4em;
}
.mc-slide__actions { display: flex; gap: 0.7rem; flex-wrap: wrap; }
.mc-slide__btn {
	display: inline-block;
	background: var(--mc-lime);
	color: #0c2a12 !important;
	font-weight: 700;
	font-size: 0.82rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0.75em 1.9em;
	border-radius: 6px;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);
	transition: transform var(--mc-transition), box-shadow var(--mc-transition), background var(--mc-transition);
}
.mc-slide__btn:hover { transform: translateY(-2px); background: #b3dd60; }
.mc-slide__btn--ghost {
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.8);
	color: #fff !important;
	box-shadow: none;
}
.mc-slide__btn--ghost:hover { background: rgba(255, 255, 255, 0.14); }

/* Staggered entrance for active slide copy */
.mc-slide__kicker, .mc-slide__title, .mc-slide__text, .mc-slide__actions {
	opacity: 0;
	transform: translateY(22px);
}
.mc-slide--on .mc-slide__kicker { animation: mc-slide-in 0.65s 0.15s ease both; }
.mc-slide--on .mc-slide__title  { animation: mc-slide-in 0.65s 0.3s ease both; }
.mc-slide--on .mc-slide__text   { animation: mc-slide-in 0.65s 0.45s ease both; }
.mc-slide--on .mc-slide__actions{ animation: mc-slide-in 0.65s 0.6s ease both; }
@keyframes mc-slide-in { to { opacity: 1; transform: none; } }

/* Arrows */
.mc-slider__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
	font-size: 1.6rem;
	line-height: 1;
	cursor: pointer;
	backdrop-filter: blur(4px);
	transition: background var(--mc-transition), transform var(--mc-transition);
}
.mc-slider__arrow:hover { background: rgba(255, 255, 255, 0.3); }
.mc-slider__arrow--prev { left: 14px; }
.mc-slider__arrow--next { right: 14px; }

/* Dots */
.mc-slider__dots {
	position: absolute;
	bottom: 18px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	display: flex;
	gap: 8px;
}
.mc-slider__dots button {
	width: 9px;
	height: 9px;
	padding: 0;
	border: none;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.4);
	cursor: pointer;
	transition: width var(--mc-transition), background var(--mc-transition);
}
.mc-slider__dots button.mc-dot--on { width: 26px; background: var(--mc-lime); }

/* Progress bar */
.mc-slider__progress {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	z-index: 2;
	background: rgba(255, 255, 255, 0.12);
}
.mc-slider__progress span {
	display: block;
	height: 100%;
	width: 0;
	background: var(--mc-lime);
}
.mc-slider--run .mc-slider__progress span { animation: mc-progress var(--mc-slide-ms, 6500ms) linear forwards; }
@keyframes mc-progress { from { width: 0; } to { width: 100%; } }

@media (max-width: 640px) {
	.mc-slider__track { height: 400px; }
	.mc-slider__arrow { display: none; }
	.mc-slide__emblem { opacity: 0.08; }
}

/* ==================================================================
   Documents & team profile pages (plugin replacements)
   ================================================================== */
.mc-docpage__meta { display: flex; gap: 1rem; flex-wrap: wrap; align-items: center; color: var(--mc-muted); font-size: 0.85rem; margin-bottom: 1.2rem; }
.mc-docpage__cat {
	background: var(--mc-bg-soft);
	border: 1px solid var(--mc-line);
	border-radius: 999px;
	padding: 0.2em 0.9em;
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--mc-green-dark) !important;
	text-decoration: none;
}
.mc-docpage__desc { max-width: 60em; margin-bottom: 1.4rem; }
.mc-docpage__action { margin: 0 0 2rem; }
.mc-docpage__relhead { font-size: 1.05rem; margin: 1.5rem 0 0.8rem; }
.mc-doclist { list-style: none; margin: 0; padding: 0; }
.mc-doclist li {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 0.65rem 0.25rem;
	border-bottom: 1px solid var(--mc-line);
	flex-wrap: wrap;
}
.mc-doclist li a:first-child { flex: 1; min-width: 220px; color: var(--mc-ink); text-decoration: none; font-weight: 500; font-size: 0.92rem; }
.mc-doclist li a:first-child:hover { color: var(--mc-green-dark); }
.mc-doclist li > span { color: var(--mc-muted); font-size: 0.78rem; white-space: nowrap; }
.mc-doclist__dl {
	background: var(--mc-green);
	color: #fff !important;
	font-size: 0.75rem;
	font-weight: 700;
	padding: 0.35em 1em;
	border-radius: 999px;
	text-decoration: none;
	white-space: nowrap;
	transition: background var(--mc-transition);
}
.mc-doclist__dl:hover { background: var(--mc-green-dark); }
.mc-doccat__count { color: var(--mc-muted); margin-top: -0.6rem; margin-bottom: 1.2rem; }
.mc-doccat__nav { margin-top: 1.4rem; }
.mc-doccat__nav .nav-links { display: flex; gap: 0.4rem; flex-wrap: wrap; }
.mc-doccat__nav .page-numbers {
	border: 1px solid var(--mc-line);
	border-radius: 8px;
	padding: 0.35em 0.85em;
	text-decoration: none;
	color: var(--mc-ink);
	font-size: 0.85rem;
}
.mc-doccat__nav .page-numbers.current { background: var(--mc-green); border-color: var(--mc-green); color: #fff; }

.mc-profile { display: grid; grid-template-columns: clamp(220px, 26%, 340px) 1fr; gap: 2rem; align-items: start; }
@media (max-width: 700px) { .mc-profile { grid-template-columns: 1fr; } }
.mc-profile__media img { width: 100%; border-radius: var(--mc-radius); box-shadow: var(--mc-shadow); }
.mc-profile__media .mc-profile__emblem { padding: 2.5rem; background: var(--mc-bg-soft); box-sizing: border-box; }
.mc-profile__role { color: var(--mc-green-dark); font-weight: 600; margin-top: -0.6rem; }
.mc-profile__bio { max-width: 62em; }

/* Shortcode document listings ([wpdm_category] / [wpdm_package]) */
.mc-doccat-sc__bar { display: flex; gap: 1rem; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 0 0 0.9rem; }
.mc-doccat-sc__search {
	flex: 1;
	min-width: 220px;
	max-width: 420px;
	border: 1px solid var(--mc-line) !important;
	border-radius: 999px !important;
	padding: 0.55em 1.2em !important;
	font-size: 0.88rem;
}
.mc-doccat-sc__count { color: var(--mc-muted); font-size: 0.82rem; white-space: nowrap; }
.mc-doclist__type {
	background: var(--mc-bg-soft);
	border: 1px solid var(--mc-line);
	color: var(--mc-green-dark);
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	border-radius: 6px;
	padding: 0.3em 0.55em;
	flex: none;
	min-width: 38px;
	text-align: center;
}
.mc-doclist__title { flex: 1; min-width: 220px; color: var(--mc-ink); text-decoration: none; font-weight: 500; font-size: 0.92rem; }
.mc-doclist__title:hover { color: var(--mc-green-dark); }
.mc-doclist__date { color: var(--mc-muted); font-size: 0.78rem; white-space: nowrap; }
.mc-doclist--embed { border: 1px solid var(--mc-line); border-radius: var(--mc-radius); padding: 0.15rem 0.9rem; margin: 0.8rem 0; }
.mc-doclist--embed li { border-bottom: none; }

/* ==================================================================
   Document rows v2 — file-type icons (red PDF), card hover, rich meta
   ================================================================== */
.mc-doclist--full { display: flex; flex-direction: column; gap: 0.5rem; }
.mc-doclist--full .mc-docrow,
.mc-doclist--embed .mc-docrow {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	background: #fff;
	border: 1px solid var(--mc-line);
	border-radius: var(--mc-radius);
	padding: 0.65rem 0.9rem;
	transition: box-shadow var(--mc-transition), transform var(--mc-transition), border-color var(--mc-transition);
}
.mc-doclist--full .mc-docrow:hover,
.mc-doclist--embed .mc-docrow:hover {
	box-shadow: var(--mc-shadow);
	transform: translateX(3px);
	border-color: rgba(0, 153, 51, 0.35);
}
.mc-doclist--embed { border: none; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }

/* File-type icon — classic white page, folded corner, colored label band */
.mc-fileicon { flex: none; width: 46px; height: 54px; }
.mc-fileicon svg { width: 100%; height: 100%; filter: drop-shadow(0 3px 6px rgba(16, 42, 24, 0.18)); }

/* Title + meta stack */
.mc-docrow__main { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 0.12rem; }
.mc-docrow__title { color: var(--mc-ink); text-decoration: none; font-weight: 600; font-size: 0.92rem; line-height: 1.35; }
.mc-docrow__title:hover { color: var(--mc-green-dark); }
.mc-docrow__meta { color: var(--mc-muted); font-size: 0.75rem; }

/* Download button v2 */
.mc-docrow .mc-doclist__dl {
	display: inline-flex;
	align-items: center;
	gap: 0.45em;
	padding: 0.5em 1.1em;
}
.mc-docrow .mc-doclist__dl svg { width: 14px; height: 14px; }
.mc-docrow .mc-doclist__dl:hover svg { animation: mc-dl-bounce 0.5s ease infinite alternate; }
@keyframes mc-dl-bounce { from { transform: translateY(-1px); } to { transform: translateY(2px); } }

@media (max-width: 560px) {
	.mc-doclist--full .mc-docrow { flex-wrap: wrap; }
	.mc-docrow .mc-doclist__dl { margin-left: 58px; }
}

/* Video cards: caption under the facade */
.mc-videocard { margin: 0; }
.mc-videocard__caption { display: flex; flex-direction: column; gap: 0.1rem; padding: 0.55rem 0.25rem 0; }
.mc-videocard__caption strong { color: var(--mc-ink); font-size: 0.88rem; line-height: 1.35; font-weight: 600; }
.mc-videocard__caption span { color: var(--mc-muted); font-size: 0.75rem; }

/* ==================================================================
   Video slider — browse the channel without leaving the page
   ================================================================== */
.mc-vslider { position: relative; }
.mc-vslider .mc-vslider__track {
	display: flex;
	gap: 1rem;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	padding-bottom: 0.4rem;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.mc-vslider__track::-webkit-scrollbar { display: none; }
.mc-vslider__track .mc-videocard {
	flex: 0 0 calc((100% - 3rem) / 4);
	scroll-snap-align: start;
}
@media (max-width: 900px) { .mc-vslider__track .mc-videocard { flex-basis: calc((100% - 1rem) / 2); } }
@media (max-width: 600px) { .mc-vslider__track .mc-videocard { flex-basis: 88%; } }
.mc-vslider__arrow {
	position: absolute;
	top: 34%;
	z-index: 3;
	width: 42px;
	height: 42px;
	border: none;
	border-radius: 50%;
	background: var(--mc-green-darker);
	color: #fff;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 6px 18px rgba(0, 40, 15, 0.3);
	transition: background var(--mc-transition), transform var(--mc-transition), opacity var(--mc-transition);
}
.mc-vslider__arrow:hover { background: var(--mc-green); transform: scale(1.08); }
.mc-vslider__arrow--prev { left: -14px; }
.mc-vslider__arrow--next { right: -14px; }
.mc-vslider__arrow[disabled] { opacity: 0.25; cursor: default; transform: none; }

/* ==================================================================
   Glow pass — soft colored light on key surfaces (professional, low-alpha)
   ================================================================== */

/* Department cards: resting green under-glow, blooming on hover */
.mc-dept {
	box-shadow: 0 6px 22px rgba(0, 153, 51, 0.07);
}
.mc-dept:hover {
	box-shadow:
		0 18px 46px rgba(0, 153, 51, 0.22),
		0 4px 14px rgba(160, 206, 78, 0.28);
}
.mc-dept:hover .mc-dept__chip {
	box-shadow: 0 0 0 5px rgba(0, 153, 51, 0.12), 0 0 18px rgba(160, 206, 78, 0.5);
}

/* Governor hero card: ambient breathing glow */
@media (prefers-reduced-motion: no-preference) {
	.mc-govhero { animation: mc-glow-breathe 6s ease-in-out infinite alternate; }
	@keyframes mc-glow-breathe {
		from { box-shadow: 0 10px 34px rgba(0, 97, 31, 0.12); }
		to   { box-shadow: 0 14px 52px rgba(0, 153, 51, 0.26), 0 4px 18px rgba(30, 58, 95, 0.18); }
	}
}

/* Stats card: soft green aura, slow pulse */
@media (prefers-reduced-motion: no-preference) {
	.mc-stats .mc-stats__grid { box-shadow: var(--mc-shadow); }
}

/* Boards: colored light matching each card */
.mc-board { transition: box-shadow var(--mc-transition), transform var(--mc-transition); }
.mc-board:hover { transform: translateY(-4px); }
.mc-board:nth-child(1):hover,
.mc-board:nth-child(3):hover { box-shadow: 0 18px 50px rgba(0, 153, 51, 0.32); }
.mc-board:nth-child(2):hover { box-shadow: 0 18px 50px rgba(30, 58, 95, 0.4); }

/* News + video cards: green-tinted bloom on hover */
.mc-news-card:hover { box-shadow: 0 16px 44px rgba(0, 153, 51, 0.18) !important; }
.mc-video:hover { box-shadow: 0 16px 44px rgba(0, 153, 51, 0.28); }
.mc-video__play { box-shadow: 0 0 24px rgba(0, 153, 51, 0.55); }

/* Buttons: glow instead of flat shadow */
.mc-slide__btn { box-shadow: 0 8px 26px rgba(160, 206, 78, 0.4); }
.mc-slide__btn:hover { box-shadow: 0 10px 34px rgba(160, 206, 78, 0.65); }
.mc-govhero__btn:hover { box-shadow: 0 0 26px rgba(255, 255, 255, 0.35); }
.fusion-button.button-default:hover,
input[type="submit"]:hover { box-shadow: 0 10px 32px rgba(0, 153, 51, 0.5) !important; }
.mc-doclist__dl:hover { box-shadow: 0 6px 20px rgba(0, 153, 51, 0.45); }
.mc-top { box-shadow: 0 8px 26px rgba(0, 153, 51, 0.45); }
.mc-top:hover { box-shadow: 0 10px 36px rgba(0, 153, 51, 0.65); }

/* Section title accent: faint light under the bar */
.mc-section__title::after { box-shadow: 0 2px 10px rgba(0, 153, 51, 0.45); }

/* E-service cards: gentle green edge-light on hover */
.mc-eservice:hover { box-shadow: 0 14px 38px rgba(0, 153, 51, 0.18); }

/* Ticker label: soft inner glow dot */

/* ==================================================================
   Department pages — multi-format content rendering
   ================================================================== */
.mc-depthero {
	background:
		radial-gradient(600px 300px at 90% 0%, rgba(160, 206, 78, 0.28), transparent 60%),
		linear-gradient(115deg, var(--mc-green-darker), var(--mc-green-dark));
	padding: clamp(1.75rem, 4vw, 3rem) 0;
}
.mc-depthero__inner { display: flex; align-items: center; gap: 1.4rem; }
.mc-depthero__icon {
	font-size: 2.4rem;
	width: 76px;
	height: 76px;
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(4px);
	box-shadow: 0 0 26px rgba(160, 206, 78, 0.35);
}
.mc-depthero .mc-kicker { color: var(--mc-lime); }
.mc-depthero__title { color: #fff !important; font-size: clamp(1.4rem, 3vw, 2.1rem); margin: 0 0 0.3em; }
.mc-depthero__crumb { color: rgba(255, 255, 255, 0.75); font-size: 0.8rem; margin: 0; }
.mc-depthero__crumb a { color: rgba(255, 255, 255, 0.9) !important; text-decoration: none; }
.mc-depthero__crumb a:hover { color: var(--mc-lime) !important; }

/* Vision / Mission / Goal statement cards */
.mc-statement-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
.mc-statement {
	background: #fff;
	border: 1px solid var(--mc-line);
	border-top: 4px solid var(--mc-green);
	border-radius: var(--mc-radius);
	padding: 1.2rem 1.3rem;
	box-shadow: 0 6px 22px rgba(0, 153, 51, 0.07);
	transition: transform var(--mc-transition), box-shadow var(--mc-transition);
}
.mc-statement:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0, 153, 51, 0.16); }
.mc-statement__badge {
	display: inline-block;
	background: linear-gradient(90deg, var(--mc-green), var(--mc-green-dark));
	color: #fff;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	padding: 0.35em 1em;
	border-radius: 999px;
	margin-bottom: 0.7rem;
}
.mc-statement p { margin: 0; font-size: 0.95rem; line-height: 1.65; }

/* Core values pills */
.mc-pills { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.mc-pill {
	background: #fff;
	border: 1.5px solid rgba(0, 153, 51, 0.35);
	color: var(--mc-ink);
	font-weight: 600;
	font-size: 0.85rem;
	padding: 0.45em 1.2em;
	border-radius: 999px;
	transition: background var(--mc-transition), color var(--mc-transition), transform var(--mc-transition), box-shadow var(--mc-transition);
}
.mc-pill:hover {
	background: var(--mc-green);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(0, 153, 51, 0.3);
}

/* Functions checklist grid */
.mc-checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 0.7rem; }
.mc-check {
	display: flex;
	gap: 0.7rem;
	align-items: flex-start;
	background: #fff;
	border: 1px solid var(--mc-line);
	border-radius: 10px;
	padding: 0.75rem 0.95rem;
	font-size: 0.88rem;
	line-height: 1.5;
	transition: border-color var(--mc-transition), box-shadow var(--mc-transition);
}
.mc-check:hover { border-color: rgba(0, 153, 51, 0.4); box-shadow: 0 8px 24px rgba(0, 153, 51, 0.1); }
.mc-check span {
	flex: none;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--mc-green), var(--mc-lime));
	color: #fff;
	font-size: 0.72rem;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
	box-shadow: 0 3px 10px rgba(0, 153, 51, 0.35);
}

/* Sector priorities — numbered rail */
.mc-steps { list-style: none; margin: 0; padding: 0; counter-reset: mcstep; max-width: 860px; }
.mc-steps li {
	counter-increment: mcstep;
	position: relative;
	padding: 0.65rem 0 0.85rem 62px;
	font-size: 0.92rem;
	line-height: 1.55;
}
.mc-steps li::before {
	content: counter(mcstep, decimal-leading-zero);
	position: absolute;
	left: 0;
	top: 0.45rem;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: linear-gradient(135deg, var(--mc-green-darker), var(--mc-green));
	color: #fff;
	font-weight: 800;
	font-size: 0.9rem;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 18px rgba(0, 153, 51, 0.3);
}
.mc-steps li:not(:last-child)::after {
	content: "";
	position: absolute;
	left: 20px;
	top: calc(0.45rem + 44px);
	bottom: -2px;
	width: 2px;
	background: linear-gradient(180deg, rgba(0, 153, 51, 0.4), rgba(0, 153, 51, 0.08));
}

/* Achievements highlight cards */
.mc-achievements { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 0.8rem; }
.mc-achievement {
	display: flex;
	gap: 0.75rem;
	background: #fff;
	border: 1px solid var(--mc-line);
	border-left: 4px solid var(--mc-lime);
	border-radius: var(--mc-radius);
	padding: 0.9rem 1rem;
	transition: transform var(--mc-transition), box-shadow var(--mc-transition);
}
.mc-achievement:hover { transform: translateX(4px); box-shadow: 0 10px 30px rgba(0, 153, 51, 0.12); }
.mc-achievement span { color: var(--mc-lime); font-size: 1.05rem; flex: none; text-shadow: 0 0 12px rgba(160, 206, 78, 0.6); }
.mc-achievement p { margin: 0; font-size: 0.88rem; line-height: 1.55; }

/* Prose sections */
.mc-prose { max-width: 62em; }
.mc-prose p { font-size: 0.95rem; }
.mc-prose img { max-width: 100%; height: auto; border-radius: var(--mc-radius); }
.mc-video--raw iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Landing dept cards: final polish */
.mc-dept-grid { gap: 0.8rem; }
.mc-dept { min-height: 172px; }
.mc-dept__name { font-size: 0.86rem; }
.mc-dept__chip { width: 38px; height: 38px; font-size: 1.1rem; }

/* Department tabs */
.mc-tabs__bar { display: flex; gap: 0.45rem; flex-wrap: wrap; margin-bottom: 1.3rem; border-bottom: 2px solid var(--mc-line); padding-bottom: 0.8rem; }
.mc-tabs__tab {
	border: 1.5px solid var(--mc-line);
	background: #fff;
	color: var(--mc-ink);
	font-weight: 600;
	font-size: 0.82rem;
	padding: 0.5em 1.3em;
	border-radius: 999px;
	cursor: pointer;
	transition: background var(--mc-transition), color var(--mc-transition), border-color var(--mc-transition), box-shadow var(--mc-transition);
}
.mc-tabs__tab:hover { border-color: var(--mc-green); color: var(--mc-green-dark); }
.mc-tabs__tab--on {
	background: linear-gradient(90deg, var(--mc-green-dark), var(--mc-green));
	border-color: transparent;
	color: #fff;
	box-shadow: 0 8px 22px rgba(0, 153, 51, 0.3);
}
.mc-tabs__panel { display: none; }
.mc-tabs__panel--on { display: block; animation: mc-slide-in 0.4s ease both; }

/* Department accordion (collapsible sections) */
.mc-accordion { max-width: 920px; }
.mc-acc__item { border: 1px solid var(--mc-line); border-radius: 12px; margin-bottom: 0.6rem; overflow: hidden; background: #fff; transition: border-color var(--mc-transition), box-shadow var(--mc-transition); }
.mc-acc__item.is-open { border-color: rgba(0, 153, 51, 0.35); box-shadow: 0 8px 24px rgba(0, 153, 51, 0.08); }
.mc-acc__head {
	width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
	background: none; border: none; cursor: pointer; text-align: left;
	padding: 1rem 1.2rem; font-weight: 700; font-size: 0.98rem; color: var(--mc-ink);
	transition: background var(--mc-transition), color var(--mc-transition);
}
.mc-acc__head:hover { background: var(--mc-bg-soft); }
.mc-acc__item.is-open .mc-acc__head { color: var(--mc-green-dark); }
.mc-acc__ico { flex: none; position: relative; width: 20px; height: 20px; }
.mc-acc__ico::before, .mc-acc__ico::after { content: ""; position: absolute; background: var(--mc-green); border-radius: 2px; transition: transform var(--mc-transition), opacity var(--mc-transition); }
.mc-acc__ico::before { top: 9px; left: 2px; width: 16px; height: 2px; }
.mc-acc__ico::after { top: 2px; left: 9px; width: 2px; height: 16px; }
.mc-acc__item.is-open .mc-acc__ico::after { transform: scaleY(0); opacity: 0; }
/* grid-rows 0fr → 1fr gives a smooth height animation with no max-height guessing */
.mc-acc__panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s ease; }
.mc-acc__item.is-open .mc-acc__panel { grid-template-rows: 1fr; }
.mc-acc__inner { overflow: hidden; min-height: 0; }
.mc-acc__pad { padding: 0.1rem 1.2rem 1.3rem; }
.mc-acc__pad > :first-child { margin-top: 0; }
@media (prefers-reduced-motion: reduce) { .mc-acc__panel { transition: none; } }

/* Team member cards ([team] / [tlpteam] shortcodes) — professional portraits */
/* Columns are capped so cards stay a tidy portrait size and the grid centres
   in the container (a 3- or 4-col grid otherwise stretches each card huge). */
.mc-team-grid { display: grid; grid-template-columns: repeat(var(--mc-team-cols, 4), minmax(0, 210px)); justify-content: center; gap: 1.4rem 1.6rem; }
@media (max-width: 900px) { .mc-team-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 190px)); } }
@media (max-width: 430px) { .mc-team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.9rem; } }
.mc-member {
	background: #fff;
	border: 1px solid var(--mc-line);
	border-radius: var(--mc-radius);
	overflow: hidden;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 14px rgba(0, 60, 20, 0.05);
	transition: transform var(--mc-transition), box-shadow var(--mc-transition), border-color var(--mc-transition);
}
.mc-member:hover { transform: translateY(-5px); box-shadow: 0 20px 44px rgba(0, 97, 31, 0.18); border-color: rgba(0, 153, 51, 0.4); }
/* Portrait photo fills the top of the card */
.mc-member__photo {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background: linear-gradient(135deg, var(--mc-green-dark), var(--mc-green));
	display: flex;
	align-items: center;
	justify-content: center;
}
.mc-member__photo::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--mc-lime); z-index: 2; }
.mc-member__photo img,
.mc-member__img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
/* Initials avatar sits behind the photo; revealed if the image is removed on error. */
.mc-member__initials { position: absolute; inset: 0; z-index: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: clamp(2rem, 5vw, 3rem); letter-spacing: 0.04em; }
.mc-member__body { padding: 0.85rem 0.85rem 1rem; text-align: center; display: flex; flex-direction: column; gap: 0.25rem; }
.mc-member__body strong { color: var(--mc-ink); font-size: 0.92rem; line-height: 1.3; }
.mc-member__role { color: var(--mc-green); font-size: 0.78rem; font-weight: 600; }

/* Featured leader (Governor): full-width card, photo beside the details */
.mc-leader-row { display: flex; justify-content: center; margin: 0 0 2.2rem; }
.mc-member--leader { flex-direction: row; align-items: stretch; max-width: 660px; width: 100%; border-color: rgba(0, 153, 51, 0.4); box-shadow: 0 14px 40px rgba(0, 97, 31, 0.14); }
.mc-member--leader .mc-member__photo { width: 44%; flex: none; aspect-ratio: auto; min-height: 230px; }
.mc-member--leader .mc-member__photo::after { display: none; }
.mc-member--leader .mc-member__body { justify-content: center; text-align: left; padding: 1.5rem 1.7rem; border-left: 4px solid var(--mc-lime); }
.mc-member--leader .mc-member__body::before { content: "H.E. THE GOVERNOR"; color: var(--mc-muted); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.14em; margin-bottom: 0.35rem; }
.mc-member--leader .mc-member__body strong { font-size: 1.4rem; line-height: 1.18; }
.mc-member--leader .mc-member__role { font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.05em; }
@media (max-width: 560px) {
	.mc-member--leader { flex-direction: column; max-width: 340px; }
	.mc-member--leader .mc-member__photo { width: 100%; aspect-ratio: 4 / 5; min-height: 0; }
	.mc-member--leader .mc-member__body { text-align: center; border-left: none; border-top: 4px solid var(--mc-lime); }
}

/* tlpteam showcase block */
.mc-teamblock { margin: 1.6rem 0 2rem; }
.mc-teamblock__title { font-size: 1.15rem; font-weight: 800; color: var(--mc-green-dark); margin: 0 0 1.3rem; padding-left: 12px; border-left: 4px solid var(--mc-lime); }
.mc-teamblock--exec .mc-teamblock__title { text-align: center; padding-left: 0; border-left: none; }
/* Single featured member (e.g. the County Secretary alone) */
.mc-teamblock--single .mc-team-grid { grid-template-columns: minmax(0, 280px); justify-content: center; }
.mc-teamblock--single .mc-member__body strong { font-size: 1.05rem; }
/* Executive committee: Governor featured alone on top, grid below. */
.mc-teamblock--exec .mc-team-lead { margin-bottom: 1.9rem; }
.mc-teamblock--exec .mc-team-lead .mc-member__body strong { font-size: 1.12rem; }

/* Department filter bar (isotope-style) */
.mc-team-filter { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; margin: 0 0 1.6rem; }
.mc-team-filter__btn {
	border: 1.5px solid var(--mc-line); background: #fff; color: var(--mc-ink);
	font-weight: 600; font-size: 0.8rem; padding: 0.45em 1.1em; border-radius: 999px;
	cursor: pointer; transition: background var(--mc-transition), color var(--mc-transition), border-color var(--mc-transition), box-shadow var(--mc-transition);
}
.mc-team-filter__btn:hover { border-color: var(--mc-green); color: var(--mc-green-dark); }
.mc-team-filter__btn.is-on { background: linear-gradient(135deg, var(--mc-green), var(--mc-green-dark)); border-color: transparent; color: #fff; box-shadow: 0 6px 16px rgba(0, 153, 51, 0.28); }

/* Rounded (circular) photo variant */
.mc-member--round .mc-member__photo { aspect-ratio: 1; border-radius: 50%; width: 78%; margin: 1rem auto 0; }
.mc-member--round .mc-member__photo::after { display: none; }

/* List layout */
.mc-team-grid--list { display: block; }
.mc-team-grid--list .mc-member { flex-direction: row; align-items: center; text-align: left; margin-bottom: 0.75rem; }
.mc-team-grid--list .mc-member__photo { width: 92px; height: 92px; flex: none; aspect-ratio: 1; }
.mc-team-grid--list .mc-member__photo::after { display: none; }
.mc-team-grid--list .mc-member__body { text-align: left; align-items: flex-start; padding: 0 1.1rem; }

/* Member profile page (single-team.php) */
.mc-profile__photo { position: relative; aspect-ratio: 4 / 5; border-radius: var(--mc-radius); overflow: hidden; box-shadow: var(--mc-shadow); background: linear-gradient(135deg, var(--mc-green-dark), var(--mc-green)); }
.mc-profile__initials { position: absolute; inset: 0; z-index: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 4rem; }
.mc-profile__img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.mc-profile__social { display: flex; gap: 0.5rem; margin-top: 1rem; flex-wrap: wrap; }
.mc-soc { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: var(--mc-bg-soft); color: var(--mc-green-dark); border: 1px solid var(--mc-line); transition: background var(--mc-transition), color var(--mc-transition), border-color var(--mc-transition); }
.mc-soc svg { width: 18px; height: 18px; }
.mc-soc:hover { background: var(--mc-green); color: #fff; border-color: transparent; }
.mc-profile__role { color: var(--mc-green-dark); font-weight: 700; font-size: 1.05rem; margin: 0 0 0.2rem; }
.mc-profile__tagline { color: var(--mc-muted); font-style: italic; margin: 0 0 1rem; }
.mc-profile__tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 1.2rem; }
.mc-profile__tag { background: var(--mc-bg-soft); border: 1px solid var(--mc-line); border-radius: 8px; padding: 0.4em 0.9em; font-size: 0.82rem; }
.mc-profile__bio { max-width: 62em; line-height: 1.7; }
.mc-profile__extra h3, .mc-profile__contact h3 { font-size: 1rem; margin: 1.4rem 0 0.5rem; padding-left: 12px; border-left: 4px solid var(--mc-lime); }
.mc-profile__contact ul { list-style: none; margin: 0.4rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 0.5rem; }
.mc-profile__contact li { display: flex; align-items: center; gap: 0.6rem; background: #fff; border: 1px solid var(--mc-line); border-radius: 10px; padding: 0.55rem 0.8rem; font-size: 0.86rem; }
.mc-profile__cico { flex: none; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: rgba(0, 153, 51, 0.1); color: var(--mc-green-dark); }
.mc-profile__cico svg { width: 16px; height: 16px; }
.mc-profile__clabel { color: var(--mc-muted); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; }
.mc-profile__contact li a { color: var(--mc-green-dark); text-decoration: none; word-break: break-word; }
.mc-profile__contact li a:hover { text-decoration: underline; }
.mc-profile__back { margin-top: 1.6rem; }
.mc-profile__back a { color: var(--mc-green-dark); text-decoration: none; font-weight: 600; }
.mc-prose__head { font-size: 1.02rem; margin: 1.4em 0 0.5em; padding-left: 12px; border-left: 4px solid var(--mc-lime); }

/* Photo slides: show the WHOLE image (contain) so nothing is cropped; the
   gradient layer still covers the frame as the left-side text scrim, and the
   letterbox area shows the slide's dark-green backdrop. */
.mc-slide--photo .mc-slide__bg {
	background-size: cover, contain !important; /* layer 1 = gradient scrim, layer 2 = photo */
	background-position: center, center right !important;
	background-repeat: no-repeat, no-repeat !important;
	inset: 0;
}
.mc-slide--photo.mc-slide--on .mc-slide__bg { animation: none; }
.mc-slide--photo .mc-slide__emblem { display: none; }
/* Text gets its own shadow so the scrim can stay light */
.mc-slide--photo .mc-slide__title,
.mc-slide--photo .mc-slide__kicker,
.mc-slide--photo .mc-slide__text { text-shadow: 0 2px 14px rgba(0, 0, 0, 0.65); }


/* ================= Full-width layout (unbox Avada) ================= */
#boxed-wrapper, .fusion-boxed-mode #boxed-wrapper { max-width: 100% !important; box-shadow: none !important; }
.fusion-header .fusion-row,
.fusion-footer-copyright-area .fusion-row,
.fusion-secondary-header .fusion-row { max-width: 1600px !important; padding-left: clamp(14px,2.2vw,34px); padding-right: clamp(14px,2.2vw,34px); }
.fusion-main-menu { max-width: 100% !important; }

/* ================= Testimonials ================= */
.mc-testimonials { background: var(--mc-bg-soft); }
.mc-testi-slider { position: relative; }
.mc-testi-track { display: flex; gap: 1.2rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding-bottom: 0.5rem; scrollbar-width: none; }
.mc-testi-track::-webkit-scrollbar { display: none; }
.mc-testi {
	flex: 0 0 calc((100% - 2.4rem) / 3);
	scroll-snap-align: start;
	background: #fff;
	border: 1px solid var(--mc-line);
	border-radius: var(--mc-radius);
	padding: 1.5rem 1.5rem 1.3rem;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	box-shadow: var(--mc-shadow);
}
@media (max-width: 900px) { .mc-testi { flex-basis: calc((100% - 1.2rem) / 2); } }
@media (max-width: 600px) { .mc-testi { flex-basis: 88%; } }
.mc-testi::before { content: "\201C"; position: absolute; top: 0.2rem; left: 1rem; font-family: Georgia, serif; font-size: 3.2rem; line-height: 1; color: rgba(0,153,51,0.18); }
.mc-testi__quote { font-size: 0.92rem; line-height: 1.6; color: var(--mc-body); margin: 0.6rem 0 0; font-style: italic; }
.mc-testi__by { display: flex; align-items: center; gap: 0.7rem; margin-top: auto; padding-top: 0.6rem; border-top: 1px solid var(--mc-line); }
.mc-testi__avatar { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--mc-green-dark), var(--mc-lime)); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; flex: none; font-size: 0.9rem; }
.mc-testi__name { font-weight: 700; color: var(--mc-ink); font-size: 0.9rem; }
.mc-testi__role { color: var(--mc-muted); font-size: 0.76rem; }
.mc-testi-arrow { position: absolute; top: 40%; z-index: 3; width: 40px; height: 40px; border: none; border-radius: 50%; background: var(--mc-green-darker); color: #fff; font-size: 1.4rem; cursor: pointer; box-shadow: var(--mc-shadow); transition: background var(--mc-transition); }
.mc-testi-arrow:hover { background: var(--mc-green); }
.mc-testi-arrow--prev { left: -12px; } .mc-testi-arrow--next { right: -12px; }

/* Dropdown menu — clear floating elevation so the open panel reads as a menu
   floating above the page, not a flat white box blanking the content. Only the
   shadow / corners change; position and behaviour stay exactly as they are. */
.fusion-main-menu .sub-menu {
	background: #ffffff !important;
	box-shadow: 0 20px 46px -10px rgba(0, 40, 15, 0.42), 0 6px 16px rgba(0, 40, 15, 0.18) !important;
	border-radius: 0 0 10px 10px !important;
	overflow: hidden !important;
}

/* ==================================================================
   Header rework (2026-07): slimmer top bar, brand (logo + name) inside
   a taller menu strip on the left, dropdowns anchored below the strip.
   ================================================================== */
/* 1. Slim the top utility bar above the menu. */
.fusion-secondary-header { padding: 1px 0 !important; font-size: 0.75rem !important; min-height: 0 !important; }
.fusion-secondary-header .fusion-row { padding-top: 0 !important; padding-bottom: 0 !important; }
.fusion-secondary-header .fusion-secondary-menu > ul > li > a { line-height: 1.9 !important; height: auto !important; }

/* 2. Taller menu strip so the brand fits; nav sits to the right of the brand. */
.fusion-main-menu > ul,
.fusion-main-menu > ul.fusion-menu { justify-content: flex-start !important; align-items: center !important; }
.fusion-main-menu > ul > li > a { height: 66px !important; line-height: 66px !important; }

/* 3. Brand block (logo + county name) pinned left; pushes the nav right. */
.mc-brand { margin-right: auto !important; float: none !important; display: inline-flex !important; align-items: center; }
.mc-brand > .mc-brand__link,
.fusion-main-menu .mc-brand > a.mc-brand__link {
	display: inline-flex !important; align-items: center; gap: 13px;
	height: 66px !important; line-height: 1 !important;
	padding: 0 22px 0 0 !important; margin: 0 !important;
	background: none !important; box-shadow: none !important; border: none !important;
	text-transform: none !important; letter-spacing: 0 !important;
}
.mc-brand > a.mc-brand__link:hover { background: none !important; box-shadow: none !important; }
.mc-brand__logo { height: 48px !important; width: auto !important; max-width: none !important; max-height: 48px !important; display: block; }
.mc-brand__text { display: flex; flex-direction: column; line-height: 1.08; white-space: nowrap; }
.mc-brand__name { color: #fff; font-weight: 800; font-size: 1.02rem; letter-spacing: .005em; }
.mc-brand__sub { color: var(--mc-lime); font-size: .72rem; text-transform: uppercase; letter-spacing: .16em; font-weight: 600; }

/* 4. Dropdowns open flush below the taller strip. */
.fusion-main-menu .sub-menu { top: 100% !important; margin-top: 0 !important; }
.mc-brand .sub-menu { display: none !important; }

/* 5. Mobile keeps Avada's own logo + hamburger — hide the injected brand there. */
@media (max-width: 1024px){ .mc-brand { display: none !important; } }

/* ==================================================================
   Department pages — classical two-column redesign (2026-07)
   ================================================================== */
.mc-deptpage--classic{
	--dp-forest:#0c3a2a; --dp-green:#0a5a2a; --dp-gold:#b0892f;
	--dp-ivory:#f6f2e9; --dp-paper:#fffdf8; --dp-ink:#1b2721;
	--dp-sage:#6f7d72; --dp-hair:#e5ddca;
	background:var(--dp-ivory); color:var(--dp-ink);
}
.mc-deptpage--classic .dp-title,
.mc-deptpage--classic .dp-h2{ font-family:"Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif; }

/* Hero */
.mc-deptpage--classic .dp-hero{ background:linear-gradient(160deg,#0d4030,#072a1f); color:#f3efe3; position:relative; }
.mc-deptpage--classic .dp-hero::before,
.mc-deptpage--classic .dp-hero::after{ content:""; position:absolute; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--dp-gold),transparent); opacity:.7; }
.mc-deptpage--classic .dp-hero::before{ top:0; } .mc-deptpage--classic .dp-hero::after{ bottom:0; }
.mc-deptpage--classic .dp-hero__in{ display:flex; align-items:center; gap:26px; padding:clamp(26px,4vw,46px) 0; }
.mc-deptpage--classic .dp-emblem{ flex:none; width:74px; height:74px; }
.mc-deptpage--classic .dp-eyebrow{ font-size:12px; letter-spacing:.26em; text-transform:uppercase; color:var(--dp-gold); margin:0 0 8px; font-weight:600; }
.mc-deptpage--classic .dp-title{ font-size:clamp(1.7rem,3.4vw,2.6rem); margin:0; color:#fff !important; line-height:1.12; font-weight:600; }
.mc-deptpage--classic .dp-crumb{ border-top:1px solid rgba(255,255,255,.14); }
.mc-deptpage--classic .dp-crumb__in{ padding:11px 0; font-size:12px; letter-spacing:.05em; color:#a9c1ad; text-transform:uppercase; }
.mc-deptpage--classic .dp-crumb a{ color:#cfe0d3 !important; text-decoration:none; } .mc-deptpage--classic .dp-crumb a:hover{ color:var(--dp-gold) !important; }
.mc-deptpage--classic .dp-crumb b{ color:#fff; font-weight:600; }

/* Body grid */
.mc-deptpage--classic .dp-body{ padding:clamp(32px,5vw,60px) 0; }
.mc-deptpage--classic .dp-grid{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:clamp(30px,4.5vw,58px); align-items:start; }
@media(max-width:900px){ .mc-deptpage--classic .dp-grid{ grid-template-columns:1fr; gap:38px; } }

/* Sections */
.mc-deptpage--classic .dp-sec{ margin:0 0 clamp(26px,4vw,44px); }
.mc-deptpage--classic .dp-sec:last-child{ margin-bottom:0; }
.mc-deptpage--classic .dp-kick{ font-size:11.5px; letter-spacing:.22em; text-transform:uppercase; color:var(--dp-gold); font-weight:700; margin:0 0 6px; }
.mc-deptpage--classic .dp-h2{ font-size:clamp(1.35rem,2.3vw,1.8rem); margin:0; color:var(--dp-forest) !important; font-weight:600; line-height:1.15; }
.mc-deptpage--classic .dp-rule{ width:52px; height:3px; background:var(--dp-gold); margin:13px 0 22px; border-radius:2px; }

/* Prose */
.mc-deptpage--classic .dp-prose{ color:#3a473f; max-width:64ch; font-size:1rem; line-height:1.75; }
.mc-deptpage--classic .dp-prose p{ margin:0 0 1.05em; }
.mc-deptpage--classic .dp-secbody :first-child{ margin-top:0; }
.mc-deptpage--classic .mc-prose__head{ font-family:"Palatino Linotype",Palatino,Georgia,serif; color:var(--dp-forest); border-left:3px solid var(--dp-gold); }

/* Vision / Mission */
.mc-deptpage--classic .dp-vm{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
@media(max-width:560px){ .mc-deptpage--classic .dp-vm{ grid-template-columns:1fr; } }
.mc-deptpage--classic .dp-vm__card{ background:var(--dp-paper); border:1px solid var(--dp-hair); border-left:3px solid var(--dp-gold); padding:22px 24px; }
.mc-deptpage--classic .dp-vm__label{ font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--dp-gold); font-weight:700; margin:0 0 9px; }
.mc-deptpage--classic .dp-vm__card p{ font-size:1rem; line-height:1.65; color:#2b3630; margin:0; font-style:italic; }

/* Pills (values) */
.mc-deptpage--classic .dp-pills{ display:flex; flex-wrap:wrap; gap:8px; }
.mc-deptpage--classic .dp-pill{ background:var(--dp-paper); border:1px solid var(--dp-hair); color:var(--dp-forest); padding:7px 15px; font-size:.86rem; font-weight:500; }

/* Functions list */
.mc-deptpage--classic .dp-fn{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:0 32px; }
@media(max-width:560px){ .mc-deptpage--classic .dp-fn{ grid-template-columns:1fr; } }
.mc-deptpage--classic .dp-fn li{ display:flex; gap:12px; padding:12px 0; border-top:1px solid var(--dp-hair); align-items:baseline; font-size:.96rem; color:#2f3b34; line-height:1.5; }
.mc-deptpage--classic .dp-fn li::before{ content:""; flex:none; width:7px; height:7px; margin-top:6px; background:var(--dp-gold); transform:rotate(45deg); }

/* Steps / achievements */
.mc-deptpage--classic .dp-steps{ list-style:none; counter-reset:s; margin:0; padding:0; }
.mc-deptpage--classic .dp-steps li{ counter-increment:s; position:relative; padding:12px 0 12px 44px; border-top:1px solid var(--dp-hair); font-size:.96rem; color:#2f3b34; }
.mc-deptpage--classic .dp-steps li::before{ content:counter(s,decimal-leading-zero); position:absolute; left:0; top:11px; font-family:"Palatino Linotype",Palatino,Georgia,serif; color:var(--dp-gold); font-size:1.05rem; }
.mc-deptpage--classic .dp-achieve{ list-style:none; margin:0; padding:0; }
.mc-deptpage--classic .dp-achieve li{ position:relative; padding:12px 0 12px 26px; border-top:1px solid var(--dp-hair); font-size:.96rem; color:#2f3b34; line-height:1.55; }
.mc-deptpage--classic .dp-achieve li::before{ content:"\2014"; position:absolute; left:0; top:11px; color:var(--dp-gold); }

/* Team inside a dept page */
.mc-deptpage--classic .mc-teamblock{ margin:0; }

/* Sidebar */
.mc-deptpage--classic .dp-aside{ display:flex; flex-direction:column; gap:22px; position:sticky; top:22px; }
@media(max-width:900px){ .mc-deptpage--classic .dp-aside{ position:static; } }
.mc-deptpage--classic .dp-card{ background:var(--dp-paper); border:1px solid var(--dp-hair); }
.mc-deptpage--classic .dp-card__hd{ padding:13px 18px; border-bottom:1px solid var(--dp-hair); font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--dp-forest); font-weight:700; background:linear-gradient(180deg,#fbf8ef,#f7f2e6); }
.mc-deptpage--classic .dp-card__bd{ padding:18px; }
.mc-deptpage--classic .dp-meta{ display:grid; gap:12px; }
.mc-deptpage--classic .dp-meta__row{ display:grid; grid-template-columns:20px 1fr; gap:11px; align-items:start; font-size:.9rem; color:#333e37; }
.mc-deptpage--classic .dp-meta__ic{ color:var(--dp-gold); font-size:1rem; line-height:1.4; }
.mc-deptpage--classic .dp-meta a{ color:var(--dp-green); text-decoration:none; } .mc-deptpage--classic .dp-meta a:hover{ text-decoration:underline; }
.mc-deptpage--classic .dp-docs{ list-style:none; margin:0; padding:0; }
.mc-deptpage--classic .dp-docs__more{ margin:14px 0 0; } .mc-deptpage--classic .dp-docs__more a{ color:var(--dp-green); text-decoration:none; font-weight:600; font-size:.86rem; }
.mc-deptpage--classic .mc-video-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }