/*
FHDA SITE CSS
*/
/* BASE VALUES */
:root {

	/* ==========================================================================
	Color Palette
	========================================================================== */

	/* FHDA BASE COLORS	(HEX) */
	--fhda-red: #a6192e;
	--fhda-red-dark: #76232f;
	--fhda-red-light: #e89e9d;
	--fhda-yellow: #FFC600;
	--fhda-yellow-dark: #B37D20;
	--fhda-yellow-light: #FCD757;

	/* FHDA BASE COLORS	(RGB) */
	--fhda-red-rgb: 166,25,46;
	--fhda-red-dark-rgb: 118,35,47;
	--fhda-red-light-rgb: 232,158,157;
	--fhda-yellow-rgb: 255,198,0;
	--fhda-yellow-dark-rgb: 179,125,32;
	--fhda-yellow-light-rgb: 252,215,87;

	/* FHDA BASE COLORS	(Lighter and Lightest Variants) */
	--fhda-red-lighter:rgba(var(--fhda-red-light-rgb), 0.5);
	--fhda-red-lightest:rgba(var(--fhda-red-light-rgb), 0.25);
	--fhda-yellow-lighter:rgba(var(--fhda-yellow-light-rgb), 0.5);
	--fhda-yellow-lightest:rgba(var(--fhda-yellow-light-rgb), 0.25);



	/* FHDA SECONDARY COLORS (HEX)*/
	--fhda-meadow-olive: #657F39;
	--fhda-meadow-olive-dark: #3D441E;
	--fhda-meadow-olive-light: #B9C1B4;
	--fhda-peninsula-blue: #4B6771;
	--fhda-peninsula-blue-dark: #304C5A;
	--fhda-peninsula-blue-light: #CED9E5;
	--fhda-mission-brick: #B05C37;
	--fhda-mission-brick-dark: #7E3F2A;
	--fhda-mission-brick-light: #DCBFA6;
	--fhda-shoreline-teal: #417571;
	--fhda-shoreline-teal-dark: #3B5954;
	--fhda-shoreline-teal-light: #A0D1CA;
	--fhda-juniper-green: #44693D;
	--fhda-juniper-green-dark: #1D3C34;
	--fhda-juniper-green-light: #B6CFAE;
	--fhda-wild-plum: #583752;
	--fhda-wild-plum-dark: #392733;
	--fhda-wild-plum-light: #C9B1D0;

	/* FHDA SECONDARY COLORS (RGB)*/
	--fhda-meadow-olive-rgb: 101,127,57;
	--fhda-meadow-olive-dark-rgb: 61,68,30;
	--fhda-meadow-olive-light-rgb: 185,193,180;
	--fhda-peninsula-blue-rgb: 75,103,113;
	--fhda-peninsula-blue-dark-rgb: 48,76,90;
	--fhda-peninsula-blue-light-rgb: 206,217,229;
	--fhda-mission-brick-rgb: 176,92,55;
	--fhda-mission-brick-dark-rgb: 126,63,42;
	--fhda-mission-brick-light-rgb: 220,191,166;
	--fhda-shoreline-teal-rgb: 65,117,113;
	--fhda-shoreline-teal-dark-rgb: 59,89,84;
	--fhda-shoreline-teal-light-rgb: 160,209,202;
	--fhda-juniper-green-rgb: 68,105,61;
	--fhda-juniper-green-dark-rgb: 29,60,52;
	--fhda-juniper-green-light-rgb: 182,207,174;
	--fhda-wild-plum-rgb: 88,55,82;
	--fhda-wild-plum-dark-rgb: 57,39,51;
	--fhda-wild-plum-light-rgb: 201,177,208;

	/* FHDA SECONDARY COLORS	(Lighter and Lightest Variants) */
	--fhda-meadow-olive-lighter:rgba(var(--fhda-meadow-olive-light-rgb), 0.5);
	--fhda-meadow-olive-lightest:rgba(var(--fhda-meadow-olive-light-rgb), 0.25);
	--fhda-peninsula-blue-lighter:rgba(var(--fhda-peninsula-blue-light-rgb), 0.5);
	--fhda-peninsula-blue-lightest:rgba(var(--fhda-peninsula-blue-light-rgb), 0.25);
	--fhda-mission-brick-lighter:rgba(var(--fhda-mission-brick-light-rgb), 0.5);
	--fhda-mission-brick-lightest:rgba(var(--fhda-mission-brick-light-rgb), 0.25);
	--fhda-shoreline-teal-lighter:rgba(var(--fhda-shoreline-teal-light-rgb), 0.5);
	--fhda-shoreline-teal-lightest:rgba(var(--fhda-shoreline-teal-light-rgb), 0.25);
	--fhda-juniper-green-lighter:rgba(var(--fhda-juniper-green-light-rgb), 0.5);
	--fhda-juniper-green-lightest:rgba(var(--fhda-juniper-green-light-rgb), 0.25);
	--fhda-wild-plum-lighter:rgba(var(--fhda-wild-plum-light-rgb), 0.5);
	--fhda-wild-plum-lightest:rgba(var(--fhda-wild-plum-light-rgb), 0.25);



	/* FHDA NEUTRAL COLORS (HEX) */
	--fhda-coastal-grey: #b9b7b3; /* NOT FOR TEXT ON WHITE OR COASTAL GREY LIGHT/DARK */
	--fhda-coastal-grey-light: #D7D2CA; /* NOT FOR TEXT ON WHITE OR COASTAL GREY REGULAR OR DARK */
	--fhda-coastal-grey-dark: #767470; /* OK WITH WHITE */
	--fhda-sand: #c8af90; /* NOT FOR TEXT ON WHITE OR ANY SAND VARIANT */
	--fhda-sand-darker: #7E694E; /* OK WITH WHITE */
	--fhda-sand-dark: #a58d6f;  /* NOT FOR TEXT ON WHITE OR ANY SAND VARIANT */
	--fhda-sand-light: #dac9b4;  /* NOT FOR TEXT ON WHITE OR ANY SAND VARIANT */
	--fhda-walnut: #483F3C;
	--fhda-walnut-dark: #352e2c;
	--fhda-walnut-light: #9F9593;
	--fhda-charcoal: #2e2e2e;
	--fhda-charcoal-dark: #1a1a1a;
	--fhda-charcoal-light: #919191;

	/* FHDA NEUTRAL COLORS (RGB) */
	--fhda-coastal-grey-rgb: 185,183,179;
	--fhda-coastal-grey-dark-rgb: 113,110,106;
	--fhda-coastal-grey-light-rgb: 215,210,202;
	--fhda-sand-rgb: 200,175,144;
	--fhda-sand-dark-rgb: 165,141,111;
	--fhda-sand-light-rgb: 218,201,180;
	--fhda-walnut-rgb: 72,63,60;
	--fhda-walnut-dark-rgb: 53,46,44;
	--fhda-walnut-light-rgb: 159,149,147;
	--fhda-charcoal-rgb: 46,46,46;
	--fhda-charcoal-dark-rgb: 26,26,26;
	--fhda-charcoal-light-rgb: 145,145,145;

	/* FHDA NEUTRAL COLORS	(Lighter and Lightest Variants) */
	--fhda-coastal-grey-lighter:rgba(var(--fhda-coastal-grey-light-rgb), 0.5);
	--fhda-coastal-grey-lightest:rgba(var(--fhda-coastal-grey-light-rgb), 0.25);
	--fhda-sand-lighter:rgba(var(--fhda-sand-light-rgb), 0.5);
	--fhda-sand-lightest:rgba(var(--fhda-sand-light-rgb), 0.25);
	--fhda-walnut-lighter:rgba(var(--fhda-walnut-light-rgb), 0.5);
	--fhda-walnut-lightest:rgba(var(--fhda-walnut-light-rgb), 0.25);
	--fhda-charcoal-lighter:rgba(var(--fhda-charcoal-light-rgb), 0.5);
	--fhda-charcoal-lightest:rgba(var(--fhda-charcoal-light-rgb), 0.25);


	/* UNIT COLORS (HEX) */
	--unit-color: var(--fhda-shoreline-teal);
	--unit-color-dark: var(--fhda-shoreline-teal-dark);
	--unit-color-light: var(--fhda-shoreline-teal-light);

	/* UNIT COLORS (RGB) */
	--unit-color-rgb: var(--fhda-shoreline-teal-rgb);
	--unit-color-dark-rgb: var(--fhda-shoreline-teal-dark-rgb);
	--unit-color-light-rgb: var(--fhda-shoreline-teal-light-rgb);

	/* UNIT NEUTRAL COLORS	(Lighter and Lightest Variants) */
	--unit-color-lighter:rgba(var(--fhda-shoreline-teal-light-rgb), 0.5);
	--unit-color-lightest:rgba(var(--fhda-shoreline-teal-light-rgb), 0.25);

	/* FHDA FONTS	 */
	--fhda-font-family: 'Public Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--fhda-title-font-family: 'Bebas Neue', 'Bahnschrift Condensed', 'Impact', 'Haettenschweiler', 'Arial Narrow Bold', 'Helvetica Neue Condensed Bold', 'Franklin Gothic Bold', sans-serif;
	--ax-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--ax-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
	--ax-font-family-heading: var(--fhda-title-font-family);
	--ax-font-family-body: var(--fhda-font-family);



}


