@font-face{
    font-family:'Montserrat';
    src:url(https://hiro.bsd.uchicago.edu/sites/all/themes/uofc/fonts/Montserrat-VariableFont_wght.ttf);
    font-style:normal;
}
@font-face{
    font-family:'Montserrat';
    src:url(https://hiro.bsd.uchicago.edu/sites/all/themes/uofc/fonts/Montserrat-Italic-VariableFont_wght.ttf);
    font-style:italic;
}

html{ font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

body {
    --theme-light-accent: white;
    --theme-medium-light-accent: #9e2121;
    --theme-medium-dark-accent: #7d0101;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: var(--theme-dark-accent);
    font-family: inherit;
}


#mainmenu {
    background: -webkit-linear-gradient(top,#333 0%,#2b2b2b 100%);
    border-bottom: 1px solid #0e0e0e;
    padding: 0.125em 0.5em;
    font-size: 16px;

    a, a:active, a:visited {
        font-size: 14px;
        font-weight: 500;
        color: #d3d1d1;
        text-decoration: none;
    }

    a:hover {
        color: white;
        text-decoration: underline;
    }
}

#banner {
    padding: 12px 0;
    background: linear-gradient(to bottom, #7d0101 0%, #651110 100%);
    border-top: 1px solid #9e2121;
    border-bottom: 1px solid #4a0404;

    div {
        color: white;
        font-weight: bold;
        width: 50%;
        text-align: right;
        float: left;
        margin-left: -12px;
    }

    h1 { color: white; font-weight: 500; font-style: normal;}

    h1.title {
        font-size: 1.5em;
        vertical-align: top;
        margin-bottom: 9px;
        line-height: 0.75em;
    }

    h1.subtitle { font-size: 1.2em; margin-bottom: 0px; }

    img {
        height: 48px;
        margin-left: 12px;
        padding-left: 12px;
        border-width: 0 0 0 1px;
        border-style: solid;
        border-color: white;
    }
}


#badpassword { display: none; margin: 2rem 0; }
#badpassword:target { display: block; }


h1 { color: var(--theme-medium-light-accent); }

.form-floating { margin: 0; }

form {
    border-radius: 1rem;
    border-style: solid;
    border-color: var(--theme-medium-light-accent);
    border-width: 1px;
    background-color: var(--theme-light-accent);
    max-width: 700px;
    margin: auto;
    padding: 2rem 5rem;
}


.btn-primary {
    margin: 0;
    --bs-btn-bg: var(--theme-medium-light-accent);
    --bs-btn-border-color: var(--theme-medium-light-accent);
    --bs-btn-hover-bg: var(--theme-medium-dark-accent);
    --bs-btn-hover-border-color: var(--theme-medium-dark-accent);
}

#disclaimer {
    margin-top: 2rem;
    font-size: 0.8rem;
}