/* Events
----------*/

	.block-events {
		background-color: #f2f2f2;
	}

	.block-events-content {
		border-radius: 25px;
		padding: 30px;
	}

		@media screen and (max-width: 1024px) {
			.block-events-content {
				padding: 0;
			}
		}

	.block-events article {
		text-align: left;
		background-color: #FFFFFF;
		border-radius: 25px;
		padding: 30px;
		width: 80%;
		margin: 0 auto 30px auto;
	}

		@media screen and (max-width: 1024px) {
			.block-events article {
				padding: 20px;
				width: 100%;
			}
		}

	.block-events .event-date {
		display: block;
		font-size: 17px;
		padding: 0 0 15px 0;
	}

	.event-date img {
		display: inline-block;
		height: 20px;
		width: auto;
		position: relative;
		top: 3px;
		margin-right: 3px;
	}

	.block-events h3 {
		font-size: 25px;
		font-family: 'Fredoka One', cursive;
		padding: 0;
	}

	.block-events .event-description {
		line-height: 28px;
	}

	.block-events .event-description p:first-of-type {
		margin-top: 0
	}

.block-events p.no-items {
	margin-bottom: 50px !important;
}

	.ui-event {
		display: grid;
		grid-template-columns: 250px minmax(0,1fr);
		grid-column-gap: 40px;
	}

		@media screen and (max-width: 1024px) {
			.ui-event {
				grid-template-columns: minmax(0,1fr);
			}
		}

	.ui-event--preview {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		border-radius: 10px;
	}

		@media screen and (max-width: 1024px) {
			.ui-event--preview {
				margin-bottom: 20px;
			}
		}

	.ui-event--preview img {
		border-radius: 7px;
	}