/**
 * CrispyCohd Slider front-end additions.
 * Slick's core and theme CSS are loaded separately and pinned to the runtime version.
 */

.crispycohd-slider,
.crispycohd-slick-slider {
	position: relative;
}

.crispycohd-slider.slick-slider,
.crispycohd-slick-slider.slick-slider {
	margin-bottom: 30px;
}

.crispycohd-slider .slick-prev,
.crispycohd-slider .slick-next,
.crispycohd-slick-slider .slick-prev,
.crispycohd-slick-slider .slick-next {
	z-index: 2;
}

.crispycohd-slider .slick-prev,
.crispycohd-slick-slider .slick-prev {
	left: 10px;
}

.crispycohd-slider .slick-next,
.crispycohd-slick-slider .slick-next {
	right: 10px;
}

/*
 * Compatibility styling for content created for the original Flickity plugin.
 * The original CSS displayed three cells, dropping to two below 992px.
 */
.carousel ul[data-crispycohd-legacy-slick="1"] {
	list-style: none;
}

.carousel ul[data-crispycohd-legacy-slick="1"] .slick-slide {
	box-sizing: border-box;
	padding-right: 30px;
}

@media screen and (max-width: 991px) {
	.carousel ul[data-crispycohd-legacy-slick="1"] .slick-slide {
		padding-right: 20px;
	}
}


/*
 * Pre-initialisation layout protection.
 * These selectors apply only until Slick synchronously adds .slick-initialized.
 * "start" leaves the configured starting slide visible as a useful fallback.
 */
[data-crispycohd-slick="1"][data-crispycohd-preinit="start"]:not(.slick-initialized) > :not(.crispycohd-slick-preinit-active) {
	display: none !important;
}

[data-crispycohd-slick="1"][data-crispycohd-preinit="hidden"]:not(.slick-initialized) > * {
	display: none !important;
}

[data-crispycohd-slick="1"][data-crispycohd-initial-height="fixed"]:not(.slick-initialized) {
	height: var(--crispycohd-slick-initial-height);
	min-height: var(--crispycohd-slick-initial-height);
	overflow: hidden;
}

[data-crispycohd-slick="1"][data-crispycohd-initial-height="minimum"]:not(.slick-initialized) {
	min-height: var(--crispycohd-slick-initial-height);
}

[data-crispycohd-slick="1"][data-crispycohd-initial-aspect-ratio="1"]:not(.slick-initialized) {
	aspect-ratio: var(--crispycohd-slick-initial-aspect-ratio);
}