/**
 * Ohio CAPS — WCAG 2.1 AA color contrast (Live / Production).
 *
 * Context: Priority Fix List 1.4.3 cluster (LMS, Training Requirements, ITNA, RTC).
 * Darkens existing Elementor kit / brand-adjacent tokens; does not introduce new hues.
 */

/* Elementor kit-8941 tokens (see post-8941.css on Live / Production). */
body.elementor-kit-8941,
.elementor-kit-8941 {
	--e-global-color-accent: #5c5c5c !important;
	--e-global-color-468fafb: #5f635f !important;
	--e-global-color-3c7aa0b: #007196 !important;
	--e-global-color-f28ac6f: #9a6909 !important;
	--e-global-color-16d7dbd: #2d7578 !important;
}

/* Default link blue on #F0F0F0 body fails 4.5:1; use darker brand navy.
 * Exclude accordion titles — Elementor often paints those white on navy bars;
 * kit link navy on #0E3F75 is ~1.4:1 (OUCCAS). */
.elementor-kit-8941 a:not(.elementor-button):not(.elementor-button-link):not(.ohio-caps-skip-link):not(.elementor-toggle-title):not(.elementor-accordion-title):not(.rtc-button):not(.widget-button) {
	color: #285885;
}

/*
 * Inline text links: distinct underline by default.
 * Hover/focus: drop underline; invert to white on #285885.
 * Only true body copy (text-editor / post-content) — not nav, cards, feeds, or CTAs.
 */
.elementor-kit-8941 .elementor-widget-text-editor a:not(.elementor-button):not(.elementor-button-link):not(.ohio-caps-skip-link):not(.rtc-button),
.elementor-kit-8941 .elementor-widget-theme-post-content a:not(.elementor-button):not(.elementor-button-link):not(.ohio-caps-skip-link):not(.rtc-button),
#main-content .elementor-widget-text-editor a:not(.elementor-button):not(.elementor-button-link):not(.ohio-caps-skip-link):not(.rtc-button),
#main-content .elementor-widget-theme-post-content a:not(.elementor-button):not(.elementor-button-link):not(.ohio-caps-skip-link):not(.rtc-button) {
	color: #285885;
	text-decoration: underline;
	text-underline-offset: 0.15em;
	text-decoration-thickness: from-font;
	transition: color 0.15s ease, background-color 0.15s ease, text-decoration-color 0.15s ease;
}

.elementor-kit-8941 .elementor-widget-text-editor a:not(.elementor-button):not(.elementor-button-link):not(.ohio-caps-skip-link):not(.rtc-button):hover,
.elementor-kit-8941 .elementor-widget-text-editor a:not(.elementor-button):not(.elementor-button-link):not(.ohio-caps-skip-link):not(.rtc-button):focus-visible,
.elementor-kit-8941 .elementor-widget-theme-post-content a:not(.elementor-button):not(.elementor-button-link):not(.ohio-caps-skip-link):not(.rtc-button):hover,
.elementor-kit-8941 .elementor-widget-theme-post-content a:not(.elementor-button):not(.elementor-button-link):not(.ohio-caps-skip-link):not(.rtc-button):focus-visible,
#main-content .elementor-widget-text-editor a:not(.elementor-button):not(.elementor-button-link):not(.ohio-caps-skip-link):not(.rtc-button):hover,
#main-content .elementor-widget-text-editor a:not(.elementor-button):not(.elementor-button-link):not(.ohio-caps-skip-link):not(.rtc-button):focus-visible,
#main-content .elementor-widget-theme-post-content a:not(.elementor-button):not(.elementor-button-link):not(.ohio-caps-skip-link):not(.rtc-button):hover,
#main-content .elementor-widget-theme-post-content a:not(.elementor-button):not(.elementor-button-link):not(.ohio-caps-skip-link):not(.rtc-button):focus-visible {
	color: #ffffff !important;
	background-color: #285885;
	text-decoration: none;
	-webkit-text-fill-color: #ffffff;
}

/*
 * Hard exclusions: Smash Balloon Instagram + other card/media chrome must never
 * get the invert (white-on-white). Allow a simple underline on hover for affordance.
 * Follow CTA restored below — do not list .sbi_follow_btn a here alone without restore.
 */
