:root {
    --canvas-color: white;
    --theme-color1: #fb0014;
    --theme-color2: black;
}

/** CUSTOM COLORS **/

nav li a { border: none !important; }

nav li a,
footer { background-color: var(--theme-color1); }

header,
nav > ul > li > a.current { background-color: var(--canvas-color); }

nav > ul > li.current:hover > a { background-color: var(--theme-color2); }

header #mobile_button,
nav li a.current { color: var(--theme-color1); }

nav li a.current {
    outline: solid 3px var(--theme-color1) !important;
    margin-left: 2px;
    margin-right: 2px;
}

nav ul ul li a.current:hover { color: var(--canvas-color); }

header, #slideshow { box-shadow: 0px 0px 3px 2px rgba(64, 64, 64, 0.84); }

footer a { color: var(--canvas-color); }

@media screen and (max-width: 700px) {
    nav > ul > li:hover > a {
        color: var(--theme-color1);
        background-color: var(--canvas-color);
    }
}

/** END CUSTOM COLORS **/

/** pull header layer above slideshow **/
header, #slideshow {
    position: relative;
    z-index: 1;
}

header { z-index: 7; }
/** end pull header layer above slideshow **/

#slideshow .nivo-caption {
    bottom: 0;
    left: 0;
    width: 100%;
    margin: auto;
    transform: translate(0);
    border-radius: 0;
}
