
:root {
    --base-bg: #FFFFFF;
    --base-font-color: #46465C;
    --sunsphere: #FFCC66;
    --sunsphere_hot: #a30b11;
    --sunsphere_select: #ff7900;
}

body, input, select, textarea {
    color: var(--base-font-color);
}

header.major > :last-child {
    border-bottom: none;
}

a {
    /*color: var(--sunsphere); */
    color: var(--sunsphere_hot);
}

#sidebar {
    background: linear-gradient(180deg, var(--sunsphere_hot), var(--sunsphere) 70%);
}

#sidebar > .inner > * {
    border-bottom: none !important;
    padding-bottom: 3em;
}

#menu {
    /*padding-bottom: 2em;*/
}

#menu ul a, #menu ul span {
    color: #000000;
    font-size: 1.2em;
}

#menu ul a:hover,
#menu ul span:hover, #menu ul {
    color: #FFFFFF !important;
}

#menu ul a.opener:hover::before,
#menu ul span.opener:hover::before {
    color: #FFFFFF;
}

#sidebar > .inner > * {
    margin-bottom: 0;
}

a:hover {
    color: var(sunsphere_hot) !important;
}

ul.contact li a {
    color: var(--base-font-color);
}

ul.contact li {
    border: 0 !important;
    margin-top: 0 !important;
}

ul.contact li::before {
    color: var(--base-font-color);
}

#footer .copyright {
    color: var(--base-font-color);
    padding-top: 1em;
}

#eeo {
    margin-top: 4em;
}

/* OVERRIDES */
@media (max-width: 782px) {
    table, td, th {
        display: flex;
        flex-flow: column;
        flex-wrap: wrap;
    }

    .tiny_off {
        display: none;
    }
}


/* EXPERIMENTAL SECTION */
/* Animated Icons
// -------------------------- */

.@{fa-css-prefix}-spin {
                     -webkit-animation: fa-spin 2s infinite linear;
                     animation: fa-spin 2s infinite linear;
                 }

.@{fa-css-prefix}-pulse {
                     -webkit-animation: fa-spin 1s infinite steps(8);
                     animation: fa-spin 1s infinite steps(8);
                 }

@-webkit-keyframes fa-spin {

    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/*/ Spinning Icons
// -------------------------- */

.#{$fa-css-prefix}-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.#{$fa-css-prefix}-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
