@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap&family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap');

html {
    scroll-behavior: smooth;
}

.MHSmasthead {
    border-bottom: solid 1px;
}

.masterc nav.primary {
    width: 20%;
}

body {
    background: white;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 1em;
    background: rgb(255 255 247);
}

.TOC {
    display: none;
}

.sidebarNav nav {
    border-right: solid 1px;
    border-bottom: solid 1px;
    background: revert;
    padding: 2%;
}

nav a {
    color: black !important;
}

#navExpan {
    display: none;
}

p{
    max-width: 1040px;
    line-height: revert;
}

.gallery {
    display: flex;
    align-items: center;
    margin: 5% 0 3% 0;
    justify-content: center;
}

h2 {
    color: black;
    font-family: 'Old Standard TT', serif;
    font-weight: revert !important;
    margin: 1em 0 0 0;
    font-size: 2.75rem;
}

h2:first-child {
    margin: 1em 0 0 0 !important;
    /* font-size: 2.8rem; */
}

h1 {
    display: none;
}

h3 {
    font-weight: 700;
}

.mainContent .outerWrapper {
    display: none;
}

.bannerBlock {
    display: none;
}

hr {
    max-width: 1040px;
    border-top: 1px;
}

.sidebarNav .mainContent {
    float: left;
    width: 74%;
    padding-left: 5%;
}

ol {
    list-style-type: none;
}

li {
    margin: 1em 1.5em;
}

.sponsor_line {
    font-size: smaller;
    font-style: italic;
}

.title {
    font-size: 3.75rem;
}

h3, h4, h5 {
    font-family: revert;
    margin: 0;
}

.nv_quick_item {
    margin: 0;
}

.nv_quick_item .title a:link {
    font-size: revert;
}

.nv_quick_item .text {
    display: block;
    max-width: 85%;
    margin-right: 0 !important;
}

.nv_quick_item.thumbnails {
    float: left;
    margin-left: 2em;
}

.nv_quick_item.references {
    float: left;
    display: block;
    margin-left: 0 !important;
    width: 33.3%;
}

.image_gallery {
    overflow: auto;
    margin-top: 5%;
}

.image_gallery p {
    margin: 0;
    max-width: 70%;
}

#toTop {
    display: block;
    bottom: -52px;
    background: grey;
    color: white;
    padding: 1%;
    position: fixed;
    border-radius: 1%;
    left: 88%;
    border: none;
    outline: none;
    cursor: pointer;
    transition: bottom 0.5s ease;
    z-index: 99;
}

#toTop a:hover {
    text-decoration: none;
}

#toTop a {
    color: white;
}

@media (max-width: 750px) {

    .masterc nav.primary{
        display: none;
    }

    .sidebarNav .mainContent {
        width: 80%;
        padding-left: 10%;
    }

    #navExpan {
        padding-top: 1em;
        display: revert;
    }

    #navExpan a {
        text-decoration: none;
        cursor: pointer;
        color:black;
    }

    .TOC{
        border: solid 1px;
        padding: 1em 1em 0.5em 1em;
        transition: bottom 0.5s ease;
    }

    .TOC a {
        color: black;
    }

    h2.title {
        line-height: 2.8rem;
        font-size: 2.8rem;
        padding-bottom: 1em;
    }

    h2 {
        font-size: 2rem;
    }

    .landingPage .bannerBlock .titleBlock, .bannerBlock .titleBlock {
        display: none;
    }

    ol {
        list-style-type: none;
    }

    li {
        margin: 0;
    }

    #toTop {
        left: 80%;
    }

    .gallery {
        display: inline;
    }

    .nv_quick_item.thumbnails {
        width: 130%;
        margin: 0;
    }

    .nv_quick_item.references {
        float: none;
        width: revert;
    }


}


@media (max-width: 912px) and (min-width: 750px) {

    .masterc nav.primary{
        width: 20%;
    }

    .sidebarNav .mainContent {
        width: 70%;
    }

    .sidebarNav nav {
        padding: 0% 0% 0% 0%;
    }

    .gallery {
        justify-content: space-around;
    }

    .nv_quick_item.references {
        width: 30%;
    }

    .image_gallery p {
        max-width: revert;
    }

}