/* Auto-generated by planning/site_tools/apply_brand.py — DO NOT EDIT BY HAND.
   Source: branding/brand-config.json
   Loaded after all legacy stylesheets to re-skin the site without
   modifying captured assets. Toggle off by removing the import in
   SiteLayout.astro / the page that includes it. */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
  --brand-primary:    #005E81;
  --brand-secondary:  #008A7E;
  --brand-accent:     #691F6B;
  --brand-cta:        #F09D01;
  --brand-bg-light:   #D0F5FF;
  --brand-text:       #4D6881;
  --brand-dark:       #00294B;
}
[style*="color: #00457C"], [style*="color:#00457C"] { color: #005E81 !important; }
[style*="background-color: #00457C"], [style*="background-color:#00457C"] { background-color: #005E81 !important; }
[style*="background: #00457C"], [style*="background:#00457C"] { background-color: #005E81 !important; }
[style*="border-color: #00457C"], [style*="border-color:#00457C"] { border-color: #005E81 !important; }
[style*="color: #00457c"], [style*="color:#00457c"] { color: #005E81 !important; }
[style*="background-color: #00457c"], [style*="background-color:#00457c"] { background-color: #005E81 !important; }
[style*="background: #00457c"], [style*="background:#00457c"] { background-color: #005E81 !important; }
[style*="border-color: #00457c"], [style*="border-color:#00457c"] { border-color: #005E81 !important; }
[style*="color: #00926f"], [style*="color:#00926f"] { color: #008A7E !important; }
[style*="background-color: #00926f"], [style*="background-color:#00926f"] { background-color: #008A7E !important; }
[style*="background: #00926f"], [style*="background:#00926f"] { background-color: #008A7E !important; }
[style*="border-color: #00926f"], [style*="border-color:#00926f"] { border-color: #008A7E !important; }
[style*="color: #00926F"], [style*="color:#00926F"] { color: #008A7E !important; }
[style*="background-color: #00926F"], [style*="background-color:#00926F"] { background-color: #008A7E !important; }
[style*="background: #00926F"], [style*="background:#00926F"] { background-color: #008A7E !important; }
[style*="border-color: #00926F"], [style*="border-color:#00926F"] { border-color: #008A7E !important; }
[style*="color: #eef9fb"], [style*="color:#eef9fb"] { color: #D0F5FF !important; }
[style*="background-color: #eef9fb"], [style*="background-color:#eef9fb"] { background-color: #D0F5FF !important; }
[style*="background: #eef9fb"], [style*="background:#eef9fb"] { background-color: #D0F5FF !important; }
[style*="border-color: #eef9fb"], [style*="border-color:#eef9fb"] { border-color: #D0F5FF !important; }
[style*="color: #EEF9FB"], [style*="color:#EEF9FB"] { color: #D0F5FF !important; }
[style*="background-color: #EEF9FB"], [style*="background-color:#EEF9FB"] { background-color: #D0F5FF !important; }
[style*="background: #EEF9FB"], [style*="background:#EEF9FB"] { background-color: #D0F5FF !important; }
[style*="border-color: #EEF9FB"], [style*="border-color:#EEF9FB"] { border-color: #D0F5FF !important; }
[style*="color: #79B7E7"], [style*="color:#79B7E7"] { color: #D0F5FF !important; }
[style*="background-color: #79B7E7"], [style*="background-color:#79B7E7"] { background-color: #D0F5FF !important; }
[style*="background: #79B7E7"], [style*="background:#79B7E7"] { background-color: #D0F5FF !important; }
[style*="border-color: #79B7E7"], [style*="border-color:#79B7E7"] { border-color: #D0F5FF !important; }
[style*="color: #79b7e7"], [style*="color:#79b7e7"] { color: #D0F5FF !important; }
[style*="background-color: #79b7e7"], [style*="background-color:#79b7e7"] { background-color: #D0F5FF !important; }
[style*="background: #79b7e7"], [style*="background:#79b7e7"] { background-color: #D0F5FF !important; }
[style*="border-color: #79b7e7"], [style*="border-color:#79b7e7"] { border-color: #D0F5FF !important; }
[style*="color: #C5DBEC"], [style*="color:#C5DBEC"] { color: #D0F5FF !important; }
[style*="background-color: #C5DBEC"], [style*="background-color:#C5DBEC"] { background-color: #D0F5FF !important; }
[style*="background: #C5DBEC"], [style*="background:#C5DBEC"] { background-color: #D0F5FF !important; }
[style*="border-color: #C5DBEC"], [style*="border-color:#C5DBEC"] { border-color: #D0F5FF !important; }
[style*="color: #c5dbec"], [style*="color:#c5dbec"] { color: #D0F5FF !important; }
[style*="background-color: #c5dbec"], [style*="background-color:#c5dbec"] { background-color: #D0F5FF !important; }
[style*="background: #c5dbec"], [style*="background:#c5dbec"] { background-color: #D0F5FF !important; }
[style*="border-color: #c5dbec"], [style*="border-color:#c5dbec"] { border-color: #D0F5FF !important; }
[style*="color: #e17009"], [style*="color:#e17009"] { color: #F09D01 !important; }
[style*="background-color: #e17009"], [style*="background-color:#e17009"] { background-color: #F09D01 !important; }
[style*="background: #e17009"], [style*="background:#e17009"] { background-color: #F09D01 !important; }
[style*="border-color: #e17009"], [style*="border-color:#e17009"] { border-color: #F09D01 !important; }
[style*="color: #E17009"], [style*="color:#E17009"] { color: #F09D01 !important; }
[style*="background-color: #E17009"], [style*="background-color:#E17009"] { background-color: #F09D01 !important; }
[style*="background: #E17009"], [style*="background:#E17009"] { background-color: #F09D01 !important; }
[style*="border-color: #E17009"], [style*="border-color:#E17009"] { border-color: #F09D01 !important; }
[style*="color: #00457b"], [style*="color:#00457b"] { color: #005E81 !important; }
[style*="background-color: #00457b"], [style*="background-color:#00457b"] { background-color: #005E81 !important; }
[style*="background: #00457b"], [style*="background:#00457b"] { background-color: #005E81 !important; }
[style*="border-color: #00457b"], [style*="border-color:#00457b"] { border-color: #005E81 !important; }
[style*="color: #00457B"], [style*="color:#00457B"] { color: #005E81 !important; }
[style*="background-color: #00457B"], [style*="background-color:#00457B"] { background-color: #005E81 !important; }
[style*="background: #00457B"], [style*="background:#00457B"] { background-color: #005E81 !important; }
[style*="border-color: #00457B"], [style*="border-color:#00457B"] { border-color: #005E81 !important; }
[style*="color: #00457D"], [style*="color:#00457D"] { color: #005E81 !important; }
[style*="background-color: #00457D"], [style*="background-color:#00457D"] { background-color: #005E81 !important; }
[style*="background: #00457D"], [style*="background:#00457D"] { background-color: #005E81 !important; }
[style*="border-color: #00457D"], [style*="border-color:#00457D"] { border-color: #005E81 !important; }
[style*="color: #00457d"], [style*="color:#00457d"] { color: #005E81 !important; }
[style*="background-color: #00457d"], [style*="background-color:#00457d"] { background-color: #005E81 !important; }
[style*="background: #00457d"], [style*="background:#00457d"] { background-color: #005E81 !important; }
[style*="border-color: #00457d"], [style*="border-color:#00457d"] { border-color: #005E81 !important; }
[style*="color: #00926E"], [style*="color:#00926E"] { color: #008A7E !important; }
[style*="background-color: #00926E"], [style*="background-color:#00926E"] { background-color: #008A7E !important; }
[style*="background: #00926E"], [style*="background:#00926E"] { background-color: #008A7E !important; }
[style*="border-color: #00926E"], [style*="border-color:#00926E"] { border-color: #008A7E !important; }
[style*="color: #00926e"], [style*="color:#00926e"] { color: #008A7E !important; }
[style*="background-color: #00926e"], [style*="background-color:#00926e"] { background-color: #008A7E !important; }
[style*="background: #00926e"], [style*="background:#00926e"] { background-color: #008A7E !important; }
[style*="border-color: #00926e"], [style*="border-color:#00926e"] { border-color: #008A7E !important; }
[style*="color: #009270"], [style*="color:#009270"] { color: #008A7E !important; }
[style*="background-color: #009270"], [style*="background-color:#009270"] { background-color: #008A7E !important; }
[style*="background: #009270"], [style*="background:#009270"] { background-color: #008A7E !important; }
[style*="border-color: #009270"], [style*="border-color:#009270"] { border-color: #008A7E !important; }

/* Auto-mirrored legacy CSS rules → brand colors */
.ui-widget.ui-widget-content { border-color: #D0F5FF !important; }
html .ui-button.ui-state-disabled:active { border-color: #D0F5FF !important; }
.ui-button:focus { border-color: #D0F5FF !important; }
.ui-button.ui-state-active:hover { border-color: #D0F5FF !important; }
.ui-button.ui-state-active:hover { color: #F09D01 !important; }
.ui-state-active .ui-icon-background { border-color: #D0F5FF !important; }
.ui-state-active .ui-icon-background { background-color: #F09D01 !important; }
.ui-state-active a:visited { color: #F09D01 !important; }
h1 { color: #005E81 !important; }
header nav.primary > ul > li > a { color: #005E81 !important; }
header nav.primary > ul > li > a:hover { color: #008A7E !important; }
header nav.primary > ul > li.selected > a { color: #008A7E !important; }
nav.primary > ul > li:hover > a { color: #008A7E !important; }
nav.primary ul .nav-wrap { background-color: #008A7E !important; }
nav.secondary { background-color: #005E81 !important; }
#siteSearchTxt { outline-color: #008A7E !important; }
#siteSearchTxt { color: #005E81 !important; }
#siteSearchBtn:hover { color: #005E81 !important; }
.srch-filter a.srch-exe.on { color: #008A7E !important; }
#ctaCustom > span > li:hover > a { background-color: #008A7E !important; }
#ctaCustom > span > li > a:hover { background-color: #008A7E !important; }
#ctaCustom ul.drop-down { background-color: #008A7E !important; }
footer .inner a:hover { color: #008A7E !important; }
footer h2,footer .inner h2 a { color: #008A7E !important; }
footer .inner h2 a:hover { color: #005E81 !important; }
footer ul.sitemap em.fa-angle-right { color: #008A7E !important; }
footer ul.social a { background-color: #008A7E !important; }
footer ul.social a:hover { background-color: #005E81 !important; }
#homeSlides > li,#serviceSlides > li { background-color: #D0F5FF !important; }
.rslides li.dark { color: #005E81 !important; }
.rslides li.dark a { color: #005E81 !important; }
.rslides li.dark .slide-txt ul li a:hover { color: #008A7E !important; }
.info-wrap .slide-txt a.btn { background-color: #005E81 !important; }
.info-wrap .slide-txt a.btn:hover,.info-wrap .slide-txt .slideBtn a:hover { background-color: #008A7E !important; }
.rslides_tabs .rslides_here a { background-color: #005E81 !important; }
ul.child-sibling li a { color: #005E81 !important; }
ul.child-sibling li:hover,ul.child-sibling li a:hover { color: #008A7E !important; }
ul.ico a { color: #005E81 !important; }
ul.ico a:hover { color: #008A7E !important; }
ul.ico img { background-color: #008A7E !important; }
ul.ico img.on,ul.ico img:hover { background-color: #005E81 !important; }
.highlights h2 a { color: #005E81 !important; }
.highlights h2 a:hover { color: #008A7E !important; }
.highlights .learn-more a { color: #008A7E !important; }
.highlights .learn-more a:hover { color: #005E81 !important; }
.highlights .rslides_tabs a { background-color: #008A7E !important; }
.highlights .rslides_tabs .rslides_here a { background-color: #005E81 !important; }
.hw ul li.item1 a { background-color: #005E81 !important; }
.hw ul li.item2 a { background-color: #008A7E !important; }
.date-feed h2 a { color: #005E81 !important; }
.date-feed h2 a:hover { color: #008A7E !important; }
.date-feed ul .read-more a,.date-feed .view-all a { color: #008A7E !important; }
.date-feed ul .read-more a:hover,.date-feed .view-all a:hover { color: #005E81 !important; }
.date-feed ul li .date-row { background-color: #008A7E !important; }
.date-feed ul li .date-row .icon { background-color: #005E81 !important; }
.related .related-physician .name a { color: #005E81 !important; }
.related .related-physician .specialty { color: #005E81 !important; }
.related .related-physician .checkin { background-color: #008A7E !important; }
.page-content h2 { color: #005E81 !important; }
.page-content h3 { color: #008A7E !important; }
.page-content a { color: #008A7E !important; }
.page-content a:hover { color: #005E81 !important; }
.current-page a { color: #008A7E !important; }
.related-location a { color: #005E81 !important; }
.related-location a:hover { color: #008A7E !important; }
.event-box { background-color: #D0F5FF !important; }
.event-box h3,.event-box a { color: #005E81 !important; }
a.btn { background-color: #005E81 !important; }
a.btn:hover { background-color: #008A7E !important; }
a.btn-website { background-color: #008A7E !important; }
a.btn-website:hover { background-color: #005E81 !important; }
.info-wrap .breadcrumb a:hover { color: #008A7E !important; }
.rslides li.light .breadcrumb a:hover { color: #008A7E !important; }
.page-content .final-row { background-color: #005E81 !important; }
.page-content .final-row a:hover { color: #D0F5FF !important; }
.breadcrumb { color: #005E81 !important; }
.breadcrumb a { color: #005E81 !important; }
.breadcrumb a:hover { color: #008A7E !important; }
.cpsty_Navigation a { color: #005E81 !important; }
.cpsty_Navigation a:hover { color: #008A7E !important; }
.cpsty_Navigation.cpsty_NavigationSelected a { color: #008A7E !important; }
.cpsty_Navigation.cpsty_SubNavigation1.cpsty_NavigationSelected img { background-color: #008A7E !important; }
ul.promo h2 { color: #005E81 !important; }
ul.promo a { color: #008A7E !important; }
ul.promo a:hover { color: #005E81 !important; }
a.return,.page-content a.return { color: #005E81 !important; }
a.return:hover,.page-content a.return:hover { color: #008A7E !important; }
ul.tabs li a.selected img { background-color: #005E81 !important; }
ul.tabs li img { background-color: #008A7E !important; }
.tab-content a { color: #008A7E !important; }
.tab-content a:hover { color: #005E81 !important; }
.tab-content ul.info li a:hover { color: #008A7E !important; }
.tab-content ul.info img { background-color: #005E81 !important; }
.tab-content ul.info h3 { color: #005E81 !important; }
.tab-content ul.rel-items li a { color: #005E81 !important; }
.tab-content ul.rel-items li a:hover { color: #005E81 !important; }
.tab-content ul.rel-items li p { color: #008A7E !important; }
.tab-content ul.rel-items li.view-all a { color: #008A7E !important; }
.tab-content ul.rel-items li.view-all a:hover { color: #005E81 !important; }
.module-search { background-color: #D0F5FF !important; }
.module-search h2 { color: #005E81 !important; }
.module-search h3 { color: #005E81 !important; }
.module-search > input[type="submit"] { background-color: #005E81 !important; }
.module-search > input[type="submit"]:hover { background-color: #008A7E !important; }
.module-search a { color: #008A7E !important; }
.module-search a:hover { color: #005E81 !important; }
.search-term { color: #008A7E !important; }
ul.results h2 a { color: #005E81 !important; }
ul.results h2 a:hover { color: #008A7E !important; }
ul.results .title-date .date { color: #008A7E !important; }
ul.results em.tax,ul.results em.mod-name { color: #008A7E !important; }
.pag-header a,.pag-footer a { border-color: #008A7E !important; }
.pag-header a,.pag-footer a { color: #008A7E !important; }
.pag-header a:hover,.pag-footer a:hover { background-color: #008A7E !important; }
a.cpsty_PagerCurrentPage,a.cpsty_PagerCurrentPage:hover { background-color: #005E81 !important; }
a.cpsty_PagerCurrentPage,a.cpsty_PagerCurrentPage:hover { border-color: #005E81 !important; }
.physician-block .checkmark span.checkmarkText { color: #005E81 !important; }
.related .related-physician .checkmark span.checkmarkText { color: #005E81 !important; }
#review-btn { background-color: #005E81 !important; }
#review-btn:hover { background-color: #008A7E !important; }
.phys .missing img { background-color: #008A7E !important; }
.mod-details.phys .appt { border-color: #005E81 !important; }
.mod-details.phys .appt { background-color: #D0F5FF !important; }
.mod-details.phys ul.col-2 li.loc ul .fa.fa-map-marker { color: #005E81 !important; }
.calendar ul.filter label { color: #008A7E !important; }
.cpsty_CalendarTitleBar { background-color: #005E81 !important; }
.cpsty_CalendarTitleBar .cpsty_Calendar_Next a:hover { color: #D0F5FF !important; }
.cpsty_CalendarDayHeader { background-color: #008A7E !important; }
.cpsty_CalendarTodaysDayCell { background-color: #D0F5FF !important; }
.cpsty_CalendarEventTitleDiv a { color: #005E81 !important; }
.srch-filter h2 { color: #005E81 !important; }
.srch-filter a { color: #005E81 !important; }
.srch-filter a:hover { color: #008A7E !important; }
.form-container .ff-container input[type="text"],.form-container .ff-container input[type="password"],.form-container .ff-container textarea,.form-container select { outline-color: #008A7E !important; }
.form-container input[type="submit"],.form-container input[type="button"] { background-color: #005E81 !important; }
.form-container input[type="submit"]:hover,.form-container input[type="button"]:hover { background-color: #008A7E !important; }
#siteLocations a { color: #008A7E !important; }
#siteLocations a:hover { color: #005E81 !important; }
#siteLocations ul.loc-menu li[data-index] em.fa-angle-right { color: #008A7E !important; }
#siteLocations > ul.loc-menu li[data-index].on,#siteLocations > ul.loc-menu li[data-index].on:hover { background-color: #005E81 !important; }
#siteLocations ul.loc-menu li[data-index]:hover { background-color: #008A7E !important; }
#siteLocations ul.loc-menu li[data-content] { border-color: #005E81 !important; }
#siteLocations h2 { color: #005E81 !important; }
#siteLocations .er span { color: #005E81 !important; }
#siteLocations > li .checkmark span.checkmarkText { color: #005E81 !important; }
#siteLocations > li .checkmarkMobile span.checkmarkText { color: #005E81 !important; }
#siteLocations em.alpha { background-color: #005E81 !important; }
ul.loc-info h2 { color: #005E81 !important; }
ul.loc-info .er span { color: #005E81 !important; }
ul.loc-info a { color: #008A7E !important; }
ul.loc-info a:hover { color: #005E81 !important; }
.locs-servs h4 { color: #008A7E !important; }
.locs-servs h3:hover,.locs-servs h3.on,.locs-servs h4:hover,.locs-servs h4.on { color: #005E81 !important; }
.locs-servs h3.on:hover,.locs-servs h4.on:hover { color: #008A7E !important; }
li.slicknav_txtnode { color: #005E81 !important; }
.slicknav_nav li.phone a { color: #005E81 !important; }
.top-ribbon.mo { background-color: #005E81 !important; }
ul.er-wait img { background-color: #005E81 !important; }
ul.er-wait h3 { color: #005E81 !important; }
ul.er-wait li a { color: #008A7E !important; }
.slicknav_nav ul { background-color: #008A7E !important; }
li.slicknav_txtnode { background-color: #008A7E !important; }
.slicknav_nav ul li a:hover { color: #008A7E !important; }
.info-wrap .slide-txt,.rslides li.right .slide-txt { color: #005E81 !important; }
.rslides li.light a,.page-content ul.full li.light h2 { color: #005E81 !important; }
.page-content ul.full li.light a { color: #008A7E !important; }
.page-content ul.full li.light a:hover { color: #005E81 !important; }
select.mobile-menu { background-color: #008A7E !important; }
/* Headings + brand-prominent text. Note: this is the DEFAULT — the
   descendant rules emitted further down will override this color
   inside known dark/light sections so text contrast stays readable. */
a, .navbar a, .menu_container a,
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6,
.brand, .logo a, .site-title {
  color: var(--brand-primary);
}

/* Primary buttons */
.btn-primary, .button-primary, button.primary,
.vc_btn-primary, .vc_btn3-color-primary,
.bg-primary, .background-primary {
  background-color: var(--brand-primary) !important;
  color: #fff !important;
  border-color: var(--brand-primary) !important;
}
.btn-primary:hover, .button-primary:hover, .vc_btn-primary:hover {
  background-color: var(--brand-secondary) !important;
  border-color: var(--brand-secondary) !important;
}

/* Secondary buttons */
.btn-secondary, .button-secondary, button.secondary,
.vc_btn-secondary, .bg-secondary {
  background-color: var(--brand-secondary) !important;
  color: #fff !important;
  border-color: var(--brand-secondary) !important;
}

/* Accent emphasis */
.accent, .bg-accent { background-color: var(--brand-accent) !important; color: #fff !important; }

/* CTA — call-to-action emphasis */
.cta, .btn-cta, .button-cta, .call-to-action, .vc_btn3-color-warning, [class*="action"][class*="btn"] {
  background-color: var(--brand-cta) !important;
  color: #fff !important;
}

/* DARK sections (originally dark bg + white text in legacy theme).
   Map to brand-primary so the white text inside stays readable. */
.skincolored_section,
.skincolored_section.transparent { background-color: var(--brand-primary) !important; color: #fff !important; }
.skincolored_section a, .skincolored_section a:link, .skincolored_section a:visited { color: #fff !important; }

/* Legacy "secondary" section (originally dark green + white text).
   Map to brand-secondary so white text stays readable. */
.secondary_section { background-color: var(--brand-secondary) !important; color: #fff !important; }
.secondary_section a, .secondary_section a:link, .secondary_section a:visited { color: #fff !important; }

/* LIGHT sections (originally light bg + dark text). Map to brand-bg-light;
   keep dark text from legacy. Don't force a text color so legacy
   dark-on-light stays intact. */
.bg-light, .background-light, .body-bg_section {
  background-color: var(--brand-bg-light) !important;
}
/* .light_section already legitimately light + dark in legacy — leave alone */

/* Body-text-class opt-ins */
.body-text, .secondary-text, .muted, p.muted, .text-muted, .footer-meta {
  color: var(--brand-text) !important;
}

/* Footer — semantic footer element + explicit footer container classes
   ONLY. Do NOT include legacy section classes (e.g. .secondary_section)
   here, because those classes appear inside the page body too and
   forcing dark-base would break content sections. */
footer, .footer, .site-footer, .site-footer-wrap, .footer-inner, .dark-section, .bg-dark {
  background-color: var(--brand-dark) !important;
  color: #fff !important;
}
footer a, .footer a, .site-footer a, .site-footer-wrap a {
  color: var(--brand-bg-light) !important;
}

/* Section descendant text-color contracts (auto-emitted) */
.skincolored_section { color: #ffffff; }
.skincolored_section p, .skincolored_section li, .skincolored_section td, .skincolored_section th, .skincolored_section span, .skincolored_section div, .skincolored_section h1, .skincolored_section h2, .skincolored_section h3, .skincolored_section h4, .skincolored_section h5, .skincolored_section h6 { color: #ffffff !important; }
.skincolored_section a, .skincolored_section a:link, .skincolored_section a:visited { color: #D0F5FF !important; }
.secondary_section { color: #ffffff; }
.secondary_section p, .secondary_section li, .secondary_section td, .secondary_section th, .secondary_section span, .secondary_section div, .secondary_section h1, .secondary_section h2, .secondary_section h3, .secondary_section h4, .secondary_section h5, .secondary_section h6 { color: #ffffff !important; }
.secondary_section a, .secondary_section a:link, .secondary_section a:visited { color: #D0F5FF !important; }
.dark-section { color: #ffffff; }
.dark-section p, .dark-section li, .dark-section td, .dark-section th, .dark-section span, .dark-section div, .dark-section h1, .dark-section h2, .dark-section h3, .dark-section h4, .dark-section h5, .dark-section h6 { color: #ffffff !important; }
.dark-section a, .dark-section a:link, .dark-section a:visited { color: #D0F5FF !important; }
.bg-dark { color: #ffffff; }
.bg-dark p, .bg-dark li, .bg-dark td, .bg-dark th, .bg-dark span, .bg-dark div, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6 { color: #ffffff !important; }
.bg-dark a, .bg-dark a:link, .bg-dark a:visited { color: #D0F5FF !important; }
.site-footer { color: #ffffff; }
.site-footer p, .site-footer li, .site-footer td, .site-footer th, .site-footer span, .site-footer div, .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 { color: #ffffff !important; }
.site-footer a, .site-footer a:link, .site-footer a:visited { color: #D0F5FF !important; }
.site-footer-wrap { color: #ffffff; }
.site-footer-wrap p, .site-footer-wrap li, .site-footer-wrap td, .site-footer-wrap th, .site-footer-wrap span, .site-footer-wrap div, .site-footer-wrap h1, .site-footer-wrap h2, .site-footer-wrap h3, .site-footer-wrap h4, .site-footer-wrap h5, .site-footer-wrap h6 { color: #ffffff !important; }
.site-footer-wrap a, .site-footer-wrap a:link, .site-footer-wrap a:visited { color: #D0F5FF !important; }
.footer-inner { color: #ffffff; }
.footer-inner p, .footer-inner li, .footer-inner td, .footer-inner th, .footer-inner span, .footer-inner div, .footer-inner h1, .footer-inner h2, .footer-inner h3, .footer-inner h4, .footer-inner h5, .footer-inner h6 { color: #ffffff !important; }
.footer-inner a, .footer-inner a:link, .footer-inner a:visited { color: #D0F5FF !important; }
.info-wrap { color: #ffffff; }
.info-wrap p, .info-wrap li, .info-wrap td, .info-wrap th, .info-wrap span, .info-wrap div, .info-wrap h1, .info-wrap h2, .info-wrap h3, .info-wrap h4, .info-wrap h5, .info-wrap h6 { color: #ffffff !important; }
.info-wrap a, .info-wrap a:link, .info-wrap a:visited { color: #D0F5FF !important; }
.rslides_tabs { color: #ffffff; }
.rslides_tabs p, .rslides_tabs li, .rslides_tabs td, .rslides_tabs th, .rslides_tabs span, .rslides_tabs div, .rslides_tabs h1, .rslides_tabs h2, .rslides_tabs h3, .rslides_tabs h4, .rslides_tabs h5, .rslides_tabs h6 { color: #ffffff !important; }
.rslides_tabs a, .rslides_tabs a:link, .rslides_tabs a:visited { color: #D0F5FF !important; }
.tabs { color: #ffffff; }
.tabs p, .tabs li, .tabs td, .tabs th, .tabs span, .tabs div, .tabs h1, .tabs h2, .tabs h3, .tabs h4, .tabs h5, .tabs h6 { color: #ffffff !important; }
.tabs a, .tabs a:link, .tabs a:visited { color: #D0F5FF !important; }
.body-bg_section { color: #4D6881; }
.body-bg_section p, .body-bg_section li, .body-bg_section td, .body-bg_section th, .body-bg_section span, .body-bg_section div, .body-bg_section h1, .body-bg_section h2, .body-bg_section h3, .body-bg_section h4, .body-bg_section h5, .body-bg_section h6 { color: #4D6881 !important; }
.body-bg_section a, .body-bg_section a:link, .body-bg_section a:visited { color: #005E81 !important; }
.light_section { color: #4D6881; }
.light_section p, .light_section li, .light_section td, .light_section th, .light_section span, .light_section div, .light_section h1, .light_section h2, .light_section h3, .light_section h4, .light_section h5, .light_section h6 { color: #4D6881 !important; }
.light_section a, .light_section a:link, .light_section a:visited { color: #005E81 !important; }
.bg-light { color: #4D6881; }
.bg-light p, .bg-light li, .bg-light td, .bg-light th, .bg-light span, .bg-light div, .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light h6 { color: #4D6881 !important; }
.bg-light a, .bg-light a:link, .bg-light a:visited { color: #005E81 !important; }
.background-light { color: #4D6881; }
.background-light p, .background-light li, .background-light td, .background-light th, .background-light span, .background-light div, .background-light h1, .background-light h2, .background-light h3, .background-light h4, .background-light h5, .background-light h6 { color: #4D6881 !important; }
.background-light a, .background-light a:link, .background-light a:visited { color: #005E81 !important; }
.homeSlides { color: #4D6881; }
.homeSlides p, .homeSlides li, .homeSlides td, .homeSlides th, .homeSlides span, .homeSlides div, .homeSlides h1, .homeSlides h2, .homeSlides h3, .homeSlides h4, .homeSlides h5, .homeSlides h6 { color: #4D6881 !important; }
.homeSlides a, .homeSlides a:link, .homeSlides a:visited { color: #005E81 !important; }
.event-box { color: #4D6881; }
.event-box p, .event-box li, .event-box td, .event-box th, .event-box span, .event-box div, .event-box h1, .event-box h2, .event-box h3, .event-box h4, .event-box h5, .event-box h6 { color: #4D6881 !important; }
.event-box a, .event-box a:link, .event-box a:visited { color: #005E81 !important; }
.appt { color: #4D6881; }
.appt p, .appt li, .appt td, .appt th, .appt span, .appt div, .appt h1, .appt h2, .appt h3, .appt h4, .appt h5, .appt h6 { color: #4D6881 !important; }
.appt a, .appt a:link, .appt a:visited { color: #005E81 !important; }
.cpsty_CalendarTodaysDayCell { color: #4D6881; }
.cpsty_CalendarTodaysDayCell p, .cpsty_CalendarTodaysDayCell li, .cpsty_CalendarTodaysDayCell td, .cpsty_CalendarTodaysDayCell th, .cpsty_CalendarTodaysDayCell span, .cpsty_CalendarTodaysDayCell div, .cpsty_CalendarTodaysDayCell h1, .cpsty_CalendarTodaysDayCell h2, .cpsty_CalendarTodaysDayCell h3, .cpsty_CalendarTodaysDayCell h4, .cpsty_CalendarTodaysDayCell h5, .cpsty_CalendarTodaysDayCell h6 { color: #4D6881 !important; }
.cpsty_CalendarTodaysDayCell a, .cpsty_CalendarTodaysDayCell a:link, .cpsty_CalendarTodaysDayCell a:visited { color: #005E81 !important; }
/* Typography — Plus Jakarta Sans across body content + headings.
   Buttons + UI elements with tight metric-dependent layouts are
   NOT included so box dimensions stay source-faithful. */
body, p, span, div, li, td, th, label,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
a:not(.btn):not(.vc_btn):not([class*="btn-"]),
.menu_container, .navbar {
  font-family: "Plus Jakarta Sans", sans-serif !important;
}

/* Pin button typography to the legacy font (configurable via
   font.button_legacy_family in brand-config.json). Without this,
   buttons can inherit a different font-family from a parent and
   render taller than source because of font-metric differences. */
.btn, button, .vc_btn, [class*="btn-"], [type="button"], [type="submit"] {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* Icon fonts MUST be preserved on .fa / icon-* elements (do NOT use
   font-family: revert here — that would revert to the inherited
   Raleway from the .btn parent, breaking the glyphs). Force the
   legacy icon-font families explicitly.
   IMPORTANT: scope `[class^="icon-"]` / `[class*=" icon-"]` to
   `i` / `span` ONLY. Bare attribute selectors match the icon-button
   anchor itself (e.g. `<a class="btn-lg btn btn-secondary with-icon
   icon-left">` matches `[class*=" icon-"]`), which forces
   FontAwesome onto the button text and blows up the box height. */
.fa, .fas, .far, .fab, .fal, .fad {
  font-family: 'FontAwesome', 'Font Awesome 5 Pro', 'Font Awesome 5 Free', 'Font Awesome 5 Brands', 'Font Awesome 5 Duotone', 'Font Awesome 6 Pro', 'Font Awesome 6 Free', 'Font Awesome 6 Brands', 'Font Awesome 6 Duotone' !important;
}
i[class^="icon-"], i[class*=" icon-"],
span[class^="icon-"], span[class*=" icon-"] {
  font-family: 'FontAwesome', 'Font Awesome 5 Pro', 'Font Awesome 5 Free', 'Font Awesome 5 Brands', 'Font Awesome 5 Duotone', 'Font Awesome 6 Pro', 'Font Awesome 6 Free', 'Font Awesome 6 Brands', 'Font Awesome 6 Duotone' !important;
}
i[class*="vcpb-"], span[class*="vcpb-"] { font-family: 'vcpb-plugin-icons' !important; }
i[class*="webfont-"], span[class*="webfont-"] { font-family: 'webfont-medical-icons' !important; }

/* Pin font-size + line-height to legacy values. Pin VERTICAL padding
   only — horizontal padding must remain free so legacy icon-button
   rules like `.btn.with-icon.icon-left { padding-left:57px;
   padding-right:24px }` keep working. Using `!important` on the
   shorthand `padding` would override those lateral values. */
.btn-lg, .btn-group-lg > .btn {
  font-size: 15px !important;
  line-height: 1.33 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.btn-xs, .btn-group-xs > .btn {
  font-size: 12px !important;
  line-height: 1.5 !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

/* Hide WordPress autop-injected junk inside icon buttons. wpautop
   wraps button anchors in <p> and inserts <br> after icon glyphs;
   both inflate the button height. Strip them defensively. */
.btn.with-icon br,
.btn.with-icon p:empty,
.plethora_button.btn_block > p {
  display: none !important;
}
.btn.with-icon p,
.plethora_button.btn_block > p {
  margin: 0 !important;
  padding: 0 !important;
}

/* Weights only on the elements we re-fonted (don't restyle button
   weights — leave to legacy theme). */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600; }
body, p { font-weight: 400; }

/* Per-site extra_css from brand-config.json */
/* Primary action buttons recolored to brand-cta yellow (#F09D01). Per user
   spec, primary CTAs across the brand are yellow rather than the previous
   primary-blue mapping. Hover stays on brand-secondary teal. Targets the
   legacy class shapes used on nw-physicians (a.btn, a.btn-website, etc.). */
a.btn,
.btn-primary, .button-primary, button.primary,
.vc_btn-primary, .vc_btn3-color-primary,
.bg-primary, .background-primary,
.form-container input[type="submit"],
.form-container input[type="button"],
#review-btn,
ul.tabs li a.selected img,
.module-search > input[type="submit"] {
  background-color: #F09D01 !important;
  border-color: #F09D01 !important;
  color: #ffffff !important;
}
a.btn:hover, .btn-primary:hover, .button-primary:hover, .vc_btn-primary:hover,
.form-container input[type="submit"]:hover,
.form-container input[type="button"]:hover,
#review-btn:hover {
  background-color: #008A7E !important;
  border-color: #008A7E !important;
}

/* Footer social icons (Facebook, Instagram, LinkedIn): swap to brand-cta
   yellow background, restore background-position:center on the SVG icons so
   they're horizontally centered in their circles, and tighten the size to
   avoid the icon drifting. The auto-mirror mapped the legacy green
   (#00926f → secondary teal); this overrides to yellow per brand spec. */
footer ul.social a,
footer ul.social a:link,
footer ul.social a:visited {
  background-color: #F09D01 !important;
}
footer ul.social a:hover {
  background-color: #008A7E !important;
}
footer ul.social em.fa {
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
footer ul.social .fa-facebook { background-position: 50% 50% !important; background-size: 60% !important; }
footer ul.social .fa-instagram { background-position: 50% 50% !important; background-size: 55% !important; }
footer ul.social .fa-linkedin  { background-position: 50% 50% !important; background-size: 50% !important; }

/* Brand-accent purple (#691F6B) used as a 'feature highlight / contrast
   block' per brand spec. nw-physicians has no analogous section class to
   nwhp's .secondary_section, so introduce purple on a few visually distinct
   elements: the calendar title bar (a recurring feature-highlight bar across
   provider/locations pages), the event-box left stripe (the visual accent on
   newsroom event cards), and the related-physician 'checkin' call-out
   button. Stays in the spirit of 'visual contrast blocks' without changing
   layout. */
.cpsty_CalendarTitleBar {
  background-color: #691F6B !important;
  color: #ffffff !important;
}
.event-box {
  border-left: 10px solid #691F6B !important;
}
.related .related-physician .checkin {
  background-color: #691F6B !important;
  color: #ffffff !important;
  border-color: #691F6B !important;
}
.related .related-physician .checkin:hover {
  background-color: #008A7E !important;
}

/* WCAG contrast fix: white text on yellow #F09D01 = ratio 2.20 (fails AA 4.5).
   Switch to dark navy text — ratio ~9.4, easily passes. Targets all the
   primary-CTA selectors paired with brand-cta yellow above. */
a.btn,
.btn-primary, .button-primary, button.primary,
.vc_btn-primary, .vc_btn3-color-primary,
.bg-primary, .background-primary,
.form-container input[type="submit"],
.form-container input[type="button"],
#review-btn,
.module-search > input[type="submit"] {
  color: #00294B !important;
}
a.btn:hover, .btn-primary:hover, .button-primary:hover, .vc_btn-primary:hover,
.form-container input[type="submit"]:hover,
.form-container input[type="button"]:hover,
#review-btn:hover {
  color: #ffffff !important;
}

/* Homepage carousel #homeSlides: legacy `.rslides li.light` slides expect white
   text on a darker photo half. My brand-override forced them to text-secondary
   blue-gray which is unreadable over photo backgrounds. Restore white on the
   `light` slide variant; the `dark` variant's text stays primary blue. */
#homeSlides .rslides li.light,
#homeSlides .rslides li.light p,
#homeSlides .rslides li.light h2,
#homeSlides .rslides li.light a,
.rslides li.light, .rslides li.light p, .rslides li.light h2, .rslides li.light a {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.45);
}

/* /family-medicine-care doctor cards: 'Schedule Online' button was overlapping
   the checkmark + 'Telehealth Available / Call for Details' text because the
   legacy CSS positions .specialty absolutely at the bottom of the card, leaving
   .checkin to flow over it when content above is tall. Force .specialty into
   the normal flow, give the checkmark/checkin clear separation, and bump
   the card's min-height so everything fits without collision. */
.related .related-physician {
  min-height: 540px !important;
  padding-bottom: 24px !important;
}
.related .related-physician .specialty {
  position: static !important;
  bottom: auto !important;
  right: auto !important;
  left: auto !important;
  margin-top: 12px;
  margin-bottom: 12px;
}
.related .related-physician .checkmark {
  display: block !important;
  clear: both;
  margin: 18px auto 12px !important;
  overflow: hidden;
}
.related .related-physician .checkin {
  position: static !important;
  bottom: auto !important;
  margin-top: 14px !important;
  margin-bottom: 0 !important;
  clear: both;
  display: block;
}

/* Doctor card flex: pin Schedule Online to the bottom of every card so all
   four+ cards in a row align at the same bottom edge regardless of their
   text content height. Source layout pins .specialty at bottom; we stack
   the inner stack via flex and let .checkin be the bottom anchor. */
.related .related-physician {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch;
}
.related .related-physician > .image,
.related .related-physician > .name,
.related .related-physician > .details,
.related .related-physician > .checkmark {
  flex: 0 0 auto;
}
.related .related-physician > .checkin {
  margin-top: auto !important;
  margin-bottom: 14px !important;
  align-self: center;
  width: auto;
  min-width: 180px;
}

/* Schedule Online button text: ensure it stays white on the purple bg. The
   universal-anchor heading rule + auto-mirrored selectors can otherwise win
   and recolor the link. Use higher specificity to lock it in. */
body .related .related-physician .checkin,
body .related .related-physician .checkin a,
body .related .related-physician .checkin a:link,
body .related .related-physician .checkin a:visited {
  color: #ffffff !important;
}
body .related .related-physician .checkin a:hover {
  color: #ffffff !important;
}

/* Carousel buttons on the homepage (`.info-wrap .slide-txt a.btn`) — the
   auto-mirror set their bg to brand-primary (specificity 0,2,2) which beat
   my generic `a.btn` yellow rule, leaving navy-on-blue (low contrast).
   Force them yellow with navy text using matching/higher specificity. Same
   for `.btn.bio` (the bio variant on slider cards). */
body .info-wrap .slide-txt a.btn,
body .info-wrap .slide-txt a.btn.bio,
body .info-wrap a.btn,
body .info-wrap a.btn.bio {
  background-color: #F09D01 !important;
  color: #00294B !important;
  border-color: #F09D01 !important;
}
body .info-wrap .slide-txt a.btn:hover,
body .info-wrap a.btn:hover {
  background-color: #008A7E !important;
  color: #ffffff !important;
}

/* Carousel slide text readability — slides have variable photo backgrounds
   that can clash with the configured text color. Add a contrasting
   text-shadow on every text element inside the slide so the text stays
   readable regardless of what's behind it. Dark slides keep navy text +
   white shadow; light slides keep white text + dark shadow. */
body .rslides li.dark .slide-txt,
body .rslides li.dark .slide-txt h1,
body .rslides li.dark .slide-txt h2,
body .rslides li.dark .slide-txt h3,
body .rslides li.dark .slide-txt p,
body .rslides li.dark .slide-txt span,
body .info-wrap .slide-txt,
body .info-wrap .slide-txt h1,
body .info-wrap .slide-txt h2,
body .info-wrap .slide-txt h3,
body .info-wrap .slide-txt p {
  color: #00294B !important;
  text-shadow: 0 1px 3px rgba(255,255,255,0.7) !important;
}
body .rslides li.light .slide-txt,
body .rslides li.light .slide-txt h1,
body .rslides li.light .slide-txt h2,
body .rslides li.light .slide-txt h3,
body .rslides li.light .slide-txt p,
body .rslides li.light .slide-txt span {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6) !important;
}

/* Pin carousel button sizing to source-faithful legacy values (the auto-
   mirror + universal rules can otherwise let it grow). Source default per
   plethora style.min.css is `.info-wrap .slide-txt a.btn { padding: 10px;
   font-size: 165%; min-width: 225px }` — but that 165% reads visibly large
   in the migrated render, so we tighten to the smaller responsive variant
   (font-weight 400, padding 5px 15px 6px, min-width 100px). Same for .bio
   variant. */
body .info-wrap .slide-txt a.btn,
body .info-wrap a.btn {
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 6px 18px !important;
  min-width: 120px !important;
  margin-top: 22px !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  line-height: 1.4 !important;
  display: inline-block !important;
}

/* `.btn.bio` variant (Featured Provider slides) — source HTML places an
   `<img>` location-logo immediately after the anchor, so the button needs
   to render on its own line with the logo below it. Source style at
   home.html L517-521 sets: display:block; max-width:200px; margin:20px 0.
   Match that exactly (overriding the generic .btn inline-block above). */
body .info-wrap .slide-txt a.btn.bio,
body .info-wrap a.btn.bio {
  display: block !important;
  max-width: 200px !important;
  min-width: 0 !important;
  margin: 20px 0 !important;
  padding: 6px 18px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

/* Slide alignment per source intent: `.left` slides are left-aligned, `.right`
   slides are right-aligned. Legacy stylesheet has both source-of-truth rules
   (`.rslides li.right .slide-txt { text-align: right }`,
   `.rslides li.right a.btn { float: right }`,
   `.rslides li.right .slide-txt ul { clear: right; float: right }`) but a
   later cascade rule resets both to center; pin source intent here so the
   Free Joint Pain Assessment slide (and any other .right slide) renders
   right-aligned with the button and link list flush right. */
body .rslides li.left .slide-txt {
  text-align: left !important;
}
body .rslides li.right .slide-txt,
body .rslides li.right .slide-txt h1,
body .rslides li.right .slide-txt h2,
body .rslides li.right .slide-txt h3,
body .rslides li.right .slide-txt p {
  text-align: right !important;
}
body .rslides li.right .slide-txt a.btn {
  float: right !important;
  clear: right !important;
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
body .rslides li.right .slide-txt ul {
  clear: right !important;
  float: right !important;
  text-align: right !important;
  list-style: none !important;
  padding-left: 0 !important;
  margin: 16px 0 0 !important;
}
body .rslides li.right .slide-txt ul li {
  text-align: right !important;
  margin: 0 0 8px !important;
  padding: 0 0 0 16px !important;
  float: none !important;
  display: block !important;
  border-right: none !important;
}

/* Spacing inside `.slide-txt` per source legacy rules:
   `.info-wrap .slide-txt h2 { margin: 0 0 30px }`,
   `.info-wrap .slide-txt p { margin: 0 0 20px }`. The h2 currently sits too
   close to the paragraph and the paragraph too close to the CTA button;
   restore source spacing so all three lines have a comfortable rhythm.
   Applies to every slide, not just `.right`. */
body .info-wrap .slide-txt h2 {
  margin: 0 0 24px !important;
}
body .info-wrap .slide-txt p {
  margin: 0 0 18px !important;
  padding: 0 !important;
}
body .info-wrap .slide-txt p.intro {
  margin: 0 0 18px !important;
}

/* Bio slide trailing logo (Featured Provider slides) — guarantee a consistent
   gap from the bio button above. Source HTML places `style="margin-top:25px"`
   inline; pin a matching minimum here so any later auto-mirrored rule can't
   collapse the gap. Also pin a small bottom gap so on tight viewports the
   logo doesn't sit flush with the slide bottom. */
body .info-wrap .slide-txt img[src*="/PPS/Logos/"] {
  margin-top: 22px !important;
  margin-bottom: 8px !important;
  display: inline-block !important;
}

/* Bio button itself — restore the source-faithful 20px top/bottom margin so
   the gap from p.intro above and the trailing logo below feels balanced.
   Source: `.info-wrap .slide-txt a.bio { margin: 20px 0 !important }`. */
body .info-wrap .slide-txt a.btn.bio,
body .info-wrap a.btn.bio {
  margin-top: 22px !important;
  margin-bottom: 14px !important;
}

/* FHS rebrand: masthead logo asset swapped to FHS-Logo.svg. Pin masthead
   sizing to legacy source values (`max-width:285px; max-height:80px`) so the
   navbar matches source dimensions, regardless of the new SVG's intrinsic
   ratio. For the carousel trailing logos, do NOT override width here — the
   source places `style="width:260px;margin-top:25px"` inline on each <img>,
   which is source-faithful and makes every slide render identically. */
header .logo img,
.logo img {
  max-width: 285px !important;
  max-height: 80px !important;
  width: auto !important;
  height: auto !important;
}

/* Carousel slide height — pin every slide to a fixed 500px (matches source
   inline rule `.rslides { min-height: 500px }` + `.info-wrap { height: 500px }`).
   Source relies on `position: absolute` + min-height to keep the container
   stable across slides; we add explicit `height: 500px` on the LI itself
   plus `overflow: hidden` so any taller content (e.g. the FHS-Logo's
   different aspect ratio in the trailing slide logo) is clipped instead of
   pushing the slide taller. Same for `.rslides` and `.slide-wrap`. */
body #homeSlides,
body ul.rslides,
body .slide-wrap > ul.rslides {
  position: relative !important;
  height: 500px !important;
  min-height: 500px !important;
  max-height: 500px !important;
  overflow: hidden !important;
}
body #homeSlides > li,
body ul.rslides > li {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 500px !important;
  min-height: 500px !important;
  max-height: 500px !important;
  overflow: hidden !important;
}
body #homeSlides .info-wrap,
body ul.rslides .info-wrap {
  height: 500px !important;
  min-height: 500px !important;
  max-height: 500px !important;
  overflow: hidden !important;
}

/* /doctors-providers page action buttons — lock to brand-secondary teal
   (#008A7E) per spec. Legacy inline rules pin these to navy (#00457c) /
   green (#00926f) and even after auto-mirror they end up in different
   colors per button. Force the full set to teal: top SEARCH button, the
   `.physician-block .schedulizer` Schedule Online button on each card, the
   PDF download link, and the related-physician card schedule link. White
   text for AAA contrast; hover darkens to brand-primary navy-blue. */
body button#fakeSearch,
body #fakeSearch,
body .physician-block .schedulizer,
body .physician-block .schedulizer a,
body .physician-block .schedulizer a:link,
body .physician-block .schedulizer a:visited {
  background-color: #008A7E !important;
  border-color: #008A7E !important;
  color: #ffffff !important;
}
body button#fakeSearch:hover,
body #fakeSearch:hover,
body .physician-block .schedulizer:hover,
body .physician-block .schedulizer a:hover {
  background-color: #005E81 !important;
  border-color: #005E81 !important;
  color: #ffffff !important;
}
body #PdfLink,
body #PdfLink:link,
body #PdfLink:visited {
  color: #008A7E !important;
  font-weight: bold !important;
}
body #PdfLink:hover {
  color: #005E81 !important;
}