:root {
    --nav-link-color: var(--color-black);
    --navbar-light-nav-link-color: var(--body-color);
    --dropdown-link-color:var(--color-black);
    /*--dropdown-link-color: #fff;*/
    --dropdown-link-hover-color: inherit;
    /*--dropdown-link-hover-color: #fff;*/
    --dropdown-hover-bg-color: rgba(0,0,0,.15);
    --dropdown-bg-color: #fff;
    /*--dropdown-bg-color: var(--color-link);*/

    --dark-nav-link-color: #fff;
    --dropdown-dark-link-color: #fff;
    --dropdown-dark-link-hover-color: #fff;
    --dropdown-hover-bg-color: transparent;
    /*--dropdown-hover-bg-color: rgba(0,0,0,.15);*/
    --dropdown-dark-bg-color: var(--color-primary);

/*    3rd level*/
    --dropdown-dropdown-bg-color: rgba(0,0,0,.1);
    --dropdown-dropdown-dark-bg-color: rgba(0,0,0,.25);
}

.navbar-brand {
    font-size:1.125rem;
}

/* stick on scroll */
.navbar {
    transition: all .2s ease;
}
.navbar,
.dropdown-menu {
    font-size:.875rem;
}
body.ndm-scrolled .ndm-main-nav {
    padding-top:0 !important;
}
.ndm-main-nav {
    z-index:1044;
}
.ndm-secondary-nav {
    z-index: 1043;
}

.ndm-scrolled .ndm-main-nav {
    box-shadow: 0 0 20px rgba(0,0,0,.15);
}


/*default dropdown*/
.dropdown-menu {
    border-radius:0;
    border:0;
    background-color: var(--dropdown-bg-color);
}
.navbar-nav .nav-link {
    color: var(--nav-link-color);
}
.navbar-light .navbar-nav .nav-link {
    color: var(--navbar-light-nav-link-color);
}
.dropdown-menu a {
    color:var(--dropdown-link-color);
}
.dropdown-item:hover {
    background-color:var(--dropdown-hover-bg-color);
    color: var(--dropdown-link-hover-color);
}
.dropdown-toggle::after {
    transition:all .2s ease;
}
.dropdown-toggle[aria-expanded='true']::after {
    transform: rotate(-180deg);
}




/*dark nav dropdown*/
.navbar-dark .dropdown-menu {
    background-color: var(--dropdown-dark-bg-color);
}
.navbar-dark .navbar-nav .nav-link {
    color: var(--dark-nav-link-color);
}
.navbar-dark .dropdown-menu a {
    color: var(--dropdown-dark-link-color);
}
.navbar-dark .dropdown-item:hover {
    background-color:var(--dropdown-hover-bg-color);
    color:var(--dropdown-dark-link-hover-color);
}
.dropdown-item:active,
.dropdown-item:focus {
    background-color: transparent;
}


/* for multi 3rd level navigation*/
.dropdown-menu .dropdown-menu {
    border-radius:0;
    position: relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    background-color: var(--dropdown-dropdown-bg-color);
    box-shadow: none;
}
.dropdown-menu .nav-link {
    color: var(--dropdown-link-color);
    display: flex;
    align-items: center;
}
.navbar-dark .dropdown-menu .dropdown-menu {
    background-color: var(--dropdown-dropdown-dark-bg-color);
}


