#footer div, #site-footer-middle div div,#site-footer-under{background-color: #fff !important;color:#000 !important;}

#footer-logo{max-width: 200px;margin-top:20px}

@media (min-width: 576px) {
    #bannerhero{display:block;}
    #bannerheromobile{display:none;}

}

@media (max-width: 575px) {
    #bannerhero{display:none;}
    #bannerheromobile{display:block;}
    main#site-content{margin-top:0px !important;}
}

.login-box{margin-top:10px}



#fdicBand {
    z-index: 999;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding:2px;
background-color:#333;
}

@media (min-width: 0px) {
    #fdicBand span{color:#fff;padding-left:10px;padding-top:4px;margin-top:2px;font-size:12px;}
}

@media (min-width: 768px) {
    #fdicBand span{color:#fff;padding-left:10px;padding-top:4px;margin-top:2px;font-size:13px;}
}

nav #mobileButtons a{text-decoration:none;font-weight: bold;font-size:15px;margin-left:13px}
nav ul.nav li a{font-weight: bold}

/*hide covid boxes when not using*/
.covid-mobile{display:none;}

#site-footer-over,#site-footer-middle{background-color:#fff;}

#site-header{
/*    background: url('http://bank313.qa.axiscrossmedia.com/wp-content/uploads/2025/06/shim313b.png') repeat; */
    background-position-y: 137px;} /*background-color: #0099cc; */

.covid-mobile {
    margin: 30px auto -220px;
    text-align:center;
    font-size:14px;
    padding:6px;
    background-color:#fff;
    max-width: 500px;
    border: 1px solid #000;
}
@media (min-width: 576px) {
    .covid-mobile {
        margin: 20px auto -200px;
    }
}
@media (min-width: 768px) {
    .covid-mobile {
        margin: 185px auto -140px;
    }
    #site-header{background-position-y:135px;}
}
@media (min-width: 992px) {
    .covid-mobile {
        margin: 185px auto -165px;
    }
}




/*   Nav Styles  */


#openNav{z-index: 1111;}

a#openNav,
a#openNav:link{
    color: #fff;
}

a#openNav:hover,
a#openNav:active,
a#openNav:focus{
    color: rgba(255, 255, 255, 0.51);
    margin-left:0;
    margin-right:0;
}

#openNav:hover {
    text-decoration:none
}

#openNav i {

}

#openNav span {
    padding:5px 0 0 10px;
    display:block;
    float:right;
    letter-spacing: 0.1rem;
    font-size: 0.8rem;
}


@media (min-width: 300px) {
    div#nav.nav-is-open{
        height:100%;
        position: fixed;
        z-index: 1002;
        padding-top: 5%;top:50px;
    }

    #search{
        width: 100%;
        height: 130px;
        position: absolute;
        z-index: 1111;
        background-color: #fff;
        margin:0 auto;
        text-align: center;
        margin-top: 140px;
    }
    #search h3{ font-size: 22px;}
}

@media (min-width: 576px) {
    div#nav.nav-is-open{
        height:100%;
        position: fixed;
        z-index: 1002;
        padding-top: 1%;top:50px;
    }

    #search{
        width: 100%;
        height: 130px;
        position: absolute;
        z-index: 1111;
        background-color: #fff;
        margin:0 auto;
        text-align: center;
        margin-top: 140px;
    }
}

@media (min-width: 768px) {
    div#nav.nav-is-open{
        height:100%;
        position: fixed;
        z-index: 1002;
        padding-top: 1%;top:50px;
    }

    #search{
        width: 100%;
        height: 130px;
        position: absolute;
        z-index: 1111;
        background-color: #fff;
        margin:0 auto;
        text-align: center;
        margin-top: 165px;
    }
}

@media (min-width: 992px) {
    div#nav.nav-is-open{
        height:100%;
        position: fixed;
        z-index: 1002;
        padding-top: 4%;
    }

    #search{
        width: 100%;
        height: 100px;
        position: absolute;
        z-index: 1111;
        background-color: #fff;
        margin:0 auto;
        text-align: center;
        margin-top: 174px;
    }

    #search h3{ font-size: 24px;}
}

@media (min-width: 1200px) {
    div#nav.nav-is-open{
        height:100%;
        position: fixed;
        z-index: 1002;
        padding-top: 4%;top:15px;
    }

    #search{
        width: 100%;
        height: 100px;
        position: absolute;
        z-index: 1111;
        background-color: #fff;
        margin:0 auto;
        text-align: center;
        margin-top: 140px;
    }

    #search h3{ font-size: 27px;}
}


#nav{
    max-height:2000px;
    width:100%;
    position: fixed;
    -webkit-transition: .35s all ease;
    transition: .35s all ease;
    height: 0px;
    overflow:hidden;
}

.nav-overlay {
    height: 100%;
    width: 50%;
    position: fixed;
    z-index: 1001;
    top: 0;
    background: #000;
    opacity: .85;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.nav-overlay.right-curtain{
    right:0px;
}
.nav-overlay.left-curtain{
    left:0px;
}

.nav-overlay-content{
    z-index: 1002;
    position: relative;
    opacity: 0;
    -webkit-transition: .45s all ease;
    transition: .45s all ease;
}
.nav-is-open .nav-overlay-content{
    opacity: 1;
}
.nav-overlay *{
    color: #fafafa;
}

.nav-overlay-content.container-fluid {
    padding: 0;
}

#nav ul {
    width: 100%;
    overflow:hidden;
}

#nav .mainNav ul li {
    list-style:none;
    color: #fff;
    font-size: 18px;
    float: none;
    text-align: center;
}

