/* navbar styles */

.navbar-top
{
    background: #7D848C;
    text-align: right;
    color: #FFF;
    padding-right: 15px;
}

.navbar-top a
{
    text-decoration: none;
    color: #FFF;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
}

.navbar-top a:hover
{
    color: #121C40;
    font-weight: bold;
}

.navbar
{
    background: #7D848C;
    padding-top: 5px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
}

.navbar-toggler
{
    color: #FFF;
    border: 2px solid #FFF;
}

ul.nav
{
    list-style: none;
    background: #7D848C;
    padding: 5px 25px;
    border: 2px solid #FFF;
    
}



/* menu styles */

#menu .dropdown-menu
{
    background: #C9CCCF;
    text-transform: uppercase;
}

#menu .dropdown-item
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

#menu .dropdown-item:hover
{
    color: #000;
    background: #FFF;
}

#menu .nav-link
{
    color: #FFF;
    font-weight: 500;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
}

#menu .nav-link:hover
{
    color: #FFF;
    background: #002B7A;
    padding-left: 10px;
    padding-right: 10px;
}

#menu .nav-link:focus
{
    color: #FFF;
    background: #002B7A;
    padding-left: 10px;
    padding-right: 10px;
}



/* footer navbar styles */

.navbar-bottom
{
    background: #121C40;
    text-align: left;
    color: #FFF;
    padding-right: 15px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    height: 100% !important;
}

.navbar-bottom a
{
    text-decoration: none;
    color: #FFF;
    font-size: 0.75em;
    font-weight: bold;
    text-transform: uppercase;
}

.navbar-bottom a:hover
{
    color: #FFF;
    font-weight: bold;
}

#menu_footer
{
    list-style: none;
    background: #121C40;
    padding: 0px 25px;
    border: 2px solid #FFF;
}