body {
	/* FHDA Background */
	font-family: var(--fhda-font-family);
	background: url("../img/background.jpg") repeat top left;
}

a[target='_blank']::after {
	content: none !important;
}

/* Header fonts and sizes */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,  
.ax-h1, .ax-h2, .ax-h3, .ax-h4, .ax-h5, .ax-h6 {
	font-family: var(--fhda-font-family);
	font-weight: var(--ax-font-semibold);
	line-height: var(--ax-leading-normal);
	letter-spacing: var(--ax-tracking-normal);
	margin-top: 0;
	margin-bottom: 0.5em;
}

h1, .h1, .ax-h1 {
	font-size: 2.25rem;
	margin-bottom: 0;
}

h2, .h2, .ax-h2 {font-size: 2rem;color:var(--unit-color-dark);}
h3, .h3, .ax-h3 {font-size: 1.75rem;color:var(--unit-color);}
h4, .h4, .h2, .ax-h4 {font-size: 1.5rem;color:var(--fhda-red-dark);}
h5, .h5, .ax-h5 {font-size: 1.25rem;color:var(--fhda-red);}
h6, .h6, .ax-h6 {font-size: 1rem;color:var(--fhda-walnut);}

h1 > .ax-small, .ax-h1 > .ax-small {font-size: var(--ax-text-xl);}
h2 > .ax-small, .ax-h2 > .ax-small {font-size: var(--ax-text-lg);}
h3 > .ax-small, .ax-h3 > .ax-small {font-size: var(--ax-text-md);}
h4 > .ax-small, .ax-h4 > .ax-small {font-size: var(--ax-text-base);}
h5 > .ax-small, .ax-h5 > .ax-small {font-size: var(--ax-text-sm);}
h6 > .ax-small, .ax-h6 > .ax-small {font-size: var(--ax-text-xs);}


/* Main Container */
.container {
	width: 100%;
	max-width: 66.5625em;
	margin: 0 auto;
	background-color: #FFFFFF;
}
.container-shadow-rlb {
	box-shadow: -10px 0 10px -2px rgba(0,0,0,0.15),
		10px 0 10px -2px rgba(0,0,0,0.15),
		0 10px 10px -2px rgba(0,0,0,0.15);
}

/* Site Header */
header {
	padding:0;
}


#district-institutional-links .horizontal-links {
	list-style-type:none;
	margin:0;
	display: flex;
	justify-content: space-between;
	padding:0 50px; 
	background-color:#a6192e;
}

.horizontal-links li {
	align-content:center;
	padding:0;
	margin-bottom:0;
}

.horizontal-links li:not(:last-of-type) {
	padding: 5px 0;
	margin-bottom:0;
}

#district-institutional-links .horizontal-links a {
	color:#fff;
	font-size:1rem;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.1rem;
	word-spacing: 0.2rem;
	text-decoration:none;
}

#district-institutional-links .horizontal-links a:hover {
	text-decoration:underline;
}

/* Translate and Search Buttons and Containers */

button.top-link-button, button.top-link-button:hover {
	color:#fff;
	border:1px solid transparent;
	background-color:transparent;
	border-color:transparent;
	padding: 9px 10px;
	cursor:pointer;
}

button.top-link-button:hover {
	background-color:#76323f;
	color:#fff;
}

.top-link-button[aria-expanded="true"]:hover {
	background-color: #FFC600;
}

.goog-te-combo {
	font-size:20px !important;
	line-height:24px !important;
	width:100%;
}
.goog-te-gadget .goog-te-combo {
	margin: 4px 0;
	padding: 8px;
}

#google_translate_element img {
	display:inline-block !important;
}

.header-top.flex-container {
	display:flex; 
	overflow:auto;
	justify-content: space-between;
	padding:0 50px;
}

.site-logo {
	width:100%;
	max-width:60%;
	padding-right:50px;
	margin-top:36px;
}

.site-logo img {
	width:auto;
	height:100%;
	max-height:72px;
}

.header-search-container {
	width:30%;
	text-align:right;
	float:none;
	display:block;
}

nav.main {
	width:100%;
}

.header-main-navigation {
	margin-top:26px;
	padding-bottom:18px;
}

.main-horizontal-links {
	list-style-type:none;
	display:flex;
	justify-content:space-between;
	margin:18px 50px 0 50px;
	padding:0;
}

.main-horizontal-links li {
	margin-bottom:0;
}

.main-horizontal-links li a {
	color:#76323f;
	font-weight:600;
	text-decoration:none;
}

.main-horizontal-links li a:hover {
	text-decoration:underline;
}

/* Page/Unit Header  */
#unit-title-container {
	padding:20px 50px 15px 50px;
}

#unit-title-container p {
	margin-bottom:0;
}

#unit-title {
	color:#fff; 
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
	word-spacing: 0.2rem;
}

#unit-title a {
	color: var(--ax-white);
	text-decoration:none;
}
#unit-title a:hover {
	text-decoration:underline;
}

.bebas {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.1rem;
	word-spacing: 0.2rem;
}

.unit-color-dark-bg {
	background-color:var(--unit-color-dark);
}

#page-title-container {
	padding:36px 50px;
}

#page-title-container.ax-p-0 {
	padding:0;
}

#page-title {
	color:#fff;
	background-color: rgba(var(--unit-color-rgb), 0.85);
	display:inline-block;
	padding:.5rem 2rem;
	text-align:left !important;
}

.ax-hero-overlay {
	align-items: end;
}


.unit-color-bg {
	background-color:var(--unit-color);
}

#breadcrumb-container {
	padding:10px 50px;
}

.unit-color-light-bg {
	background-color:var(--unit-color-light);
}

hr {
	clear:both;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

ol.breadcrumb li {
	padding:0;
	margin:0;
}

.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	list-style: none;
}

.breadcrumb-item {
	display: flex;
	align-items: center;
}

.breadcrumb-item + .breadcrumb-item::before {
	font-family: "Font Awesome 7 Sharp";
	content: "\f054";
	padding: 0 0.5rem;
	color: #000;
}

.breadcrumb-item a {
	color: #000;
	text-decoration: none;
}

.breadcrumb-item a:hover {
	text-decoration: underline;
}

.breadcrumb-item a:focus-visible {
	outline: 3px solid #000;
	outline-offset: 2px;
}

.breadcrumb-item.active,
.breadcrumb-item[aria-current="page"] {
	color: #000;
	font-weight:600;
}

.gsc-control-cse{
	padding: 0 !important;
}

.hero-container-padding {
	padding: 36px 50px;
}

.page-hero-container.hero-container-padding {
	background-color: var(--unit-color-lightest);
}

.ax-lead strong {
	font-weight:700;
}

.page-content-container {
	padding: 36px 50px;
	line-height:1.5;
}

.page-padding {
	padding: 36px 50px;
}


.top-panel {
	opacity: 0;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	transition: opacity 0.25s ease;
}

.top-panel.is-open {
	opacity: 1;
	visibility: visible;
	height: auto;
}

.top-panel.instant-close {
	transition: none;
}

/* Preserve your existing search-container styling when open */
#gs-search-container.is-open, #gt-translate-container.is-open {
	background-color: #FFC600;
	padding: 18px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

/* Visual feedback on the active button */
.top-link-button[aria-expanded="true"] {
	background-color: #FFC600; /* or whatever matches your brand */
	color:#76323f;
}
.top-link-button[aria-expanded="true"]:hover {
	color:#76323f;
}


.page-content-container {
	display:grid;
	grid-template-columns: 30% 70%;
	padding:0;
}
nav#page-nav {
	background-color: var(--fhda-yellow-light);
	margin:36px 0;
	border-top-right-radius:9px;
	border-bottom-right-radius:9px;
}
#page-content {
	padding:36px 50px 36px 25px;
	min-width: 0;
}
.ax-sidebar-nav .ax-nav-link {
	padding: 9px 25px 9px 50px;
	border-radius: 0;
	border-left: 3px solid transparent;
}

.bg-unit-color-lightest {
	background-color:var(--unit-color-lightest);
}


/* cards and icon link cards custom colors */

.ax-card-fhda-red {
	background-color: var(--fhda-red-lightest);
	border-color: var(--fhda-red);
	color: var(--fhda-red-dark);
}

.ax-card-fhda-red a, .ax-card-fhda-red h2, .ax-card-fhda-red h3, .ax-card-fhda-red h4, .ax-card-fhda-red h5, .ax-card-fhda-red h6  {
	color: var(--fhda-red-dark);
}

.ax-card-fhda-red a:hover {
	color: var(--fhda-charcoal-dark);
}

.ax-card-fhda-yellow {
	background-color: var(--fhda-yellow-lightest);
	border-color: var(--fhda-yellow);
	color: var(--fhda-charcoal-dark);
}

.ax-card-fhda-yellow h2, .ax-card-fhda-yellow h3, .ax-card-fhda-yellow h4, .ax-card-fhda-yellow h5, .ax-card-fhda-yellow h6  {
	color: var(--fhda-charcoal-dark);
}

