:root {
    --primary: #323232;
    --secondary: #004C97;
    --light: lightgrey;
    --dark: black;
}

html {
    height: 100%;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-family: 'Rubik', sans-serif;
}

main {
    flex: 1 0 auto;
}

.navbar {
    background-color: var(--primary) !important;
}

.link {
    color: var(--secondary);
    text-decoration: underline;
}

.link:hover {
    text-decoration: none;
    color: var(--secondary);
}

.link-reverse {
    color: var(--secondary);
    text-decoration: none;
}

.link-reverse:hover {
    text-decoration: underline;
    color: var(--secondary);
}

#logo {
    width: 10rem;
}

.jumbotron {
    background-color: var(--light);
    padding:20px 0px; 
    border-top: 2px solid var(--dark);
}

.jumbotron h1 {
    text-align: center;
}

.first-section p {
    font-size: larger;
}

.text-blue {
    color: var(--secondary);
}

.second-section {
    background-color: var(--light);
    padding: 20px 0px;
}

.second-section h4 {
    color: var(--primary);
}

.footer-copyright {
    border-top: 2px solid var(--dark);
    background-color: var(--primary);
    opacity: 0.9;
    color: var(--light);
}

.table-head-color {
    background-color: var(--secondary);
}

table {
    color: var(--light) !important;
    border: 1px solid var(--dark) !important;
}

.sectional-table-row-color {
    background-color: var(--primary);
    color: var(--light);
}

.regional-table-row-color {
    color: var(--primary);
    background-color: var(--light);
}

.state-table-row-color {
    background-color: var(--primary);
    color: var(--light);
}

.btn-primary {
    background-color: var(--secondary);
    color: var(--light);
    opacity: 0.9;
}

.btn-primary:hover {
    background-color: var(--secondary);
    color: var(--light);
    opacity: 1;
}

.accordion-button {
    color: var(--primary);
}

.nav-link {
    color: var(--secondary);
}

.nav-link:hover {
    color: var(--secondary);
}



td, th {
    border: 1px solid var(--dark);
    text-align: left;
}

hr {
    width: 20%;
    border-bottom: 20px solid var(--secondary);
    border-radius: 15px;
}

.table-roster th, .table-roster td {
    text-align: center;
}

.link-dashboard {
    color: var(--primary);
    text-decoration: none;
}

.link-dashboard:hover {
    text-decoration: none;
    color: var(--primary);
}

.link-result {
    color: var(--light);
    text-decoration: underline;
}

.link-result:hover {
    color: var(--light);
    text-decoration: none;
}