/*
Theme Name: Valdis (Safe & Peaceful)
Theme URI: http://themes.tvda.eu
Description: Child theme of Valdis for Safe & Peaceful Chicago. Carries the site's accessibility CSS overrides so they survive a parent theme reinstall.
Author: TVDA Themes
Template: valdis
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: valdis-safeandpeacefulchi
*/

.ivan-button:focus {
    color: #fff;
    background: #034a76;
}

/*** Accessibility: visible keyboard-focus indicator for form controls (WCAG 2.4.7)
 * theme-styles.css sets outline: 0 on these :focus states and only shifts
 * border/background by a few shades, which isn't perceptible. Restore a
 * visible outline here, same override approach as .ivan-button:focus above. ***/
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus {
    outline: 2px solid #034a76;
    outline-offset: 2px;
}

.content-wrapper {
    overflow: visible !important;
}

.pum-theme-4041 .pum-container, .pum-theme-cutting-edge .pum-container {
    background: #034a76 !important;
}

.pum-theme-4041 .pum-content + .pum-close, .pum-theme-cutting-edge .pum-content + .pum-close {
    background: #fff !important;
}

a.rs-layer:focus, a.rs-layer:focus {
    color: #fff !important;
    background: #034a76 !important;
    outline: auto !important;
}

.header.style6 .header-right-area {
    text-align: right !important;
    width: auto !important;
}

.header.style6 .iv-module {
    float: left !important;
}

/***
 * Accessibility: WOW.js Animation Fix
 * Override visibility:hidden with opacity for screen reader accessibility
 * Screen readers skip content with visibility:hidden, but read content with opacity:0
 ***/

/* Override WOW.js default visibility:hidden with opacity */
.wow {
    visibility: visible !important;
    opacity: 0;
}

/* When animated, show the element */
.wow.animated {
    opacity: 1;
}

/* For users who prefer reduced motion, show content immediately */
@media (prefers-reduced-motion: reduce) {
    .wow {
        opacity: 1 !important;
        animation: none !important;
        transition: none !important;
    }
}

#back-top.off {
    display: none !important;
}

/*** Accessibility: Underline body content links (WCAG 1.4.1) ***/
.entry-content a {
    text-decoration: underline;
}

/*** Accessibility: Focus indicators (WCAG 2.4.7) ***/
/* Only show the focus ring for keyboard users, not on mouse click */
a:focus:not(:focus-visible) {
    outline: none;
}

/* Header search + sidebar menu icons: wrap the ring around the icon instead of through it */
.sideheader-trigger a,
.live-search .trigger {
    display: inline-block;
    line-height: 1;
}

.sideheader-trigger a:focus-visible,
.live-search .trigger:focus-visible {
    outline: 2px solid #034a76;
    outline-offset: 6px;
}

/* Main nav: draw the ring around the label so it doesn't cross over the text */
#mega_main_menu_ul .item_link:focus-visible {
    outline: none;
}

#mega_main_menu_ul .item_link:focus-visible .link_text {
    outline: 2px solid #034a76;
    outline-offset: 6px;
}
