:root{
    /*also used for bg-warning*/
    --color-gold: #deb660;
    /*also used for bg-primary*/
    --color-blue: #133c81;
    --color-background: whitesmoke;
    /*also used for bg-success*/
    --color-green: #4c8055;
    /*also used for bg-info*/
    --color-teal: #3c8fa3;
    /*also used for bg-danger*/
    --color-red: #963b3b;
    /*also used for bg-light*/
    --color-light: #f8f4ef;
    /*also used for bg-dark*/
    --color-dark: #1e2a3a;
    /*also used for bg-secondary*/
    --color-second: #6b4c9a;
}

body {
    background-color: var(--color-background);
}

.poster-iframe {
    display: block;       /* iframes are inline by default */
    background: #000;
    border: none;         /* Reset default border */
    height: 100vh;        /* Viewport-relative units */
    width: 100vw;
}

.poster-list {
    display: grid;
    grid-gap: 1em 1em;
    grid-template-columns: repeat(3, 1fr); /* fewer columns for smaller screens, see below */

    max-width: 100%;
    /*padding-right: 3em;*/
    padding-left: 0;
}

@media screen and (max-width: 1000px) {
    .poster-list {
        grid-template-columns: 1fr;
    }
}

.poster-card {
    .card-body {
        display: grid;
    }
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 10;
}

.logo-banner {
    background-color: var(--color-blue);
    justify-content: center;
    display: flex;

    .asmbs-logo {
        margin: 1em 1em 1em 10%;
    }

    .meeting-logo {
        margin: 1em;
        padding-right: 100px;
        max-height: 100px;
    }
}

.nav-top {
    background-color: var(--color-gold);
    color: var(--color-blue);
    padding: 10px;
    a {
        color: var(--color-blue);
        text-decoration: none;
        &:hover {
            color:whitesmoke;
            text-decoration: underline whitesmoke;
        }
    }
}

.nav-side {
    background-color: white;
    /*margin: 1em;*/

    position: sticky;
    top: 200px;

    a {
        color: #212529;
        text-decoration: none;
        &:hover {
            filter: brightness(100%);
            text-decoration: underline;
        }
    }
}

.navbar {
    padding-top: 15px;
}

.bg-primary {
    background-color: var(--color-blue) !important;
}
.bg-warning {
    background-color: var(--color-gold) !important;
}
.bg-danger {
    background-color: var(--color-red) !important;
}
.bg-info {
    background-color: var(--color-teal) !important;
}
.bg-success {
    background-color: var(--color-green) !important;
}
.bg-secondary {
    background-color: var(--color-second) !important;
}

.sideNavHover {
    &:hover {
        background-color: var(--color-blue);
    }
    a {
        text-decoration: none;
        color: var(--color-blue);
        &:hover {
            color: var(--color-gold);
            filter: brightness(100%);
            text-decoration: underline;
        }
    }
}

.accordion {
    --bs-accordion-btn-color: var(--color-blue);
    --bs-accordion-btn-bg: var(--color-background);
    --bs-accordion-active-color: var(--color-gold);
    --bs-accordion-active-bg: var(--color-blue);
}

/* COlORS FOR REFERENCE */
/*:root{*/
/*    !*also used for bg-warning*!*/
/*    --color-gold: #deb660;*/
/*    !*also used for bg-primary*!*/
/*    --color-blue: #133c81;*/
/*    --color-background: whitesmoke;*/
/*    !*also used for bg-success*!*/
/*    --color-green: #4c8055;*/
/*    !*also used for bg-info*!*/
/*    --color-teal: #3c8fa3;*/
/*    !*also used for bg-danger*!*/
/*    --color-red: #963b3b;*/
/*    !*also used for bg-light*!*/
/*    --color-light: #f8f4ef;*/
/*    !*also used for bg-dark*!*/
/*    --color-dark: #1e2a3a;*/
/*}*/