.ax-card-fhda-unit {
	background-color: var(--unit-color-lightest);
	border-color: var(--unit-color);
	color: var(--unit-color-dark);
}

.ax-card-fhda-unit a, .ax-card-fhda-unit h2, .ax-card-fhda-unit h3, .ax-card-fhda-unit h4, .ax-card-fhda-unit h5, .ax-card-fhda-unit h6  {
	color: var(--unit-color-dark);
}

.ax-card-fhda-unit a:hover {
	color: var(--fhda-charcoal-dark);
}

.ax-card-fhda-meadow-olive {
	background-color: var(--fhda-meadow-olive-lightest);
	border-color: var(--fhda-meadow-olive);
	color: var(--fhda-meadow-olive-dark);
}

.ax-card-fhda-meadow-olive a, .ax-card-fhda-meadow-olive h2, .ax-card-fhda-meadow-olive h3, .ax-card-fhda-meadow-olive h4, .ax-card-fhda-meadow-olive h5, .ax-card-fhda-meadow-olive h6  {
	color: var(--fhda-meadow-olive-dark);
}

.ax-card-fhda-meadow-olive a:hover {
	color: var(--fhda-charcoal-dark);
}
.ax-card-fhda-peninsula-blue {
	background-color: var(--fhda-peninsula-blue-lightest);
	border-color: var(--fhda-peninsula-blue);
	color: var(--fhda-peninsula-blue-dark);
}

.ax-card-fhda-peninsula-blue a, .ax-card-fhda-peninsula-blue h2, .ax-card-fhda-peninsula-blue h3, .ax-card-fhda-peninsula-blue h4, .ax-card-fhda-peninsula-blue h5, .ax-card-fhda-peninsula-blue h6  {
	color: var(--fhda-peninsula-blue-dark);
}

.ax-card-fhda-peninsula-blue a:hover {
	color: var(--fhda-charcoal-dark);
}
.ax-card-fhda-mission-brick {
	background-color: var(--fhda-mission-brick-lightest);
	border-color: var(--fhda-mission-brick);
	color: var(--fhda-mission-brick-dark);
}

.ax-card-fhda-mission-brick a, .ax-card-fhda-mission-brick h2, .ax-card-fhda-mission-brick h3, .ax-card-fhda-mission-brick h4, .ax-card-fhda-mission-brick h5, .ax-card-fhda-mission-brick h6  {
	color: var(--fhda-mission-brick-dark);
}

.ax-card-fhda-mission-brick a:hover {
	color: var(--fhda-charcoal-dark);
}
.ax-card-fhda-shoreline-teal {
	background-color: var(--fhda-shoreline-teal-lightest);
	border-color: var(--fhda-shoreline-teal);
	color: var(--fhda-shoreline-teal-dark);
}

.ax-card-fhda-shoreline-teal a, .ax-card-fhda-shoreline-teal h2, .ax-card-fhda-shoreline-teal h3, .ax-card-fhda-shoreline-teal h4, .ax-card-fhda-shoreline-teal h5, .ax-card-fhda-shoreline-teal h6  {
	color: var(--fhda-shoreline-teal-dark);
}

.ax-card-fhda-shoreline-teal a:hover {
	color: var(--fhda-charcoal-dark);
}
.ax-card-fhda-juniper-green {
	background-color: var(--fhda-juniper-green-lightest);
	border-color: var(--fhda-juniper-green);
	color: var(--fhda-juniper-green-dark);
}

.ax-card-fhda-juniper-green a, .ax-card-fhda-juniper-green h2, .ax-card-fhda-juniper-green h3, .ax-card-fhda-juniper-green h4, .ax-card-fhda-juniper-green h5, .ax-card-fhda-juniper-green h6  {
	color: var(--fhda-juniper-green-dark);
}

.ax-card-fhda-juniper-green a:hover {
	color: var(--fhda-charcoal-dark);
}
.ax-card-fhda-wild-plum {
	background-color: var(--fhda-wild-plum-lightest);
	border-color: var(--fhda-wild-plum);
	color: var(--fhda-wild-plum-dark);
}

.ax-card-fhda-wild-plum a, .ax-card-fhda-wild-plum h2, .ax-card-fhda-wild-plum h3, .ax-card-fhda-wild-plum h4, .ax-card-fhda-wild-plum h5, .ax-card-fhda-wild-plum h6  {
	color: var(--fhda-wild-plum-dark);
}

.ax-card-fhda-wild-plum a:hover {
	color: var(--fhda-charcoal-dark);
}
.ax-card-fhda-coastal-grey {
	background-color: var(--fhda-coastal-grey-lightest);
	border-color: var(--fhda-coastal-grey);
	color: var(--fhda-coastal-grey-dark);
}

.ax-card-fhda-coastal-grey a, .ax-card-fhda-coastal-grey h2, .ax-card-fhda-coastal-grey h3, .ax-card-fhda-coastal-grey h4, .ax-card-fhda-coastal-grey h5, .ax-card-fhda-coastal-grey h6  {
	color: var(--fhda-coastal-grey-dark);
}

.ax-card-fhda-coastal-grey a:hover {
	color: var(--fhda-charcoal-dark);
}
.ax-card-fhda-sand {
	background-color: var(--fhda-sand-lightest);
	border-color: var(--fhda-sand);
	color: var(--fhda-sand-darker);
}

.ax-card-fhda-sand a, .ax-card-fhda-sand h2, .ax-card-fhda-sand h3, .ax-card-fhda-sand h4, .ax-card-fhda-sand h5, .ax-card-fhda-sand h6  {
	color: var(--fhda-sand-darker);
}

.ax-card-fhda-sand a:hover {
	color: var(--fhda-charcoal-dark);
}
.ax-card-fhda-walnut {
	background-color: var(--fhda-walnut-lightest);
	border-color: var(--fhda-walnut);
	color: var(--fhda-walnut-dark);
}

.ax-card-fhda-walnut a, .ax-card-fhda-walnut h2, .ax-card-fhda-walnut h3, .ax-card-fhda-walnut h4, .ax-card-fhda-walnut h5, .ax-card-fhda-walnut h6  {
	color: var(--fhda-walnut-dark);
}

.ax-card-fhda-walnut a:hover {
	color: var(--fhda-charcoal-dark);
}
.ax-card-fhda-charcoal {
	background-color: var(--fhda-charcoal-lightest);
	border-color: var(--fhda-charcoal);
	color: var(--fhda-charcoal-dark);
}

.ax-card-fhda-charcoal a, .ax-card-fhda-charcoal h2, .ax-card-fhda-charcoal h3, .ax-card-fhda-charcoal h4, .ax-card-fhda-charcoal h5, .ax-card-fhda-charcoal h6  {
	color: var(--fhda-charcoal-dark);
}

.ax-card-fhda-charcoal a:hover {
	color: var(--ax-black);
}


.ax-card-icon-unit {
	color: var(--ax-primary);
	background-color: var(--ax-primary-lightest);
}

.ax-card-icon-fhda-red {
	color: var(--fhda-red);
	background-color: var(--fhda-red-light);
}

.ax-card-icon-fhda-yellow {
	color: var(--fhda-yellow-dark);
	background-color: var(--fhda-yellow-light);
}

.ax-card-icon-fhda-meadow-olive {
	color: var(--fhda-meadow-olive);
	background-color: var(--fhda-meadow-olive-light);
}
.ax-card-icon-fhda-peninsula-blue {
	color: var(--fhda-peninsula-blue);
	background-color: var(--fhda-peninsula-blue-light);
}
.ax-card-icon-fhda-mission-brick {
	color: var(--fhda-mission-brick);
	background-color: var(--fhda-mission-brick-light);
}
.ax-card-icon-fhda-shoreline-teal {
	color: var(--fhda-shoreline-teal);
	background-color: var(--fhda-shoreline-teal-light);
}
.ax-card-icon-fhda-juniper-green {
	color: var(--fhda-juniper-green);
	background-color: var(--fhda-juniper-green-light);
}
.ax-card-icon-fhda-wild-plum {
	color: var(--fhda-wild-plum);
	background-color: var(--fhda-wild-plum-light);
}
.ax-card-icon-fhda-coastal-grey {
	color: var(--fhda-coastal-grey);
	background-color: var(--fhda-coastal-grey-light);
}
.ax-card-icon-fhda-sand {
	color: var(--fhda-sand);
	background-color: var(--fhda-sand-light);
}
.ax-card-icon-fhda-walnut {
	color: var(--fhda-walnut);
	background-color: var(--fhda-walnut-light);
}
.ax-card-icon-fhda-charcoal {
	color: var(--fhda-charcoal);
	background-color: var(--fhda-charcoal-light);
}

a.ax-card.ax-card-link:not([class^="ax-card-icon-"]):not([class*=" ax-card-icon-"]):not([class^="ax-card-img-"]):not([class*=" ax-card-img-"]) {
	position:relative;
	z-index:1;
}

