*:focus {
    outline: none;
}

*:active {
    outline: none;
}

*:focus:not(:hover):not(input):not(button):not(.skip):not(.wp-block-button__link):not(summary):not(.post) {
    outline: 4px dotted var(--alt-color);
}

.post:focus div {
    outline: 4px dotted var(--alt-color);
}

summary:focus {
    text-decoration: underline;
}

.wp-block-button__link:focus {
    outline: 4px dotted var(--alt-color) !important;
    background-color: white;
    color: black;
    border-radius: 0;
}

input:focus {
    border: 1px solid black;
}

.skip {
    font-size: 0;
    position: absolute;
    z-index: -1;
    color: white;
    cursor: pointer;
}

.skip:focus, .skip.opened {
    height: 2em;
    font-size: 1.5em;
    background-color: black;
    width: 100%;    

    padding: 0.5em 2vw;
    display: block;
    z-index: 100;

}

.skip:focus + header {
    padding-top: 3.5em;
}

body.contrast {
    background: black;
    color: white;
}

body.contrast h1, body.contrast h2, body.contrast h3, body.contrast h4, body.contrast h5, body.contrast strong, body.contrast .is-style-formula {
    font-family: Arial;
    letter-spacing: -0.01em;
}

body.contrast section {
    background-image: none;
    background-color: black;
}

body.contrast header {
    background-color: white !important;
}

body.contrast a:not(.wp-block-button__link):not(.logo):not(.sm a):not(.cookie a):not(nav ul li ul a) {
    border: 2px solid black !important;
    padding: 0.25em;
    text-decoration: none;
}

body.contrast section a:not(.wp-block-button__link):not(.logo) {
    border: 2px solid white !important;
    text-decoration: none;
}

body.contrast .wp-block-button__link {
    border: 2px solid white !important;
}

body.contrast strong {
    font-weight: bold;
}

body.contrast em {
    color: black;
}

body.contrast main a {
    color: white;
    text-decoration: underline !important;
}

body.contrast .cookie {
    background-color: white;
    color: black;
}

body.contrast .cookie a {
    color: black;
}

body.contrast img[alt='Logo BMK'] {
    display: none;
}

body.contrast button {
    background-color: white;     
    text-transform: uppercase;
}

body.contrast input[type="text"], body.contrast input[type="password"], body.contrast button {
    border: 1px solid black;
}

body.contrast main img[src$=".svg"] {
    filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(151deg) brightness(109%) contrast(101%);
}