/*change this according to your nav breakpoint (expand-lg, expand-xl, etc.) */
@media (min-width: 1200px) {
    .navbar > [class*='container'] {
        align-items: stretch;
    }
    .navbar .collapse {
        align-items: stretch;
    }
    .navbar .collapse .navbar-nav > li > a {
        display: flex;
        align-items: center;
        height:100%;
    }
    .navbar-nav > li {
        min-height:46px;
    }
    .ndm-secondary-nav,
    .ndm-secondary-nav .dropdown-menu {
        font-size:.875rem;
    }

    .dropdown-menu {
        box-shadow: 4px 4px 4px 0 rgba(0,0,0,.15);
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .dropdown-toggle.show::before {
        content: '';
        width: 16px;
        height:16px;
        border: 8px solid transparent;
        border-bottom-color: var(--dropdown-bg-color);
        position: absolute;
        /*top: calc(100% + 0.125rem);*/
        top:100%;
        left: 50%;
        transform: translateX(-50%) translateY(-100%);
    }
    .navbar-dark .dropdown-toggle.show::before {
        /*border-bottom-color: var(--color-primary);*/
        border-bottom-color: var(--dropdown-dark-bg-color);
    }
    .navbar .dropdown-menu {
        /*top: calc(100% + .77rem);*/
        min-width:300px;
        margin-top: 0;
    }
    .navbar-nav > li:nth-last-child(2) > .dropdown-menu,
    .navbar-nav > li:nth-last-child(1) > .dropdown-menu,
    .navbar-nav > li:last-child > .dropdown-menu {
        right: 0;
        left: auto;
    }
    .navbar .navbar-nav .nav-link {
        padding-left:1rem;
        padding-right: 1rem;
    }
}





/*mobile only styles*/
/*@media screen and (max-width:1199px) {
    header .navbar,
    header .navbar .dropdown-menu {
        font-size:1rem;
    }
    header .navbar > [class*='container'] {
        !*padding-left:3rem;*!
        !*padding-right:3rem;*!
    }
    header .navbar .navbar-nav {
        margin-left:-3rem;
        margin-right:-3rem;
        border-top:1px solid var(--bg-light-gray);
    }
    header .navbar .navbar-nav > li > a {
        padding:1.25rem 3rem;
        border-bottom:1px solid #595959;
    }
    header .navbar .navbar-nav > li > ul {
        margin-top:0;
    }

    .navbar .nav-link.dropdown-item.dropdown-toggle {
        padding:0.25rem 1rem;
    }
    header .navbar .navbar-nav > li > ul a,
    header .navbar .nav-link.dropdown-item.dropdown-toggle {
        padding:.5rem 3rem .5rem 5rem;
    }
    .navbar .nav-link.dropdown-toggle {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .navbar .nav-link.dropdown-toggle::after {
        !*border:0 !important;
        width:10px;
        height:6px;
        background-size: contain;*!
    }
}*/



header.nav-opened .navbar {
    margin-top:0 !important;
    max-height: 100vh;
    overflow-y: scroll;
}
header.nav-opened .ndm-utility {
    margin-top: 0 !important;
}

/*for vertically center aligned menu*/
/*header.nav-opened .ndm-main-nav {
    height:100%;
    align-items: flex-start;
    justify-content: center;
    margin-top:0 !important;
}
.nav-opened .ndm-main-nav > [class*='container'] {
    height: 100%;
    align-items: flex-start;
}
.nav-opened .navbar-collapse {
    max-height: 70vh;
    overflow-y: scroll;
}

.nav-opened .navbar-toggler {
    margin-top: 2.25rem;
}*/



/* custom mobile nav icon */
.navbar-toggler {
    border:0 !important;
}
.navbar .navbar-toggler-icon {
    background-image:none;
    position: relative;
    height:1.2em;
}

.navbar .navbar-toggler-icon::before,
.navbar .navbar-toggler-icon::after,
.navbar .navbar-toggler-icon > span {
    content: '';
    border-top: 2px solid var(--color-link);
    position: absolute !important;
    left: 0;
    width: 100%;
    transition: all.2s ease;
}
.navbar.navbar-dark .navbar-toggler-icon::before,
.navbar.navbar-dark .navbar-toggler-icon::after,
.navbar.navbar-dark .navbar-toggler-icon > span {
    border-top-color:#fff;
}
.navbar .navbar-toggler-icon::before {
    top:0;
    transform-origin: top right;
}
.navbar .navbar-toggler-icon > span {
    top:50%;
    transform: translateY(-50%);
}
.navbar .navbar-toggler-icon::after {
    bottom:0;
    transform-origin: bottom right;
}
.navbar .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon::after {
    transform: rotate(45deg) scaleX(1.1);
}
.navbar .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon > span {
    opacity: 0;
}
.navbar .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon::before {
    transform: rotate(-45deg) scaleX(1.1);
}



/*override default bootstrap dropdown arrows*/
.nav-link.dropdown-toggle::after {
    border:0 !important;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    margin-left:.5em;
}

.dropdown-menu .nav-link {
    justify-content: space-between;
}




/* swiper nav */
.ndm-swiper-nav .swiper-wrapper {
    align-items: stretch;
    border:0 !important;
    flex-wrap: nowrap;
}
.ndm-swiper-nav .swiper-slide {

}
.ndm-swiper-nav ul {
    margin:0;
    padding:0;
}
.ndm-swiper-nav ul li {
    list-style-type: none;
    height:auto;
    display: flex;
    flex-direction: column;
}
.ndm-swiper-nav ul li a,
.ndm-swiper-nav ul li button {
    display: flex;
    flex-direction:column;
    align-items: center;
    text-align: center;
    position: relative;
    padding:1rem;
    height:100%;
    justify-content: center;
    background-color: transparent;
    /*white-space: nowrap;*/
    border:0 !important;
}
.bg-dark .ndm-swiper-nav ul li a,
.bg-dark .ndm-swiper-nav ul li button {
    color: var(--color-light);
    --base-font-color: var(--color-light);
}
.ndm-swiper-nav ul li a::after,
.ndm-swiper-nav ul li button::after {
    content:'';
    display: block;
    position: absolute;
    bottom:0;
    left:50%;
    width:0;
    transform: translateX(-50%);
    border-bottom:4px solid var(--color-tertiary, var(--color-secondary));
    transition: all .2s ease;
}

.ndm-swiper-nav ul li a.active,
.ndm-swiper-nav ul li button.active {
    color:inherit !important;
    background-color: transparent !important;
}
.ndm-swiper-nav ul li a:hover::after,
.ndm-swiper-nav ul li button:hover::after,
.ndm-swiper-nav ul li a.active::after,
.ndm-swiper-nav ul li button.active::after {
    width:100%;
}