/*Resets*/
    .mm-menu-style-id-2 .nav-link {
        padding: 0px;
        display: inline;
    }

    .mm-menu-style-id-2 .dropdown-item,
    .mm-menu-style-id-2 .dropdown-menu,
    .mm-menu-style-id-2 .navbar-expand-md .navbar-nav .nav-link,
    .mm-menu-style-id-2 .navbar-expand-sm .navbar-nav .nav-link {
        padding: unset;
        padding-right: unset;
        padding-left: unset;
        margin: unset;
        border: unset;
        background-color: unset;
        border-radius: unset;
    }

    .mm-menu-style-id-2 .mm-menu-image {
        max-width: 24px;
        margin-right: 1px;
    }

    .mm-menu-style-id-2 .navbar-nav {
        flex-wrap: wrap;
    }

    .mm-menu-style-id-2 {
        height: max-content;
        background: #E9ECEF !important;
        border-top: 1px !important;
        border-right: 1px !important;
        border-bottom: 1px !important;
        border-left: 1px !important;
        border-radius: 0px 0px 0px 0px !important;
        padding: 1px 1px 1px 1px !important;
        margin: 0px 0px 0px 0px !important;
        border-color: #F5F5F5 !important;
        border-style: solid !important;
        
        font-size: 1em;
    }

    /*Main Menu Bar Links*/
    .mm-menu-style-id-2 .mm-item-main {
        background: #E9ECEF !important;
        border-top: 1px !important;
        border-right: 1px !important;
        border-bottom: 1px !important;
        border-left: 1px !important;
        border-radius: 0px 0px 0px 0px !important;
        border-style: solid !important;
        padding: 1px 1px 1px 1px !important;
        margin: 1px 1px 1px 1px !important;
        border-color: #F5F5F5 !important;
    }

    .mm-menu-style-id-2 .mm-item-main:hover {
        border-color: #E9ECEF !important;
        background: #F5F5F5 !important;
    }

    .mm-menu-style-id-2 .mm-selected {
        border-color: #E9ECEF !important;
        background: #F5F5F5 !important;
    }

    /*Search Box*/
    .mm-menu-style-id-2 .mm-search-group {
        padding: 1px 1px 1px 1px !important;
    }

    .mm-menu-style-id-2 .mm-search {
        color: #007BFF !important;
    }

    .mm-menu-style-id-2 .btn-mm-search {
        background: #007BFF;
        color: #E9ECEF;
    }

    /*Main Menu Links*/
    .mm-menu-style-id-2 .mm-item-main-link {
        color: #007BFF !important;
    }

    .mm-menu-style-id-2 .mm-item-main-link:hover {
        color: #024995 !important;
    }

    .mm-menu-style-id-2 .mm-selected > a {
        color: #024995 !important;
    }

    /*Sub Menu Links*/
    .mm-menu-style-id-2 .mm-item-link {
        color: #EEEEEE !important;
        display: block !important;
        width: 100%;
        padding: 1px 1px 1px 1px !important;
        
        font-size: 1em;

    }

    .mm-menu-style-id-2 .mm-item-link:hover {
        color: #DDDDDD !important;
    }

    .mm-menu-style-id-2 .mm-item {
        background: #333333 !important;
        border-top: 1px !important;
        border-right: 1px !important;
        border-bottom: 1px !important;
        border-left: 1px !important;
        border-style: solid !important;
        margin: 1px 1px 1px 1px !important;
        border-color: #222222 !important;
        display: block;
    }

    .mm-menu-style-id-2 .mm-item:hover {
        background: #666666 !important;
        border-color: #444444 !important;
    }

    .mm-menu-style-id-2 .mm-item:hover > a {
        color: #DDDDDD !important;
    }

    .mm-menu-style-id-2 .mm-dropdown:hover, .mm-menu-style-id-2 .mm-submenu-dropdown:hover {
        background: #444444 !important;
    }

    .mm-menu-style-id-2 .navbar-toggler-icon, .mm-menu-style-id-2 .navbar-toggler-icon i {
        color: #EEEEEE !important;
        font-size: 1.3em;
    }

    /*Dropdown containers*/
    .mm-menu-style-id-2 .mm-dropdown, .mm-menu-style-id-2 .mm-submenu-dropdown {
        background: #222222 !important;
        border-radius: 0px 0px 0px 0px !important;
    }

    .mm-menu-style-id-2 .mm-dropdown li, .mm-menu-style-id-2 .mm-submenu-dropdown li {
        border-radius: 0px 0px 0px 0px !important;
    }

    /******** Special Items ************/

    /*Divider*/
    .mm-menu-style-id-2 .dropdown-divider {
        background: #444444 !important;
        margin: 2px 0px;
        height: 1px;
    }

    /*Header*/
    .mm-menu-style-id-2 h5 {
        color: #EEEEEE !important;
        text-align: left;
        font-size: 1.2em;
        margin: 10px 4px 0px;
    }

    /*Alter Behaviours*/
    .mm-menu-style-id-2 .dropdown-submenu {
        position: relative;
        width: max-content !important;
        min-width: 100%;
    }
    .mm-menu-style-id-2 > div > ul > li > ul {
          min-width: 100%;
        width: max-content;
    }

    .mm-menu-style-id-2 .mm-right-menu > ul > li > ul > .dropdown-submenu {
        min-width: 100%;
    }

    .mm-menu-style-id-2 .mm-left-menu > ul > li > ul > .dropdown-submenu {
        min-width: 100%;
    }

    .mm-menu-style-id-2 .dropdown-submenu > a {
        break-inside: avoid;
        padding: 0px;
        margin: 0px;
    }

    /*Add caret to right of foldouts*/
    .mm-menu-style-id-2 .dropdown-submenu > a::after {
        content: "\f105";
        float: right;
        font-family: "Font Awesome 5 Free";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-style: normal;
        font-weight: normal;
        font-size: 1em;
        font-weight: 900;
        position: relative;
        right: 4px;
        top: 5px;
    }

    .mm-menu-style-id-2.navbar .mm-item-main > .dropdown-menu {
        top: 120% !important;
    }

    .mm-menu-style-id-2 .dropdown-submenu > .dropdown-menu {
        top: 0px;
        left: 102%;
        margin-top: 0px;
        margin-left: 0px;
    }

    .mm-menu-style-id-2 .mm-right-menu, .mm-menu-style-id-2 .mm-left-menu {
        width: 100%;
    }

    .mm-menu-style-id-2 .mm-right-menu .nav-item, .mm-menu-style-id-2 .mm-left-menu .nav-item {
        width: 100%;
    }


    .mm-menu-style-id-2 .mm-right-menu .dropdown-submenu .dropdown-menu {
        left: -110%;
        margin-top: 0px;
        margin-left: 0px;
    }

    .mm-menu-style-id-2 > div > ul > li.dropleft .dropdown-menu {
        right: 101%;
    }

    /*Right aligned items*/
    .mm-menu-style-id-2 > div > .ml-auto .dropdown-submenu .dropdown-menu {
        left: -105%;
        top: -3px;
        margin-top: 0px;
        margin-left: 0px;
    }

    .mm-menu-style-id-2 > div > .ml-auto > li > ul {
        right: 0px;
        left: unset;
    }

    /*Left Menu*/
    .mm-menu-style-id-2 .mm-left-menu > ul > li > a.dropdown-toggle::after {
        content: "\f105";
        float: right;
        font-family: "Font Awesome 5 Free";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-style: normal;
        font-weight: normal;
        font-size: 1em;
        font-weight: 900;
        position: relative;
        border: none !important;
        top: 5px;
        /*right: -2px;*/
        
    }

    .mm-menu-style-id-2 > div > ul > li.dropright > .dropdown-menu {
        left: 101%;
    }

    .mm-menu-style-id-2 > div > ul > li.dropright a:after {
        margin-right: 10px;
    }

    /*Right Menu Bar*/
    .mm-navbar-loc-3 a:before {
        margin-left: 2px;
    }

    .mm-navbar-loc-3 a {
        margin-left: 2px;
    }

    .mm-navbar-loc-3 > div > ul > .dropleft > a:before {
        margin-left: 10px;
    }

    .mm-navbar-loc-3 > div > ul > .mm-item-main > a {
        margin-left: 10px;
    }

    .mm-navbar-loc-9 {
        position: absolute;
        bottom: 0px;
    }

    .mm-menu-style-id-2 .mm-left-menu .dropdown-submenu > a::after {
        /*right: -2px;*/
    }

    /*Right Menu*/
    .mm-menu-style-id-2 .mm-right-menu .dropdown-submenu > a::after,
    .mm-menu-style-id-2 > div .ml-auto .dropdown-submenu > a::after {
        content: "";
    }

    .mm-menu-style-id-2 > div > .ml-auto .dropdown-submenu > a::before,
    .mm-menu-style-id-2 .mm-right-menu > ul > li > a.dropdown-toggle::before,
    .mm-menu-style-id-2 .mm-right-menu .dropdown-submenu > a::before {
        content: "\f104";
        border: none !important;
        float: left;
        font-family: "Font Awesome 5 Free";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-style: normal;
        font-weight: normal;
        font-size: 1em;
        font-weight: 900;
        position: relative;
        border: none !important;
        top: 5px;
        /*left: -2px;*/
    }

    .mm-menu-style-id-2 > div > .ml-auto .dropdown-submenu > a::before,
    .mm-menu-style-id-2 .mm-right-menu .dropdown-submenu > a::before {
        /*left: -2px;*/
    }

    .mm-menu-style-id-2 .mm-right-menu a {
        white-space: pre-wrap;
    }

    .mm-menu-style-id-2 .mm-left-menu a {
        white-space: pre-wrap;
    }

    div.mm-menu-style-id-2 > div.mm-left-menu .dropdown-submenu .dropdown-menu {
        right: 105%;
    }

    div.mm-menu-style-id-2 > div.mm-right-menu .dropdown-submenu .dropdown-menu {
        left: -105%;
    }

    /*hamburger colors*/
    .mm-menu-style-id-2 .navbar-toggler {
        background: #333333 !important;
    }

    .mm-menu-style-id-2 .navbar-toggler i {
        color: #EEEEEE !important;
    }

    /*Footer Menus*/
    .mm-menu-style-id-2.mm-footer-navs > div > ul > li.dropdown > a::after {
        border-top: 0em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0.3em solid;
    }

    .mm-menu-style-id-2.mm-footer-navs > div > ul > li.dropdown > ul.dropdown-menu {
        top: unset !important;
        bottom: 100% !important;
    }

    /* Make sure center align menu items wrap centered */
    .mm-menu-style-id-2 .navbar-nav.mx-auto > li {
        margin: auto !important;
    }

    /* Make sure right align menu items wrap right */
    .mm-menu-style-id-2 .navbar-nav.ml-auto > li {
        margin-left: auto !important;
        margin-right: unset !important;
    }

    /* MEGA MENUS - requires upgrade */

    @media screen and (max-width: 768px) {
        /*Hide right arrow on mobile foldouts*/
        .mm-menu-style-id-2 .dropdown-submenu > a::after {
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em;
            content: "";
            border-top: .3em solid;
            border-right: .3em solid transparent;
            border-bottom: 0;
            right: 1em;
            border-left: .3em solid transparent;
        }
        .mm-mobilemenu-hide {
            display: none !important;
        }
    }

    @media screen and (max-width: 576px) {
        .mm-text-hide-mobile {
            display: none;
        }
    }