#nav .mainNav ul li a {
    color: #fff;
    font-family: 'Barlow', sans-serif;
    font-size: 2rem;
    background: transparent;
    margin-bottom:10px;
}

#nav .mainNav ul li a:hover, #nav .mainNav ul li a:focus {
    text-decoration: none;
    color: #fff;
    background-color: transparent;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

#nav .mainNav ul li{
    -webkit-transition: .45s all ease;
    transition: .45s all ease;
}
#nav .mainNav ul li:nth-child(odd) {
    -webkit-transform: translateX(-1500px);
    -ms-transform: translateX(-1500px);
    transform: translateX(-1500px);
}
#nav .mainNav ul li:nth-child(2n) {
    -webkit-transform: translateX(1500px);
    -ms-transform: translateX(1500px);
    transform: translateX(1500px);
}
#nav .mainNav ul.social-media-links li:nth-child(odd) {
    -webkit-transform: translateX(-1500px);
    -ms-transform: translateX(-1500px);
    transform: translateX(-1500px);
}
#nav .mainNav ul.social-media-links li:nth-child(2n) {
    -webkit-transform: translateX(1500px);
    -ms-transform: translateX(1500px);
    transform: translateX(1500px);
}

#nav.nav-is-open .mainNav ul li:nth-child(2n) {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
#nav.nav-is-open .mainNav ul li:nth-child(odd) {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.nav-overlay.right-curtain{
    right:0px;
    -webkit-transform: translateX(1500px);
    -ms-transform: translateX(1500px);
    transform: translateX(1500px);
}
.nav-overlay.left-curtain{
    left:0px;
    -webkit-transform: translateX(-1500px);
    -ms-transform: translateX(-1500px);
    transform: translateX(-1500px);
}
#nav.nav-is-open .nav-overlay.left-curtain, #nav.nav-is-open .nav-overlay.right-curtain{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
#nav .mainNav .social-media-links{
    margin: 0 auto;
    max-width: 310px;
    width: 100%;
}
#nav .mainNav .app-links{
    max-width:400px;
    margin-top:20px;
}

#nav .mainNav .social-media-links li{
    float: left;
    margin: 0 10px;
    padding: 0;
    display: block;
}
#nav .mainNav .social-media-links li i{
    font-size:2rem;
}
#nav .mainNav .app-links a:hover>img,#nav .mainNav .app-links a:focus>img{
    border: 2px solid #19273C;
    border-radius: 5px;
}

#nav-container i, #nav-container i a{
    color:#fff;
    font-size:27px;
    padding:1px 10px;
}

#searchform{
    margin-top:20px;
}

#searchform h3{
    float: left;
    padding-top: 10px;
    padding-right: 20px;
}




@media (min-width: 300px) {
    #nav-container{
        text-align: center;
        width: 90%;
        margin-bottom: 20px;
    }
    .search-container{
        margin: 0 auto;
        width: 80%;
        text-align: center;
    }

}


@media (min-width: 450px) {
    #nav-container{
        text-align: center;
        width: 90%;
        margin-bottom: 20px;
    }
    /*ul#primary-menu{margin-top:-50px}*/
}


@media (min-width: 570px) {
    #nav-container{
        text-align: center;
        width: 90%;
        margin-bottom: 20px;
    }
    /*ul#primary-menu{margin-top:-40px}*/
}

@media (min-width: 571px) {
    #nav-container{
        text-align: center;
        width: 90%;
        margin-bottom: 20px;
    }
    ul#primary-menu{margin-top:20px}
}

@media (min-width: 768px) {
    #nav-container{
        text-align: right;
        width: 98%;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    /*ul#primary-menu{margin-top:120px}*/
    nav ul li.vertbar{ padding-top: 8px;display: none;}
}

@media (min-width: 992px) {
    #nav-container{
        text-align: right;
        width: 92%;
        margin-bottom: 0px;
    }
    ul#primary-menu{margin-top:120px}
    .search-container{
        margin: 0 auto;
        width: 60%;
        text-align: center;
    }
    nav ul li.vertbar{ padding-top: 8px;display: block;}
}

@media (min-width: 993px) {
    #nav-container{
        text-align: right;
        width: 92%;
        margin-bottom: 0px;
    }
    ul#primary-menu{margin-top:10px}
}


@media (min-width: 1200px) {
    #nav-container{
        text-align: right;
        width: 92%;
        margin-bottom: 0px;
    }
    ul#primary-menu{margin-top:0px}

    #primary-menu{margin-top:0px;}
    .search-container{
        margin: 0 auto;
        width: 30%;
        text-align: center;
    }
    nav ul li.vertbar{ padding-top: 8px;display: block;}
}

.searchShow{display: block}
.searchHide{display: none;}

label.wpa-screen-reader-text {
    position: absolute!important;
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    color: #000;
    background: #fff;
    width: 1px;
    height: 1px;
}

ul.nav li.nav-item a{transition:font-weight .5s ease-in-out; &:hover{font-weight:700!important;font-size:16px}}
ul.nav li.nav-item a:hover{font-weight:700 !important;font-size:16px}

.login-dialog{
    text-align: center;
    margin-top:-50px;
}

.login-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 90%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
    padding: 10px;
    float:right;

}

#mobilecollapseExpand{font-size: 13px;margin-left: 10px;margin-top: 4px;}



@media (min-width: 768px)  and (max-width: 994px){
    #mnav li.nav-item a{font-size:14px !important}
    #mnav{min-width:500px;}
}

@media (min-width: 995px){
    #mnav{min-width:630px;}
    #mnav li.nav-item a{font-size:16px !important;}
}