﻿
/* ----------------------------------- */
/* Navigation Overrides                */
/* ----------------------------------- */

.navbar .u-main-nav-v5 .nav-link {
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    text-transform: lowercase;
    font-size: 16px;
}

.navbar .u-sub-menu-v1 .hs-sub-menu a,
.navbar .u-sub-menu-v1 .dropdown-menu a {
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    text-transform: lowercase;
    font-size: 16px;
}

    .navbar .u-sub-menu-v1 .hs-sub-menu, 
    .navbar .u-sub-menu-v1 .dropdown-menu{
        min-width:250px;
    }

    .navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu.active > a,
    .navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu:active > a,
    .navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu:focus > a,
    .navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu:hover > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item.active > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:active > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:focus > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:hover > a,
    .navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item.active > a,
    .navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:active > a,
    .navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:focus > a,
    .navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:hover > a, .navbar .u-sub-menu-v1 .hs-sub-menu a:active, .navbar .u-sub-menu-v1 .hs-sub-menu a:focus, .navbar .u-sub-menu-v1 .hs-sub-menu a:hover,
    .navbar .u-sub-menu-v1 .dropdown-menu a:active,
    .navbar .u-sub-menu-v1 .dropdown-menu a:focus,
    .navbar .u-sub-menu-v1 .dropdown-menu a:hover {
        color: #F34D2A !important;
    }

.navbar .u-main-nav-v5 .nav-item.active > .nav-link,
.navbar .u-main-nav-v5 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v5 .nav-item.show > .nav-link,
.navbar .u-main-nav-v5 .nav-item.hs-sub-menu-opened >
.nav-link, .navbar .u-main-nav-v5 .nav-item .nav-link:focus {
    border-color: #F34D2A;
}

.navbar .u-sub-menu-v1 .hs-sub-menu a:active,
.navbar .u-sub-menu-v1 .hs-sub-menu a:hover {
    color: #F34D2A;
}

.navbar .u-main-nav-v5 .nav-item:hover > .nav-link {
    border-color: #F34D2A;

}

.navbar .u-main-nav-v5 .nav-item.hs-has-sub-menu > a::after {
    right: -15px
}

/* MOBILE NAVIGATION */
@media (max-width: 991px) {
    .navbar .u-main-nav-v5 .nav-item.hs-has-sub-menu > a::after {  right: 20px; }
    .navbar .u-main-nav-v5 .nav-link {
        border-bottom: 0 !important;
        color: #ffffff;
    }
    #navBar .nav-item {
        padding: 8px !important;
        margin: 0 auto 10px auto !important;
        /*border: 1px solid #808080 !important;*/
        font-size: 20px !important;
        text-align: center !important;
        border-radius: 28px;
        text-transform: lowercase;
        font-family: "Raleway",Helvetica,Arial,sans-serif;
        -webkit-font-feature-settings: "lnum";
        -moz-font-feature-settings: "lnum";
        font-feature-settings: "lnum";
        max-width: 275px;
        width: 100%;
        background-color: #F34D2A;
    }

        #navBar .nav-item:hover {
            background-color: #c23b1e;
        }

    .navbar .u-sub-menu-v1 .hs-sub-menu,
    .navbar .u-sub-menu-v1 .hs-mega-menu,
    .navbar .u-sub-menu-v1 .dropdown-menu {
        border: none;
        background-color: transparent;
        box-shadow: none;
    }

        .navbar .u-sub-menu-v1 .hs-sub-menu > li {
            /*border: 1px solid #c6c6c6;*/
            background-color: #ffffff;
            margin: 0 auto 5px auto;
            padding: 3px;
            font-size: 15px;
            font-weight: 600;
            text-transform: uppercase;
            border-radius: 20px;
            max-width: 250px;
            text-transform: lowercase;
            font-family: "Raleway",Helvetica,Arial,sans-serif;
            -webkit-font-feature-settings: "lnum";
            -moz-font-feature-settings: "lnum";
            font-feature-settings: "lnum";
        }
            .navbar .u-sub-menu-v1 .hs-sub-menu > li:hover{
                background-color: #dedede;
            }

            .navbar .u-sub-menu-v1 .hs-sub-menu a {
                color: #F34D2A;
            }
}



