body, html {
    font-family: 'Roboto', sans-serif;
    height: 100%;
}
.nav-link, .dropdown-toggle .h2{
    color: #000000 !important;
}
.dropdown-item{
    color: #000000 !important;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.dropdown-menu .dropdown-item:hover {
    background-color: lightgrey;
}
.container-after-header {
    margin-top: 120px; /* Adjust to the actual height of your fixed header */
}
.custom-card:hover {
    background-color: #FFFFFF; /* This is a lighter shade of #000000 */
    transition: background-color 0.3s ease; /* Optional: Smooth transition */
}

/* Ensure that card-link inherits the hover color effect */
.card-link:hover .custom-card {
    background-color: #FFFFFF;
}
#community-resources-navbar {
    font-size: 16px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for separation */
    padding: 10px 0;
}

/* Default: Items in a row */
#community-resources-navbar .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

/* Default: Horizontal Layout */
#community-resources-navbar .nav-item {
    display: inline-block;
}

/* Responsive: One Item Per Line on Small Screens */
@media (max-width: 768px) {
    #community-resources-navbar .navbar-nav {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    #community-resources-navbar .nav-item {
        width: 100%;
        text-align: center;
    }
}