/* =========================================================
   PAGE ANIMATIONS — MOBILE
   ========================================================= */

#b612-events-page {
    padding: 55px 20px 70px;
}


/* ---------------------------------------------------------
   HEADER
   --------------------------------------------------------- */

.b612-events-page__header {
    margin-bottom: 40px;
}

.b612-events-page__eyebrow {
    font-size: 10px;
    margin-bottom: 14px;
}

.b612-events-page__title {
    font-size: 42px;
    line-height: 0.95;
}

.b612-events-page__divider {
    margin-top: 24px;
}


/* ---------------------------------------------------------
   GRILLE
   --------------------------------------------------------- */

.b612-events-page__grid {
    grid-template-columns: 1fr;

    gap: 24px;
}


/* ---------------------------------------------------------
   CARTE
   --------------------------------------------------------- */

.b612-events-page__card-link {
    border-radius: 10px;
}

.b612-events-page__card-body {
    padding: 18px 16px 20px;
}

.b612-events-page__card-title {
    font-size: 26px;
}


/* ---------------------------------------------------------
   DATE
   --------------------------------------------------------- */

.b612-events-page__date {
    left: 12px;
    bottom: 12px;

    min-width: 48px;
    min-height: 48px;
}

.b612-events-page__day {
    font-size: 15px;
}

.b612-events-page__month {
    font-size: 8px;
}


/* ---------------------------------------------------------
   META
   --------------------------------------------------------- */

.b612-events-page__meta {
    margin-top: 15px;

    font-size: 14px;

    gap: 6px 10px;
}