@charset "utf-8";

@media all {
	#events_entry svg {
		height: 18px;
		width: 18px;
	}

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

	.similar-image-container {
		position: relative;
		height: 440px;
	}

	.similar-image-container img {
		object-fit: cover;
		height: 100%;
	}

	.similar-image-container .similar-data {
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		padding: 20px;
		text-align: center;
		background-color: var(--light-gray);
		opacity: 0.9;
	}

	.similar-image-container .similar-data a.btn {
		height: 40px;
		border: none;
		background-color: var(--highlight-text-color);
		padding: 5px 10px;
		font-family: "Fira Sans", sans-serif;
		font-size: var(--font-size-default);
		font-weight: var(--font-weight-bold);
		color: var(--white);
		cursor: pointer;
	}

	#events_entry .social-media-icons {
		display: flex;
		gap: 15px;
		justify-content: flex-end;
	}

	#events_entry .social-media-icons svg {
		height: 32px;
		width: 32px;
	}

	#events_entry .social-media-icons svg path {
		stroke: var(--highlight-text-color);
		fill: var(--highlight-text-color);
	}

	#events_entry svg > * {
		stroke: var(--highlight-text-color);
	}

	#events_entry .leaflet-control-attribution svg {
		display: none !important;
	}

	.edit-buttons {
		display: flex;
		justify-content: space-between;
	}

	.accordion.accordion-event summary {
		padding: 20px !important;
	}

	.accordion.accordion-event details .content {
		padding: 25px 0 !important;
	}

	.accordion .past-events:not(:only-child) {
		margin-top: 25px;
	}

	.shorten_title {
		text-overflow: ellipsis;
		overflow: hidden;
		width: 100%;
		height: 1.2em;
		white-space: nowrap;
	}
}