/*-----------NAVIGATON-----------*/

/*Blue Background*/
.bg-blue {
    background-color: #002856 !important;
  }

/*White Navigation Color*/
.navbar-dark .navbar-nav .nav-link{
    color: #FFFFFF!important;
}

.nav-item{
    padding-right:7px;
    padding-left:7px;
}

.nav-link{
    font-family:Tungsten;
    font-size:1.5em;
    padding-right:10px;
    padding-left:10px;
	font-weight:bold;
    text-align:center;
}

@media only screen and (max-width:1199px){
    .nav-link{
        font-size:1.5em;
    }
}

@media only screen and (max-width:767px){
    .nav-link{
        font-size:1.3em;
    }
}

/*Pull nav-links to left on hamburger menu*/
@media only screen and (max-width:767px){
    .nav-link{
        text-align:left;
    }
}

/*White Navigation Color*/
.navbar-dark .navbar-nav .nav-link:hover{
    background-color: #FFFFFF;
    color:#002856!important;
    transition-duration : 0.4s, 0.4s;
	transition-timing-function : ease, ease;
}

.navbar-dark .navbar-nav .nav-link:focus{
    background-color: #FFFFFF;
    color:#002856!important;
    outline:2px solid #926A00;
    outline-offset:2px;
}

/*Remove Nav Padding on large screens*/
@media only screen and (min-width:768px){
    .navbar{
        padding-top:0px!important;
        padding-bottom:0px!important;
    }
}

/*Dropdown menu styling*/
@media only screen and (min-width:768px){
    .dropdown-menu.show{
        display:flex!important;
        justify-content: center;
        right:0;
        flex-wrap:wrap;
    }
}

.dropdown-menu[data-bs-popper]{
    margin-top:0px!important;
    background-color:#e7e7e7;
}

.navbar .container-lg{
    position:relative;
}

.navbar-nav .departments-dropdown{
    --departments-highlight: #926A00;
    position:static!important;
}

.departments-dropdown__toggle{
    background-color:transparent;
    border:0;
}

.departments-dropdown .departments-mega-menu{
    background-color:#f4f4f4!important;
    border:0;
    border-radius:0;
    box-shadow:0 12px 24px rgb(0 0 0 / 0.18);
    list-style:none;
    padding:1rem;
}

.departments-mega-menu,
.departments-mega-menu ul{
    list-style:none;
    margin:0;
    padding-left:0;
}

.departments-mega-menu__group{
    min-width:0;
}

.departments-mega-menu__heading{
    border-bottom:2px solid var(--departments-highlight);
    color:#002856;
    display:block;
    font-family:"Gotham";
    font-size:.95rem;
    font-weight:bold;
    line-height:1.25;
    margin-bottom:.45rem;
    padding-bottom:.35rem;
}

.departments-mega-menu .dropdown-item.departments-mega-menu__link{
    background-color:transparent!important;
    border-radius:4px;
    color:#002856!important;
    font-family:"Gotham";
    font-size:1rem;
    line-height:1.25;
    padding:.45rem .5rem;
    text-decoration:none!important;
    white-space:normal;
}

.departments-mega-menu .dropdown-item.departments-mega-menu__link:hover,
.departments-mega-menu .dropdown-item.departments-mega-menu__link:focus{
    background-color:#FFFFFF!important;
    color:#002856!important;
    outline:2px solid var(--departments-highlight);
    outline-offset:1px;
}

@media only screen and (min-width:768px){
    .departments-dropdown .departments-mega-menu.show{
        display:grid!important;
        gap:1rem;
        grid-template-columns:repeat(4, minmax(0, 1fr));
        left:50%!important;
        max-width:960px;
        right:auto!important;
        top:100%!important;
        transform:translateX(-50%)!important;
        width:min(96vw, 960px);
    }
}

@media only screen and (max-width:767px){
    .departments-dropdown .departments-mega-menu{
        background-color:#e7e7e7!important;
        box-shadow:none;
        padding:.75rem;
        position:static!important;
        transform:none!important;
        width:100%;
    }

    .departments-dropdown .departments-mega-menu.show{
        display:block!important;
    }

    .departments-mega-menu__group + .departments-mega-menu__group{
        margin-top:.85rem;
    }
}

/*Search Button Styling*/
@media only screen and (max-width:767px){
    .searchButton{
        margin-bottom:10px;
    }
}
.dropdown-item {
    color: #002856 !important;
    background-color: #e7e7e7 !important;
    text-decoration: underline !important;
    font-family: "Gotham";
    text-transform: initial;
    font-size: 1.1em;
    line-height: 20px;
}