html {
    scroll-behavior: smooth
}
.mainhatchtitle{    
    width:100%;
    max-width: 50em;
    margin: 0 auto;
}
.aquanav div {background:unset}
.aquanav .menudropdown .topsearch, 
.aquanav .aquamenudropdown .topsearch, 
.aquanav .menudropdown,
.aquanav .aquamenudropdown,
.aquanav > div,
.mobilenav .menudropdown ul.menu li a, 
.mobilenav .aquamenudropdown ul.menu li a, 
.aquanav .menudropdown ul.menu li a, 
.aquanav .aquamenudropdown ul.menu li a ,
.aquanav .aquamenudropdown ul.menu li a,
.aquanav .menudropdown ul.menu li.menu-item-has-children a.navdrop,
.aquanav .aquamenudropdown ul.menu li.menu-item-has-children a.navdrop {
        background: #1B2516;
        border-color: #1B2516;
    }
.aquanav .menudropdown ul.menu li a:hover, 
.aquanav .menudropdown ul.menu li a:focus, 
.aquanav .aquamenudropdown ul.menu li a:hover, 
.aquanav .aquamenudropdown ul.menu li a:focus,
.aquanav .menudropdown ul.menu li.menu-item-has-children ul.sub-menu li a,
.aquanav .menudropdown ul.menu li.menu-item-has-children a.navdrop:hover, 
.aquanav .menudropdown ul.menu li.menu-item-has-children a.navdrop:focus,
.aquanav .menudropdown ul.menu li.menu-item-has-children a.navdrop,
.aquanav .aquamenudropdown ul.menu li a:hover{
    background: #506247;
    border-color: #506247;
}
body,
.footer.main {
    background: #fff;
}
.postarticle_shareicons .col a, 
.postarticle_shareicons .col a:hover,
button {
    background: #506247;}
button{
    
border: 1px solid #506247;}

body.postid-38698,
body.postid-38698 .footer.main  {
    background: #ECEDCE;
}
.pagetitle,
.archivepagetitle {
    color: #1B2516
}

.newssignup h3,
.metadata,
.bio,
.authorbio,
.cite{
    color: #1B2516
}
.singlepagecontainer hr.fullwidth,
.audioedition,
.correction-text,
.correction{
    border-color: #1B2516
}
a,
a:visited {
    color: #1e5d6f
}

.singlebyline a,
.singlebyline a:visited {
    color: #1B2516
}

.series-text {
    background: #1B2516
}

.series-text h3 {
    font-family: "nimbus-sans", "Arial", sans-serif
}

.series-text a,
.series-text a:visited,
.series-text a:hover,
.series-text a:active {
    color: #E5E649
}


h4 a:link,
h4 a:hover,
h4 a:active,
h4 a:visited,
p a:link,
p a:hover,
p a:active,
p a:visited {
    color: #1e5d6f
}

.skipintro a {
    margin: 1em auto;
    text-decoration: none;
    display: block;
    width: 145px;
    border: 2px solid #073b4f;
    text-align: center;
    border-radius: 50px;
    color: #073b4f;
    font-family: "nimbus-sans", "Arial", sans-serif;
    font-weight: bold;
    padding: 5px 15px 2px
}

.skipintro a:hover,
.skipintro a:focus {
    background: #073b4f;
    color: #fff
}

.skipintro a span {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 10px;
    line-height: 0;
    -webkit-transform: scale(1.5, 0.7);
    transform: scale(1.5, 0.7);
    font-weight: 100
}

#video-background2,
#video-background {
    position: relative;
    right: 0;
    top: 0;
    min-width: 100%;
    width: auto;
    height: auto;
    overflow: hidden
}

#video-background2 video,
#video-background video {
    position: absolute;
    top: 0;
    left: unset;
    bottom: unset;
    right: unset;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    overflow: hidden
}

