.event-overview  {
    --columns:  4;
    transition:  all 0.3s ease;
}
.event-overview.events-upcoming  {
    --columns:  3;
}
.event-overview .event-container  {
    align-items:  flex-start;
}
.event-overview .event-overview-event  {
    width:  calc((100% - (var(--columns) - 1) * var(--wp--custom--spacing--gap,  30px)) / var(--columns));
}
.event-overview .event-overview-event .event-overview-image {
    margin:  0;
    aspect-ratio:  210 / 297;
    overflow:  hidden;
    display:  flex;
    justify-content:  center;
    border-radius:  5px;
}
.event-overview .event-overview-event .event-overview-image img {
    height:  100%;
    width:  auto;
	min-height:100%;
	min-width:100%;
    max-width:  none;
	transition:transform .3s ease;
	object-fit:cover;
}
.event-overview .event-overview-event .event-overview-image.no-image-placeholder img {
    object-fit:contain;
}
.event-overview .event-overview-event .event-overview-image img:hover {
	transform:scale(1.025);
}
.event-overview .event-overview-event .event-overview-title  {
    font-size:  1.2rem;
    margin-block-start:  1rem;
}
.event-overview .event-overview-event .event-overview-meta  {
    font-size:  1rem;
    margin-block-start:  0.33rem;
}
.event-overview .event-overview-event .no-image-placeholder  {
    background:  rgba(255,  255,  255,  0.08);
    background:  linear-gradient(180deg,  rgba(255,  255,  255,  0.15) 0%,  rgba(255,  255,  255,  0.03) 100%);
}
.event-overview .event-overview-event .no-image-placeholder img  {
    height:  auto;
	width:55%;
	min-width:55%;
    max-width:60%;
    opacity:  0.15;
}
@media(max-width:1300px)  {
	body .is-layout-constrained > .event-overview > .alignwide  {
   		max-width:  calc(100vw - var(--wp--style--root--padding-right) - var(--wp--style--root--padding-left));
	}
}
@media(max-width:600px)  {
    .event-overview  {
		--columns:  2;
		padding-bottom:  5rem!important;
	}
	.event-overview.events-upcoming  {
		--columns:  1;
	}
	.event-overview.events-past  {
		padding-top:  5rem!important;
	}
}
@media(max-width:359px)  {
    .event-overview  {
		--columns:  1;
	}
}