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

body { color: #606060; }

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

.cms-button, .custom_button { --btn-bg: 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); }

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

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

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

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

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