/* --------------------------------------------------------------- Accessibility — visually-hidden text --------------------------------------------------------------- The divi-accessibility-master plugin injects elements carrying .da11y-screen-reader-text from JS: the "Skip to content" link it prepends to , and the "Search for..." labels it adds before Divi search inputs. Both are meant to be invisible until focused. The plugin ships those rules only via wp_add_inline_style() on whichever handle happens to be first in wp_styles()->queue — a handle it does not own — and has no built public/css/ to enqueue instead. On ifa.ngo that inline block never reaches the page, so the injected markup arrives unstyled and renders as plain visible text on every page. See docs/TEMPORARY-MEASURES.md. --------------------------------------------------------------- */ .da11y-screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; border: 0; padding: 0; margin: -1px; } /* Tab to it and it becomes a real, visible control. Dark teal on white is 7.1:1 — the site's action colour, per the contrast rule in CLAUDE.md. */ .da11y-screen-reader-text:focus { position: absolute !important; top: 7px; left: 7px; z-index: 1000000; /* above the WP admin bar */ width: auto; height: auto; clip: auto; clip-path: none; overflow: visible; margin: 0; padding: 14px 23px; background: var(--ifa-dark-teal, #255F71); color: #fff; font-size: 1rem; font-weight: 600; line-height: normal; text-decoration: none; text-shadow: none; border-radius: 3px; box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--ifa-dark-blue, #203248); } .da11y-screen-reader-text:focus:hover { background: var(--ifa-dark-blue, #203248); color: #fff; }