/* NAVBAR */

header .navbar
{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;

    text-align: center;

    border: none;
}

header .navbar .container-fluid
{
    background-color: #414042;
}

header.cp .navbar .container-fluid
{
    background-color: #0ea6d2;
}

header .navbar .navbar-toggler
{
    margin: 0 10px 0 auto;

    border: none;
    background: #0ea6d2;
}

header .navbar .navbar-brand
{
    display: none;
}

/* NAVBAR PRIMARY UL */

/* Center align nav - this was causing an issue with mobile dropdowns so targeted to 1px above xs  */
@media (min-width: 768px)
{
    header .navbar ul.navbar-nav
    {
        float: none;
        display: inline-block;
        text-align: center;
    }
}

header .navbar ul li
{
    list-style: none;
}

/* header .navbar ul.navbar-nav {
    display: none;
} */

header .navbar ul.navbar-nav > li
{
    margin: 1px 0 0 !important;
}

header .navbar ul.navbar-nav > li:hover
{
    background: #fff !important;
}

header .navbar ul.navbar-nav > li > a
{
    font-family: roboto-condensed, sans-serif;
    font-size: 15px;
    font-weight: 300;

    padding: 18px 30px 17px;

    text-decoration: none;
    text-transform: uppercase;

    color: #fff !important;
    background: transparent;
}

header .navbar ul.navbar-nav > li > a.show,
header .navbar ul.navbar-nav > li > a:hover
{
    color: #2f2f2f !important;
    background: #fff !important;
}

.dropdown-toggle::after {
    content: none !important;
}

/* NAVBAR DROPDOWN MENU */

header .navbar ul.dropdown-menu
{
    min-width: 220px;
    margin: 0;
    padding: 0;

    border: none;
    border-radius: 0;
    box-shadow: 2px 4px 5px #a6a6a6;
}

header .navbar ul.dropdown-menu > li
{
    margin-bottom: 0;
}

header .navbar ul.dropdown-menu > li > a
{
    font-family: roboto-condensed, sans-serif;
    font-size: 16px !important;

    padding: 15px;

    text-decoration: none !important;

    color: #808285;
    border-bottom: 1px solid #ccc;
    background: #fff;
}

header .navbar ul.dropdown-menu > li:last-of-type > a
{
    border-bottom: none;
}

header .navbar ul.dropdown-menu > li > a:hover
{
    color: #fff !important;
    background: #0ea6d2;
}


/* NAVBAR COLLAPSE */

header .navbar .collapse
{
    padding: 0 !important;
}

header .navbar .collapsing,
header .navbar .collapse.in
{
    position: relative;
    z-index: 4;

    padding-top: 10px;

    border-top: none;
    background: #fff;
}

header .collapse.navbar-collapse.bs-js-navbar-collapse
{
    padding-top: 6px;
}

.navbar a:focus,
.navbar .dropdown-toggle:focus {
  outline: none !important;
  box-shadow: none !important;
}


/* XS */

@media (max-width: 767px)
{

    header .navbar .container-fluid,
    header.cp .navbar .container-fluid
    {
        background-color: #fff;
    }

    header .container-fluid
    {
        padding: 15px 0 !important;

        border: none !important;
    }

    header .navbar
    {
        padding-top: 10px;
        padding-bottom: 10px;

        background: #fff !important;
    }

    header .navbar .navbar-toggler
    {
        padding: 4px 10px 3px;
    }

    /* 2024.11.22 Replaced default toggler with FontAwesome icon */
    header .navbar .navbar-toggler span.custom-navbar-toggler
    {
        color: #fff;
    }

    header .navbar .navbar-brand
    {
        position: absolute;
        top: 6px;
        left: 10px;

        display: block;

        width: 100%;
        max-width: 130px;
        margin: 0 auto;
    }

    header .navbar .navbar-brand img
    {
        margin: 0 !important;
    }

    header .navbar ul.navbar-nav
    {
        width: 100% !important;
        margin: 10px 10px 0 0 !important;
        padding: 0 !important;

        outline: none !important;
    }


    header .navbar .navbar-collapse
    {
        top: 20px !important;

        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /*    Jumpy fix*/
    header .navbar .navbar-collapse.show
    {
        margin-top:20px !important;
    }

    header .navbar ul.navbar-nav > li
    {
        display: block;
        float: none;

        width: 100% !important;
        text-align: right;
    }

    header .navbar ul.navbar-nav > li:hover
    {
        background: #fff;
    }

    header .navbar ul.navbar-nav > li > a
    {
        font-size: 18px !important;

        display: block;

        padding: 15px;

        text-align: right;

        color: #000 !important;
    }

    .nohover
    {
        display: none !important;
    }

    /* Dropdown Menu */

    header .navbar ul.dropdown-menu
    {
        width: 100%;
        margin-bottom: 10px !important;

        box-shadow: none;
    }

    header .navbar ul.dropdown-menu > li
    {
        margin: 0 10px 0 0;
    }

    header .navbar ul.dropdown-menu > li a {
        display: block;
    }

    header .navbar ul.dropdown-menu li a.dropdown-item
    {
        font-size: 17px !important;

        display: block;

        padding: 10px !important;

        text-align: right;

        color: #666 !important;
        border: none !important;
        background: #fff !important;
    }
}