/* intro */
.event--intro {
    margin-bottom: 12rem;
}

.event--intro > p {
    grid-column: 1/-1;
}

.event--intro > p:first-of-type {
    margin-bottom: 2em;
}


/* calendar */
.event:not(:last-of-type) {
    margin-bottom: 12rem;
}

.event--title {
    grid-column: 1/-1;
    text-align: center;
}

.event--subtitle {
    grid-column: 1/-1;
    text-align: center;
    padding: .2rem 0;
    margin: .3rem 0;
    border-top: 3px solid black;
    border-bottom: 3px solid black;
}

.event--description {
    grid-column: 1/-1;
    text-align: center;
}

.event--gallery {
    grid-column: 1/-1;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    margin: 2rem -1rem 1rem;
    padding-left: 1rem;
}

.event--figure {
    min-width: calc(100vw - 3rem);
    max-width: calc(100vw - 3rem);
    height: 60vw;
    scroll-snap-align: center;
    margin-right: 1rem;
}

.event--figure:last-of-type {
    padding-right: .5rem;
}

.event--date {
    grid-column: 1/4;
}

.event--location {
    grid-column: 4/-1;
    text-align: right;
}


/* TABLET */
@media only screen and (min-width: 768px) {
    .event--intro > p {
        grid-column: span 4;
    }

    .event--description {
        grid-column: 2/-2;
    }

    .event--figure {
        min-width: calc(var(--column-widthT) * 4 + 3rem);
        max-width: calc(var(--column-widthT) * 4 + 3rem);
        height: 30vw;
    }
}


/* DESKTOP */
@media only screen and (min-width: 1024px) {
    .event--intro,
    .event:not(:last-of-type) {
        margin-bottom: 20rem;
    }

    .event--intro > p {
        grid-column: span 8;
    }

    .event--title {
        grid-column: 3/-3;
        grid-row: 1;
    }

    .event--subtitle {
        grid-column: 3/-3;
        grid-row: 2;
    }

    .event--description {
        grid-column: 4/-4;
        grid-row: 3;
    }

    .event--date {
        grid-column: 1/3;
        grid-row: 1;
    }
    
    .event--location {
        grid-column: -3/-1;
        grid-row: 1;
    }

}