/*
Theme Name: Altapoint Healthcare 2026
Theme URI: http://www.pixelwisedigital.com/
Description: Custom
Author: Pixelwise Digital
Author URI: http://www.pixelwisedigital.com/
Version: 20260318.1
*/
/* ---------------------- BREAKPOINTS ---------------------- */
/*  xx | 576+ xs | 768+ sm | 992+ md | 1200+ lg | 1600+ xl   */
/* --------------------------------------------------------- */

:root {
	/* colors */
	--primary: var(--black);
	--secondary: var(--dkgray);
	--accent: var(--mdgray);
	--black: #000;
	--dkgray: #333;
	--mdgray: #666;
	--ltgray: #ddd;
	--vltgray: #eee;
	--vvltgray: #f2f2f2;
	--0: rgb(from var(--black) r g b / .05); --1: rgb(from var(--black) r g b / .1);
	--2: rgb(from var(--black) r g b / .2); --3: rgb(from var(--black) r g b / .3);
	--4: rgb(from var(--black) r g b / .4); --5: rgb(from var(--black) r g b / .5);
	--6: rgb(from var(--black) r g b / .6); --7: rgb(from var(--black) r g b / .7);
	--8: rgb(from var(--black) r g b / .8); --9: rgb(from var(--black) r g b / .9);

	/* borders */
	--border-width: 1px;
	--border-thick-width: 10px;
	--border-color: var(--1);
	--divider-shadow-height: 20px;
	--divider-shadow-color: var(--1);
	--input-border-width: var(--border-width);
	--input-border-color: var(--ltgray);

	/* buttons */
	--radius: 0;
	--transition: .25s;
	--button-pad: .75em 1.5em;
	--button-sm-pad: .5em 1em;
	--button-lg-pad: var(--button-pad);
	--button-size: 1rem;
	--button-sm-size: calc(.85 * var(--button-size));
	--button-lg-size: calc(1.15 * var(--button-size));
	--button-weight: 400;
	--button-spacing: 0;
	--button-transform: none;
	--button-border-width: 0;
	--button-border-color: transparent;
	--button-background-color: var(--black);
	--button-text-color: #fff;
	--button-text-shadow: none;
	--button-box-shadow: none;
	--button-hover-border-color: var(--button-border-color);
	--button-hover-background-color: var(--button-background-color);
	--button-hover-text-color: var(--button-text-color);
	--button-hover-text-shadow: var(--button-text-shadow);
	--button-hover-box-shadow: var(--button-box-shadow);
	--button-lt-border-color: transparent;
	--button-lt-background-color: var(--1);
	--button-lt-text-color: var(--black);
	--button-lt-text-shadow: var(--button-text-shadow);
	--button-lt-box-shadow: var(--button-box-shadow);
	--button-lt-hover-border-color: var(--button-hover-border-color);
	--button-lt-hover-background-color: var(--button-hover-background-color);
	--button-lt-hover-text-color: var(--button-hover-text-color);
	--button-lt-hover-text-shadow: var(--button-hover-text-shadow);
	--button-lt-hover-box-shadow: var(--button-hover-box-shadow);
	--button-lt-active-border-color: var(--button-border-color);
	--button-lt-active-background-color: var(--button-background-color);
	--button-lt-active-text-color: var(--button-text-color);
	--button-lt-active-text-shadow: var(--button-text-shadow);
	--button-lt-active-box-shadow: var(--button-box-shadow);
	--button-dk-border-color: transparent;
	--button-dk-background-color: var(--black);
	--button-dk-text-color: #fff;
	--button-dk-text-shadow: var(--button-text-shadow);
	--button-dk-box-shadow: var(--button-box-shadow);
	--button-dk-hover-border-color: var(--button-hover-border-color);
	--button-dk-hover-background-color: var(--button-hover-background-color);
	--button-dk-hover-text-color: var(--button-hover-text-color);
	--button-dk-hover-text-shadow: var(--button-hover-text-shadow);
	--button-dk-hover-box-shadow: var(--button-hover-box-shadow);
	--slider-arrow-border-width: var(--button-border-width);
	--slider-arrow-border-color: var(--button-lt-border-color);
	--slider-arrow-background-color: var(--button-lt-background-color);
	--slider-arrow-text-color: var(--button-lt-text-color);
	--slider-arrow-hover-border-color: var(--button-lt-hover-border-color);
	--slider-arrow-hover-background-color: var(--button-lt-hover-background-color);
	--slider-arrow-hover-text-color: var(--button-lt-hover-text-color);
	--slider-dot-border-width: var(--button-border-width);
	--slider-dot-border-color: var(--button-lt-border-color);
	--slider-dot-background-color: var(--button-lt-background-color);
	--slider-dot-hover-border-color: var(--button-lt-hover-border-color);
	--slider-dot-hover-background-color: var(--button-lt-hover-background-color);
	--slider-dot-active-border-color: var(--button-lt-active-border-color);
	--slider-dot-active-background-color: var(--button-lt-active-background-color);

	/* rows and ctas */
	--hero-background-color: var(--black);
	--hero-overlay-color: rgb(from var(--hero-background-color) r g b / .8);
	--hero-text-color: #fff;
	--hero-dateline-color: var(--hero-text-color);
	--darker-row-background-color: var(--black);
	--darker-row-text-color: #fff;
	--darker-row-headline-color: inherit;
	--dark-row-background-color: var(--dkgray);
	--dark-row-text-color: var(--darker-row-text-color);
	--dark-row-headline-color: var(--darker-row-headline-color);
	--medium-row-background-color: var(--mdgray);
	--medium-row-text-color: var(--darker-row-text-color);
	--medium-row-headline-color: var(--darker-row-headline-color);
	--light-row-background-color: var(--ltgray);
	--light-row-text-color: var(--p-color);
	--light-row-headline-color: var(--h-color);
	--lighter-row-background-color: var(--vltgray);
	--lighter-row-text-color: var(--light-row-text-color);
	--lighter-row-headline-color: var(--light-row-headline-color);
	--lightest-row-background-color: var(--vvltgray);
	--lightest-row-text-color: var(--light-row-text-color);
	--lightest-row-headline-color: var(--light-row-headline-color);
	--primary-row-background-color: var(--primary);
	--primary-row-text-color: var(--darker-row-text-color);
	--primary-row-headline-color: var(--darker-row-headline-color);
	--secondary-row-background-color: var(--secondary);
	--secondary-row-text-color: var(--darker-row-text-color);
	--secondary-row-headline-color: var(--darker-row-headline-color);
	--accent-row-background-color: var(--accent);
	--accent-row-text-color: var(--p-color);
	--accent-row-headline-color: var(--h-color);

	/* typography */
	/* robyn - put hcolorpcolor where they go */
	--h-color: var(--black);
	--p-color: var(--dkgray);
	--link-color: var(--button-background-color);
	--link-hover-color: var(--button-hover-background-color);
	--subhead-color: inherit;
	--kicker-color: var(--subhead-color);
	--dateline-color: var(--subhead-color);
	--font: inherit;
	--h-font: inherit;
	--line-height: 1.2;
	--p-height: 1.4;
	--h-height: 1.1;
	--h-weight: 700;
	--h1-size: 2.5em;
	--h2-size: 2em;
	--h3-size: 1.75em;
	--h4-size: 1.5em;
	--h5-size: 1.35em;
	--h6-size: 1em;
	--lead-size: 1.35em;
	--small-size: 85%;
	--subhead-size: 75%;

	/* menus ---- see also .social li {} */
	--minimenu-background-color: transparent;
	--minimenu-text-color: inherit;
	--minimenu-hover-background-color: var(--button-hover-background-color);
	--minimenu-hover-text-color: var(--button-hover-text-color);
	--minimenu-active-background-color: var(--button-background-color);
	--minimenu-active-text-color: var(--button-text-color);
	--megamenu-background-color: var(--button-background-color);
	--megamenu-text-color: var(--button-text-color);
	--megamenu-hover-background-color: var(--button-hover-background-color);
	--megamenu-hover-text-color: var(--button-hover-text-color);
	--footer-background-color: var(--megamenu-background-color);
	--footer-text-color: var(--megamenu-text-color);
	--footer-divider: 2px solid rgba(255,255,255,.1);

	/* structure */
	--adminbar-height: 0;
	--logo-height: 50px;
	--header-height: 70px;
	--header-shadow: 0 0 20px var(--2);
	--cols: 1;
	--sec-vpad: 50px;
	--row-vpad: 50px;
	--sec-rowgap: 30px;
	--row-rowgap: 30px;
	--col-rowgap: 30px;
	--row-colgap: 20px;
	--col-colgap: 20px;
	--hpad: 20px;
	--box-vpad: 30px;
	--box-hpad: 30px;
	--gap: 20px;
}

