/* =========================================================
   Header / Events menu
   Kept separate from main.css (theme file) - do not mix.
   ========================================================= */

/* ---------- Events dropdown (Upcoming / Past tabs) ---------- */
.event-submenu {
    min-width: 260px;
    padding: 10px 0;
}

.menu-heading {
    font-weight: 700;
    font-size: 13px;
    color: #999;
    padding: 8px 15px;
    text-transform: uppercase;
    border-top: 1px solid #eee;
}

.menu-heading:first-child {
    border-top: none;
}

.event-submenu li a {
    display: block;
    padding: 8px 15px;
    font-size: 14px;
}

.menu-empty {
    padding: 8px 15px;
    display: block;
    color: #bbb;
    font-size: 13px;
}

/* ---------- Header nav responsive above 1600px ---------- */
@media (min-width: 1601px) {
    .header-main .main-menu ul li {
        margin-inline-end: 40px;
    }

    .header-1 .header-left {
        gap: 50px;
    }
}

/* ---------- Header nav responsive 1200px - 1399px ---------- */
@media (min-width: 1200px) and (max-width: 1399px) {
    .header-main .main-menu ul li {
        margin-inline-end: 18px;
    }

    .header-main .main-menu ul li a {
        font-size: 14px;
    }

    .header-1 .header-left {
        gap: 15px;
    }

    .header-1 .header-left .logo img {
        max-width: 150px;
    }
}