/* Common Color Variables */

:root {
    --footerbg: #123e57; 
    --ncibarbg: #2972a6; 
    --navbarbg: #383838; 
    --navbarbottomborder: #15819b;
    --text: #2e2e2e; 
    --sitebg: #fff; 
    --headergray: #606060; /* H1, H2 Color */
    --linkc: #2b7bba; /* Links Color */
}

/* Navbar */

#eventsreg-nav-bar {
    background-color: var(--navbarbg);
}

#eventsreg-nav-bar .navbar-inverse .navbar-nav > .active > a {
    border-bottom: 6px solid var(--navbarbottomborder);
}

.navbar-is-static-top {
    background-color: var(--sitebg); 
}

.navbar-nav>li {
    float: left;
    text-transform: uppercase;
    font-size: 1.6rem;
}

/* Header Banner */

.general-page-body-container {
background-image: url("/sites/default/files/assets/nci-nmibcctpm2022/Bladder-Cancer-Meeting-Banner2.jpg");
background-size: 100%;
background-position: top center;
background-repeat: no-repeat; 
}

/* Right Side Column */

.region-sidebar-second {
    margin-top: 5%;
}

/* Page Elements */

h2{
    margin-top: 18%;
    color: var(--headergray);
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.375em;
}

h3{
    color: var(--headergray);
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 1.375em;
}


.col-sm-9 {
    width: 70%;
}

.col-sm-3 {
    width: 30%;
}

/* Agenda */

th, td {
    padding: 20px !important;
}  

.tabledarkbg {
    background-color: #aa4f4c; 
}

.tablelightbg {
    background-color: #afd7f2;
}

.tableheader {
    font-size: 2.2rem;
    font-weight: 400;
    line-height: .5em;
    color: #fff;
    text-transform: uppercase;
}

/* Speaker Bios */

.headshots {
    float: left;
    padding: 0 20px 20px 0;
}


/* Back to Top Button */

#myBtn {
    display: none; 
    position: fixed; 
    bottom: 40px; 
    right: 30px; 
    z-index: 99; 
    border: 4px solid var(--navbarbottomborder);
    outline: none; 
    background-color: white; 
    color: var(--navbarbottomborder); 
    cursor: pointer; 
    padding: 15px; 
    border-radius: 50%; 
    font-size: 1.8rem; 
    font-weight: 600;
}

#myBtn:hover {
    background-color: var(--navbarbottomborder); 
    color: white;
    font-size: 1.8rem; 
    font-weight: 600;
}

/* Footer */

.site-footer {
    background: var(--footerbg);
}