a.ax-card.ax-card-link:not([class^="ax-card-icon-"]):not([class*=" ax-card-icon-"]):not([class^="ax-card-img-"]):not([class*=" ax-card-img-"]) .ax-card-body::before {
	font-family: 'Font Awesome 7 Sharp';
    font-weight: 300;
    position: absolute;
    color: var(--unit-color);
    font-size: 1.5rem;
    right: 1rem;
	padding-bottom: 0.25rem;
    content: "\f061";
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
    z-index: -1;

    opacity: 0.25;
}
    
a.ax-card.ax-card-link:not([class^="ax-card-icon-"]):not([class*=" ax-card-icon-"]):not([class^="ax-card-img-"]):not([class*=" ax-card-img-"]):hover .ax-card-body::before {
	opacity: 0.75;
}

.ax-card-contact .ax-card-title {
	font-size:1.5rem;
	margin-bottom: 0.25rem;
}

div:nth-last-child(1 of .ax-card-text) > :last-child {
  margin-bottom: 0;
}

.grid-item {
	margin-bottom:0;
}

.grid-item > :last-child, .page-hero-container.hero-container-padding > :last-child {
	margin-bottom: 0;
}

.ax-card-img-overlay.ax-card-img-overlay-dark {
	
}

.ax-card-img-overlay.ax-card-img-overlay-dark > .ax-card-body {
	background-color: rgba(0, 0, 0, 0.65);
	transition: all 0.1s ease;
}

.ax-card-img-overlay.ax-card-img-overlay-dark > .ax-card-body > .ax-card-title {
	color: var(--ax-white) !important;
	text-shadow: 2px 2px 2px black;
}

.ax-card-link.ax-card-img-overlay, .ax-card-link.ax-card-img-overlay:hover, .ax-card-link.ax-card-img-overlay:focus, .ax-card-link.ax-card-img-overlay:active, .ax-card-link.ax-card-img-overlay:visited {
	text-shadow: 2px 2px 2px black;
}
.ax-card-link.ax-card-img-overlay.ax-card-img-overlay-dark:hover .ax-card-body, .ax-card-link.ax-card-img-overlay.ax-card-img-overlay-dark:focus  .ax-card-body {
	background-color: rgba(0, 0, 0, 0.75);
}
/* ==========================================================================
Page Navigation Base
========================================================================== */

.ax-nav {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	list-style: none;
	gap: 0.25rem;
}

.ax-nav-item {
	position: relative;
	margin-bottom:0;
}

.ax-nav-link {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 44px;
	padding: 0.5rem 1rem;
	color: var(--ax-black);
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 150ms ease,
		color  150ms ease;
}

.ax-nav-link:hover {
	color: var(--fhda-red-dark);
}

.ax-nav-link:focus-visible {
	outline: 3px solid var(--ax-focus-color);
	outline-offset: 2px;
}

.ax-nav-link.ax-active,
.ax-nav-link[aria-current="page"] {
	background-color: transparent;
	color: var(--fhda-red-dark);
}

.ax-nav-link.ax-disabled,
.ax-nav-link[aria-disabled="true"] {
	color: var(--ax-grey-5);
	pointer-events: none;
	cursor: not-allowed;
}

/* ==========================================================================
Vertical Navigation
========================================================================== */

.ax-nav-vertical {
	flex-direction: column;
	gap: 0.125rem;
}

.ax-nav-vertical .ax-nav-link {
	width: 100%;
	justify-content: flex-start;
}

/* Sidebar navigation */
.ax-sidebar-nav {
	flex-direction: column;
	padding: 1rem 0;
}

.ax-sidebar-nav .ax-nav-link {
	padding: 9px 25px 9px 50px;
	border-radius: 0;
	border-left: 3px solid transparent;
}

.ax-sidebar-nav .ax-nav-link:hover {
	border-left-color: var(--fhda-red-dark);
	background-color: transparent;
}

.ax-sidebar-nav .ax-nav-link.active {
	border-left-color: var(--fhda-red-dark);
	color: var(--fhda-red-dark);
	font-weight:600;
}

.ax-sidebar-nav .ax-nav-item.ax-nav-item-index {
	background-color: goldenrod;
    padding: 9px 18px 9px 39px;
    font-weight: bold;
    font-size: 1.05rem;
    border-top-right-radius: .5rem;
    color: #000;
	text-decoration:none;
}
.ax-sidebar-nav .ax-nav-item.ax-nav-item-index a {
	color: #000;
	text-decoration:none;
	padding-left:0;
}
.ax-sidebar-nav .ax-nav-item.ax-nav-item-index a:hover {
	text-decoration:underline;
}

/* Nested navigation */
.ax-nav-nested {
	padding-left: 1rem;
}

.ax-nav-nested .ax-nav-link {
	padding: 0.375rem 1rem;
	font-size: var(--ax-text-sm);
}

.ax-nav-item.is-ancestor > .ax-nav-link { /* subtle ancestor treatment */ }
.ax-nav-sublist { list-style: none; padding-left: 1em; }

/* ----------------------------------------------------------------------------
SmartNav — toggle/disclosure styles
Add these rules to your main site stylesheet.
---------------------------------------------------------------------------- */

/* The <li> needs to hold the link and the toggle side-by-side.
Flex keeps the chevron pinned to the right of the label.
flex-wrap is needed so the nested <ul> (flex-basis: 100%) can drop to
its own line — but we must prevent the TOGGLE BUTTON from wrapping
when the link text is long. That's handled by:
- min-width: 0 on the link, so it can shrink below its content width
- the link wraps to multiple lines within its own column
- flex-shrink: 0 on the toggle, so it always keeps its full width

*/
.ax-nav-item.has-children {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

/* The link takes all horizontal space that isn't the button, but can
shrink. min-width:0 is the key — without it, a flex item refuses to
shrink below the width of its content, pushing siblings to wrap.
Long text wraps to multiple lines inside the link's own column. */
.ax-nav-item.has-children > .ax-nav-link {
	flex: 1 1 auto;
	min-width: 0;
	overflow-wrap: break-word;
}

/* The toggle is a standalone button, not a nav link.
Strip the default button chrome and match the nav color.
flex-shrink: 0 guarantees the chevron keeps its full width so it
never gets squeezed out or wrapped to the next line. */
.ax-nav-toggle {
	flex: 0 0 auto;
	flex-shrink: 0;
	background: transparent;
	border: 0;
	padding: 0.5em 0.75em;
	margin: 0;
	cursor: pointer;
	color: inherit;
	font: inherit;
	line-height: 1;
}

.ax-nav-toggle:hover,
.ax-nav-toggle:focus {
	/* Subtle feedback — adjust to match your site */
	background: rgba(0, 0, 0, 0.06);
}

.ax-nav-toggle:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* The chevron itself: a small triangle that rotates 90deg when open. */
.ax-nav-toggle-icon {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid currentColor;
	transition: transform 0.15s ease-out;
	vertical-align: middle;
}

.ax-nav-toggle[aria-expanded="true"] .ax-nav-toggle-icon {
	transform: rotate(90deg);
}

/* The submenu itself. The [hidden] attribute handles show/hide;
these rules just control indentation and spacing. */
.ax-nav-sublist {
	flex-basis: 100%;           /* wraps under the parent <li> contents */
	list-style: none;
	padding: 0 0 0 1.25em;      /* indent */
	margin: 0;
}

/* Defensive: make sure [hidden] actually hides even if some other rule
has set display on <ul>. */
.ax-nav-sublist[hidden] {
	display: none;
}

/* ----------------------------------------------------------------------------
Section Menu toggle — responsive disclosure
"Section Menu" header is hidden on desktop; on mobile it becomes a
full-width tappable bar that slides the nav list down when opened.
---------------------------------------------------------------------------- */

.ax-nav-section-toggle {
	display: none;                  /* hidden on desktop; @media below shows it */
	width: 100%;
	padding: 0.75em 2.5em 0.75em 1em;
	background: inherit;            /* picks up the yellow from the nav container */
	color: inherit;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	text-align: left;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	position: relative;
}

.ax-nav-section-toggle:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -2px;
}

/* Chevron on the right; rotates 180deg when expanded. */
.ax-nav-section-toggle::after {
	content: '';
	position: absolute;
	right: 1em;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -3px;               /* visual centering of the triangle */
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid currentColor;
	transition: transform 0.2s ease-out;
}

.ax-nav-section-toggle[aria-expanded="true"]::after {
	transform: rotate(180deg);
}

div#page-content a[href*="/_secured/"]:not([class^="ax-btn"]):not([class*=" ax-btn"])::after {
  font-family: "Font Awesome 7 Sharp";
  font-weight: 400; 
	font-size:smaller;
  content: "\f023"; 
  margin-left: 0.25rem;
  display: inline-block;
  vertical-align: middle;
}

/* div#page-content a.ax-btn[href*="/_secured/"]::after {
  margin-left: 0;
} */

/* ---- Mobile: enable the disclosure ---- */
@media (max-width: 768px) {
	.ax-nav-section-toggle {
		display: block;
	}

	/* Collapsed by default. max-height 0 + overflow hidden hides content,
	and transitioning max-height gives the slide-down effect.
	padding + margin zeroed because the browser's default <ul> spacing
	would otherwise keep several pixels visible when collapsed. If you
	want indentation inside the list, put it on the <li> items instead. */
	.ax-nav-section-list {
		overflow: hidden;
		max-height: 0;
		padding: 0;
		margin: 0;
		transition: max-height 0.3s ease-out;
	}

	.ax-nav-section-toggle[aria-expanded="true"] + .ax-nav-section-list {
		/* Any value comfortably larger than the real content height.
		100vh is a reliable ceiling for a section nav. */
		max-height: 100vh;
	}
}





