/*
 * Section 508 / WCAG 2.1 AA support that applies to every page.
 */

/* 2.4.1 Bypass Blocks: hidden until a keyboard user tabs to it */
.skip-link {
    position: absolute;
    top: -100px;
    left: 16px;
    z-index: 100000;
    padding: 10px 16px;
    border-radius: 0 0 6px 6px;
    background: #3f7569;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none;
}

.skip-link:focus {
    top: 0;
}

/* The skip link's target takes focus without drawing a box around the whole page */
#main-content:focus {
    outline: none;
}

/* 2.4.7 Focus Visible: the theme removes outlines; show one for keyboard focus only */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible,
.k-input:focus-within,
.k-picker:focus-visible,
.k-picker:focus-within,
.k-grid td:focus,
.k-grid th:focus {
    outline: 2px solid #3f7569 !important;
    outline-offset: 2px;
}

.k-grid td:focus,
.k-grid th:focus {
    outline-offset: -2px;
}

/* 1.4.3 Contrast: links in content use the darker brand green */
.m-content a:not(.btn):not(.k-button):not([class*="m-menu"]) {
    color: #3f7569;
}

/* 1.4.3 Contrast: Bootstrap's default placeholder grey (#999) is 2.8:1 on white */
::placeholder {
    color: #6c757d !important;
    opacity: 1;
}