/* Events page styles */

/* Import base styles and components */
@import "base-zW0DGQa.css";
@import "components/header-FQ0_1JI.css";
@import "components/hero_short-NUhh4ED.css";
@import "components/card_service-JwZyVJz.css";
@import "components/text_content-92yg7qr.css";
@import "components/stat-rEPf0At.css";
@import "components/link_arrow-UjWqbLF.css";
@import "components/card_event-zqtuDMt.css";
@import "components/cta_section-t7KgU1f.css";
@import "components/filter_select-RRzOMyY.css";
@import "components/footer-cxZLcZV.css";

/* ============================================ */
/* EVENTS GRID SECTION - MOBILE */
/* ============================================ */

.events-grid {
    padding: 64px 0px;
    background-color: var(--color-white);
}

.events-grid,
.past-events>div {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 16px;
    margin-left: 16px;
    max-width: 1550px;
}

.past-events>div {
    margin-right: 0px;
}

.events-grid__header {
    margin-bottom: 52px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.events-grid__title-wrapper .text-content__title {
    font-family: 'Lora', serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    color: var(--color-bordeaux);
}

.events-grid__filters {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 8px;
    column-gap: 4px;
    max-width: 800px;
}

.events-grid__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.events-grid__items .event {
    margin-bottom: 16px;
}

/* ============================================ */
/* PAST EVENTS SECTION - MOBILE */
/* ============================================ */

.past-events {
    padding: 64px 0px;
    background-color: #B10F2E1A;
}

.past-events__header {
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.past-events__title-wrapper .text-content__title {
    font-family: 'Lora', serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    color: var(--color-bordeaux);
}

.past-events__link {
    font-size: 16px;
    text-decoration: underline;
}

.past-events__items {
    display: grid;
    grid-template-columns: repeat(3, minmax(201px, 1fr));
    gap: 24px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.past-events__items::-webkit-scrollbar {
    display: none;
}

/* ============================================ */
/* RESPONSIVE - TABLET (669px+) */
/* ============================================ */

@media (min-width: 669px) {

    .events-grid,
    .past-events>div {
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 16px;
        margin-left: 16px;
        max-width: 1550px;
    }

    .events-grid__filters {
        grid-template-columns: repeat(3, 1fr);
    }

    .events-grid__items {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

/* ============================================ */
/* RESPONSIVE - DESKTOP (1024px+) */
/* ============================================ */

@media (min-width: 1024px) {
    .past-events__header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .events-grid,
    .past-events>div {
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 24px;
        margin-left: 24px;
    }
}

/* ============================================ */
/* RESPONSIVE - DESKTOP (1200px+) */
/* ============================================ */

@media (min-width: 1200px) {
    .events-grid {
        padding: 138px 0px 75px 0px;
    }

    .events-grid__items .event {
        margin-bottom: 40px;
    }

    .events-grid,
    .past-events>div {
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 100px;
        margin-left: 100px;
    }

    .events-grid__header {
        margin-bottom: 137px;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    .events-grid__title-wrapper {
        flex-shrink: 0;
    }

    .events-grid__filters {
        gap: 8px;
        max-width: 800px;
    }

    .events-grid__items {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }

    .past-events {
        padding: 107px 0px 127px 0px;
    }

    .past-events__header {
        margin-bottom: 64px;
    }

    .past-events__items {
        gap: 32px;
    }
}

/* ============================================ */
/* RESPONSIVE - LARGE DESKTOP (1600px+) */
/* ============================================ */

@media (min-width: 1600px) {
    .events-grid {
        padding: 120px 0px;
    }

    .past-events {
        padding: 120px 0px;
    }

    .events-grid,
    .past-events>div {
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 192px;
        margin-left: 192px;
    }
}


@media (min-width: 1920px) {
    .events-grid {
        padding: 120px 0px;
    }

    .past-events {
        padding: 120px 0px;
    }

    .events-grid,
    .past-events>div {
        padding-left: 0px;
        padding-right: 0px;
        min-width: 1550px;
        max-width: 1550px;
        margin-left: auto;
        margin-right: auto;
    }
}