.footer-links {
	background-color: #D7D2CA;	
	padding: 36px 50px;
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 1.5rem;
	color: #483F3C;
}

.footer-links h2.h6 {
	border-bottom: 1px dashed rgba(var(--fhda-walnut-rgb), 0.6);
	padding-bottom: 0.5rem;
	text-transform: uppercase;
}

.footer-right {
	grid-column: span 2;
}

/* a {
color: #0069e1;
text-decoration: underline;
} */

footer a {
	color: #304C5A;
}

footer a:hover {
	color:#76232f;
}

#page-footer .footer-copy .text-center {
	text-align:center;
	background-color: #483F3C;
	padding:5px 50px;
}

#page-footer .footer-copy .text-center a {
	color:#D7D2CA !important;
	font-size:0.875rem !important;
	text-decoration:none !important;
}

#page-footer .footer-copy .text-center a:hover {
	text-decoration:underline !important;
}

/* Accordion Custom Colors */

.ax-accordion-header:has(button[aria-expanded="true"]) {
	color: var(--unit-color-dark);
	background-color: var(--unit-color-lightest);
}

.ax-accordion-button {
	color: var(--unit-color);
	font-weight:700;
}

.ax-accordion-button:hover {
	color: var(--unit-color-dark);
	background-color: var(--unit-color-lighter);
}

.ax-accordion-header button[aria-expanded="true"] {
	color: var(--unit-color-dark);
}

.ax-accordion {
	margin-bottom:1rem;
}

.ax-accordion-item:first-child h3.ax-accordion-header,
.ax-accordion-item:first-child button..ax-accordion-button {
	border-top-left-radius: var(--ax-radius);
	border-top-right-radius: var(--ax-radius);
}




/*  */
/*  */
/* Mobile Styles */
/* Mobile menu panel — hidden by default */
.mobile-menu-panel {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #FFFFFF;
	z-index: 9999;
	overflow-y: auto;
	padding: 80px 24px 24px; /* top padding leaves room for close button */
	transform: translateX(-100%);
	transition: transform 0.3s ease;
	visibility: hidden;
}

.mobile-menu-panel.is-open {
	transform: translateX(0);
	visibility: visible;
}

/* Close button inside the panel */
.mobile-menu-close {
	position: absolute;
	top: 9px;
	right: 25px;
	background: transparent;
	border: none;
	font-size: 1.5rem;
	cursor: pointer;
	padding: 10px;
}

/* The cloned list */
.mobile-menu-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobile-menu-list li {
	border-bottom: 1px solid #EEE;
}

.mobile-menu-list a {
	display: block;
	padding: 16px 8px;
	text-decoration: none;
	font-size: 1.125rem;
	color: #333;
}

.mobile-menu-list a:hover,
.mobile-menu-list a:focus {
	background-color: #FFC600;
}

/* Body scroll lock when menu is open */
body.menu-open {
	overflow: hidden;
}