@media (min-width: 768px) {
	:root {
		--sec-vpad: 80px;
		--row-vpad: 50px;
		--sec-rowgap: 50px;
		--row-rowgap: 30px;
		--col-rowgap: 30px;
		--row-colgap: 30px;
		--col-colgap: 30px;
		--hpad: 30px;
		--gap: 30px;
		--divider-shadow-height: 30px;
	}
}

/*@media (min-width: 992px) {
	:root {
		--box-vpad: 30px;
		--box-hpad: 30px;
	}
}*/

@media (min-width: 1200px) {
	:root {
		--row-colgap: 50px;
		--hpad: 50px;
		--gap: 50px;
		--divider-shadow-height: 40px;
	}
}

@media (min-width: 1600px) {
	:root {
		--box-vpad: 40px;
		--box-hpad: 40px;
	}
}

#wpadminbar {position: fixed !important;}
body.admin-bar {--adminbar-height: 46px;}
@media (min-width: 783px) {
	body.admin-bar {--adminbar-height: 32px;}
}

html.no-scrolling {position: fixed; width: 100vw; height: 100vh; overflow: hidden;}
html.no-smooth {scroll-behavior: initial;}
body {position: relative; font-family: var(--font); line-height: var(--line-height);}


/*** HEADER / FOOTER ***/

a#skip {position: absolute; display: inline-block; left: 0; top: 0; width: 1px; height: 1px; text-indent: -100vw; word-wrap: normal !important; overflow: hidden; z-index: 11000;}
a#skip:focus {width: auto; height: auto; padding: 1em; background: #c00; color: #fff; text-indent: 0;}

#wrapper {position: relative; overflow: hidden; padding-top: var(--header-height);}
#header, #footer {padding: var(--sec-vpad) var(--hpad);}
#header {top: var(--adminbar-height);}
#body {min-height: calc(100vh - var(--adminbar-height) - var(--header-height) * 2 - var(--sec-vpad)); padding: 0 var(--hpad); overflow: hidden;}

#header {position: fixed; left: 0; right: 0; --sec-vpad: 0; background: #fff; box-shadow: var(--header-shadow); z-index: 1000;}
#header-container {display: flex; flex-wrap: nowrap; align-items: center; gap: var(--row-colgap); height: var(--header-height);}
#header-logo {flex-grow: 1; flex-shrink: 0;}
#header-logo img {display: block;}
#header button, #header a {color: inherit; text-decoration: none;}
#header svg {width: 40px;}

