.upcoming-past-events-block {padding:100px 0;}

.upcoming-past-events-block .events {}
.upcoming-past-events-block .events .event {display:flex; margin-bottom:100px;}
.upcoming-past-events-block .events .event .thumbnail {position:relative; flex:0 0 50%;}
.upcoming-past-events-block .events .event .thumbnail img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.upcoming-past-events-block .events .event .details {flex:0 0 50%; padding-left:30px;}
.upcoming-past-events-block .events .event .details .calendar {border:1px solid var(--color-brand); text-align:center; width:70px; padding:5px 0; margin-bottom:10px; color:var(--color-brand);}
.upcoming-past-events-block .events .event .details .calendar .month {display:block; text-transform:uppercase; font-size:20px; letter-spacing:.1em;}
.upcoming-past-events-block .events .event .details .calendar .day {display:block; font-size:36px; font-weight:bold;}
.upcoming-past-events-block .events .event .details h3 a {display:block; margin-bottom:10px; font-size:32px; font-weight:bold; text-decoration:none;}
.upcoming-past-events-block .events .event .details .wysiwyg {margin-bottom:10px;}

.upcoming-past-events-block .headline.past-events {margin-top:100px;}


@media (max-width:700px) {

	.upcoming-past-events-block .events .event {display:block;}
	.upcoming-past-events-block .events .event .thumbnail {aspect-ratio:16/9; display:block; margin-bottom:10px;}
	.upcoming-past-events-block .events .event .details {padding:0;}
	.upcoming-past-events-block .events .event .details h3 a {font-size:24px;}

}