body{
    font-family: Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

h2, p{
    margin-left: auto;
    margin-right: auto;
}

h2{
    text-align: center;
}

details{
    display: none;
}

#sotp-viewer{
    /* aspect-ratio: 16 / 9; */
    width: 100vw;
    height: 100vh;
    margin: 0;
    background-color: #fff;
}

#viewer-display{
    aspect-ratio: initial;
    display: flex;
    flex: 70;
    align-items: center;
    background-color: #f3f3f3;
}

#viewer-info{
    font-size: clamp(1rem, 0.301rem + 0.947vi, 1.438rem);
    line-height: 160%;
}

#viewer-info h2{
    font-family: New York, Georgia, serif;
    font-size: 1.55em;
    line-height: 1.45em;
}

#viewer-feature{
    margin-top: 1.3em;
    min-height: calc(87%);
    padding: 0 1.5em;
}

#viewer-info.features-list{
    background-color: #222;
    color: #fff;
}

#viewer-info.features-list a{
    color: #fff;
}

#viewer-feature img{
    width: 100%;
    height: auto;
}

#viewer-feature blockquote {
    line-height: 1.5em;
    font-style: italic;
}

#viewer-feature blockquote p {
    font-size: .9em !important;
    line-height: 1.6em;
}

#viewer-navigation{
    font-weight: bold;
    padding: 17px 0;
}

#viewer-nav-prev{
    margin-left: 1.7rem;
}

#viewer-nav-next{
    margin-right: 1.7rem;
}

#viewer-feature figcaption{
    font-size: .9em;
    line-height: 150%;
    padding: 4px 20px 12px;
}

#viewer-features-nav{
    padding-left:2rem;
}

#viewer-features-nav li{
    line-height: 1.5em;
    margin-bottom: 1.5em;
}

#viewer-features-nav > li:last-child{
    list-style-type: none;
}

#viewer-feature p:last-child{
    margin-bottom:0;
}

.feature img:fullscreen {
    object-fit: contain;
    background: #fff;
}

.openseadragon-container > div:nth-child(2){
    left: 20px !important;
    top: 16px !important;
}

.full-text-only {
    display: none;
}

.lightbox-trigger{
    display: none;
}

.education #viewer-feature blockquote{
    font-size: .9em;
    line-height: 1.65em;
}

@media (min-width: 1920px) {
    #viewer-info{
        font-size: clamp(1.438rem, -0.063rem + 1.25vi, 3.938rem);
    }
}

/* BEGIN FULL TEXT PAGE STYLES */

.full-text #sotp-viewer {
    display: none;
}

.full-text details{
    display: block;
    max-width: 650px;
    margin: 2.4rem auto 1rem;
    font-family: Helvetica, sans-serif;
    font-size: 1.2rem;
    line-height: 2.1rem;
}

.full-text details div.feature:nth-child(2) h2:before{
    content: "Full Text: ";
}

.full-text details summary{
    display: none;
}

.full-text details img{
    width: 100%;
    height: auto;
}

.full-text .full-text-only {
    display: block;
}

.full-text details h2{
    font-family: New York, Georgia, serif;
    font-size: 1.9rem;
    line-height: 2.7rem;
}

.full-text details .feature{
    margin-bottom: 1.5rem;
    padding-bottom: .8rem;
    border-bottom: 4px dotted #666;
}

.full-text details > .feature:last-child{
    border-bottom: none;
}

.full-text details figure{
    margin: 1.8rem 0;
    background-color: #F0F0F0;
}

.full-text details figcaption{
    padding: 5px 22px 13px;
    margin-bottom: 0;
    font-size: 1.1rem;
    line-height: 1.7rem;
}

.full-text details blockquote{
    font-style: italic;
    font-size: 1.15rem;
    line-height: 1.85rem;
}

.full-text .feature > img{
    margin: .75rem 0 .3rem;
}