#mini-menu {display: flex; flex-shrink: 1; gap: var(--gap); height: var(--header-height); --gap: 10px; min-width: 0; --bkg: var(--minimenu-background-color); --txt: var(--minimenu-text-color);}
#mini-menu-ul {display: none; flex-direction: row; flex-wrap: wrap-reverse; justify-content: end; gap: var(--gap);}
#mini-menu-ul > li, #mini-menu-ul > li > a {position: relative; display: flex; align-items: center; height: 100%;}
#mini-menu-ul > li > a {padding: .5em; white-space: nowrap;}
#mini-menu-ul > li > a, #mini-menu .toggle {color: var(--txt); --txt: var(--minimenu-text-color);}
#mini-menu-ul > li:hover > a {--bkg: var(--minimenu-hover-background-color);}
#mini-menu-ul > li[class*="current"] > a {--bkg: var(--minimenu-active-background-color);}
#mini-menu-ul > li:hover ul {display: block;}
#mini-menu .toggle {padding: 0; background: none;}
#mini-menu .toggle:hover {--txt: var(--minimenu-hover-background-color);}

#mini-menu-ul.text > li:hover > a {--txt: var(--minimenu-hover-background-color);}
#mini-menu-ul.text > li[class*="current"] > a {--txt: var(--minimenu-active-background-color);}
#mini-menu-ul.after > li > a:after {content: ''; position: absolute; background: var(--bkg);}
#mini-menu-ul.bar > li > a:after {left: 5px; right: 5px; bottom: 10px; height: 5px;}
#mini-menu-ul.arrow > li > a:after {left: 50%; bottom: 10px; transform: translateX(-50%); width: 14px; aspect-ratio: 2; clip-path: polygon(0 100%, 50% 0, 100% 100%);}
#mini-menu-ul.box > li > a {height: auto; border-radius: var(--radius); border: var(--border-width) solid var(--bkg);}
#mini-menu-ul.solid {--gap: .25em;}
#mini-menu-ul.solid > li > a {background: var(--bkg);}
#mini-menu-ul.solid > li:hover > a {--txt: var(--minimenu-hover-text-color);}
#mini-menu-ul.solid > li[class*="current"] > a {--txt: var(--minimenu-active-text-color);}
#mini-menu-ul.outline > li > a {border-color: var(--bkg);}

#mini-menu ul ul {display: none; position: absolute; left: 0; top: 100%; min-width: 15em; padding: .5em 0; background: var(--megamenu-background-color); color: var(--megamenu-text-color); box-shadow: var(--header-shadow); clip-path: inset(0 -50px -50px -50px);}
#mini-menu ul ul a {padding: .5em 1em;}
#mini-menu ul ul a:hover {background: var(--megamenu-hover-background-color); color: var(--megamenu-hover-text-color);}

#overlay {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,.95); cursor: pointer; z-index: 1000;}
#mega-menu {display: none; position: absolute; left: 0; top: 100%; right: 0; --sec-vpad: 50px; padding: 0 var(--hpad) var(--logo-height); max-height: calc(100vh - var(--adminbar-height) - var(--header-height)); overflow: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; box-shadow: var(--header-shadow); background: var(--bkg); color: var(--txt); --bkg: var(--megamenu-background-color); --txt: var(--megamenu-text-color);}
#mega-menu::-webkit-scrollbar {display: none;}
#mega-container {position: relative; display: flex; flex-direction: column; gap: var(--sec-rowgap); padding: var(--sec-vpad) 0;}
#mega-menu .toggle {display: none; position: absolute; right: 0; top: calc(var(--sec-vpad) / 2); padding: 0; background: none;}
#mega-menu-ul {columns: 160px 4; column-gap: 10px; margin-top: 1em;}
#mega-menu-ul li {break-inside: avoid; overflow: hidden;}
#mega-menu-ul > li > a:only-child, #mega-menu .sub-menu {margin-bottom: 20px;}
#mega-menu-ul > li > a {font-weight: 700; text-transform: uppercase;}
#mega-menu-ul a {padding: .6em .75em; border-radius: var(--radius);}
#mega-menu-ul a:hover {background: var(--megamenu-hover-background-color); color: var(--megamenu-hover-text-color);}

#mega-search input {border: 0;}
#mega-search button {--bkg: var(--button-dk-background-color); --txt: var(--button-dk-text-color);}
#mega-search button:hover {--bkg: var(--button-dk-hover-background-color); --txt: var(--button-dk-hover-text-color);}

#header-contact {position: fixed; display: flex; left: 0; right: 0; bottom: 0; gap: var(--gap); --gap: 2px; text-transform: uppercase; box-shadow: var(--header-shadow);}
#header-contact, #header-contact a {background: var(--bkg); color: var(--txt); --bkg: var(--minimenu-active-background-color); --txt: var(--minimenu-active-text-color);}
#header-contact a {display: flex; align-items: center; justify-content: center; gap: .5em; flex-grow: 1; flex-shrink: 0; height: 50px; padding: 0 1em;}
#header-contact a:hover {--bkg: var(--minimenu-hover-background-color); --txt: var(--minimenu-hover-text-color);}
#header-contact svg {width: 30px;}
#header-contact .small {font-size: 11px;}
#header-email {flex-direction: column; justify-content: center; flex-grow: 0 !important; box-shadow: var(--gap) 0 0 rgba(255,255,255,.2); gap: 0 !important;}

@media (min-width: 768px) {
    #mini-menu-ul {display: flex;}
    #mega-menu .toggle {display: block;}
    #mega-search {max-width: 50%;}
    #header-contact {position: static; flex-shrink: 0; width: auto; box-shadow: none; background: none;}
}

#footer {background: var(--footer-background-color);color: var(--footer-text-color);}
#footer-container {display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--gap); --gap: 40px;}
#footer-container > * {width: 100%;}
#footer a:not(.button), #footer img {display: block;}
#footer a:not(.button) {color: inherit; text-decoration: none;}
#footer a:not(.button):hover {text-decoration: underline;}
#footer .small {font-size: 13px;}
#footer .headline {font-weight: 700; text-transform: uppercase;}
#footer .gap {display: flex; flex-direction: column; gap: var(--gap); --gap: var(--col-rowgap);}
#footer .menu a {padding: .25em 0;}

