.featured-events .events-row {
    padding: 1.22rem 0 3rem;
}

.featured-events .row {
    row-gap: 1.5rem;
}

.featured-events h2 {
    margin-bottom: 0.5em;
}

@media screen and (max-width: 768px) {
    .featured-events .events-row {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
    .featured-events .events-row .event-tease {
        width: 350px;
        max-width: calc(100vw - (3.5 * var(--bs-gutter-x)));
    }
}

@media screen and (max-width: 768px) and (hover: none) {
    .featured-events .events-row {
        scroll-snap-type: x mandatory;
        scroll-padding: 1rem;
    }
    .featured-events .events-row .event-tease {
        scroll-snap-align: start;
    }
}

@media screen and (max-width: 600px) {
    .featured-events {
        border-radius: 0px;
    }
}