body {
    /*font-family:Georgia;*/
    /* font-size: medium;*/
    background-color: #b1cbbb;
    /*background-color: whitesmoke; */
    /*
        HEX: #deeaee //grayish
        HEX: #b1cbbb //greengrayish
        HEX: #eea29a //light rose
        HEX: #c94c4c //dark rose
    */
}
h1 {
    color:brown;
}
/* custom-styles.css */
.navbar-custom {
    background-color: white;
    color: brown;
    font-size: 1.5rem !important;
    font-weight: bold !important;
    align-items: flex-start;
}
    .navbar-custom .navbar-toggler {
        padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
        font-size: var(--bs-navbar-toggler-font-size);
        line-height: 1;
        color: brown; /* derivitive green from sky*/ /* lightskyblue; */
        background-color: white; /* derivitive green from sky*/ /* aliceblue; */
        border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: var(--bs-navbar-toggler-transition);
    }

.submenu-custom {
    margin-left: 5%;
    margin-right: 5%;
    width: calc(100% - 10%); /* Adjust width to match navbar */
    background-color: whitesmoke; /* Ensure background color matches */
}
.navbar-brand h1 {
    color: brown;
    font-size: large;
    font-weight: 900;
    margin: 0;
}

.navbar-brand img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.nav-link, .dropdown-item {
    color: brown !important;
}

.navbar-light .navbar-toggler {
    border-color: brown;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28165,42,42,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.icon-combo {
    display: flex;
    align-items: center;
    margin-right: 10px; /* Adjust spacing between icons and text */
}

    .icon-combo i {
        margin-right: 5px; /* Adjust spacing between icons */
        font-size: 24px; /* Adjust icon size */
    }

.icon-combo-label {
    font-size: 24px; /* Adjust text size to match icons */
}
.dropdown-item {
    display: flex;
    align-items: center;
}
@media (min-width: 992px) {
    .dropdown-menu.custom-dropdown {
        max-height: none;
        overflow: visible;
        background-color: rgba(255, 255, 255, 1) !important; /* Solid white background with !important */
    }
}

.dropdown-menu.custom-dropdown {
    max-height: none;
    overflow: visible;
    background-color: rgba(255, 255, 255, 0.75) !important; /* White background with 75% opacity */
}

    .dropdown-menu.custom-dropdown .dropdown-item {
        background-color: rgba(255, 255, 255, 0.75) !important; /* Ensure each item has the same background */
    }