/*
	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.preview-slider-1-across-fullwidth .publish-date,
.core-preview-slider.preview-slider-1-across-fullwidth .mini-date-section {
	display: none;
}

.core-preview-slider.preview-slider-1-across-fullwidth .slide .slide-title,
.core-preview-slider.preview-slider-1-across-fullwidth .slide .slide-title > a {
	line-height: 1.3;
	font-weight: 500;
	color: var(--text-black);
	font-size: var(--text-xl);
}

.core-preview-slider.preview-slider-1-across-fullwidth .slide .content-section > .inner {
	padding: 5px 20px;
	border-radius: 0rem 1.5rem 0.5rem 1.5rem;
	background: var(--white);
}

.core-preview-slider.preview-slider-1-across-fullwidth .slide.overlap-image-desktop p {
	color: var(--text-black);
}

.core-preview-slider.preview-slider-1-across-fullwidth .slide .description {
	font-size: var(--text-lg);
	line-height: var(--leading-normal);
	letter-spacing: 0.01em;
	font-weight: 500;
	color: var(--text-black);
}

.core-preview-slider.preview-slider-1-across-fullwidth :is(input, button, select, textarea):focus {
	outline: var(--ring-gray) solid 1px;
	outline-offset: 5px;
}

.core-preview-slider.preview-slider-1-across-fullwidth .slide .description {
	font-size: var(--text-base);
	line-height: var(--leading-normal);
	letter-spacing: 0.01em;
}

.core-preview-slider.preview-slider-1-across-fullwidth .slide .img-cont {
	border-radius: 1rem;
}

@media (hover: hover) and (min-width: 40em) { 
	.core-preview-slider.preview-slider-1-across-fullwidth .slide.overlap-image-desktop .slide-title:hover,
	.core-preview-slider.preview-slider-1-across-fullwidth .slide.overlap-image-desktop .slide-title > a:hover {
		text-decoration: none;
	}
}

.core-preview-slider.preview-slider-1-across-fullwidth .glide__arrows .glide__arrow {
	background-color: var(--teal);
	color: var(--white);
}

.core-preview-slider.preview-slider-1-across-fullwidth .glide__arrows {
	left: -1px;
	right: -1px;
}

.core-preview-slider.preview-slider-1-across-fullwidth .glide__arrows .glide__arrow::after {
	content: "";
	position: absolute;
	top: -7px;
	left: -7px;
	width: calc(100% + 14px);
	height: calc(100% + 14px);
	border-radius: var(--rounded-circle);
	background: transparent;
	border: 1px solid var(--ring-gray);
	pointer-events: none;
}

.core-preview-slider.preview-slider-1-across-fullwidth .subtitle-header > .category {
	--accent-color: var(--dark-pink);
	--font-family-display: var(--font-display);
	font-family: var(--font-family-display);
	font-weight: 700;
	color: var(--accent-color);
	text-transform: uppercase;
	letter-spacing: 0.3em;
}

@media (min-width: 64em) {
	.core-preview-slider.preview-slider-1-across-fullwidth .slide .img-cont {
		border-radius: 2.5rem;
	}

	.core-preview-slider.preview-slider-1-across-fullwidth .slide .content-section > .inner {
		padding: 50px;
		width: 480px;
	}

	.core-preview-slider.preview-slider-1-across-fullwidth.preview-slider-1-across-fullwidth .glide__arrows .glide__arrow {
		width: 55px;
		height: 55px;
	}
	
	.core-preview-slider.preview-slider-1-across-fullwidth.preview-slider-1-across-fullwidth .glide__arrows {
		left: 175px;
		right: 175px;
	}

	.core-preview-slider.preview-slider-1-across-fullwidth .glide__arrows .glide__arrow i {
		font-size: 1.7rem;
	}

	.core-preview-slider.preview-slider-1-across-fullwidth .slide.overlap-image-desktop .content-section {
		z-index: 2;
		padding: 40px 50px;
		width: 100%;
		max-width: var(--width-comfortable);
	}

	.core-preview-slider.preview-slider-1-across-fullwidth .slide.overlap-image-desktop .content-section {
		padding: 40px 50px;
		max-width: var(--width-comfortable);
	}

	.core-preview-slider.preview-slider-1-across-fullwidth .blog-feed-header > .category {
		font-size: var(--text-base);
	}

	.core-preview-slider.preview-slider-1-across-fullwidth .slide .slide-title, .core-preview-slider.preview-slider-1-across-fullwidth .slide .slide-title > a {
		font-size: var(--text-2xl);
	}

	.core-preview-slider.preview-slider-1-across-fullwidth .slide .content-section > .inner {
		padding: 50px;
		width: 480px;
		border-radius: 0rem 1.5rem 0.5rem 1.5rem;
		background-color: hsla(0, 0%, 100%, 0.8);
		backdrop-filter: blur(13px);
	}

	.core-preview-slider.preview-slider-1-across-fullwidth .slide .description {
		font-size: var(--text-lg);
		line-height: var(--leading-normal);
		letter-spacing: 0.01em;
	}

	.core-preview-slider.preview-slider-1-across-fullwidth .shared-play-button {
		left: unset;
		top: 5%;
		right: 5%;
		z-index: 10;
		transform: unset;
	}
}