.topnav{
    background-color: #00a0af;
    height: 37px;
}
.topnav.hovered{
    background-color: #00a0af;
    border-bottom:0px solid rgba(255, 255, 255, 0.45);
}
/* .topnav:hover{
    background-color: #00a0af;
    border-bottom:0px solid rgba(255, 255, 255, 0.45);
} */
.topnav ul{
    list-style-type: none;
    margin-bottom:0px;
    padding:0px;
}
.topnav li{
    display: inline-block;
    margin-right:1.5em;
    padding-top:5px;
    padding-bottom:5px;
}
.topnav li a{
    color: inherit;
    text-decoration: none;
}
.topnav li a:hover{
    color: #2c385e;
}
.topnav ul .active{
    border-bottom: 2px solid #f0a830;
}
.bcrumbs{
    background-color: #2c385e;
}
.bcrumbs ul{
    list-style-type: none;
    margin-bottom:0px;
    padding:0px;
}
.bcrumbs li{
    display: inline-block;
    margin-right:10px;
    padding-top:5px;
    padding-bottom:5px;
}
.bcrumbs li a{
    color: inherit;
    /* text-decoration: none; */
}
.bcrumbs li.slash:hover{
    cursor: default;
}



.navbar .navbar-brand img{
    margin-top:-6px;
}

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
    margin-bottom: 1rem;
}
.dropdown-toggle:after { content: none }

.navbar .dropdown-toggle{
    color: white !important;
}
.navbar .dropdown-menu {
    border: none;
    background-color: #2c385e !important;
}
.bg-macl{
    background-color: #202945;
    min-height: 90px;
}
.navbar.hovered{
    background-color: #202945;
}
.navbar.scrollhover{
    background-color: #202945;
}
/* .navbar:hover{
    background-color: #202945;
} */


/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {


    /* remove the padding from the navbar so the dropdown hover state is not broken */
    .navbar {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
    /* .navbar .nav-item {
        padding: .5rem .5rem;
        margin: 0 .25rem;
    } */

    /* makes the dropdown full width  */
    .navbar .dropdown {
        position: static;
    }
    .navbar .dropdown{
        height: 90px;
    }
    .navbar .dropdown-toggle{
        margin-top:25px;
    }
    .navbar .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
        /*  height of nav-item  */
        top: 87px;
        display: block;
        visibility: hidden;
        opacity: 0;
    }

    .navbar .dropdown .viz, .navbar .dropdown .dropdown-menu .viz{
        display: block;
        visibility: visible;
        opacity: 1;
        /* transition: visibility 0s, opacity 0.3s linear; */
    }
    .navbar .dropdown.viz{
        border-bottom: 2px solid #f0a830 !important;
    }

    .navbar .dropdown-menu {
        border: 0px solid rgba(0, 0, 0, .15);
        background-color: #fff;
        border-radius: 0px;
    }
}
.navbar .dropdown-toggle{
    font-size:1.1em;
}
@media screen and (min-width:768px) {
    .navbar .menuminiheader{
        padding-left:8px;
        font-size:1.2em;
    }
    .navbar .dropdown-menu .megamenuarea{
        padding-top: 25px;
    }
    .megamenuarea a{
        padding-top:0px;
    }
    .megamenuarea ul{
        padding-top:15px;
    }
    .navbar .dropdown-menu .megamenuarea .megaheader{
        padding-top: 4em;
    }
    .navbar .dropdown-menu .megamenuarea .megasubheader{
        font-size:1.2em;
        font-weight:bold;
    }
    .navbar .dropdown-toggle{
        font-size:1.3em;
    }
}