header#masthead{
    position:relative;
    width:100%;
    z-index:100;
}




body header#masthead{background:var(--floral);}
body header#masthead{
    background: white;
    border-top: 2px solid white;
    border-bottom:1px solid lightgrey;
}
body .navbar.bg-dark {
    background-color: var(--floral)!important;
    background-color: transparent!important;
}


.rot-header-fullwidth *{transition:all ease 0.3s;}
.rot-header-fullwidth{
    width:100%;
    position:relative;
    padding-bottom:40%!important;
    height:0;
    overflow: hidden;
}

.rot-headerpic{
    width:100%; height:100%; overflow:hidden; background-size:cover;position:absolute;
    background-size:cover;
    background-position: 0% 45%;
}
body.home .rot-headerpic{
    width:100%; height:100%; overflow:hidden; background-size:cover;position:absolute;
    background-size:160%;
    background-position: 50% 45%;
}

/* .single-post .jumbotron p.lead{display:none;} */

body .custom-logo {
    height: 66px;
    width: auto;
}

@media(min-width:576px){
    .rot-header-fullwidth{padding-bottom:35%!important;}
    body .custom-logo {height: 76px;}
}
@media(min-width:768px){
    body .custom-logo {height: 94px;}
}
@media(min-width:992px){
    .rot-header-fullwidth{padding-bottom:30%!important;}
    body .rot-headerpic{background-size:128%;}
    body .custom-logo {height: 100px;}

}
@media(min-width:1200px){
    .rot-header-fullwidth{padding-bottom:30%!important;}
    body .rot-headerpic{background-size:118%;}
}
@media(min-width:1500px){
    .rot-header-fullwidth{padding-bottom:19%!important;}
    body.home .rot-headerpic{background-size:114%;}
}
@media(min-width:1800px){
    .rot-header-fullwidth{padding-bottom:22%!important;}
    body.home .rot-headerpic{background-size:100%;}
}
.site-header{border-bottom:none;}

.jumbotron{border-bottom:none!important;padding:0;}
.rot-jumbotron{
    background-size: cover;
    background-position: center 40%;
    position: relative;
    background-color:white!important;
}
body:not(.home) .rot-jumbotron .wp-bp-jumbo-overlay,
body.home .rot-jumbotron .wp-bp-jumbo-overlay {
        padding: 2rem 2rem;
        position:absolute;
        height:100%;
        width:100%;
}
.home .rot-jumbotron .wp-bp-jumbo-overlay p.lead,
.home .rot-jumbotron .wp-bp-jumbo-overlay .jumbotron-heading{
        visibility:hidden;
        height:0;
}


.post-template-rot-single-entry .rot-jumbotron .wp-bp-jumbo-overlay,
.page-template-no-sidebar .rot-jumbotron .wp-bp-jumbo-overlay{
    padding: 8rem 2rem;
}
.rot-jumbotron .wp-bp-jumbo-overlay {
    background-color:transparent!important;
    z-index:5;
    top:0;
    position:absolute;
}
.rot-jumbotron .wp-bp-jumbo-overlay .container{
    position:relative;
    height:100%;
    width:100%;
}
.rot-brand-logo{
    max-height:100%;
    height:94%;
    position:relative;
    top:-3%;
}
body:not(.home) .rot-brand-logo{height:70%;}
.rot-brand-logo img{
    max-height:100%;
    height:100%;
    position:relative;

}

@media(min-width:576px){.rot-brand-logo{height:94%;}}
@media(min-width:768px){.rot-brand-logo{height:92%;} body:not(.home) .rot-brand-logo{height:50%;}}
@media(min-width:992px){.rot-brand-logo{height:90%;}}
@media(min-width:1200px){.rot-brand-logo{height:88%;}}
@media(min-width:1600px){.rot-brand-logo{height:84%;}}
@media(min-width:1920px){.rot-brand-logo{height:82%;}}

@media(min-width:1024px){.home .rot-jumbotron .wp-bp-jumbo-overlay {
        padding: 2rem 2rem;
    }
}

.rot-jumbotron .rot-headerpic .post-thumbnail{
    display:none;
}



#primary-menu-mirrored-wrap{
    opacity:0;
    height:0;
    width:100%;
    position:absolute;
    left:0;
    pointer-events:none;
    transition:opacity 0.5s 0.2s;
    align-items: start;
    top: 9%;
}

.collapse:not(.show) {
    display:block ;
    height:0;
    opacity:0;
    transition: height 0.8s 0.05s;
    overflow:hidden;

}
.collapse.show{
    height:auto;
    opacity:1;
}




@media(min-width:992px){
    #primary-menu-wrap{
        opacity:1;
        /* transition:opacity 0.5s 0.3s; */
    }
    body.has-fixed-header #primary-menu-wrap{
        opacity:0;
    }
    body.has-fixed-header #primary-menu-mirrored-wrap{
        position: fixed;
        top: 0;
        opacity: 1;
        height: auto;
        width: 100%;
        pointer-events: all;
        background: white;
        top:0;
        outline: 20px solid rgba(255,255,255,0.5);
        border-bottom: 1px solid rgba(0,0,0,0.25 );
    }
    body.has-fixed-header #primary-menu-mirrored-wrap ul{padding-bottom:0.5rem;}

    .collapse:not(.show){overflow:visible;height:auto;}


}

body .wp-bp-jumbo-overlay {
    background: rgba(33,37,41, 0);
}
.wp-bs-4-jumbotron .jumbotron-heading{
    font-size:12vw;
    font-weight:300;
}

@media(min-width:576px){.wp-bs-4-jumbotron .jumbotron-heading{font-size:8vw;}}
@media(min-width:768px){.wp-bs-4-jumbotron .jumbotron-heading{font-size:8.1vw;}}
@media(min-width:992px){.wp-bs-4-jumbotron .jumbotron-heading{font-size:8.1vw;}}
@media(min-width:1200px){.wp-bs-4-jumbotron .jumbotron-heading{font-size:5.8rem;}}

.home .rot-article{margin-top:0rem;}
@media(min-width:992px){.home .rot-article{margin-top:0rem;}}