.events-grid {
	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
	gap:20px;
}

.events-grid .event-container {
	border:1px solid rgba(0,0,0,.25);
	padding:25px 25px 25px;
}

.events-grid .event-item {
	position:relative;
	padding-bottom:40px;
}

.events-grid .event-item .event-image img {object-fit: cover; aspect-ratio: 16 / 9; width:100%;}

.events-grid .event-item .event-details {
	padding:20px 0;
}

.events-grid .event-item .event-title {
	font-size: 2rem;
	font-weight:600;
	text-align: center;
}

.events-grid .event-item .event-dates {
	text-align:center;
	font-size:1.5rem;
	font-style:italic;
}
.events-grid .event-item .event-times {
	text-align:center;
	font-size:1.5rem;
	font-style:italic;
}

.events-grid .event-item .event-abstract {
	margin-top:20px;
}

.events-grid .event-item .event-button {
	position: absolute;
	bottom:0;
	left:0;
	right:0;
}

.events-grid .event-item .event-button a, .event-single .event-back-button {
	display:block;
	max-width:60%;
	padding:5px 10px;
	margin:0 auto;
	background-color:cadetblue;
	border:1px solid cadetblue;
	color:white;
	text-align: center;
	border-radius:5px;
	text-decoration: none;
	transition: background-color .3s, color .3s;
}

.event-single .event-back-button {
	width:max-content;
}

.events-grid .event-item .event-button a:hover, .events-grid .event-item .event-button a:focus, .event-single .event-back-button:hover, .event-single .event-back-button:focus {
	background-color: white;
	color:unset;
}

.events-pagination-links {
	padding:20px 0;
	text-align: center;
}

.events-pagination-links .page-numbers {
	background-color:cadetblue;
	border:1px solid cadetblue;
	color:white;
	border-radius:5px;
	padding:5px 10px;
	margin:0 2px;
	text-decoration: none;
	transition: background-color .3s, color .3s;
}
.events-pagination-links a.page-numbers:hover, .events-pagination-links a.page-numbers:focus{
	background-color: white;
	color:unset;
}
.events-pagination-links .page-numbers.current {
	opacity:.6;
}

.event-single .event-date {
	text-align: center;
	font-style:italic;
}
.event-single .event-time {
	text-align: center;
	font-style:italic;
	margin-bottom:20px;
}

.event-single .divider {
	height:1px;
	margin:20px 0;
	border-top:1px solid rgba(0,0,0,.25);
}
.event-single span.nowrap-date {
	white-space: nowrap;
}