#footer-logo {max-width: calc(50% - var(--gap)); width: 150px !important;}
#footer-logo img {max-height: 200px;}
#footer-menu {max-width: 50%;}
#footer-locations, #footer-trusted, #footer-meta {border-top: var(--footer-divider); padding-top: var(--gap);}
#footer-others {padding-top: var(--gap);}

#footer-menu ul {margin-top: -.5em;}
#footer-trusted ul, #footer-legal ul {display: flex; flex-wrap: wrap; gap: 1em;}
#footer-legal {margin-bottom: -1.25em; font-size: 15px;}

#footer-location .headline {text-transform: none; font-size: 1.5em;}
#footer-location .links {gap: 1em;}
#footer-location .links a {display: flex; align-items: center; gap: 1em;}
#footer-location .links svg {content: ''; align-self: start; flex-shrink: 0; width: 24px;}
#footer-others ul {gap: .5em;}
#footer-others .city {font-weight: 700;}

@media (min-width: 576px) {
    #footer-container {display: grid; grid-template-columns: 1fr 3fr; grid-template-rows: auto auto auto; column-gap: var(--sec-vpad);}
    #footer-container > * {width: auto !important; max-width: 100%;}
    #footer-logo {grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;}
    #footer-menu {grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3;}
    #footer-locations {grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3;}
    #footer-trusted {grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4;}
    #footer-meta {grid-column-start: 1; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5;}
    #footer-locations {border: 0; padding: 0;}
}

@media (min-width: 1200px) {
    #footer-container {grid-template-columns: 2fr 3fr 3fr 3fr; grid-template-rows: auto auto; row-gap: var(--hpad);}
    #footer-logo {grid-row-start: 1; grid-row-end: 3;}
    #footer-menu {grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2;}
    #footer-trusted {grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2;}
    #footer-meta {grid-column-start: 3; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3;}
    /*#footer-locations,*/ #footer-trusted {border: 0; padding: 0;}
    #footer-others, #footer-meta {border-top: var(--footer-divider);}
    #footer-menu ul {columns: 160px 2; column-gap: 10px;}
}

@media (min-width: 1600px) {
    #footer-container {grid-template-columns: 1fr 3fr 3fr 3fr;}
}

@media (max-width: 767px) {
	#footer {padding-bottom: calc(var(--sec-vpad) + var(--logo-height));}
}

