@charset "utf-8";

@media all {
	#events_list .heading > * {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.scroll3 {
		justify-content: center;
	}

	.archive-button {
		justify-content: flex-end;
		display: flex;
		align-items: center;
	}

	#events_list .content div.date {
		color: var(--white);
		background-color: var(--highlight-text-color);
		font-weight: var(--font-weight-bold);
		font-size: 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
	}

	#events_list .content .date > span {
		height: min-content;
		width: min-content;
		display: inline-block;
	}

	#events_list .date > span:nth-of-type(2) {
		line-height: 10px;
	}

	#events_list .date > span:not(:nth-of-type(2)) {
		line-height: 26px;
	}

	#events_list .order-filter {
		margin-bottom: 40px;
	}

	#events_list .headline {
		display: flex;
		justify-content: space-between;
		align-items: center;
		min-height: 67px;
	}

	#events_list .headline h3 + div {
		display: flex;
		height: 100%;
		flex-direction: column;
		align-items: center;
		padding: 5px !important;
		justify-content: center;
	}

	#events_list .headline > h3 {
		padding-left: 12px !important;
		margin: 0;
		height: min-content;
		font-size: 28px;
		line-height: 28px;
	}

	#events_list .title,
	#events_list .title * {
		margin: 0 !important;
		padding: 0 !important;
	}

	#events_list div.row.title {
		margin-bottom: 40px !important;
		border: solid 2px var(--light-gray);
	}

	#events_list .events_pagination a {
		color: var(--highlight-text-color);
		background-color: transparent;
		border: none;
		font: normal var(--font-weight-bold) var(--font-size-h4)/ var(--font-family-default);
	}

	#events_list .events_pagination .scroll3-item.disabled {
		color: var(--gray);
		opacity: 0.50;
	}

	#events_list .events_pagination .scroll3-item.disabled.active {
		height: 40px;
		font-weight: var(--font-weight-bold);
		color: var(--black);
		opacity: 1;
	}

	#events_list .content > .row {
		margin-bottom: 40px;
	}

	#events_list svg {
		height: 18px;
		width: 18px;
	}

	#events_list form svg {
		height: 25px;
		width: 25px;
		display: inline-block;
	}

	#events_list .red {
		color: var(--red);
	}

	#events_list .blue {
		color: var(--highlight-text-color);
	}

	#events_list .pag-container {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#events_list .pag-container p {
		margin: 0;
	}

	#events_list .event-location {
		color: var(--highlight-text-color);
		font-size: 26px;
		font-weight: var(--font-weight-bold);
		margin-bottom: 10px;
	}

	#events_list .submit-container {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#events_list .canceled {
		text-transform: uppercase;
		color: var(--red) !important;
	}

	#events_list .canceled path {
		stroke: var(--red) !important;
		fill: var(--red) !important;
	}

	#events_list .order-filter + h2.underline ~ * svg > * {
		stroke: var(--highlight-text-color);
	}

	#events_list .heading_buttons {
		display: flex;
		gap: 10px
	}

	summary.multi-select-title {
		list-style-type: none;
	}

	details.multi-select:not([open]) > summary > svg {
		transform: rotate(0deg);
	}

	details.multi-select[open] > summary > svg {
		transform: rotate(90deg);
	}

	details.multi-select > summary {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}

@media (max-width: 991px) {
	#events_list img {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: unset;
	}
}

@media (max-width: 767px) {
	#events_list .heading .underline {
		flex-wrap: wrap;
		gap: 10px;
	}

	#events_list .heading .underline .heading_buttons {
		width: 100%;
	}
}