﻿/*

    Custom Navbar Styles

*/

.navbar-custom {
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width : 991px) {

}

.navbar-custom .collapse {
    justify-content: center;
}

/* Mobile Menu Toggle */

.navbar-custom .navbar-toggler {
    margin: 0 0;
    padding: 12px 14px;
    color: #FFFFFF;
}

/* Top Menu */

.navbar-custom .navbar-nav .dropdown-toggle::after {
    display: none;
}

.navbar-custom .navbar-nav .nav-item {
    margin-right: 8px;
    font-weight: bold;
}

.navbar-custom .navbar-nav .nav-item:last-child {
    margin-right: 0;
}

.navbar-custom .navbar-nav .nav-link {
    padding: 8px 16px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .navbar-custom .navbar-nav .nav-link.dropdown-toggle {
    }

.navbar-custom .navbar-nav .nav-link,
.navbar-custom .navbar-nav .nav .nav-link:visited {
    font-weight: bold;
    color: #202020;
}

    .navbar-custom .navbar-nav .nav-item.show .nav-link,
    .navbar-custom .navbar-nav .nav-link:hover {
        color: #202020;
        background-color: #efefef;
    }

@media (min-width : 1360px) And (max-width : 1785px) {

    .navbar-custom .navbar-nav .nav-item {
        margin: 0 0;
        font-size: 18px;
    }
}

@media (min-width : 991px) And (max-width : 1359px) {

    .navbar-custom .navbar-nav .nav-item {
        margin: 0 0;
        font-size: 16px;
    }
}

@media (min-width : 991px) And (max-width : 1241px) {

    .navbar-custom .navbar-nav .nav-item {
        margin: 0 0;
        font-size: 14px;
    }
}


@media (max-width : 991px) {

    .navbar-custom {
        background-color: #3a2408;
    }

        .navbar-custom .navbar-nav .nav-item.show .nav-link,
        .navbar-custom .navbar-nav .nav-link:hover {
            color: #FFFFFF;
            background-color: rgba(0,0,0,0.2);
        }
}


/* Dropdown Menus */
.nav-link.dropdown-toggle:active,
.nav-link.dropdown-toggle:focus {
    outline: 0;
}

.navbar-custom .dropdown-menu {
    background-color: #fff;
    border: 0 none;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
}

    .navbar-custom .dropdown-menu .dropdown-item {
        margin: 0;
        padding: 0;
    }

        .navbar-custom .dropdown-menu .dropdown-item,
        .navbar-custom .dropdown-menu .dropdown-item:visited {
            color: #202020;
            font-weight: bold;
            background-color: #fff;
        }

            .navbar-custom .dropdown-menu .dropdown-item:hover {
                color: #fff;
                background-color: #efefef;
            }

            .navbar-custom .dropdown-menu .dropdown-item a {
                display: block;
                padding: 5px 15px;
                color: #202020;
            }

            .navbar-custom .dropdown-menu .dropdown-item:hover a {
                display: block;
                color: #202020;
                text-decoration: none;
            }

    .navbar-custom .dropdown-menu:not(.dropdown-menu-right) .dropdown-menu-arrow {
        top: -25px;
        left: 20px;
        width: 0;
        height: 0;
        position: relative;
    }

    .navbar-custom .dropdown-menu.dropdown-menu-right .dropdown-menu-arrow {
        display: none;
    }

    .navbar-custom .dropdown-menu .dropdown-menu-arrow:before,
    .navbar-custom .dropdown-menu .dropdown-menu-arrow:after {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-width: 7px 8px;
        border-style: solid;
        border-color: transparent;
        z-index: 1001;
    }

    .navbar-custom .dropdown-menu .dropdown-menu-arrow:after {
        bottom: -18px;
        right: -8px;
        border-bottom-color: #FFFFFF;
    }

    .navbar-custom .dropdown-menu .dropdown-menu-arrow:before {
        bottom: -17px;
        right: -8px;
    }
