/** * Module: Contrast * * Stijlen die actief worden zodra de class .cc-a11y-high-contrast heeft * (toegevoegd door contrast.js). Bewust met !important: dit moet altijd * winnen van thema-/Elementor-kleuren, anders werkt de toggle niet betrouwbaar. * * Let op bij gebruik op je projecten: dit is een stevige, generieke * black-on-yellow-achtige aanpak. Test 'm even op een pagina met veel * afbeeldingen/kleurvlakken (bv. de Burgerbaan route-kaarten) en verfijn * zo nodig per site door deze selectors uit te breiden. */ html.cc-a11y-high-contrast body { background-color: #000 !important; color: #fff !important; } html.cc-a11y-high-contrast a { color: #ffe066 !important; text-decoration: underline !important; } html.cc-a11y-high-contrast h1, html.cc-a11y-high-contrast h2, html.cc-a11y-high-contrast h3, html.cc-a11y-high-contrast h4, html.cc-a11y-high-contrast h5, html.cc-a11y-high-contrast h6 { color: #fff !important; } html.cc-a11y-high-contrast button:not(.cc-a11y-toggle):not(.cc-a11y-close), html.cc-a11y-high-contrast input[type="submit"], html.cc-a11y-high-contrast .elementor-button { background-color: #ffe066 !important; color: #000 !important; border: 2px solid #fff !important; } /* Verlaag verzadiging van afbeeldingen zodat gekleurde vlakken niet vechten met de zwart/geel-kleuren, zonder ze onzichtbaar te maken. */ html.cc-a11y-high-contrast img, html.cc-a11y-high-contrast video { filter: grayscale(60%) contrast(120%); } /* De widget zelf blijft altijd in zijn eigen blauwe huisstijl, ook in hoog-contrast-modus — anders verdwijnt de manier om 'm weer uit te zetten. */ html.cc-a11y-high-contrast .cc-a11y-widget { filter: none !important; }