#sb_instagram a,
#sb_instagram a:focus,
#sb_instagram a:focus-visible,
.sb_instagram_header a,
.sb_instagram_header a:focus,
.sb_instagram_header a:focus-visible,
a.sbi_header_link,
a.sbi_header_link:focus,
a.sbi_header_link:focus-visible,
a.sbi_photo,
.sbi_link,
.elementor-widget-image a,
.elementor-widget-image-box a,
.elementor-widget-social-icons a {
	background-color: transparent !important;
	-webkit-text-fill-color: unset;
	text-decoration: none !important;
}

#sb_instagram a:hover,
.sb_instagram_header a:hover,
a.sbi_header_link:hover,
a.sbi_photo:hover,
.sbi_link:hover,
.elementor-widget-image a:hover,
.elementor-widget-image-box a:hover,
.elementor-widget-social-icons a:hover,
#sb_instagram a:focus-visible,
.sb_instagram_header a:focus-visible,
a.sbi_header_link:focus-visible {
	background-color: transparent !important;
	-webkit-text-fill-color: unset;
	text-decoration: underline !important;
	text-underline-offset: 0.15em;
}

/*
 * Smash Balloon "Follow on Instagram" CTA: keep plugin blue + white label.
 * Broad #sb_instagram a rules above zeroed background-color (white text on white).
 */
#sb_instagram .sbi_follow_btn a,
#sb_instagram .sbi_follow_btn a:hover,
#sb_instagram .sbi_follow_btn a:focus,
#sb_instagram .sbi_follow_btn a:focus-visible,
.sbi_follow_btn a,
.sbi_follow_btn a:hover,
.sbi_follow_btn a:focus,
.sbi_follow_btn a:focus-visible {
	background: #408bd1 !important;
	background-color: #408bd1 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	text-decoration: none !important;
}

/*
 * Primary / mobile nav: underline on hover/focus for affordance.
 * No invert fill — theme colors stay intact.
 */
nav.width-navigation a,
nav.mobile-menu-container a,
#masthead .navbar-nav a,
.mobile-menu-wrapper .navbar-nav a {
	text-decoration: none;
}

nav.width-navigation a:hover,
nav.width-navigation a:focus-visible,
nav.mobile-menu-container a:hover,
nav.mobile-menu-container a:focus-visible,
#masthead .navbar-nav a:hover,
#masthead .navbar-nav a:focus-visible,
.mobile-menu-wrapper .navbar-nav a:hover,
.mobile-menu-wrapper .navbar-nav a:focus-visible {
	text-decoration: underline !important;
	text-underline-offset: 0.2em;
	background-color: transparent !important;
	-webkit-text-fill-color: unset;
}

/*
 * Footer nav (#menu-ocwtp-footer / .site-footer .menu): underline on hover/focus.
 * No invert; skip logo / image-only anchors.
 */
#colophon .menu a:not(.thim-logo):not(.custom-logo-link),
.site-footer .menu a:not(.thim-logo):not(.custom-logo-link),
#menu-ocwtp-footer a {
	text-decoration: none;
}

#colophon .menu a:not(.thim-logo):not(.custom-logo-link):hover,
#colophon .menu a:not(.thim-logo):not(.custom-logo-link):focus-visible,
.site-footer .menu a:not(.thim-logo):not(.custom-logo-link):hover,
.site-footer .menu a:not(.thim-logo):not(.custom-logo-link):focus-visible,
#menu-ocwtp-footer a:hover,
#menu-ocwtp-footer a:focus-visible {
	text-decoration: underline !important;
	text-underline-offset: 0.2em;
	background-color: transparent !important;
	-webkit-text-fill-color: unset;
}

/*
 * ITNA only (page-id-18036): dark navy tab bars need white labels.
 * Do NOT apply sitewide — token --e-global-color-5f782af is #FFFFFF, which
 * vanishes on light accordion/toggle rows (e.g. Caseworkers Core 2.0 list).
 */
.page-id-18036 .elementor-tab-title .elementor-toggle-title,
.page-id-18036 .elementor-tab-title .elementor-toggle-icon,
.page-id-18036 .elementor-tab-title.elementor-active .elementor-toggle-title,
.page-id-18036 .elementor-tab-title.elementor-active .elementor-toggle-icon {
	color: #ffffff !important;
}

.page-id-18036 .elementor-tab-title .elementor-toggle-icon svg {
	fill: #ffffff !important;
}

