:root {
    --theme-color1: black;
    --theme-color2: white;
}

body { color: #606060; }

header, .mobile-menu, .custom_button, .cms-button { background-color: var(--theme-color1); }

.marquee::before { background-color: var(--theme-color1); }

.page a:hover, .sidebar a:hover { color: inherit; }

.sidebar a.current {
    color: inherit;
    font-weight: bold;
}

header a { color: #929292; }

.slogan, .mobile-button { color: var(--theme-color2); }

.cms-button:hover, .custom_button:hover, .cms-button:active { background-color: #2e2e2e; }

.page h3 {
    color: #363636;
    outline: none;
}

#slideshow + .wrapper { margin-top: clamp(-200px, calc(75px - 12vw), 30px); }

h2, .page h2, footer h3 { color: #f0ba35; }

@media screen and (max-width: 1023px) {
    nav ul ul a { color: var(--theme-color2); }

    .mobile-menu nav ul li ul li a { color: #535353; }
}