:root {
    /* PROJECT MAIN COLORS */
    --sbd-green: #395948; /* olive green */
    --sbcd-blue: #1C3256; /* dark denim */
    --bone: #E9E4E0; /* bone beige */
}

/* --------------------------------------------- */
/* ================ BACKGROUND ================= */
/* --------------------------------------------- */

/* Custom background color */
body {
    background: var(--bone);
}

/* Footer */
footer {
    background: var(--sbcd-blue) !important;
    background-color: var(--sbcd-blue) !important;
}

/* --------------------------------------------- */
/* ================== BANNER =================== */
/* --------------------------------------------- */

/* White background behind banner */
.ds-livestream-header, .ds-livestream-header-content {
    background: white !important;
}

/* --------------------------------------------- */
/* ================== FOOTER =================== */
/* --------------------------------------------- */

.site-footer {
    background: var(--sbcd-blue) !important;
    color: white !important;
}
.site-footer .site-footer-label,
.site-footer .site-footer-credits,
.site-footer .site-footer-credits * {
    color: white !important;
}

/* --------------------------------------------- */
/* =============== MISCELLANEOUS =============== */
/* --------------------------------------------- */

/* Transparent background for alerts */
.alert-primary, .ds-alert-info {
    background-color: transparent !important;
    border-color: transparent !important;
}

/* Transparent background for divs */
.ds-stream-container, .stream-main-container {
    background: transparent !important;
}

/* Adds small padding to video player */
.ds-mobile-sticky-player {
    padding-top: 10px;
}