/* drive.google.com/drive/folders/1ae1lFEcxtve-GzCLHOg4Lt5MvvOtVwjB */
/* CSS Document */
.mega-menu{
    /*width: 600px;*/
    /*overflow: hidden; */
    padding: 10px;
    margin-top: 0px; /*-- gap between menu and dropdown --*/
}

/*-- FIX for automatically sizing the dropdown menus --*/
.mega-menu > .row {
    flex-wrap: inherit;
}

/*-- Width of each individual column in dropdown menu --*/
.megamenu-list > .col-md-4 {
    min-width: 190px;
}
.megamenu-list > .col-md-6 {
    min-width: 190px;
}
.megamenu-list > .col-md-12 {
    min-width: 190px;
}



/*-- Background block color of menu items and on hover --*/
.mega-menu a {
    text-decoration: none; 
    color: #666666;
    display: block;
    margin-bottom: 10px;
}
.mega-menu a:hover {
    color: #000000;
    background-color: #f5f5f5;
}

/*-- Unordered list appearance for menu items --*/
.megamenu-list ul {
    margin-left: -35px;
    list-style-type: none;
}
/*-- Extra indent for sub-unordered menu lists --*/
.megamenu-list ul ul {
    margin-left: -30px;
}




/*-- Font for MAIN menu headings --*/
.nav-link {
    font-family: 'Roboto Condensed', 'Open Sans', sans-serif;
    font-size: 15px;
}

/*-- Font for Subheadings --*/
.megamenu-sub-heading {
    font-family: 'Roboto Condensed', 'Open Sans', sans-serif;
    font-size: 15px;
    margin-bottom: 10px;
}
.sub-heading-spacer {
    height: 16px;
    visibility: hidden;
}

/*-- Font for Dropdown menu items --*/
.dropdown-menu {
    font-family: 'Roboto Condensed', 'Open Sans', sans-serif;
    font-size: 14px;
    padding-bottom: 10px;
    line-height: 16px;
    border: 1px solid rgba(102, 102, 102, .6) !important;
    -moz-box-shadow: 0px 6px 12px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0px 6px 12px rgba(0,0,0,0.18);
    box-shadow: 0px 6px 12px rgba(0,0,0,0.18);
}




/*-- Navbar padding top/bottom, background color --*/
.navbar {
    padding: 0rem 1rem;
    background-color: #e3e3e3 !important;
    box-shadow: 0px  5px 15px 1px rgba(0,0,0,0.15);
    z-index: 10;
}
/*-- Navbar link text color --*/
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.6);
}
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.9);
}

/*-- Text color of main menu item when selected --*/
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: white; /*rgba(0,0,0,.9);*/
    text-shadow: 0px 0px 4px #777777 ;
}


/*-- Different colors for the main menu sections on click/hover --*/
.active>.link-color1, link-color1.active, .link-color1.show, .show>.link-color1 {
    background-color: #0099a9;
}




/*-- SITE THEME COLORS --*/
.bg-color-aquablue {
    background-color: #0099a9;
    color: #fff;
}

.bg-color-yellow {
    background-color: #ffc658;
    color: #fff;
}

.bg-color-green {
    background-color: #76bd22;
    color: #fff;
}

.bg-color-ltblue {
    background-color: #20cbd4;
    color: #fff;
}

.bg-color-orange {
    background-color: #f1a055;
    color: #fff;
}

.bg-color-gray {
    background-color: #333;
    color: #fff;
}



/*-- SITE THEME COLORS for Header Navigation and sub-section Banners --*/
/*-- COLOR ADJUSTMENTS FOR SUPPORTING ELEMENTS --*/

/*-- FOR AQUA BLUE --*/
.link-color1:hover {
    background-color: #0099a9;
    color: white !important;
    text-shadow: 0px 0px 4px #777777 !important;
}

/*-- FOR YELLOW BACKGROUND --*/
.active>.link-color2, .link-color2.active, .link-color2.show, .show>.link-color2 {
    background-color: #ffc658;
}
.link-color2:hover {
    background-color: #ffc658;
    color: white !important;
    text-shadow: 0px 0px 4px #777777 !important;
}

/*-- FOR GREEN BACKGROUND --*/
.active>.link-color3, .link-color3.active, .link-color3.show, .show>.link-color3 {
    background-color: #76bd22;
}
.link-color3:hover {
    background-color: #76bd22;
    color: white !important;
    text-shadow: 0px 0px 4px #777777 !important;
}

/*-- FOR GRAY BACKGROUND --*/
.active>.link-color4, .link-color4.active, .link-color4.show, .show>.link-color4 {
    background-color: #666666;
}
.link-color4:hover {
    background-color: #666666;
    color: white !important;
    text-shadow: 0px 0px 4px #777777 !important;
}

