/* 
    =====================
    This is the css file for index(all the app in the root folder) reponsiveness.
    ====================== 
*/


/* ==================== Mobile offcanvas ====================*/
.offcanvas {
    /* Adjust the width of the mobile offcanvas menu */
    width: 75% !important;
    max-width: 300px;
}

.offcanvas .nav-link {
    font-size: 1.1rem;
    font-weight: 500;
    transition: background 0.3s;
}

.offcanvas .nav-link:hover {
    background: rgba(165, 230, 135, 0.242);
}

.offcanvas .btn-close {
    box-shadow: none !important;
}


/* Ensure the desktop nav links are spaced nicely */
@media (min-width: 768px) {
    .navbar-nav .nav-link {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

}