@charset "UTF-8";

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

	.block.exhibition .top {
		height: 340px;
		margin-bottom: 20px;
	}

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

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

	.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 .exhibition_controls .exhibition_next,
	.block.exhibition .exhibition_controls .exhibition_previous {
		background-color: var(--grey);
		height: 50px;
		width: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: none;
		margin: 0;
	}

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

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

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

	.exhibition_controls {
		display: flex;
		justify-content: start;
		gap: 10px;
	}

	.exhibition .parvus {
		--parvus-overlay-color: hsl(23, 40%, 96%);
	}

	.exhibition .parvus__overlay {
		opacity: 0.94;
	}

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

	.parvus__counter,
	.parvus-zoom__indicator {
		display: none !important;
	}

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

	.parvus__btn.parvus__btn--previous,
	.parvus__btn.parvus__btn--next,
	.parvus__btn.parvus__btn--close {
		width: 50px !important;
		display: flex !important;
		height: 50px !important;
		justify-content: center !important;
		align-items: center !important;
		background-color: var(--grey) !important;
		border: 1px solid var(--grey) !important;
	}

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

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

@media (max-width: 575px) {
	.block.exhibition .top img {
		height: 280px;
		width: 100% !important;
		object-fit: cover;
	}
}