.social .facebook {--brand: #3b5998; --brand-hover: #5276b7;}
.social .glassdoor {--brand: #0caa41; --brand-hover: #12c759;}
.social .indeed {--brand: #2164f4; --brand-hover: #3083fa;}
.social .instagram {--brand: #8a3ab9; --brand-hover: #aa51d3;}
.social .linkedin {--brand: #0077b5; --brand-hover: #0097d0;}
.social .pinterest {--brand: #cb2027; --brand-hover: #e02e38;}
.social .twitter {--brand: #55acee; --brand-hover: #72c8f6;}
.social .youtube {--brand: #bb0000; --brand-hover: #d40000;}

.social {display: flex; flex-wrap: wrap; gap: .5em;}
.social li {
	--social-border-width: var(--button-border-width);
	--social-border-color: transparent;
	--social-background-color: var(--brand);
	--social-text-color: #fff;
	--social-hover-border-color: var(--social-border-color);
	--social-hover-background-color: var(--brand-hover);
	--social-hover-text-color: var(--social-text-color);
}
.social a {display: flex; align-items: center; justify-content: center; width: 34px; aspect-ratio: 1; border-radius: var(--radius); border: var(--bdr); background: var(--bkg); color: var(--txt) !important; --bdr: var(--social-border-width) solid var(--social-border-color); --bkg: var(--social-background-color); --txt: var(--social-text-color);}
.social a:hover {--bdr: var(--social-hover-border-color); --bkg: var(--social-hover-background-color); --txt: var(--social-hover-text-color);}
.social svg {width: 100%;}

#back-to-top {display: none; position: fixed; right: 0; bottom: calc(var(--header-height) + var(--hpad)); flex-direction: column; align-items: center; justify-content: center; width: 40px; aspect-ratio: 1; padding: 0; border-radius: var(--radius) 0 0 var(--radius);}
#back-to-top svg {width: 20px; transform: rotate(-90deg);}
body.scrolling-up #back-to-top {display: flex;}


/*** FORMS ***/

textarea, select, input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {display: block; width: 100%; padding: .6em .75em; border: var(--input-border-width) solid var(--input-border-color);}
textarea, select, input {border-radius: var(--radius);}
textarea {min-height: 100px;}

.field-group {display: flex;}
.field-group * {border-radius: 0;}
.field-group :first-child {border-radius: var(--radius) 0 0 var(--radius) !important;}
.field-group :last-child {border-radius: 0 var(--radius) var(--radius) 0;}

/* robyn
label {display: block; margin: 1em 0 .5em; font-weight: bold;}
input[type="checkbox"], input[type="radio"] {display: inline-block; vertical-align: middle; margin: 0 .5em 0 0;}
input[type="checkbox"] + label, input[type="radio"] + label {display: inline-block; vertical-align: middle; margin: 0 1em 0 0;}
*/

button:not(.reset), input[type="button"], input[type="submit"], .button {display: inline-flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; cursor: pointer; gap: .5em; transition: var(--transition); border-radius: var(--radius); line-height: var(--line-height); letter-spacing: var(--button-spacing); font-size: var(--fsz); font-weight: var(--button-weight); text-transform: var(--button-transform); padding: var(--pad); border: var(--bdrw) solid var(--bdr); background-color: var(--bkg); color: var(--txt); box-shadow: var(--bsh); text-shadow: var(--tsh); --pad: var(--button-pad); --fsz: var(--button-size); --bdrw: var(--button-border-width); --bdr: var(--button-border-color); --bkg: var(--button-background-color); --txt: var(--button-text-color); --bsh: var(--button-box-shadow); --tsh: var(--button-text-shadow);}
button:not(.reset):hover, input[type="button"]:hover, input[type="submit"]:hover, .button[href]:hover {--bdr: var(--button-hover-border-color); --bkg: var(--button-hover-background-color); --txt: var(--button-hover-text-color); --bsh: var(--button-hover-box-shadow); --tsh: var(--button-hover-text-shadow);}
.button.sm {--pad: var(--button-sm-pad); --fsz: var(--button-sm-size);}
.button.lg {--pad: var(--button-lg-pad); --fsz: var(--button-lg-size);}
.button.light {--bdr: var(--button-lt-border-color); --bkg: var(--button-lt-background-color); --txt: var(--button-lt-text-color); --bsh: var(--button-lt-box-shadow); --tsh: var(--button-lt-text-shadow);}
.button.light:hover {--bdr: var(--button-lt-hover-border-color); --bkg: var(--button-lt-hover-background-color); --txt: var(--button-lt-hover-text-color); --bsh: var(--button-lt-hover-box-shadow); --tsh: var(--button-lt-hover-text-shadow);}
.button.dark {--bdr: var(--button-dk-border-color); --bkg: var(--button-dk-background-color); --txt: var(--button-dk-text-color); --bsh: var(--button-dk-box-shadow); --tsh: var(--button-dk-text-shadow);}
.button.dark:hover {--bdr: var(--button-dk-hover-border-color); --bkg: var(--button-dk-hover-background-color); --txt: var(--button-dk-hover-text-color); --bsh: var(--button-dk-hover-box-shadow); --tsh: var(--button-dk-hover-text-shadow);}
.button:not([href]) {cursor: default !important;}
button[disabled], input[type="button"][disabled], input[type="submit"][disabled], .button[disabled] {cursor: default !important;opacity: .25; --bdr: var(--button-lt-border-color) !important; --bkg: var(--button-lt-background-color) !important; --txt: var(--button-lt-text-color) !important; --bsh: var(--button-lt-box-shadow) !important; --tsh: var(--button-lt-text-shadow) !important;}
.button svg {width: 1em;}

a[class*="arrow-"] {display: flex; gap: .5em;}
a[class*="arrow-"] svg {width: 1em; aspect-ratio: 1;}
a.arrow-left svg {transform: scaleX(-1);}


/*** TYPOGRAPHY ***/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: var(--h-weight); line-height: var(--h-height); margin-top: var(--row-rowgap);}
h1, .h1 {font-size: var(--h1-size);}
h2, .h2 {font-size: var(--h2-size);}
h3, .h3 {font-size: var(--h3-size);}
h4, .h4 {font-size: var(--h4-size);}
h5, .h5 {font-size: var(--h5-size);}
h6, .h6 {font-size: var(--h6-size); text-transform: uppercase;}
p {line-height: var(--p-height);}

.headlines {display: flex; flex-direction: column; gap: var(--gap); --gap: 5px; line-height: var(--h-height); color: var(--h-color);}
.headlines .headline {margin: 0 0 .25em;}
.headlines > :first-child {margin-top: 0;}
.headlines > :last-child {margin-bottom: 0;}
.subhead {font-size: var(--subhead-size); font-weight: 600; text-transform: uppercase; color: var(--subhead-color);}
.kicker {color: var(--kicker-color);}
.dateline {color: var(--dateline-color);}
.summary {color: var(--p-color);}
.lead {font-size: var(--lead-size);}
.small {font-size: var(--small-size);}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

.case-upper {text-transform: uppercase;}
.case-lower {text-transform: lowercase;}
.case-none {text-transform: none;}


/*** TEXT ***/

.aphc_text > :first-child {margin-top: 0;}
.aphc_text > :last-child {margin-bottom: 0;}
.aphc_text blockquote {margin: 3em var(--hpad);}
.aphc_text :is(h1, h2, h3, h4, h5, h6) {color: var(--h-color);}
.aphc_text {color: var(--p-color);}
.aphc_text a {color: var(--link-color);}
.aphc_text a:hover {color: var(--link-hover-color);}


/*** ROWS AND GRIDS ***/

.aphc_section, .aphc_row, .aphc_column {display: flex;}
.aphc_section, .aphc_column {flex-direction: column;}
/*.aphc_section {column-gap: var(--sec-colgap); row-gap: var(--sec-rowgap);}*/
.aphc_row {flex-wrap: wrap; column-gap: var(--row-colgap); row-gap: var(--row-rowgap);}
.aphc_column {column-gap: var(--col-colgap); row-gap: var(--col-rowgap);}

:is(.aphc_section, .aphc_row) {margin-left: calc(-1 * var(--hpad)); margin-right: calc(-1 * var(--hpad)); padding: var(--vpad) var(--hpad); --vpad: var(--sec-vpad);}
:is(.aphc_section, .aphc_row):empty {display: none;}
:is(.aphc_section, .aphc_row):not([class*="row-bkg-"]) {margin-top: var(--vpad); margin-bottom: var(--vpad);}
:is(.aphc_section, .aphc_row)[class*="row-bkg-"] {padding-top: var(--vpad); padding-bottom: var(--vpad); background: var(--bkg); color: var(--p-color);}
:is(.aphc_section, .aphc_row).container {margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;}
.aphc_section.container .aphc_row {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.aphc_section .aphc_row:first-child {margin-top: 0;}
.aphc_section .aphc_row:last-child {margin-bottom: 0;}

.row-bkg-darker {--bkg: var(--darker-row-background-color); --p-color: var(--darker-row-text-color); --h-color: var(--darker-row-headline-color);}
.row-bkg-dark {--bkg: var(--dark-row-background-color); --p-color: var(--dark-row-text-color); --h-color: var(--dark-row-headline-color);}
.row-bkg-medium {--bkg: var(--medium-row-background-color); --p-color: var(--medium-row-text-color); --h-color: var(--medium-row-headline-color);}
.row-bkg-light {--bkg: var(--light-row-background-color); --p-color: var(--light-row-text-color); --h-color: var(--light-row-headline-color);}
.row-bkg-lighter {--bkg: var(--lighter-row-background-color); --p-color: var(--lighter-row-text-color); --h-color: var(--lighter-row-headline-color);}
.row-bkg-lightest {--bkg: var(--lightest-row-background-color); --p-color: var(--lightest-row-text-color); --h-color: var(--lightest-row-headline-color);}
.row-bkg-primary {--bkg: var(--primary-row-background-color); --p-color: var(--primary-row-text-color); --h-color: var(--primary-row-headline-color);}
.row-bkg-secondary {--bkg: var(--secondary-row-background-color); --p-color: var(--secondary-row-text-color); --h-color: var(--secondary-row-headline-color);}
.row-bkg-accent {--bkg: var(--accent-row-background-color); --p-color: var(--accent-row-text-color); --h-color: var(--accent-row-headline-color);}

.parent-grid {display: grid; grid-template-columns: repeat(1, 1fr); gap: var(--col-colgap);}
@media (min-width: 576px) {
	.parent-grid {grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 992px) {
	.parent-grid {grid-template-columns: repeat(3, 1fr);}
}
@media (min-width: 1200px) {
	.parent-grid:not(.aphc_testimonials, .search-results) {grid-template-columns: repeat(4, 1fr);}
}


/*** BOXES ***/

.radius {border-radius: var(--radius);}

.parent-grid .box {height: 100%;}
.box {display: flex; flex-direction: column; align-items: stretch; transition: var(--transition);}
a.box {text-decoration: none; color: inherit;}
.box, .box .head, .box img {position: relative; top: 0; border-radius: var(--radius);}
.box .head {background: var(--0);}
.box .head:not(:only-child), .box .head:not(:only-child) img {border-radius: var(--radius) var(--radius) 0 0;}
.box img {height: auto;}
.box .icon {position: absolute; left: 0; top: 0; font-size: 4rem; padding: .25em; z-index: 3;}
.box:not(.default, .border) img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.box .body {display: flex; flex-direction: column; gap: var(--gap); --gap: 20px; padding: var(--box-vpad) var(--box-hpad);}
.box :is(.body, .summary) {flex-grow: 1;}
.box .headline {font-size: var(--h5-size); font-weight: var(--h-weight);}
.box .caption {font-size: var(--small-size); padding: .5em; opacity: .5;}
.box .more {display: flex; gap: var(--gap); --gap: .5em; align-items: center; justify-content: end; font-weight: 600; line-height: 1;}
.box .more svg {width: 1em; transition: var(--transition);}
.box[href]:hover .more svg {transform: translateX(25%);}
.box:not([href]) .more {display: none;}
.box .links {display: flex; flex-wrap: wrap; gap: var(--gap); --gap: .5em; padding-top: calc(var(--box-vpad) / 2);}
.box .links .button { --fsz: var(--button-sm-size); --pad: var(--button-sm-pad);}
.box .foot:empty {display: none;}

.box.default .head, .box.default .head img {border-radius: var(--radius);}
.box:is(.default, .border) img {margin: 0 auto;}
.box:is(.default, .border) div:is(.body, .summary) {flex-grow: 0;}
.box:is(.default, .border) .body:not(:first-child), .box:is(.default, .border) .body:not(:first-child) + .foot {--box-vpad: 15px; --box-hpad: 5px;}
.box:is(.default, .border) .body:only-child {--box-vpad: 0; --box-hpad: 0;}
.box:is(.default, .border) .foot {padding: 0 var(--box-hpad) calc(var(--box-vpad) / 2);}
.box.border {border: var(--border-width) solid var(--border-color);}
.box.border.thick {--border-width: var(--border-thick-width);}

:is(.card, .author) {border: var(--border-width) solid var(--border-color); box-shadow: var(--card-shadow);}
:is(.card, .author) .head {aspect-ratio: 4 / 3;}
.card .caption {padding: .75em 1em;}
.card .foot {padding: 0 var(--box-hpad) calc(var(--box-vpad) / 2);}
.author {clear: both;}
@media (min-width: 768px) {
	.author {flex-direction: row; align-items: center;}
	.author .head {flex-shrink: 0; align-self: start; width: 30%; max-width: 400px; margin: calc(var(--box-vpad) / 2) calc(var(--box-hpad) / 2); margin-right: 0;}
	.box.author .head, .box.author .head img {border-radius: var(--radius);}
}

.box.image:not(.default) .head {flex-grow: 1;}
.box.image:not(.default) img {height: 100%; object-fit: cover;}

.polaroid {background: #fff; border: 10px solid #fff; box-shadow: 0 0 20px var(--2);}
.polaroid .head {aspect-ratio: 1;}
.polaroid .body:not(:first-child), .polaroid .body:not(:first-child) + .foot {--box-vpad: 15px; --box-hpad: 5px;}
.polaroid .caption {padding: 10px 0 0;}
.polaroid .more {padding-top: 10px;}
.polaroid[href]:hover {top: -10px; box-shadow: 0 -5px 25px var(--3);}

.slide {grid-template-columns: minmax(auto, 500px) auto; padding: var(--box-vpad) var(--box-hpad);}
@media (max-width: 767px) {.slide {padding: calc(var(--box-vpad) / 2);}}
:is(.slide, .tile) {display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; background: var(--black);}
:is(.slide, .tile):before {content: ''; background: var(--black); opacity: .8; transition: var(--transition); z-index: 2;}
:is(.slide, .tile)[href]:hover:before {opacity: .6;}
:is(.slide, .tile):before, :is(.slide, .tile) img {position: absolute; inset: 0; border-radius: var(--radius);}
:is(.slide, .tile) .head {position: static; grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2;}
:is(.slide, .tile) :is(.icon, .body, .foot) {position: relative; justify-content: end; z-index: 3; color: #fff;}
:is(.slide, .tile) .body {grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; padding: calc(2 * var(--box-vpad)) calc(.5 * var(--box-hpad)) calc(var(--box-vpad) / 2);}
:is(.slide, .tile) .foot {grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; display: flex; align-items: end; padding: 0 calc(.5 * var(--box-hpad)) calc(var(--box-vpad) / 2);}
:is(.slide, .tile) :is(.headline, .foot) {font-size: var(--h3-size);}
.tile :is(.subhead:last-child, .summary, .more span), .slide .more span {display: none;}
:is(.slide, .tile) .links {padding: 0;}


/*** TOGGLES ***/

.aphc_toggles .body, .aphc_accordions {display: flex; flex-direction: column; align-items: stretch; gap: var(--gap); --gap: calc(var(--col-rowgap) / 2);}
.aphc_toggles .body {padding: 0 var(--col-rowgap) var(--col-rowgap); --gap: var(--col-rowgap);}

.aphc_accordions .head {margin-top: 0; font-size: var(--h4-size);}
.aphc_accordions .head button {display: flex; align-items: center; justify-content: space-between; gap: var(--col-colgap); width: 100%; padding: var(--col-rowgap); text-align: left;}
.aphc_accordions .head svg {flex-shrink: 0; align-self: start; margin-top: calc(.25em * (var(--line-height) - .8)); width: .8em; transition: var(--transition);}
.aphc_accordions .head button:hover svg {transform: translateX(25%);}
.aphc_accordions .head button[aria-expanded="true"] svg {transform: rotate(-90deg);}
.aphc_accordions .body {padding-top: 0;}

.aphc_accordions.default .accordion {border-radius: var(--radius); overflow: hidden; border: var(--border-width) solid var(--border-color);}
.aphc_accordions.divider {--gap: 0; border-bottom: var(--border-width) solid var(--border-color);}
.aphc_accordions.divider .accordion {border-top: var(--border-width) solid var(--border-color);}
.aphc_accordions.divider .head button, .aphc_accordions.divider .body {padding-left: 0; padding-right: 0;}

.aphc_tabs .tablist {display: flex; gap: var(--gap); --gap: 0;}

.aphc_tabs.default .tablist {--gap: 5px;}
.aphc_tabs.default .tablist button {border-radius: var(--radius) var(--radius) 0 0; padding: var(--button-pad); border: 1px solid transparent; background: var(--button-background-color); color: var(--button-text-color);}
.aphc_tabs.default .tablist button:hover {background: var(--button-hover-background-color); color: var(--button-hover-text-color);}
.aphc_tabs.default .tablist button[aria-selected="true"] {background: #fff; color: inherit; border-color: var(--border-color); border-bottom-color: #fff; margin-bottom: -1px;}
.aphc_tabs.default .panels {border: 1px solid var(--border-color);}
.aphc_tabs.default .body {padding: var(--col-rowgap); --gap: var(--col-rowgap);}

.aphc_tabs.divider .tablist {border-bottom: 1px solid var(--border-color);}
.aphc_tabs.divider .tablist button {padding: var(--button-sm-pad);border-bottom: .25em solid transparent;}
.aphc_tabs.divider .tablist button:hover {border-color: var(--button-hover-background-color);}
.aphc_tabs.divider .tablist button[aria-selected="true"] {border-color: var(--button-background-color);}
.aphc_tabs.divider .body {padding: var(--col-rowgap) 0 0;}


/*** SLIDERS ***/
.splide .box {height: 100%;}
.splide--loop {--gap: var(--box-hpad);}
.splide__arrows {position: absolute; left: 0; top: 50%; width: 100%; height: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between;}
button.splide__arrow {display: block !important; width: calc(var(--hpad) + 10px); max-width: 30px; --pad: 5px; --bdrw: var(--slider-arrow-border-width); --bdr: var(--slider-arrow-border-color); --bkg: var(--slider-arrow-background-color); --txt: var(--slider-arrow-text-color);}
button.splide__arrow--prev {padding-left: 6px; border-top-right-radius: 0; border-bottom-right-radius: 0; transform: translateX(-100%);}
button.splide__arrow--next {padding-right: 6px; border-top-left-radius: 0; border-bottom-left-radius: 0; transform: translateX(100%);}
button.splide__arrow:hover {--bdr: var(--slider-arrow-hover-border-color); --bkg: var(--slider-arrow-hover-background-color); --txt: var(--slider-arrow-hover-text-color);}
.splide__arrow svg {width: 100%;}
.splide__arrow--prev svg {transform: scaleX(-1);}
.splide .splide__pagination {margin-top: 1em; gap: .25em;}
.splide__pagination button {display: block; padding: 0; width: .6em; aspect-ratio: 1; border-radius: 50%; --bdrw: var(--slider-dot-border-width); --bdr: var(--slider-dot-border-color); --bkg: var(--slider-dot-background-color);}
.splide__pagination button:hover {--bdr: var(--slider-dot-hover-border-color); --bkg: var(--slider-dot-hover-background-color);}
.splide__pagination button.is-active {--bdr: var(--slider-dot-active-border-color); --bkg: var(--slider-dot-active-background-color);}

.aphc_slider.child-box-polaroid {margin: -40px; padding: 40px; overflow: hidden;}
.child-box-polaroid .splide__track {overflow: visible;}
.child-box-polaroid .splide:not(.moving) .splide__slide:not(.is-visible) .polaroid {box-shadow: none;}


/*** HEADLINES AND DIVIDERS ***/

.aphc_headline {display: flex; align-items: center; gap: .5em;}
.aphc_headline .icon {align-self: start;}

.aphc_headline.divider:not(.right):before, .aphc_headline.divider:not(.left):after {content: ''; flex-grow: 1;}
.aphc_headline.divider:before, .aphc_headline.divider:after, hr {height: 0; border-top: var(--border-width) solid var(--border-color);}
.aphc_headline.dash:before, .aphc_headline.dash:after, hr.dash {border-top-style: dashed; border-top-width: 2px;}
.aphc_headline.dot:before, .aphc_headline.dot:after, hr.dot {border-top-style: dotted; border-top-width: 2px;}
.aphc_headline.thick:before, .aphc_headline.thick:after, hr.thick {border-top-width: var(--border-thick-width);}
hr.shadow {border: 0; height: var(--divider-shadow-height); margin-bottom: calc(-.75 * var(--divider-shadow-height)); background: radial-gradient(farthest-side at top center, var(--divider-shadow-color), transparent) center top no-repeat;}


/*** HEROS ***/

.aphc_row.hero {position: relative; margin: 0 calc(-1 * var(--hpad)); padding: 0; background: var(--hero-background-color);}
.hero *:not(.headlines, img) {position: static; row-gap: 0;}
.hero img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important;}
.hero .headlines {position: relative; padding: var(--row-vpad) var(--hpad); background: var(--hero-overlay-color); color: var(--hero-text-color); --dateline-color: var(--hero-text-color);}
.hero .dateline {color: var(--hero-dateline-color); --subhead-size: 1rem;}


/*** LOGOS ***/

.aphc_logos, .aphc_logos * {display: flex;}
a.aphc_logos, .aphc_logos a {text-decoration: none; color: inherit;}
.aphc_logos {padding: var(--box-vpad) var(--box-hpad); gap: var(--col-rowgap); background: var(--0);}
.aphc_logos {flex-direction: column;}
.aphc_logos .headline {font-size: var(--h3-size); font-weight: 700;}
.aphc_logos .subhead.underline {text-decoration: underline;}
.aphc_logos ul {align-items: center; gap: 20px; flex-wrap: wrap;}
.aphc_logos li {flex-shrink: 0;}
.aphc_logos img {width: auto; height: 60px;}
.aphc_logos .more {font-size: 1.25em;}
.aphc_logos.imgxs img {height: 40px;}
.aphc_logos.imgmd img {height: 90px;}
.aphc_logos.imglg img {height: 120px;}
@media (min-width: 768px) {.aphc_logos.compact {flex-direction: row; align-items: center;}}
.aphc_logos.roomy .more {width: 100%;}


/*** TESTIMONIALS ***/

.aphc_testimonials blockquote {margin: 0;}
.aphc_testimonials.child-plain:not(.parent-grid) {padding: var(--box-vpad) var(--box-hpad);}
.aphc_testimonials .quote {font-size: var(--h3-size); font-weight: 200; line-height: var(--h-height);}
.testimonial .body {display: flex; flex-direction: column; gap: .5em;}
.testimonial:not(.tile) .body {justify-content: center;}
.testimonial .subhead.source {display: block;}


/*** STAFF ***/

.aphc_staff .category {margin-bottom: var(--col-rowgap);}


/*** BLOG ***/

.filters, .filters .tablist, .filters ul, .pagination {display: flex; flex-wrap: wrap; gap: .5em;}


.filters {column-gap: 1em;}
.filters button {--fsz: var(--button-sm-size); --pad: var(--button-sm-pad); --bdrw: var(--border-width);}
.filters button[aria-selected="false"]:not(:hover) {--bkg: inherit; --txt: inherit; --bdr: var(--border-color);}
.filters button:after {content: ''; width: 10px; aspect-ratio: 2; background: currentColor; clip-path: polygon(0 0, 100% 0, 50% 100%);}
.filters ul a {font-size: var(--small-size); padding: var(--button-sm-pad);}
.filters .panels {width: 100%;}
.filters .panel .body {border: var(--border-width) solid var(--border-color); padding: 1em; border-radius: var(--radius);}

.pagination a {display: block; --pad: var(--button-sm-pad); --fsz: var(--button-sm-size); --brd: var(--button-lt-border-color); --bkg: var(--button-lt-background-color); --txt: var(--button-lt-text-color); --bsh: var(--button-lt-box-shadow); --tsh: var(--button-lt-text-shadow);}
.pagination a:hover {--brd: var(--button-lt-hover-border-color); --bkg: var(--button-lt-hover-background-color); --txt: var(--button-lt-hover-text-color); --bsh: var(--button-lt-hover-box-shadow); --tsh: var(--button-lt-hover-text-shadow);}
.pagination a.active {--brd: var(--button-lt-active-border-color); --bkg: var(--button-lt-active-background-color); --txt: var(--button-lt-active-text-color); --bsh: var(--button-lt-active-box-shadow); --tsh: var(--button-lt-active-text-shadow);}
.pagination .ellipsis, .pagination .ellipsis:hover {--bkg: none; --txt: var(--button-lt-text-color);}

.featured-image {margin: 0 0 var(--row-rowgap);}
.featured-image.box img {position: static;}
@media (min-width: 768px) {
	.featured-image {float: right; max-width: 40%; margin-left: var(--row-rowgap);}
}

.utility {display: flex; flex-direction: column; gap: .5em; font-size: var(--small-size); color: var(--p-color);}
.utility a {color: var(--link-color);}
.utility a:hover {color: var(--link-hover-color);}


/*** SEARCH ***/

#body-search {margin-bottom: 2em;}


/*** LIGHTBOX ***/

div.fslightbox-container {font-family: inherit;}
.fslightbox-toolbar {border-bottom-left-radius: var(--radius); overflow: hidden;}
button.fslightbox-toolbar-button {--pad: 0; --radius: 0;}
button.fslightbox-slide-btn {--pad: 9px;}
@media (min-width: 768px) {button.fslightbox-slide-btn {--pad: 10px;}}
@media (min-width: 1200px) {button.fslightbox-slide-btn {--pad: 11px;}}