body {
    padding-top: 80px;  /* Increased for new menu height */
    padding-bottom: 60px;
}

/* Add responsive menu toggle */
.navbar-toggler {
    border: none;
    outline: none;
}

.card {
    border-radius: 15px;
}

.vh-80 {
    min-height: 80vh;
}

/* New events panel styles */
#events-container .card {
    transition: transform 0.3s ease;
    border-radius: 10px;
    overflow: hidden;
    border: none;
}

#events-container .card:hover {
    transform: translateY(-7px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.card-img-container {
    padding: 8px 8px 0 8px;
}

.card-img-container img {
    border-radius: 8px;
    object-fit: cover;
}

.card-title {
    font-size: 1.1rem;
    margin-bottom: 0;
}

.event-date {
    font-size: 0.85rem;
    line-height: 1.2;
}

@media (max-width: 767.98px) {
    body {
        padding-bottom: 20px;  /* Revert to normal padding */
    }
    /* Footer visibility classes removed */
}