/* Navbar container */
#navbar-container {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1030;
    background-color: #8e7260; /* Brown background */
    transition: all 0.3s ease-in-out;
    padding-top: 25px;
    padding-bottom: 25px;
}

.logo-container {
    padding-bottom: 15px;
}

.logo-centered {
    transition: all 0.3s ease-in-out;
    max-height: 150px; /* Initial logo size */
}

#mainNav {
    background-color: transparent !important;
}

#mainNav .nav-link {
    color: #f5f2ee !important; /* Beige text */
    font-size: 1.1rem;
}

#mainNav .nav-link:hover {
    color: #f5f2ee !important; 
}

#mainNav .dropdown-menu {
    background-color: #8e7260; /* Brown background for dropdown */
}

#mainNav .dropdown-item {
    color: #f5f2ee !important; /* Beige text for dropdown items */
}

#mainNav .dropdown-item:hover {
    background-color: #7b614f; /* Darker brown on hover */
}

/* Scrolled state */
#navbar-container.scrolled {
    padding-top: 12px;
    padding-bottom: 12px;
}

#navbar-container.scrolled .logo-centered {
    max-height: 50px; /* Scrolled logo size */
}

body {

    padding-top: 200px; /* Adjust this value based on the navbar height */

}



#navbar-container.scrolled .logo-container {

    padding-bottom: 8px;

}