/*
	README

	Modify this file as much or as little as needed.

	This file is shared across all CCL widgets in the Slider Preview family. This enables the ability to
	a family of widgets in a single update without touching the structure of the widget and without needing
	to duplicate efforts across several widget-specific CSS files.
*/

.core-preview-slider {
	padding-top: 0;
	margin-bottom: 40px;
}

.core-preview-slider .slide {
    padding: 0 1px;
}

.core-preview-slider .arrow-cont {
	padding: 0 9px;
}

.core-preview-slider .slide :is(.mini-date-section, .blog-feed-header) {
	display: none;
}

.core-preview-slider.core-preview-slider.preview-slider-1-across-fullwidth .slide .slide-footer {
	display: none;
}

.core-preview-slider .slide .details {
    display: none;
}

.core-preview-slider .arrow-cont .custom-arrow {
	color: var(--white);
	background-color: transparent;
	height: 27px;
	width: 27px;
	border: 3px solid var(--white);
	font-size: 15px;
	box-shadow: none;
}

.core-preview-slider.preview-slider-1-across-fullwidth .slide .slide-title {
	position: absolute;
	bottom: 11px;
	left: 15px;
	color: var(--white);
	z-index: 2;
	max-width: 15ch;
	line-height: 1.15;
	font-size: 18px;
}

.core-preview-slider.preview-slider-1-across-fullwidth .slide .slide-title a:hover {
	text-decoration: none;
}

.core-preview-slider.preview-slider-1-across-fullwidth .slide .content-section .slide-title {
	display: none;
}

.core-preview-slider .slick-slide .inner .img-cont::after {
	transform: translateY(0);
	opacity: 1;
	background-image: linear-gradient( to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 50%);
}

.core-preview-slider .slide.overlap-image .content-section {
	padding: 4px 0;
}

.core-preview-slider .slide .description {
	font-weight: var(--font-weight-normal);
	font-size: 16px;
	color: var(--gray);
	padding-right: 10px;
}

.core-preview-slider .slide .read-more {
	color: var(--citrus);
	font-size: 12px;
}

.core-preview-slider  .slick-slide .img-cont::before {
    background-color: rgba(0,0,0);
    opacity: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: opacity .4s ease-in-out;
	z-index: 3;
	pointer-events: none;
}

.core-preview-slider  .slick-slide.overlay .img-cont::before {
    opacity: .4;
}

@media (min-width: 40em) {
	.core-preview-slider.preview-slider-1-across-fullwidth .slide .slide-title {
		max-width: unset;
	}

	.core-preview-slider.preview-slider-3-across-fullwidth .slick-list {
        padding: 0 119px !important;
    }	
}

@media (min-width: 64em) {

	.core-preview-slider {
		margin-bottom: 100px;
	}

	.core-preview-slider .slide {
		padding: 0 5px;
	}

	.core-preview-slider .arrow-cont {
		padding: 0 42px;
	}

	.core-preview-slider.preview-slider-1-across-fullwidth .slide .slide-title {
		position: static;
		font-size: 30px;
		letter-spacing: .06em;
		max-width: 90ch;
	}
	.core-preview-slider.preview-slider-1-across-fullwidth .slide .img-cont .slide-title {
		display: none;
	}
	.core-preview-slider.preview-slider-1-across-fullwidth .slide .content-section .slide-title {
		display: block;
	}
	.core-preview-slider .slide.overlap-image .content-section {
		padding: 16px 14px;
	}

	.core-preview-slider .slide .content-section > .inner {
		gap: 15px;
	}
	.core-preview-slider .slide .description {
		max-width: 700px;
		font-size: 19px;
		line-height: 1.45;
	}

	.core-preview-slider .slide .read-more {
		color: var(--white);
		margin-left: 4px;
	}
}

@media (min-width: 90em) {
	.core-preview-slider .slide.overlap-image .content-section {
		padding: 44px 30px;
	}

	.core-preview-slider .slide .content-section > .inner {
		gap: 19px;
	}

	.core-preview-slider.preview-slider-1-across-fullwidth .slide .slide-title {
		font-size: 38px;
	}
}