#video-background2 .pagetitle,
#video-background2 .secondarytitle,
#video-background2 .tertiarytitle,
#video-background2 .date,
#video-background .pagetitle,
#video-background .secondarytitle,
#video-background .tertiarytitle,
#video-background .date {
    color: #fff;
    text-align: center
}
.aquanav a.togglemenu2,
.aquanav .aquamenudropdown ul.menu li a {
    color: #e5e649;
}
#video-background2 .pagetitle,
#video-background .pagetitle {
    color: #e5e649;
    font-size: 5em;
    margin: 0
}

#video-background2 .secondarytitle,
#video-background .secondarytitle {
    color: #E5E649;
    font-weight: 600;
    font-size: 1.9em;
    margin: 0
}

#video-background2 .tertiarytitle,
#video-background .tertiarytitle {
    margin: 1em;
    font-size: 1.2em;
    line-height: 1.2em
}

#video-background2 .insidepagethumbinfodate,
#video-background .insidepagethumbinfodate {
    margin: .8em;
    font-size: .85em;
    line-height: .9em
}

#video-background2 .curl,
#video-background .curl {
    text-align: center;
    margin: 1em;
    line-height: 0
}

#video-background2 .curl img,
#video-background .curl img {
    width: 1.5em;
    text-align: center
}

#video-background .video-background-container {
    margin: 10vw 0;
    background: #1B251699;
    overflow: hidden
}

@media only screen and (max-width: 980px)and (min-width: 0) {

    #video-background .video-title-container .pagetitle,
    #video-background .video-background-container .pagetitle,
    #video-background2 .video-title-container .pagetitle,
    #video-background2 .video-background-container .pagetitle {
        font-size: 11vw
    }

    #video-background .video-title-container .secondarytitle,
    #video-background .video-background-container .secondarytitle,
    #video-background2 .video-title-container .secondarytitle,
    #video-background2 .video-background-container .secondarytitle {
        font-size: 6vw
    }
}

#video-background2 .video-title-container {
    position: relative;
    top: unset;
    overflow: hidden;
    width: 100%;
    padding: 2em 0
}

#video-background2 .video-background-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 0 2em 0
}

#video-background2 .insidepagethumbholder {
    width: 48%;
    margin: 1%;
    background: rgba(7, 59, 79, .8)
}

@media only screen and (max-width: 980px)and (min-width: 0) {
    #video-background2 .insidepagethumbholder {
        width: 98%;
        margin: 1%
    }
}

#video-background2 .insidepagethumbholder a header {
    background: none;
    height: 100%;
    color: #1B2516;
    padding: 1em
}

#video-background2 .insidepagethumbholder a header * {
    color: unset
}

@media only screen and (max-width: 980px) {
    #video-background2 .insidepagethumbholder a header h3 {
        margin: 0 0 1.5em 0
    }
}

#video-background2 .insidepagethumbholder a header .insidepagethumbinfodate {
    position: absolute;
    bottom: 1em;
    margin: 0
}

#video-background2 .noimage.insidepagethumbholder a header {
    color: #e5e649;
    height: 100%;
    -ms-flex-line-pack: end;
    align-content: end;
    background: none;
    border: 3px solid #e5e649aa
}

@media only screen and (max-width: 980px) {
    #video-background2 .noimage.insidepagethumbholder a header {
        padding: 1em;
        min-height: auto
    }
}


/* #video-background2 .insidepagethumbholder:last-child:nth-child(even),
#video-background2 .item1 {
    width: 98%;
    margin: 1%;
    height: 150px
} */

@media only screen and (max-width: 980px) {

    #video-background2 .insidepagethumbholder:last-child:nth-child(even),
    #video-background2 .item1 {
        height: unset
    }
}

#video-background2 .frontpagethumbholder a,
#video-background2 .searchpagethumbholder a,
#video-background2 .insidepagethumbholder a {
    color: #fff;
    text-decoration: none;
    display: block;
    height: 100%
}