/* Mobile breakpoint */
@media (max-width: 768px) {
	/* Show the hamburger button */
	#mobile-menu-toggle {
		display: inline-block !important;
	}

	/* Hide the desktop navigation links (but keep the buttons visible) */
	.horizontal-links li:not(:last-child) {
		display: none;
	}
	#district-institutional-links ul.horizontal-links {padding:0 25px;}
	.horizontal-links li:last-child {
		width:100%;
		text-align:right;
	}

	.header-main-navigation {
		display: none;
	}

	button.top-link-button {
		font-size:1.5rem;
	}


	/* Header top area: stop flexing, let logo center full-width */
	.header-top.flex-container {
		display: block;
		position: relative; /* anchor point for the absolute search/translate */
	}

	/* Logo: center and full width */
	.site-logo {
		width: 100%;
		max-width:100%;
		text-align: center;
		padding: 0 0 36px 0;
	}

	.site-logo img {
		max-width: 90%;
		height: auto;
		display: inline-block;
	}

	/* Search/translate container: overlay the logo area, full width */
	.header-search-container {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 50;
	}

	/* Make the individual panels full width on mobile */
	#gs-search-container.is-open,
	#gt-translate-container.is-open {
		width: 100%;
		box-sizing: border-box;
		border-radius: 0; /* optional — drop the rounded corners when full-width */
	}

	/* --- Footer: stack the columns --- */
	.footer-links {
		display: block;
	}

	.footer-left,
	.footer-center,
	.footer-right {
		width: 100%;
		float: none;
		display: block;
		padding: 20px 0;
		box-sizing: border-box;
	}

	/* Optional: subtle divider between footer sections */
	.footer-left, 
	.footer-center {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	#unit-title { font-size:1.25rem }
	h1, .h1 {font-size:2.25rem;}
	h2, .h2 {font-size:1.75rem;color:#3E5D58;}
	h3, .h3 {font-size:1.5rem;color:#417571;}
	h4, .h4 {font-size:1.25rem;color:#76323f;}
	h5, .h5 {font-size:1.125rem;color:#a6192e;}
	h6, .h6 {font-size:1rem;color:#483F3C;}

	.page-content-container {
		padding: 36px 25px;
	}
	.header-top.flex-container {
		padding: 0 25px;
	}
	#unit-title-container {
		padding: 15px 25px;
	}
	#breadcrumb-container {
		padding: 10px 25px;
	}
	.footer-links {
		padding: 36px 25px;
	}
	#page-title-container {
		padding: 15px 25px;
	}
}
@media (max-width: 768px) {
	.page-content-container {
		grid-template-columns: 1fr;
		padding:0 0 25px 0;
	}   
	nav#page-nav {
		margin-top:0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.ax-nav-section-toggle {
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		border-bottom:0;
		padding:18px 25px;
	}
	.ax-nav-section-toggle[aria-expanded="true"] {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom:1px solid rgba(0, 0, 0, 0.15);
	}
	.ax-sidebar-nav {padding:0;}
	#page-content {padding:25px;}
	.page-content-container:has(#page-nav ul:empty) #page-content {
		padding-left: 25px;
	}
	.ax-grid-2, .ax-grid-3, .ax-grid-4, .ax-grid-6 {
		grid-template-columns: 1fr;
		padding:0 0 25px 0;
	}
	.ax-sidebar-nav .ax-nav-item.ax-nav-item-index, .ax-sidebar-nav .ax-nav-item.ax-nav-item-index a {
	background-color: var(--fhda-yellow-dark);
    padding: 18px 18px 18px 39px;
    border-top-right-radius: 0;

}
}
ul.main-horizontal-links li:not(:last-of-type) {
	padding-right: 18px;
}
.ax-nav-item {
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

.ax-nav-toggle {
	padding: 18px 25px 18px 25px;
}
li.ax-nav-item:last-of-type {
	border-bottom:0;
}
li.ax-nav-item.has-children.is-expanded {
	background-color: rgba(255, 255, 255, 0.5);
}
.ax-sidebar-nav .ax-nav-link {
	padding: 18px 18px 18px 36px;
}
.ax-sidebar-nav li.ax-nav-item.has-children > a.ax-nav-link:first-of-type {
	padding-right:9px;
	max-width: calc(100% - 56px);
}
.ax-sidebar-nav {
	padding: 0;
	gap:0;
}

.ax-mb-gap {
	margin-bottom: var(--ax-gap);
}



.page-content-container:has(#page-nav ul:empty) {
	grid-template-columns: 1fr;
}

/* And hide the empty nav container so it doesn't take up any space */
.page-content-container:has(#page-nav ul:empty) #page-nav {
	display: none;
}

/* And hide the empty nav container so it doesn't take up any space */
.page-content-container:has(#page-nav ul:empty) #page-content {
	padding-left:50px;
}

.ax-nav-sublist li.ax-nav-item {
	border-bottom:0;
	font-size:0.9rem;
	border-top: 1px solid rgba(0,0,0,0.15);
}
.ax-nav-sublist li.ax-nav-item a. {
	font-size:0.9rem;
}

@media (max-width: 768px) {
	.page-content-container:has(#page-nav ul:empty) #page-content {
		padding-left: 25px;
	}
	.grid-item {
		margin-bottom:0;
	}
}



input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
	font-size: 20px;
	font-family: 'Open Sans',sans-serif;
	font-weight: normal;
	border:1px solid #CCCCCC;
	background: none;
	height: 2em;
	width: 100%;
	outline: none;
	padding: 5px 0 5px 0; 
	font-style:normal;
	margin:0;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {

	background-color: #CCCCCC;
	background-image: none;
	filter: none;
	min-width: 25px !important;
	max-width: 25px !important;
	height:40px;
	border: none;
	padding: 10px 5px 10px 5px;
}

table.gsc-search-box tr {
	border:none;
}
.gsc-control-cse{
	padding: 1em 0 0 0;
}
form.gsc-search-box {margin: 0 !important;max-width: 100% !important;}
.gsib_b {height: 100% !important;}
table.gsc-search-box td {vertical-align: top !important;}



/* Home Page stuff */

.home-hero .ax-hero-overlay {
	padding:0;
}

.home-hero .ax-container {
	padding-inline:0;
}
@media (min-width: 768px) {
	.home-hero .ax-hero-overlay {
		padding:0;
	}
}

.home-hero #page-title.ax-display-2 {
	display:block;
	padding:1.5rem 3rem;
}

/* ==========================================================================
Tables
========================================================================== */

table {
	border-collapse: collapse;
	width: 100%;
}

caption {
	padding: 0.75rem;
	text-align: left;
	caption-side: top;
}

th {
	text-align: left;
	font-weight: 600;
}

/* ==========================================================================
Table Accessibility
========================================================================== */

.ax-table {
	width: 100%;
	border-collapse: collapse;
	caption-side: top;
	margin-bottom:1rem;
}

.ax-table caption {
	padding: 0.75rem 0;
	text-align: left;
	caption-side: top;
	font-weight:500;
	text-transform: uppercase;
	color: var(--fhda-charcoal);
	font-size:1.5rem;
}

.ax-table caption .ax-table-summary {
	display:block;
	margin-top:0.25rem;
	font-size:1rem;
	color: var(--fhda-charcoal);
	text-transform:none;
	font-weight:400;
}

.ax-table th,
.ax-table td {
	padding: 0.75rem;
	text-align: left;
	border-bottom: 1px solid var(--fhda-sand-dark);
}

.ax-table th {
	font-weight: 600;
	color: var(--fhda-charcoal);
	background-color: var(--fhda-sand-lighter);
}

/* Responsive table wrapper */
.ax-table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.ax-table-responsive:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}


/* Striped rows for easier reading */
.ax-table-striped tbody tr:nth-child(even) {
	background-color: rgba(var(--fhda-sand-light-rgb), 0.2);
}

.ax-table-striped tbody tr:nth-child(odd) {
	background-color: transparent;
}

/* Hover state for interactive tables */
.ax-table-hover tbody tr:hover {
	background-color: rgba(var(--fhda-walnut-light-rgb), 0.2);
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* Buttons */

.fhda-btn-red {
	background-color: var(--fhda-red-lightest);
	color: var(--fhda-red-dark);
}
.fhda-btn-yellow {
	background-color: var(--fhda-yellow-lightest);
	color: var(--fhda-yellow-dark);
}
.fhda-btn-meadow-olive {
	background-color: var(--fhda-meadow-olive-lightest);
	color: var(--fhda-meadow-olive-dark);
}
.fhda-btn-peninsula-blue {
	background-color: var(--fhda-peninsula-blue-lightest);
	color: var(--fhda-peninsula-blue-dark);
}
.fhda-btn-mission-brick {
	background-color: var(--fhda-mission-brick-lightest);
	color: var(--fhda-mission-brick-dark);
}
.fhda-btn-shoreline-teal {
	background-color: var(--fhda-shoreline-teal-lightest);
	color: var(--fhda-shoreline-teal-dark);
}
.fhda-btn-juniper-green {
	background-color: var(--fhda-juniper-green-lightest);
	color: var(--fhda-juniper-green-dark);
}
.fhda-btn-wild-plum {
	background-color: var(--fhda-wild-plum-lightest);
	color: var(--fhda-wild-plum-dark);
}
.fhda-btn-coastal-grey {
	background-color: var(--ax-coastal-grey-lightest);
	color: var(--ax-coastal-grey-dark);
}
.fhda-btn-sand {
	background-color: var(--fhda-sand-lightest);
	color: var(--fhda-sand-dark);
}
.fhda-btn-walnut {
	background-color: var(--fhda-walnut-lightest);
	color: var(--fhda-walnut-dark);
}
.fhda-btn-charcoal {
	background-color: var(--fhda-charcoal-lightest);
	color: var(--fhda-charcoal-dark);
}

.fhda-btn-red:hover {
	background-color: var(--fhda-red-lighter);
	color: var(--fhda-red-darker);
}
.fhda-btn-yellow:hover {
	background-color: var(--fhda-yellow-lighter);
	color: var(--fhda-yellow-darker);
}
.fhda-btn-meadow-olive:hover {
	background-color: var(--fhda-meadow-olive-lighter);
	color: var(--fhda-meadow-olive-darker);
}
.fhda-btn-peninsula-blue:hover {
	background-color: var(--fhda-peninsula-blue-lighter);
	color: var(--fhda-peninsula-blue-darker);
}
.fhda-btn-mission-brick:hover {
	background-color: var(--fhda-mission-brick-lighter);
	color: var(--fhda-mission-brick-darker);
}
.fhda-btn-shoreline-teal:hover {
	background-color: var(--fhda-shoreline-teal-lighter);
	color: var(--fhda-shoreline-teal-darker);
}
.fhda-btn-juniper-green:hover {
	background-color: var(--fhda-juniper-green-lighter);
	color: var(--fhda-juniper-green-darker);
}
.fhda-btn-wild-plum:hover {
	background-color: var(--fhda-wild-plum-lighter);
	color: var(--fhda-wild-plum-darker);
}
.fhda-btn-coastal-grey:hover {
	background-color: var(--ax-coastal-grey-lighter);
	color: var(--ax-coastal-grey-darker);
}
.fhda-btn-sand:hover {
	background-color: var(--fhda-sand-lighter);
	color: var(--fhda-sand-darker);
}
.fhda-btn-walnut:hover {
	background-color: var(--fhda-walnut-lighter);
	color: var(--fhda-walnut-darker);
}
.fhda-btn-charcoal:hover {
	background-color: var(--fhda-charcoal-lighter);
	color: var(--fhda-charcoal-darker);
}

.ax-btn {
	white-space:normal;
}

.requires-login::after {
	font-family: "Font Awesome 7 Sharp";
	font-weight: 400;
	content: " \f023";
	font-size: 0.75em;
}

ul.resource-list { list-style: none; padding-left: 0; }
ul.resource-list li { padding: 0.5rem 0; border-bottom: 1px solid var(--ax-grey-2); }
ul.resource-list li:last-child { border-bottom: none; }

/* Fix ul/ol padding in details summary */
.ax-details-sm > :not(summary) {
	padding: 0 1rem 0 1rem;
}
.ax-details-sm > ul, .ax-details-sm > ol {
	padding: 0 2rem 0 4rem;
}

.ax-details summary {
	background-color: var(--ax-grey-2);	
}

.ax-details[open] summary {
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
	margin-bottom: 1rem;
}



.ax-notification {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            padding: 16px;
            border-radius: var(--ax-radius);
            background-color: white;
            border: 1px solid var(--ax-grey-2);
            box-shadow: var(--shadow);
            transform: translateY(20px);
            opacity: 0;
            animation: fadeIn 0.5s forwards;
            position: relative;
            transition: var(--transition);
        }

        .ax-notification:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        @keyframes fadeIn {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .ax-notification-icon {
/*             width: 36px;
            height: 36px; */
            display: flex;
/*             align-items: center; */
            justify-content: center;
            border-radius: 10px;
/*             flex-shrink: 0; */
			padding-top:1.75rem;
			margin: 0 6px;
        }

.ax-notification-icon i {
    font-size: 3em;
	    line-height: initial;
    vertical-align: initial;
}

        .ax-notification-content {
            flex: 1;
        }

        .ax-notification-title {
            font-weight: 600;
            margin-bottom: 4px;
/*             font-size: 15px; */
            display: flex;
            justify-content: space-between;
        }

		.ax-notification-title h3{
			    font-weight: 600;
			margin-bottom: 4px;
			font-size: 1.25rem;
			display: flex;
			justify-content: space-between;
			color: var(--ax-black);
		}

.ax-notification-badge {
           
			
			    font-size: 0.75rem;
    margin: .05rem .5rem .05rem .75rem;
    padding: 0.15rem 0.5rem;
    border-radius: 0.875rem;
    align-self: center;
    font-weight: 400;
    border: 1px solid var(--ax-red-lighter);
        }

        .ax-notification-time {
            font-size: 0.75rem;
    color: var(--ax-grey-6);
    align-self: center;
    font-weight: 400;
    margin-right: 10px;
    text-align: right;
    line-height: 1.125;
        }

        .ax-notification-message {
/*             margin-bottom: 12px;
            font-size: 14px;
            line-height: 1.5; */
            color: var(--ax-text);
        }

        .ax-notification-actions {
            display: flex;
            gap: 10px;
            margin-top: 10px;
        }

        

        .ax-notification-red {
            background: #FFF3F2;
			background: linear-gradient(149deg, rgba(255, 243, 242, 1) 0%, rgba(255, 255, 255, 1) 36%);
			border-color: var(--ax-red-lighter);
        }
.ax-notification-red:hover {
           border-color: #E7B1B1;
        }

         .ax-notification-orange {
            border-left: 3px solid var(--ax-orange);
        } .ax-notification-yellow {
            border-left: 3px solid var(--ax-yellow);
        } .ax-notification-green {
            border-left: 3px solid var(--ax-green);
        } .ax-notification-blue {
            border-left: 3px solid var(--ax-blue);
        } .ax-notification-purple {
            border-left: 3px solid var(--ax-purple);
        }

        



        @media (max-width: 600px) {
          

            .ax-notification {
                padding: 15px;
            }

            .ax-notification-actions {
                flex-wrap: wrap;
            }

        }








@media (prefers-color-scheme: dark) {
	body {
		background-color: #100f0f;
		background-image:  repeating-linear-gradient(0deg, transparent, transparent 79px, #1e1e1e 79px, #1e1e1e 80px, transparent 80px, transparent 159px, #1e1e1e 159px, #1e1e1e 160px), repeating-linear-gradient(90deg, transparent, transparent 79px, #1e1e1e 79px, #1e1e1e 80px, transparent 80px, transparent 159px, #1e1e1e 159px, #1e1e1e 160px), radial-gradient(circle at 80px 80px, #1e1e1e 6.4px, transparent 6.9px), radial-gradient(circle at 0px 0px, #1e1e1e 4.8px, transparent 5.3px), radial-gradient(circle at 160px 0px, #1e1e1e 4.8px, transparent 5.3px), radial-gradient(circle at 0px 160px, #1e1e1e 4.8px, transparent 5.3px), radial-gradient(circle at 160px 160px, #1e1e1e 4.8px, transparent 5.3px);
		background-size: 160px 160px;
	}
	.container-shadow-rlb {
		background-color: var(--ax-coal-darker);
	}
	header#page-header {
		background-color: var(--fhda-red-dark);
	}
	#district-institutional-links .horizontal-links {
		background-color: rgba(0, 0, 0, 0.2);
		border-bottom: 1px solid rgba(0, 0, 0, 0.9);
	}
	.header-main-navigation {
		border-top: 1px solid rgba(0,0,0,0.9);
		background-color: rgba(0, 0, 0, 0.2);
	}
	.main-horizontal-links li a {
		color:#ffffff;
	}
	.page-hero-container.hero-container-padding {
		background-color: var(--ax-coal-darkest);
		color: var(--ax-white);
	}

.ax-dl-row:nth-child(odd) {
    background-color: var(--ax-grey-4);
    color: #000;
}
.ax-dl-striped, .ax-dl-lined {
	border: 1px solid var(--ax-grey-6);
}

	nav#page-nav {
		background-color: var(--ax-coal-dark);
	}

	.ax-sidebar-nav .ax-nav-link {
		color: var(--ax-white);
	}

	.ax-sidebar-nav .ax-nav-link:hover {
		border-left-color: var(--fhda-yellow-light);
		color: var(--fhda-yellow-light);
	}

	.ax-sidebar-nav .ax-nav-link.active {
		border-left-color: var(--fhda-yellow-light);
		color: var(--fhda-yellow-light);
		font-weight: 600;
	}

	.ax-sidebar-nav .ax-nav-item.ax-nav-item-index, .ax-sidebar-nav .ax-nav-item.ax-nav-item-index a {
	background-color: #000;
    color: #FFF;
}



	h2, .h2, .ax-h2 {
		color: #ffffff;
	}
	h3, .h3, .ax-h3 {
		color: var(--unit-color-light);
	}
	h4, .h4, .ax-h4 {
		color: var(--fhda-red-light);
	}
	h5, .h5, .ax-h5 {
		color: var(--fhda-yellow-light);
	}
	h6, .h6, .ax-h6 {
		color: var(--fhda-sand-light);
	}
	a {
		color: var(--ax-link-hover);
		outline: var(--ax-link-hover);
	}
	a:hover {
		color: var(--ax-primary-lighter);
	}

	.breadcrumb-item a:hover {
		color: #000;
	}

	li.ax-nav-item.has-children.is-expanded {
		background-color: rgba(0, 0, 0, 0.5);
	}

	#home-page-content > div.bg-unit-color-lightest, .home-page-section.bg-unit-color-lightest {
		background-color: var(--unit-color-dark) !important;
	}

	#home-page-content > div.ax-bg-grey-1, .home-page-section.ax-bg-grey-1 {
		background-color: var(--ax-grey-9) !important;
	}

	#home-page-content > div.ax-bg-white, .home-page-section.ax-bg-white {
		background-color: transparent !important;
	}


	.ax-card-link:hover {
		box-shadow: 0 4px 6px rgba(255, 255, 255, 0.2);
	}



	.ax-card-icon {
		color: var(--fhda-peninsula-blue-light);
		background-color: rgba(var(--fhda-peninsula-blue-rgb), 0.3);
	}

	.ax-card-icon-fhda-yellow {
		color: var(--fhda-yellow-light);
		background-color: rgba(var(--fhda-yellow-rgb), 0.1);
	}

	.ax-card-icon-fhda-red {
		color: var(--fhda-red-light);
		background-color: rgba(var(--fhda-red-rgb), 0.3);
	}

	.ax-card-icon-fhda-meadow-olive {
		color: var(--fhda-meadow-olive-light);
		background-color: rgba(var(--fhda-meadow-olive-rgb), 0.2);
	}
	.ax-card-icon-fhda-peninsula-blue {
		color: var(--fhda-peninsula-blue-light);
		background-color: rgba(var(--fhda-peninsula-blue-rgb), 0.3);
	}
	.ax-card-icon-fhda-mission-brick {
		color: var(--fhda-mission-brick-light);
		background-color: rgba(var(--fhda-mission-brick-rgb), 0.2);
	}
	.ax-card-icon-fhda-shoreline-teal {
		color: var(--fhda-shoreline-teal-light);
		background-color: rgba(var(--fhda-shoreline-teal-rgb), 0.2);
	}
	.ax-card-icon-fhda-juniper-green {
		color: var(--fhda-juniper-green-light);
		background-color: rgba(var(--fhda-juniper-green-rgb), 0.2);
	}
	.ax-card-icon-fhda-wild-plum {
		color: var(--fhda-wild-plum-light);
		background-color: rgba(var(--fhda-wild-plum-rgb), 0.5);
	}
	.ax-card-icon-fhda-coastal-grey {
		color: var(--fhda-coastal-grey-light);
		background-color: rgba(var(--fhda-coastal-grey-rgb), 0.1);
	}
	.ax-card-icon-fhda-sand {
		color: var(--fhda-sand-light);
		background-color: rgba(var(--fhda-sand-rgb), 0.1);
	}
	.ax-card-icon-fhda-walnut {
		color: var(--fhda-walnut-light);
		background-color: rgba(var(--fhda-walnut-rgb), 0.6);
	}
	.ax-card-icon-fhda-charcoal {
		color: var(--fhda-charcoal-light);
		background-color: rgba(0,0,0, 0.2);
	}


	/* Buttons */

	.fhda-btn-red {
		background-color:rgba(var(--fhda-red-dark-rgb), 0.7);
		color: var(--ax-white);
	}
	.fhda-btn-red:hover {
		background-color: var(--fhda-red-dark);
	}
	.fhda-btn-yellow {
		background-color: rgba(var(--fhda-yellow-dark-rgb), 0.7);
		color: var(--ax-white);
	}
	.fhda-btn-yellow:hover {
		background-color: var(--fhda-yellow-dark);
	}
	.fhda-btn-meadow-olive {
		background-color: rgba(var(--fhda-meadow-olive-dark-rgb), 0.9);
		color: var(--ax-white);
	}
	.fhda-btn-meadow-olive:hover {
		background-color: var(--fhda-meadow-olive-dark);
	}
	.fhda-btn-peninsula-blue {
		background-color: rgba(var(--fhda-peninsula-blue-dark-rgb), 0.7);
		color: var(--ax-white);
	}
	.fhda-btn-peninsula-blue:hover {
		background-color: var(--fhda-peninsula-blue-dark);
	}
	.fhda-btn-mission-brick {
		background-color: rgba(var(--fhda-mission-brick-dark-rgb), 0.7);
		color: var(--ax-white);
	}
	.fhda-btn-mission-brick:hover {
		background-color: var(--fhda-mission-brick-dark);
	}
	.fhda-btn-shoreline-teal {
		background-color: rgba(var(--fhda-shoreline-teal-dark-rgb), 0.7);
		color: var(--ax-white);
	}
	.fhda-btn-shoreline-teal:hover {
		background-color: var(--fhda-shoreline-teal-dark);
	}
	.fhda-btn-juniper-green {
		background-color: rgba(var(--fhda-juniper-green-rgb), 0.4);
		color: var(--ax-white);
	}
	.fhda-btn-juniper-green:hover {
		background-color: rgba(var(--fhda-juniper-green-rgb), 0.7);
	}
	.fhda-btn-wild-plum {
		background-color: rgba(var(--fhda-wild-plum-rgb), 0.6);
		color: var(--ax-white);
	}
	.fhda-btn-wild-plum:hover {
		background-color: rgba(var(--fhda-wild-plum-rgb), 0.9);
	}
	.fhda-btn-coastal-grey {
		background-color: rgba(var(--fhda-coastal-grey-dark-rgb), 0.7);
		color: var(--ax-white);
	}
	.fhda-btn-coastal-grey:hover {
		background-color: var(--fhda-coastal-grey-dark);
	}
	.fhda-btn-sand {
		background-color: rgba(var(--fhda-sand-dark-rgb), 0.5);
		color: var(--ax-white);
	}
	.fhda-btn-sand:hover {
		background-color: rgba(var(--fhda-sand-dark-rgb), 0.7);
		color: var(--ax-white);
	}
	.fhda-btn-walnut {
		background-color: rgba(var(--fhda-walnut-rgb), 0.7);
		color: var(--ax-white);
	}
	.fhda-btn-walnut:hover {
		background-color: var(--fhda-walnut);
	}
	.fhda-btn-charcoal {
		background-color: rgba(var(--fhda-charcoal-dark-rgb), 0.3);
		color: var(--ax-white);
	}
	.fhda-btn-charcoal:hover {
		background-color: rgba(var(--fhda-charcoal-dark-rgb), 0.5);
	}



	.ax-accordion {
		background-color: var(--ax-coal-darkest)
	}
	.ax-accordion-button {
		color: var(--ax-white);
	}
	.ax-accordion-header:has(button[aria-expanded="true"]) {
		background-color: rgba(0, 0, 0, 0.4);
	}

	.ax-accordion-header button[aria-expanded="true"] {
		color: var(--fhda-yellow-light);
	}

	.ax-accordion-button:hover {
		color: var(--fhda-sand-light);
		background-color: var(--ax-grey-10);
	}

	.ax-accordion-header button[aria-expanded="true"]:hover {
		color: var(--fhda-yellow);
		background-color: var(--ax-black);
	}

	.ax-details {
		background-color:rgba(0,0,0,0.5);
	}

	.ax-details summary {
		background-color: rgba(0,0,0,0.7);
	}

	.ax-details[open] summary {
		border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
		margin-bottom: 1rem;
	}

	.ax-table th {
		background-color: var(--fhda-sand-light);
	}

	/* Striped rows for easier reading */
	.ax-table-striped tbody tr:nth-child(even) {
		background-color: rgba(var(--fhda-sand-dark-rgb), 0.15);
	}

	.ax-table-striped tbody tr:nth-child(odd) {
		background-color: transparent;
	}

	/* Hover state for interactive tables */
	.ax-table-hover tbody tr:hover {
		background-color: rgba(var(--fhda-sand-light-rgb), 0.2);
	}
















	/* cards and icon link cards custom colors */


	.ax-card-fhda-unit,.ax-card-fhda-red,.ax-card-fhda-yellow,
	.ax-card-fhda-meadow-olive,.ax-card-fhda-peninsula-blue,
	.ax-card-fhda-mission-brick,.ax-card-fhda-shoreline-teal,
	.ax-card-fhda-juniper-green,.ax-card-fhda-wild-plum,
	.ax-card-fhda-coastal-grey,.ax-card-fhda-sand,
	.ax-card-fhda-walnut,.ax-card-fhda-charcoal {
		background-color: var(--ax-bg-color);
		border-color: var(--ax-border-color);
		color: var(--ax-white);
	}


	[class^="ax-card-fhda-"] a, [class*=" ax-card-fhda-"] a {
		color: var(--ax-link-hover);
	}
	[class^="ax-card-fhda-"] a:hover, [class*=" ax-card-fhda-"] a:hover {
		color: var(--ax-primary-lighter);
	}


	.ax-card-fhda-red h2, .ax-card-fhda-red h3, .ax-card-fhda-red h4, .ax-card-fhda-red h5, .ax-card-fhda-red h6  {
		color: var(--fhda-red-light);
	}

	.ax-card-fhda-yellow h2, .ax-card-fhda-yellow h3, .ax-card-fhda-yellow h4, .ax-card-fhda-yellow h5, .ax-card-fhda-yellow h6  {
		color: var(--fhda-yellow-light);
	}

	.ax-card-fhda-unit h2, .ax-card-fhda-unit h3, .ax-card-fhda-unit h4, .ax-card-fhda-unit h5, .ax-card-fhda-unit h6  {
		color: var(--unit-color-light);
	}

	.ax-card-fhda-meadow-olive h2, .ax-card-fhda-meadow-olive h3, .ax-card-fhda-meadow-olive h4, .ax-card-fhda-meadow-olive h5, .ax-card-fhda-meadow-olive h6  {
		color: var(--fhda-meadow-olive-light);
	}

	.ax-card-fhda-peninsula-blue h2, .ax-card-fhda-peninsula-blue h3, .ax-card-fhda-peninsula-blue h4, .ax-card-fhda-peninsula-blue h5, .ax-card-fhda-peninsula-blue h6  {
		color: var(--fhda-peninsula-blue-light);
	}

	.ax-card-fhda-mission-brick h2, .ax-card-fhda-mission-brick h3, .ax-card-fhda-mission-brick h4, .ax-card-fhda-mission-brick h5, .ax-card-fhda-mission-brick h6  {
		color: var(--fhda-mission-brick-light);
	}

	.ax-card-fhda-shoreline-teal h2, .ax-card-fhda-shoreline-teal h3, .ax-card-fhda-shoreline-teal h4, .ax-card-fhda-shoreline-teal h5, .ax-card-fhda-shoreline-teal h6  {
		color: var(--fhda-shoreline-teal-light);
	}

	.ax-card-fhda-juniper-green h2, .ax-card-fhda-juniper-green h3, .ax-card-fhda-juniper-green h4, .ax-card-fhda-juniper-green h5, .ax-card-fhda-juniper-green h6  {
		color: var(--fhda-juniper-green-light);
	}

	.ax-card-fhda-wild-plum h2, .ax-card-fhda-wild-plum h3, .ax-card-fhda-wild-plum h4, .ax-card-fhda-wild-plum h5, .ax-card-fhda-wild-plum h6  {
		color: var(--fhda-wild-plum-light);
	}

	.ax-card-fhda-coastal-grey h2, .ax-card-fhda-coastal-grey h3, .ax-card-fhda-coastal-grey h4, .ax-card-fhda-coastal-grey h5, .ax-card-fhda-coastal-grey h6  {
		color: var(--fhda-coastal-grey-light);
	}

	.ax-card-fhda-sand h2, .ax-card-fhda-sand h3, .ax-card-fhda-sand h4, .ax-card-fhda-sand h5, .ax-card-fhda-sand h6  {
		color: var(--fhda-sand-light);
	}

	.ax-card-fhda-walnut h2, .ax-card-fhda-walnut h3, .ax-card-fhda-walnut h4, .ax-card-fhda-walnut h5, .ax-card-fhda-walnut h6  {
		color: var(--fhda-walnut-light);
	}

	.ax-card-fhda-charcoal h2, .ax-card-fhda-charcoal h3, .ax-card-fhda-charcoal h4, .ax-card-fhda-charcoal h5, .ax-card-fhda-charcoal h6  {
		color: var(--fhda-charcoal-light);
	}

