/* ADA/WCAG 2.2 AA remediation styles — one rule block per audit bug ID.
   Loaded after index.css via child_enqueue_styles(). */

/* ADA #5 #6 — expose header icon labels to assistive tech (theme hides them
   with display:none, which removes them from the accessibility tree). */
.icon_menu .wp-block-navigation-item__content span.wp-block-navigation-item__label {
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

/* ADA #1 #24 — visible keyboard focus: header controls and newsletter form
   (dark backgrounds: header #0c6daf, footer #072c62). */
/* !important needed: Astra's dynamic CSS ships `a:focus-visible:focus-visible
   {outline:thin dotted inherit}` which ties specificity and wins on order —
   and inherit-color is invisible on the blue header. */
.ast-custom-header a:focus-visible,
#wpforms-118 input:focus-visible,
#wpforms-118 button:focus-visible {
	outline: 2px solid #FFFFFF !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 4px #072c62 !important;
}

/* ADA #78 — visible focus on "More" / "Return to All" links (light backgrounds). */
a.rela:focus-visible,
.evlabelright a:focus-visible {
	outline: 2px solid #072c62 !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 4px #FFFFFF !important;
}

/* ADA #67 #93 — "More" and "Return to All News/Events" link contrast on white
   (#30BFFF 2.10:1 -> #007DB8 4.54:1). */
a.rela,
.evlabelright a {
	color: #007DB8;
}

/* ADA #97 — award titles contrast (#31c0ff fails on white). */
.awards__title {
	color: #007DB8;
}

/* ADA #93 — "Learn More"/"All Awards" accordion links (.title_link) were #31c0ff on white. */
.title_link a {
	color: #007DB8;
}

/* ADA #21 — WPForms newsletter error contrast on the #072c62 footer (6.88:1). */
#wpforms-118 .wpforms-error {
	color: #FF9E9E;
}

/* ADA #27 — distinguish the media-inquiries email link from surrounding text. */
.inquiries a[href^="mailto:"] {
	text-decoration: underline;
}

/* ADA #46 #175 — always-visible bypass skip link before long lists. */
.ada-skip-inline {
	display: inline-block;
	margin: 10px 0 4px;
	padding: 9px 16px;
	background: #072c62;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
	border-radius: 4px;
}
.ada-skip-inline:hover,
.ada-skip-inline:focus {
	background: #0c6daf;
	color: #fff;
	text-decoration: underline;
	outline: 2px solid #072c62;
	outline-offset: 2px;
}

/* ADA #8 #9 — reveal mega-menu submenu on keyboard disclosure (mirrors the
   theme's :hover reveal; mouse hover rules remain untouched). */
.header .header__nav .mega_menu .mega_button.ada-open .wp-block-navigation-item__content + .wp-block-navigation__submenu-container,
.header .header_nav_top .mega_menu .mega_button.ada-open .wp-block-navigation-item__content + .wp-block-navigation__submenu-container {
	opacity: 1 !important;
	visibility: visible !important;
}

/* ADA #55 (completes #1) — site-wide visible keyboard focus indicator.
   White outline (visible on dark backgrounds) + blue halo (visible on light),
   so it reads on any background. Scoped rules above still win where present. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible,
[role="link"]:focus-visible,
[contenteditable]:focus-visible {
	outline: 2px solid #FFFFFF !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 4px #0c6daf !important;
}

/* ADA #123 — required-field asterisks used #FF0000 (fails 4.5:1 on white). */
.wpforms-required-label,
.gfield_required,
.ginput_container .required,
abbr[title="required"],
span.required,
.wpforms-field-required-indicator {
	color: #B71C1C !important;
}

/* ADA #64 #92 — hero/banner headings (white) can overflow onto photo areas
   where contrast drops. A dark text-shadow keeps them legible over any
   underlying image without changing the layout or text color. */
.hero-section h1,
.hero-text h1,
.innerban__title,
.banner-secondary h1,
.Stroke_hero_title h1 {
	text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
}