/* 
HEADER
*/
#events_p-header h3 {margin-bottom: var(--size-d);}




/* 
GRID
*/
#events_p-grid {margin-top: var(--size-l);}
#events_p-grid--header {
    column-gap: var(--size-s); 
    row-gap: var(--size-s); 
    margin-bottom: 1rem;
}

#events_p-grid .--events[data-status='hide'] {display: none;}

#events_p-grid .--events li {grid-column: 1/-1;}

@media only screen and (min-width: 768px) {
    #events_p-grid .--events li {grid-column: span 2;}

    #events_p-grid li.--upcoming {grid-column: 1/-1;}
    #events_p-grid li.--upcoming .event-block {aspect-ratio: 2/1 !important;}
}

@media only screen and (min-width: 1096px) {
    #events_p-grid .--events li {grid-column: span 1;}

    #events_p-grid li.--upcoming {grid-column: span 2;}
}