@charset "UTF-8";

@media all {
	.block.exhibition {
		position: relative;
	}

	.block.exhibition .slick-track {
		display: flex;
	}

	.block.exhibition .top {
		height: 400px;
		margin-bottom: 10px;
	}

	.block.exhibition .top img {
		width: auto;
		height: 400px;
	}

	.block.exhibition .nav,
	.block.exhibition .top {
		overflow: hidden;
	}

	.block.exhibition .nav {
		width: calc(100% - 70px);
		margin-left: 35px;
	}

	.block.exhibition .nav img {
		height: 100px;
		width: auto;
	}

	.block.exhibition .nav .slick-track {
		gap: 10px;
	}

	.block.exhibition .top .slick-slide {
		display: flex;
		justify-content: center;
	}

	.block.exhibition .nav .slick-slide .nav-container {
		border: 2px solid transparent;
	}

	.block.exhibition .nav .slick-slide.slick-active .nav-container {
		border: 2px solid var(--highlight-text-color);
	}

	.block.exhibition .exhibition_controls .exhibition_next,
	.block.exhibition .exhibition_controls .exhibition_previous {
		background-color: var(--white);
		color: var(--highlight-text-color);
		height: 304px;
		width: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: none;
		margin: 0;
	}

	.block.exhibition .top + .nav + .exhibition_controls .exhibition_next,
	.block.exhibition .top + .nav + .exhibition_controls .exhibition_previous {
		height: 100px;
	}

	.block.exhibition .exhibition_controls .exhibition_next:hover,
	.block.exhibition .exhibition_controls .exhibition_previous:hover {
		background-color: var(--white);
		color: var(--highlight-text-color);
		cursor: pointer;
		text-decoration: none !important;
	}

	.block.exhibition .exhibition_controls .exhibition_next i,
	.block.exhibition .exhibition_controls .exhibition_previous i {
		color: var(--highlight-text-color);
		font-size: 30px;
	}

	.block.exhibition .slick-dots {
		position: absolute;
		top: 100%;
	}

	.block.exhibition .slick-dots li,
	.block.exhibition .slick-dots li button {
		width: 20px !important;
		height: 20px !important;
		min-height: unset !important;
	}

	.block.exhibition .slick-dots li button {
		border: 2px solid var(--highlight-text-color);
	}

	.block.exhibition .slick-dots li.slick-active button {
		background-color: var(--highlight-text-color);
	}

	.block.exhibition .slick-dots li button .slick-dot-icon::before {
		content: '' !important;
	}

	.block.exhibition .slick-dots li button .slick-sr-only {
		display: none !important;
	}

	.block.exhibition .exhibition_controls .exhibition_next:hover i ,
	.block.exhibition .exhibition_controls .exhibition_previous:hover i {
		color: var(--highlight-text-color);
	}

	.exhibition_controls {
		position: absolute;
		right: 0;
		bottom: 15px;
		left: 0;
		display: flex;
		justify-content: space-between;
		gap: 5px;
		pointer-events: none !important;
	}

	.exhibition_controls > * {
		pointer-events: auto !important;
	}

	.exhibition img {
		display: block;
		max-width: 100%;
		width: 100%;
	}

	.exhibition .slick-track {
		margin-bottom: 5px;
	}

	.block.exhibition .top p {
		margin-top: 5px;
	}

	.block.exhibition .top p + p {
		margin: 0;
	}
}

@media (max-width: 1199px) {
	.block.exhibition .top {
		display: none !important;
	}

	.block.exhibition .nav {
		display: flex !important;
		flex-wrap: wrap;
		gap: 1rem;
	}

	.block.exhibition .nav > .nav-container {
		width: calc(50% - .5rem);
	}

	.block.exhibition .nav > .nav-container img {
		width: 100% !important;
		height: auto !important;
	}
}

@media (max-width: 511px) {
	.block.exhibition .nav > .nav-container {
		width: 100% !important;
	}
}