.tooltip {
    --bs-tooltip-bg: #EAE1D7;
    --bs-tooltip-color: #000;
    --bs-tooltip-border-radius: 6px;
    --tooltip-opacity: 1;
    background-color: #EAE1D7 !important;
    color: #000 !important;
    border: 1px solid #C4B3A1 !important;
    border-radius: 6px !important;
    opacity: 1 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
    
}

.wide-tooltip .tooltip-inner {
    max-width: 500px;
    text-align: left;
}

.my-navbar{ 
    background-color: #EAE1D7;
    border-bottom: 3px solid #C4B3A1;
}

.my-navbar .my-navbar-dropdown {
    background-color: #EAE1D7 !important;
    border: none !important;
    border-radius: 0 !important;
}

.my-navbar .my-navbar-dropdown .dropdown-item {
}

.my-navbar .my-navbar-dropdown .dropdown-item:hover,
.my-navbar .my-navbar-dropdown .dropdown-item:focus {
    background-color: #C4B3A1;
}

.my-navbar .my-navbar-dropdown .dropdown-divider {
    border-top-color: #C4B3A1;
    opacity: 1;
}


@media (min-width: 768px) {

    /*Auto open drop down on hover (desktop only, not on mobile)*/
    .my-navbar .dropdown:hover .my-navbar-dropdown {
        display: block;
    }

    .my-navbar .my-navbar-dropdown {
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;

    }
}