﻿.navbar-nav .nav-link {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}



.dropend .dropdown-toggle {
    color: salmon !important;
    margin-left: 1em;
    /*color:darkslategrey;*/

}

.dropdown-item:hover {
    background-color: lightsalmon;
     color: #fff;
}

.dropdown .dropdown-menu {
    display: none;
}

.dropdown:hover > .dropdown-menu, .dropend:hover > .dropdown-menu {
    display: block;
    margin-top: .125em;
    margin-left: .125em;
}


.navbar .navbar-nav .nav-link:hover {
    background-color: lavender;
    color: #100d0d;
}


/*.navbar-nav .nav-link.active, 
.navbar-nav .show > .nav-link {
    color: var(--bs-navbar-active-color);
    font-size: 15px;
    font-weight: 500;
    padding-left: 4px;*/
    /*border-left: 1px solid rgb(231, 225, 225);*/
    /* border-right: 1px solid rgb(231, 225, 225); */
/*}*/






/*small button*/ 
.navbar-dark .navbar-toggler-icon {
 
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-toggler {
    border:1px solid;
    border-color:black;
    
}
/*small button end*/ 


@media screen and (min-width:769px) {
    .dropend:hover > .dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
    }

    .dropend .dropdown-toggle {
        margin-left: .5em;
    }
}

@media screen and (max-width:999px) {
    .dropend:hover > .dropdown-menu {
        position: relative;
        top: 0;
        left: 0;
    }

    .dropend .dropdown-toggle {
        margin-left: 1em;
    }

    .navbar > .container-fluid {
        /*display: flex;
        flex-wrap: inherit;*/
        justify-content:flex-start !important;
    }
}
