/**
 * Clinton Events Stylesheet
 * Version: 2.5.2
 */

/*
 * New Filter Area Styles
 */
.events__filter {
	margin-bottom: 1.875rem; /* 30px */

	label {
		display: block;
		font-size: inherit !important;
		line-height: 1.2;
		text-transform: none;
	}

	.events__filter-wrapper {
		display: flex;
		flex-direction: column;
		gap: 1.25rem; /* 20px */

		.events__filter-row {
			display: flex;
			gap: 1.25rem; /* 20px */
			flex-direction: column;

			.events__filter-group {
				width: 100%;
				display: flex;
				flex-direction: column;
				gap: 0.3125rem; /* 5px */
			}

			.events__search-wrapper {
				display: flex;
				align-items: center;

				[class^="grve-icon-"],
				[class*=" grve-icon-"] {
					height: 47px;
					aspect-ratio: 1 / 1;
					border: 1px solid #dadada;
					border-left: none;
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					cursor: pointer;
				}
			}
		}
	}
}
@media (min-width: 668px) {
	.events__filter {

		.events__filter-wrapper {

			.events__filter-row {
				flex-direction: row;
			}
		}
	}
}

/*
 * Search Results
 */
.events__search-result {
	margin-bottom: 10px;
}

/*
 * General Overview Styles
 */
.events__overview {
	display: grid;
	gap: 1.875rem; /* 30px */
	grid-template-columns: 1fr;
}

/*
 * Event Item Styles
 */
.events__item {
	overflow: hidden;

	.events__item-link {
		display: block;
		text-decoration: none;
		color: inherit;
	}

	.events__item-wrapper {
		display: flex;
		flex-direction: column;
		gap: 0.625rem; /* 10px */

		/*
		 * Event Thumbnail
		 */
		.events__thumbnail {
			img {
				width: 100%;
				height: auto;
				display: block;
			}
		}

		/*
		 * Event Card Content Area
		 */
		.events__card-content {
			padding: 0 0.625rem; /* 0 10px */
			display: flex;
			flex-direction: column;
			gap: 0.9375rem; /* 15px */

			/*
			 * Header Section (Date, Title, Icon)
			 */
			.events__card-header {
				display: flex;
				align-items: center;
				gap: 0.9375rem; /* 15px */
			}

			/*
			 * Date Block
			 */
			.events__date-block {
				display: flex;
				flex-direction: column;
				flex-shrink: 0;
				color: #0075bf;
				text-align: center;

				.events__date-month,
				.events__date-day {
					font-weight: 500;
					line-height: 1;
				}

				.events__date-month {
					font-size: 0.875rem; /* 14px */
					text-transform: uppercase;
					letter-spacing: 0.5px;
				}

				.events__date-day {
					font-size: 1.5rem; /* 24px */
				}
			}

			/*
			 * Event Title
			 */
			.events__title {
				min-width: 0;
				margin: 0;
				overflow: hidden;
				display: block;
				flex-grow: 1;
				font-family: "Roboto Condensed", sans-serif;
				font-size: 2.25rem; /* 36px */
				font-weight: 400;
				line-height: 1;
				text-transform: uppercase;
				text-overflow: ellipsis;
				white-space: nowrap;

			}

			/*
			 * Ticket Icon
			 */
			.events__ticket-icon {
				flex-shrink: 0;

				svg {
					width: 34px;
					height: auto;
					color: #0075bf;
				}
			}

			/*
			 * Short Description
			 */
			.events__short-description {
				margin: 0;
				font-size: 1rem; /* 16px */
				color: #555;
				line-height: 1.5;
			}
		}
	}
}

/* Tablets & Small Desktops (from 668px): 2 columns */
@media (min-width: 668px) {
	.events__overview {
		grid-template-columns: 1fr 1fr;
	}
}
/* Large Desktops (from 1200px): 3 columns */
@media (min-width: 1200px) {
	.events__overview {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

/*
 * Pagination Styles
 */
.events__pagination {
	margin-top: 1.875rem; /* 30px */
	display: flex;
	justify-content: center;

	.pagination {
		margin: 0;
		padding: 0;
		display: flex;
		list-style: none;

		.page-item {

			.page-link {
				padding: 6px 12px;
				display: block;
				position: relative;
			}

			&.active {

				.page-link {
					color: #fff;
					background-color: #0075bf;
				}
			}

			&.disabled {
				cursor: default;
				opacity: 0.5;

				.page-link {
					color: #555;
					pointer-events: none;
					text-decoration: none;
				}
			}
		}
	}
}

/*
 * Event Slider Styles
 */
.clinton-events-slider {

	.splide__pagination {
		margin-top:15px;
		position: relative;

		.splide__pagination__page.is-active {
			background-color: #0075bf;
		}
	}
}



/*
 * Event Template
 */
.event {
	color: #575756;

	.event__container {
		width: 95%;
		margin-right: auto;
		margin-left: auto;
		position: relative;

		.event__title {
			margin: 0;
			font-size: clamp(1.375rem, 0.9773rem + 1.6970vw, 2.25rem);; /* 22px bis 36px responsive */
			line-height: 1.3;
		}

		.event__meta {
			margin-top: 0.625rem; /* 10px */
			.event__meta-item {
				white-space: nowrap;
			}
		}

		.event__thumbnail {
			margin-bottom: 3.75rem; /* 60px */

			img {
				width: 100%;
				display: block;
			}
		}
	}
}
@media only screen and (min-width: 768px) {
	.event {

		.event__container {
			width: 720px;
		}
	}
}
@media only screen and (min-width: 960px) {
	.event {

		.event__container {
			width: 900px;
		}
	}
}
@media only screen and (min-width: 1200px) {
	.event {

		.event__container {
			width: 1180px;
		}
	}
}