/* site.css */

/*.navbar {
    background-color: white !important;
}
*/
/*.nav-link {
    color: white ;
}

    .nav-link:hover {
        color: red !important;
    }

.custom-nav-link {
    color: white !important;
}

    .custom-nav-link:hover {
        color: grey !important;
    }
*/


/*not sure this even works*/

.my-active-link {
    color: #E53935; /* Example: Red when active */
    font-weight: bold; /* optional */
}

.custom-navgroup .mud-icon-button {
    color: black !important; /* Force the icon color to be black */
}

@media (min-width: 1280px) {
    .custom-wide-container {
        max-width: 1800px !important;
        margin: 0 auto;
        padding: 0 16px;
    }
}

.full-width-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 20px !important;
    margin: 0 !important;
}

@media (max-width: 600px) {
    .full-width-container {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}