/*-- FOR LT.BLUE BACKGROUND --*/
.active>.link-color5, .link-color5.active, .link-color5.show, .show>.link-color5 {
    background-color: #20cbd4;
}
.link-color5:hover {
    background-color: #20cbd4;
    color: white !important;
    text-shadow: 0px 0px 4px #777777 !important;
}

/*-- FOR ORANGE BACKGROUND --*/
.active>.link-color6, .link-color6.active, .link-color6.show, .show>.link-color6 {
    background-color: #f1a055;
}
.link-color6:hover {
    background-color: #f1a055;
    color: white !important;
    text-shadow: 0px 0px 4px #777777 !important;
}


/*-- Different text colors for the Subheadings (they should match the menu sections, above) --*/

/*-- AQUA BLUE --*/
.heading1, .heading1 a{
    color: #0099a9;
}
/*-- YELLOW --*/
.heading2, .heading2 a{
    color: #ffc658;
}
/*-- GREEN --*/
.heading3,.heading3 a{
    color: #76bd22;
}
/*-- GRAY --*/
.heading4, .heading4 a{
    color: #666666;
}
/*-- LT.BLUE --*/
.heading5,.heading5 a{
    color: #20cbd4;
}
/*-- ORANGE --*/
.heading6, .heading6 a{
    color: #f1a055;
}

/*-- SUB-header bar adjustments --*/
.banner-subsection a, .banner-subsection a:hover {
    color: #fff !important;
    text-decoration: none !important;
}



/*--- Header ---*/
.archives-header-bg {
    min-height: 146px; /* header 2 pixel reduction */
    background-repeat: no-repeat;
    background-color: #073C4A;
    z-index: 9;
}

.archives-img-header-logo {
    display: block;
    margin-top: 26px; /* header 2 pixel reduction */
    margin-bottom: 10px;
}


/*-- Social media icons --*/
.fa-stack {
    height: 2.1em !important; /*-- fontawesome 5.9 formatting fix --*/
    width: 2em !important; /*-- fontawesome 5.9 formatting fix --*/
}
.fa-stack-1x, .fa-stack-2x {
    width: 99% !important;
}
.header-mini-menu {
    float: right;
    margin-top: 58px;   
    margin-right: 60px; 
    /*color: #197d97;*/
    color: rgba(204, 204, 204, 0.6);
}
.header-mini-menu a {
    color: rgba(204, 204, 204, 0.6);
}
.header-mini-menu a:hover {
    color: rgba(204, 204, 204, 0.9);
}
.header-mini-menu-text {
    font-family: 'Roboto Condensed', 'Open Sans', sans-serif;
    font-size: 16px;
}


/*-- Margins for search field and button --*/
.mb-lg-0, .my-lg-0 {
    /*padding-bottom: 5px!important;
    padding-top: 5px!important;*/
}

.form-inline .form-control {
    height: 75%;
}

.btn-search {
    height: 75%;
    padding: .2rem .75rem;
}







/*--- MEDIA TAGS BELOW ---*/
@media (max-width:500px){

    /*--- FIX for automatically sizing the dropdown menus ---*/
    .mega-menu > .row {
        flex-wrap: wrap;
    }

    /*-- FIX to remove spacing in menu item that uses a sub-heading spacer when in MOBILE view --*/
    .sub-heading-spacer {
        display: none;
    }
}


@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.20rem;
        /*padding-left: .80rem;*/
    }
}

@media (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}

@media (max-width: 992px) {
    .header-mini-menu {
        margin-right: unset;
    }
}
@media (width: 992px) {
    .header-mini-menu {
        margin-right: 60px; /*-- Display bug fix --*/
    }
}


@media (max-width: 992px) {
    /*-- Padding adjustment on mobile menu --*/
    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        padding-left: 5px !important;
    }

    .navbar-toggler {
        align-self: flex-start;
        margin: 2px 0;
    }

    .dropdown-menu {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media (max-width:767px) {

    .header-mini-menu {
        margin-top: 0px;
        margin-bottom: 10px;
        float: unset;
    }
    /*.header-mini-menu-mobile {        
    width: initial;
    margin: inherit auto;0
}*/


    .absolute-center {
        /* Internet Explorer 10 */
        display: unset;
        -ms-flex-pack: unset;
        -ms-flex-align: unset;
        /* Firefox */
        display: unset;
        -moz-box-pack: unset;
        -moz-box-align: unset;
        /* Safari, Opera, and Chrome */
        display: unset;
        -webkit-box-pack: unset;
        -webkit-box-align: unset;
        /* W3C */
        display: unset;
        box-pack: unset;
        box-align: unset;
        /*margin-top: 10px;*/
    }
}

@media (max-width:550px) {

    .img-header-logo {
        width: 100%;
        margin-left: 0px;
    }
}

/*-- Adjust social media icons to center for width of iPhoneX or smaller --*/
@media (max-width:812px) {

    /*.header-mini-menu-mobile {
    margin: 0px auto;
    width: initial;
}*/


}