.mobile-menu-panel {
	background-color: var(--ax-coal-darkest);
}

.mobile-menu-close, .mobile-menu-list a {
	color: var(--ax-white);
}

	.mobile-menu-list li {
		border-bottom-color: var(--ax-coal-darker);
	}
	
.mobile-menu-list a:hover, .mobile-menu-list a:focus {
	    background-color: #FFC600;
    color: var(--ax-coal-darkest);
}
@media (max-width: 768px) {
    .ax-nav-section-toggle[aria-expanded="true"]
 {
        background-color: var(--ax-coal-darkest);
    }
	
	.ax-nav-section-toggle[aria-expanded="true"] + .ax-nav-section-list {
        max-height: 100%;
    }
}
	.ax-alert-primary a:hover { color: var(--ax-primary-darker); }
	.ax-alert-secondary a:hover { color: var(--ax-secondary-darkest); }
	.ax-alert-red a:hover { color: var(--ax-red-darker); }
	.ax-alert-orange a:hover { color: var(--ax-orange-darker); }
	.ax-alert-gold a:hover { color: var(--ax-gold-darker); }
	.ax-alert-yellow a:hover { color: var(--ax-grey-10); }
	.ax-alert-green a:hover { color: var(--ax-green-darker); }
	.ax-alert-blue a:hover { color: var(--ax-blue-darker); }
	.ax-alert-purple a:hover { color: var(--ax-purple-darker); }
	.ax-alert-pink a:hover { color: var(--ax-pink-darker); }
	.ax-alert-brown a:hover { color: var(--ax-brown-darker); }
	.ax-alert-coal a:hover { color: var(--ax-coal-darker); }

	.ax-alert-bold a:hover {color: var(--ax-white) !important; }


	.org-chart-container {
		background-color: #fff !important;
	}






	.footer-links {
		background-color: var(--ax-coal-darkest);
		color: var(--ax-white);
	}
	.footer-links h2.h6 {
		color: var(--fhda-sand-dark);
		border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
		padding-bottom: 0.5rem;
		text-transform: uppercase;
	}
	footer a {
		color: var(--fhda-sand-light);
		outline: var(--fhda-sand-light);
	}
	footer a:hover {
		color: var(--ax-brown-lightest);
	}
	#page-footer .footer-copy .text-center {
		background-color: var(--ax-black);
	}
}