/*edit start*/

.nav-item span:active, .nav-item span:focus, .nav-item span:hover {
    border-bottom: 4px solid #f06c00;
    text-decoration: none;
}

.dropdown-menu .nav-item span:active, .dropdown-menu .nav-item span:focus, .dropdown-menu .nav-item span:hover {
    border-bottom: 4px solid #f06c00;
    text-decoration: none;
    font-weight: 600;
}

.navbar-dark .navbar-brand {
    color: #0c0c0c !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #0c0c0c !important;
}

.nav-link ul li {
    color: #0c0c0c !important;
}

.bg-primary {
    background-color: #ffffff !important;
}

.navbar .dropdown-menu:hover>.dropdown-menu {
    display: block;
}
/*edit end*/


/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
    margin-bottom:1rem;
}

.navbar .dropdown-menu {
    border:none;
    /*background-color:#0060c8!important;*/
    background-color: #ffffff !important;
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {



    /* remove the padding from the navbar so the dropdown hover state is not broken */
    .navbar {
        padding-top:0px;
        padding-bottom:0px;
    }

    /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
    .navbar .nav-item {
        /*padding:.5rem .5rem;*/
        margin:0 .25rem;
    }

    /* makes the dropdown full width  */
    .navbar .dropdown {position:static;}

    .navbar .dropdown-menu {
        width:100%;
        left:0;
        right:0;
        /*  height of nav-item  */
        top:45px;
    }

    /* shows the dropdown menu on hover */
    .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
        display:block!important;
    }

    .navbar .dropdown-menu {
        border: 1px solid rgba(0,0,0,.15);
        background-color: #fff;
    }

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .mobile-menu-nav{
        display: none;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/*Large devices (desktops, 992px and up)*/
@media (max-width: 991px) {
    .top-navigation{
        display: none;
    }

    .middle-navigation{
        text-align: center;
    }
    .menu-nav{
        display: none;
    }
}