body, html {
    font-family: 'Roboto', sans-serif;
    height: 100%;
}

/* Override Bootstrap container max-width to support 1285px design */
@media (min-width: 1200px) {
    .container {
        max-width: 1320px;
    }
}
.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;
    }
}

/* Zeca Standard Green Button */
.zeca-green-btn {
    background-color: #00A26A !important;
    color: white !important;
    border: 1px solid #00A26A !important;
    font-weight: 500;
}

.zeca-green-btn:hover {
    background-color: #008b5a !important;
    color: white !important;
    border: 1px solid #008b5a !important;
}

.zeca-green-btn:focus {
    background-color: #00A26A !important;
    color: white !important;
    border: 1px solid #00A26A !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 162, 106, 0.25) !important;
}

.zeca-green-btn:active {
    background-color: #008b5a !important;
    color: white !important;
    border: 1px solid #008b5a !important;
}

.zeca-green-btn:disabled {
    background-color: #6c757d !important;
    color: white !important;
    border: 1px solid #6c757d !important;
}

/* Hide breadcrumbs on mobile devices */
@media (max-width: 767.98px) {
    nav[aria-label="breadcrumb"],
    #app-breadcrumb {
        display: none !important;
    }
}