/* Ally / kit link color must not override skip link (black bar, white text). */
body a.ohio-caps-skip-link,
body a.ohio-caps-skip-link:focus,
body a.ohio-caps-skip-link:focus-visible,
body.ally-default a.ohio-caps-skip-link,
a.ohio-caps-skip-link[href="#main-content"] {
	color: #ffffff !important;
	background-color: #000000 !important;
	-webkit-text-fill-color: #ffffff !important;
}

/*
 * Kit link color (.elementor-kit-8941 a → #3174AF) beats Elementor's default
 * .elementor-button { color: #fff }. Dark CTA fills then fail 1.4.3 — e.g.
 * Caseworker Onboarding Toolkit PDF/Word (page 18744): teal/charcoal + blue
 * ≈ 1.1–2.7:1. Restore white at rest only — exclude :hover/:focus so Elementor
 * invert (dark label on white fill) is not locked to white-on-white.
 */
.elementor-kit-8941 a.elementor-button:not(:hover):not(:focus),
.elementor-kit-8941 a.elementor-button-link:not(:hover):not(:focus) {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/*
 * Toolkit download CTAs (18744): Elementor hover sets dark token on #fff, but
 * without !important kit/link + prior fill can still win. Force invert.
 */
.elementor-element-2502e98b .elementor-button:hover,
.elementor-element-2502e98b .elementor-button:focus,
.elementor-element-2502e98b .elementor-button:focus-visible {
	color: #2d7578 !important;
	-webkit-text-fill-color: #2d7578 !important;
	background-color: #ffffff !important;
	border-color: #2d7578 !important;
}

.elementor-element-cf9c3cb .elementor-button:hover,
.elementor-element-cf9c3cb .elementor-button:focus,
.elementor-element-cf9c3cb .elementor-button:focus-visible {
	color: #303030 !important;
	-webkit-text-fill-color: #303030 !important;
	background-color: #ffffff !important;
	border-color: #303030 !important;
}

/* Cyan CTAs: white label on darkened #007196 (rest). */
.elementor-button[style*="0098D3"],
.elementor-button[style*="0098d3"],
.elementor-button[style*="rgb(0, 152, 211)"],
.elementor-button[style*="rgb(0,152,211)"],
.elementor-button-link[style*="0098D3"],
.elementor-button-link[style*="0098d3"] {
	background-color: #007196 !important;
	border-color: #007196 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/*
 * Cyan / brand CTAs on hover: Elementor swaps text to --e-global-color-3c7aa0b
 * (now #007196). Do NOT keep teal background on hover or text vanishes.
 * Match intended invert: white fill, teal label.
 */
.elementor-button[style*="0098D3"]:hover,
.elementor-button[style*="0098D3"]:focus,
.elementor-button[style*="0098d3"]:hover,
.elementor-button[style*="0098d3"]:focus,
.elementor-button[style*="rgb(0, 152, 211)"]:hover,
.elementor-button[style*="rgb(0, 152, 211)"]:focus,
.elementor-button[style*="rgb(0,152,211)"]:hover,
.elementor-button[style*="rgb(0,152,211)"]:focus,
.elementor-button-link[style*="0098D3"]:hover,
.elementor-button-link[style*="0098D3"]:focus,
.elementor-button-link[style*="0098d3"]:hover,
.elementor-button-link[style*="0098d3"]:focus,
.elementor-element-2aa1d5e .elementor-button:hover,
.elementor-element-2aa1d5e .elementor-button:focus,
.elementor-element-4c6035d .elementor-button:hover,
.elementor-element-4c6035d .elementor-button:focus,
.elementor-element-db2dc2d .elementor-button:hover,
.elementor-element-db2dc2d .elementor-button:focus,
.elementor-element-d93ff69 .elementor-button:hover,
.elementor-element-d93ff69 .elementor-button:focus {
	background-color: #ffffff !important;
	border-color: #007196 !important;
	color: #007196 !important;
	-webkit-text-fill-color: #007196 !important;
	fill: #007196 !important;
}

/* CAPS LMS Info — rest state only for hardcoded #0098D3 CTA (4c6035d). */
.elementor-element-4c6035d .elementor-button {
	background-color: #007196 !important;
	border-color: #007196 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* Inline / legacy light grays on white or #F0F0F0. */
[style*="color:#CFCFCF"],
[style*="color: #CFCFCF"],
[style*="color:#C3C3C3"],
[style*="color: #C3C3C3"],
[style*="color:#aaaaaa"],
[style*="color: #aaaaaa"],
[style*="color:#aaa"],
[style*="color: #aaa"],
[style*="color:#868686"],
[style*="color: #868686"],
[style*="color:#B0B3AF"],
[style*="color: #B0B3AF"] {
	color: #5c5c5c !important;
}

/* Muted white on saturated brand panels (hero / banners). */
[style*="rgba(255,255,255,0.7)"],
[style*="rgba(255, 255, 255, 0.7)"] {
	color: #ffffff !important;
}

/*
 * Training Requirements role banner bars (page 16443):
 * White H2 titles sat on pastel fills (~2.1:1) — fails even large-tefdxt 3:1.
 * Darken bars to kit-aligned hues so white keeps ≥4.5:1. Do not lighten text.
 * Supervisor gold #EBA70E → #9a6909; Certified Caregivers teal #69C2C6 → #2d7578;
 * Caseworker green #729364 → #5b7550 (was only 3.46:1 — large-text pass, normal fail).
 */
.elementor-16443 .elementor-element.elementor-element-4fcb5f2:not(.elementor-motion-effects-element-type-background),
.elementor-16443 .elementor-element.elementor-element-4fcb5f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-element-4fcb5f2 {
	background-color: #9a6909 !important;
}

.elementor-16443 .elementor-element.elementor-element-4bc0ee8:not(.elementor-motion-effects-element-type-background),
.elementor-16443 .elementor-element.elementor-element-4bc0ee8 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-element-4bc0ee8 {
	background-color: #2d7578 !important;
}

.elementor-16443 .elementor-element.elementor-element-25c0fbb0:not(.elementor-motion-effects-element-type-background),
.elementor-16443 .elementor-element.elementor-element-25c0fbb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-element-25c0fbb0 {
	background-color: #5b7550 !important;
}

/*
 * Hero titles over light photos (sitewide contrast sweep):
 * ITNA H1 ~2.5:1 and Caseworkers H1 ~2.0:1 vs sampled bg (large text needs 3:1).
 * Dark scrim via ::before — text-shadow does not count toward WCAG contrast.
 */
.page-id-18036 .elementor-element-5ad59508,
.page-id-14121 .elementor-element-a11c0f7 {
	isolation: isolate;
}

.page-id-18036 .elementor-element-5ad59508::before,
.page-id-14121 .elementor-element-a11c0f7::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	pointer-events: none;
	z-index: 0;
}

.page-id-18036 .elementor-element-5ad59508 > .e-con-inner,
.page-id-14121 .elementor-element-a11c0f7 > .e-con-inner {
	position: relative;
	z-index: 1;
}

/*
 * UPP accordion panels (page 16230 / widget d014522):
 * Mid-grey #B0B3AF + brand link #285885 = 3.5:1 (Chrome DevTools). Lighten panel
 * so existing link navy keeps ≥4.5:1 (same as body #F0F0F0).
 */
.elementor-16230 .elementor-element.elementor-element-d014522 .elementor-tab-content,
.page-id-16230 .elementor-element-d014522 .elementor-tab-content {
	background-color: #f0f0f0 !important;
}

/*
 * RTC tab body links (addresses, etc.) — not .rtc-button.
 * Page CSS forces hover white (fails on light panels). Rest: underline + navy;
 * hover/focus: black, no underline.
 */
.rtc-tabs-container .elementor-tabs .elementor-tab-content a:not(.rtc-button):not(.elementor-button):not(.elementor-button-link) {
	color: #0e3f75 !important;
	-webkit-text-fill-color: #0e3f75 !important;
	text-decoration: underline !important;
	text-underline-offset: 0.15em;
	background-color: transparent !important;
	transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.rtc-tabs-container .elementor-tabs .elementor-tab-content a:not(.rtc-button):not(.elementor-button):not(.elementor-button-link):hover,
.rtc-tabs-container .elementor-tabs .elementor-tab-content a:not(.rtc-button):not(.elementor-button):not(.elementor-button-link):focus,
.rtc-tabs-container .elementor-tabs .elementor-tab-content a:not(.rtc-button):not(.elementor-button):not(.elementor-button-link):focus-visible {
	color: #000000 !important;
	-webkit-text-fill-color: #000000 !important;
	text-decoration: none !important;
	background-color: transparent !important;
}

/*
 * RTC "Learn More" (a.rtc-button): brand red + white rest; invert to white fill + navy text.
 * Must beat .rtc-tabs-container .elementor-tab-content a { color:#000991 !important }.
 */
.rtc-tabs-container .elementor-tabs .elementor-tab-content a.rtc-button,
a.rtc-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.35em 1.1em;
	margin-top: 0.35em;
	border: 2px solid #c12637;
	border-radius: 5px;
	background-color: #c12637 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none !important;
	transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

.rtc-tabs-container .elementor-tabs .elementor-tab-content a.rtc-button:hover,
.rtc-tabs-container .elementor-tabs .elementor-tab-content a.rtc-button:focus,
.rtc-tabs-container .elementor-tabs .elementor-tab-content a.rtc-button:focus-visible,
a.rtc-button:hover,
a.rtc-button:focus,
a.rtc-button:focus-visible {
	background-color: #ffffff !important;
	border-color: #0e3f75 !important;
	color: #0e3f75 !important;
	-webkit-text-fill-color: #0e3f75 !important;
	text-decoration: none !important;
}

/*
 * Header CAPS LMS CTA (toolbar widget-button → /caps-lms-info/):
 * Rest: white label (on brand red). Hover/focus: #0E3F75 on white.
 * Theme/custom_style can leave hover text as red — force navy.
 */
#toolbar a.widget-button[href*="caps-lms-info"],
a.widget-button[href*="caps-lms-info"],
a.widget-button,
a.widget-button.medium {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

#toolbar a.widget-button[href*="caps-lms-info"]:hover,
#toolbar a.widget-button[href*="caps-lms-info"]:focus,
#toolbar a.widget-button[href*="caps-lms-info"]:focus-visible,
a.widget-button[href*="caps-lms-info"]:hover,
a.widget-button[href*="caps-lms-info"]:focus,
a.widget-button[href*="caps-lms-info"]:focus-visible,
a.widget-button:hover,
a.widget-button:focus,
a.widget-button:focus-visible {
	color: #0e3f75 !important;
	-webkit-text-fill-color: #0e3f75 !important;
	background-color: #ffffff !important;
	background: #ffffff !important;
	border-color: #0e3f75 !important;
	text-decoration: none !important;
}

/*
 * Footer nav: white on navy #0E3F75. Real pages already paint white via the
 * footer template; the isolated kit preview (?thim_elementor_kit=footer)
 * only gets kit link #285885 (~1.4:1). Force white in both contexts.
 */
.site-footer a:not(.ohio-caps-skip-link),
#colophon a:not(.ohio-caps-skip-link),
#menu-ocwtp-footer a,
body.thim_elementor_kit-template .elementor-nav-menu a,
body.single-thim_elementor_kit .elementor-nav-menu a,
body.thim_elementor_kit-template .elementor-widget-nav-menu a,
body.single-thim_elementor_kit .elementor-widget-nav-menu a {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/*
 * .caps-lms-invert — inline links on dark navy panels (e.g. Prospective TCPs ol).
 * Beats kit / text-editor link navy (#285885) which vanishes on #0E3F75.
 * Rest: white + underline. Hover/focus: #0E3F75 on white, no underline.
 */
a.caps-lms-invert,
.elementor-kit-8941 a.caps-lms-invert,
.elementor-widget-text-editor a.caps-lms-invert,
.elementor-widget-theme-post-content a.caps-lms-invert,
#main-content .elementor-widget-text-editor a.caps-lms-invert {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background-color: transparent !important;
	text-decoration: underline !important;
	text-underline-offset: 0.15em;
	text-decoration-thickness: from-font;
	transition: color 0.15s ease, background-color 0.15s ease, text-decoration-color 0.15s ease;
}

a.caps-lms-invert:hover,
a.caps-lms-invert:focus,
a.caps-lms-invert:focus-visible,
.elementor-kit-8941 a.caps-lms-invert:hover,
.elementor-kit-8941 a.caps-lms-invert:focus,
.elementor-kit-8941 a.caps-lms-invert:focus-visible,
.elementor-widget-text-editor a.caps-lms-invert:hover,
.elementor-widget-text-editor a.caps-lms-invert:focus,
.elementor-widget-text-editor a.caps-lms-invert:focus-visible,
.elementor-widget-theme-post-content a.caps-lms-invert:hover,
.elementor-widget-theme-post-content a.caps-lms-invert:focus,
.elementor-widget-theme-post-content a.caps-lms-invert:focus-visible,
#main-content .elementor-widget-text-editor a.caps-lms-invert:hover,
#main-content .elementor-widget-text-editor a.caps-lms-invert:focus,
#main-content .elementor-widget-text-editor a.caps-lms-invert:focus-visible {
	color: #0e3f75 !important;
	-webkit-text-fill-color: #0e3f75 !important;
	background-color: #ffffff !important;
	text-decoration: none !important;
}

/*
 * Prospective TCPs (page 16484): Trainers / Coaches / Producers H2 link cards.
 * Sitewide kit link #285885 was painting navy on brand fills (navy / gold / cyan),
 * so Elementor white labels never showed — Trainers ~1.4:1, Producers ~2.3:1.
 * Elementor hover also swaps link text to gold #EBA70E on grey #B0B3AF (~1:1).
 *
 * Rest (Elementor fills): white on navy; navy on gold; white on darkened cyan.
 * Hover (Elementor grey #B0B3AF): navy on all three (≥4.5:1).
 */
.page-id-16484 .elementor-element-238ac699 .elementor-heading-title,
.page-id-16484 .elementor-element-238ac699 .elementor-heading-title a {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

.page-id-16484 .elementor-element-f1cdafc .elementor-heading-title,
.page-id-16484 .elementor-element-f1cdafc .elementor-heading-title a {
	color: #0e3f75 !important;
	-webkit-text-fill-color: #0e3f75 !important;
}

.page-id-16484 .elementor-element-59a4cb83 .elementor-heading-title,
.page-id-16484 .elementor-element-59a4cb83 .elementor-heading-title a,
.page-id-16484 .elementor-element-ca5574e .elementor-heading-title,
.page-id-16484 .elementor-element-ca5574e .elementor-heading-title a {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* Producers rest fill: #0098D3 + white is only ~3.3:1 (large-text AA). Darken like CTAs. */
.page-id-16484 .elementor-element.elementor-element-59a4cb83:not(.elementor-motion-effects-element-type-background),
.page-id-16484 .elementor-element.elementor-element-59a4cb83 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #007196 !important;
}

.page-id-16484 .elementor-element.elementor-element-59a4cb83:hover:not(.elementor-motion-effects-element-type-background),
.page-id-16484 .elementor-element.elementor-element-59a4cb83:hover > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #b0b3af !important;
}

.page-id-16484 .elementor-element-238ac699:hover .elementor-heading-title,
.page-id-16484 .elementor-element-238ac699:hover .elementor-heading-title a,
.page-id-16484 .elementor-element-238ac699 .elementor-heading-title a:hover,
.page-id-16484 .elementor-element-238ac699 .elementor-heading-title a:focus,
.page-id-16484 .elementor-element-238ac699 .elementor-heading-title a:focus-visible,
.page-id-16484 .elementor-element-f1cdafc:hover .elementor-heading-title,
.page-id-16484 .elementor-element-f1cdafc:hover .elementor-heading-title a,
.page-id-16484 .elementor-element-f1cdafc .elementor-heading-title a:hover,
.page-id-16484 .elementor-element-f1cdafc .elementor-heading-title a:focus,
.page-id-16484 .elementor-element-f1cdafc .elementor-heading-title a:focus-visible,
.page-id-16484 .elementor-element-59a4cb83:hover .elementor-heading-title,
.page-id-16484 .elementor-element-59a4cb83:hover .elementor-heading-title a,
.page-id-16484 .elementor-element-ca5574e .elementor-heading-title a:hover,
.page-id-16484 .elementor-element-ca5574e .elementor-heading-title a:focus,
.page-id-16484 .elementor-element-ca5574e .elementor-heading-title a:focus-visible {
	color: #0e3f75 !important;
	-webkit-text-fill-color: #0e3f75 !important;
}

/*
 * OUCCAS (page 17519): Elementor accordion titles sit on #0E3F75 bars.
 * Kit link #285885 overrode Elementor white → ~1.4:1. Restore white labels/icons.
 * (Global link rule also excludes .elementor-accordion-title.)
 */
.page-id-17519 .elementor-widget-accordion .elementor-accordion-item > .elementor-tab-title,
.page-id-17519 .elementor-widget-accordion .elementor-accordion-item > .elementor-tab-title .elementor-accordion-title,
.page-id-17519 .elementor-widget-accordion .elementor-accordion-item > .elementor-tab-title .elementor-accordion-icon,
.page-id-17519 .elementor-widget-accordion .elementor-accordion-item > .elementor-tab-title.elementor-active .elementor-accordion-title,
.page-id-17519 .elementor-widget-accordion .elementor-accordion-item > .elementor-tab-title.elementor-active .elementor-accordion-icon {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

.page-id-17519 .elementor-widget-accordion .elementor-accordion-item > .elementor-tab-title .elementor-accordion-icon svg {
	fill: #ffffff !important;
}

/*
 * Popup Maker CLOSE: white on cyan #00B7CD ≈ 2.4:1 (JAWS residual / Priority note).
 * Force dark navy label on light chip so ≥4.5:1; keep hover/focus readable.
 */
.pum-theme-default-2 .pum-content + .pum-close,
.pum-overlay .pum-close,
button.pum-close,
.pum-close {
	color: #0e3f75 !important;
	-webkit-text-fill-color: #0e3f75 !important;
	background-color: #ffffff !important;
	border: 2px solid #0e3f75 !important;
	opacity: 1 !important;
	text-shadow: none !important;
}

.pum-overlay .pum-close:hover,
.pum-overlay .pum-close:focus,
.pum-overlay .pum-close:focus-visible,
button.pum-close:hover,
button.pum-close:focus,
button.pum-close:focus-visible,
.pum-close:hover,
.pum-close:focus,
.pum-close:focus-visible {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background-color: #0e3f75 !important;
	border-color: #0e3f75 !important;
}

/*
 * WCAG 1.4.1 — a link inside a sentence must not rely on color alone.
 * Underline running-text links. Leave nav items and Elementor buttons alone.
 */
p a[href]:not(.elementor-button):not(.elementor-button-link):not(.ohio-caps-skip-link),
.elementor-widget-text-editor a[href]:not(.elementor-button):not(.elementor-button-link),
td a[href]:not(.elementor-button):not(.elementor-button-link) {
	text-decoration-line: underline;
	text-underline-offset: 0.12em;
}

/* ==========================================================
   Ohio CAPS: RTC county map (ohus-map plugin) a11y fixes
   Page: /ocwtp/rtcs/
   WCAG 2.1 AA: 1.4.3 Contrast (Minimum)
   ========================================================== */

/* 1. Region colors: darkened so white county labels meet 4.5:1.
      The plugin writes Up Color as a fill attribute and puts it back
      as an inline style on mouseleave, so these need !important. */
#ohusmapbase path[fill="#69c2c6"] { fill: #327f83 !important; } /* NEORTC  2.07 -> 4.67:1 */
#ohusmapbase path[fill="#0098d3"] { fill: #007cad !important; } /* NWORTC  3.26 -> 4.68:1 */
#ohusmapbase path[fill="#eba70e"] { fill: #996d09 !important; } /* CORTC   2.09 -> 4.62:1 */
#ohusmapbase path[fill="#bbd36f"] { fill: #677c26 !important; } /* SEORTC  1.66 -> 4.68:1 */
#ohusmapbase path[fill="#729364"] { fill: #3f7d4f !important; } /* ECORTC  3.46 -> 4.93:1 */
/* Unchanged (already pass): SWORTC #8a5e32, WORTC #233f8f, NCORTC #c12637 */

/* 2. Hover color: charcoal instead of the plugin's white (#ffffff),
      which hid the white labels. More specific than the rules above,
      so it wins while hovered. */
#ohusmapbase path[id^="ohusmap_"]:hover {
	fill: #333333 !important; /* white labels 12.6:1 */
}

/* 3. Let hovers and clicks on labels pass through to the county underneath.
      Stops the county flickering back to its normal color when the
      cursor moves onto its name. */
#ohusvisns text {
	pointer-events: none;
}

/* 4. FALLBACK: only if the client rejects the darker palette in step 1.
      Delete step 1 and uncomment this. It keeps the original colors and
      outlines the white labels so they pass on every region. */
/*
#ohusvisns text {
	paint-order: stroke;
	stroke: #1b2f5e;
	stroke-width: 3px;
	stroke-linejoin: round;
}
*/