.ccl-widget.core-marquee.marquee {
	padding-top: unset;
	margin-bottom: var(--space-4);
}

.ccl-widget.core-marquee.marquee .credits {
	top: unset;
}
.ccl-widget.core-marquee.marquee .widget-header {
	visibility: hidden;
	display: none;
}

.ccl-widget.core-marquee.marquee .slides {
	gap: 9px;
	max-width: 1128px;
}

.ccl-widget.core-marquee.marquee .slide:not(:nth-child(1)) {
	border: 1px solid rgba(82, 145, 169, 0.5);
	padding: 7.5px 15px 7px 6px;
}

.ccl-widget.core-marquee.marquee .slide .content-section {
	position: relative;
	padding: var(--space-2) 0;
}

.ccl-widget.core-marquee.marquee .slide > .inner {
	display: flex;
	flex-direction: row;
	align-items: flex-start;    
	column-gap: 15px;
}

.ccl-widget.core-marquee.marquee .slide .content-section .slide-title {
	color: var(--coal);
	text-transform: uppercase;
	font-family: var(--font-body);
	font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (375 - 320)));
	max-width: none;
	line-height: var(--leading-tight);
	letter-spacing: 0.07em;
	font-weight: 500;
}

@media (min-width: 375px) {
	.ccl-widget.core-marquee.marquee .slide .content-section .slide-title {
		font-size: var(--text-lg);
	}
}

.ccl-widget.core-marquee.marquee .slide .content-section .author {
	color: var(--brown);
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (375 - 320)));
	line-height: var(--leading-relaxed);
	letter-spacing: 0.07em;
	text-transform: uppercase;
	font-weight: 500;
	margin: unset;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid var(--mint);
}

@media (min-width: 375px) {
	.ccl-widget.core-marquee.marquee .slide .content-section .author {
		font-size: var(--text-sm);
	}
}

.ccl-widget.core-marquee.marquee .slide:not(:nth-child(1)) .img-cont {
	flex: 110px 1 0;
}

@media (min-width: 375em) {
	.ccl-widget.core-marquee.marquee .slide:not(:nth-child(1)) .img-cont {
		flex: 153px 1 0;
	}
}

/* PROMOTED SLIDE */
.ccl-widget.core-marquee.marquee .slide:nth-child(1) {
	margin-bottom: var(--space-3);
}
.ccl-widget.core-marquee.marquee .slide:nth-child(1) > .inner {
	flex-direction: column;
	align-items: normal;
}
.ccl-widget.core-marquee.marquee .slide:nth-child(1) .content-section {
	position: relative;
	width: calc(100% - 32px);
	margin: -62px auto 0;
	padding: var(--space-8) var(--space-5) var(--space-6);
	min-height: 100px;
	pointer-events: all;
}

.ccl-widget.core-marquee.marquee .slide:nth-child(1) .content-section::before {
	content : "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: polygon(0 0, 0 100%, calc(100% - 50px) 100%, 100% calc(100% - 48px), 100% 0);
	background-color: var(--light-brown);
}

.ccl-widget.core-marquee.marquee .slide:nth-child(1) .content-section > * {
	position: relative;
	z-index: 1;
}

.ccl-widget.core-marquee.marquee .slide:nth-child(1) .content-section .slide-title {
	font-size: var(--text-xl);  
}

@media (min-width: 64em) {
	.ccl-widget.core-marquee.marquee {
		margin-bottom: 70px;
	}

	.ccl-widget.core-marquee.marquee .slides {
		column-gap: var(--space-8);
		row-gap: var(--space-3);
		padding: 0 50px;
	}
	.ccl-widget.core-marquee.marquee .slide:not(:nth-child(1)) {
		border: none;
		padding: unset;
	}
	.ccl-widget.core-marquee.marquee .slide:not(:nth-child(1)) .img-cont {
		flex: none;
	}
	.ccl-widget.core-marquee.marquee .slide .content-section { 
		padding: var(--space-2) 20px var(--space-2) 0;
	}
	.ccl-widget.core-marquee.marquee .slide > .inner {
		flex-direction: column;
		align-items: normal;
	}

	.ccl-widget.core-marquee.marquee .slide .content-section .slide-title {
		font-size: 1.3125rem;
	}
	.ccl-widget.core-marquee.marquee .slide .content-section .author {
		font-size: 0.9375rem;
		line-height: var(--leading-normal);    
		margin-top: var(--space-2);
		padding-top: var(--space-3);
	}	

	/* PROMOTED SLIDE */
	.ccl-widget.core-marquee.marquee .slide:nth-child(1) > .inner  {
		display: grid;
		grid-template-columns: 1fr 0.674fr;
	}
	.ccl-widget.core-marquee.marquee .slide:nth-child(1) .content-section {
		place-self: center;
		left: -33px;
		width: calc(100% + 67px);
		padding: var(--space-6) var(--space-12);
		aspect-ratio: 491 / 368;
		margin: unset;
		display: grid;
		place-content: center;
	}

	.ccl-widget.core-marquee.marquee .slide:nth-child(1) .content-section::before {
		content : "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		clip-path: polygon(0 0, 0 100%, calc(100% - 20%) 100%, 100% calc(100% - 27%), 100% 0);
		background-color: var(--light-brown);
	}

	.ccl-widget.core-marquee.marquee .slide:nth-child(1) .content-section .slide-title {
		font-size: 1.625rem;
	}

	.ccl-widget.core-marquee.marquee .slide:nth-child(1) .content-section .author {
		margin-top: 18px;
		padding-top: 18px;
		font-size: var(--text-lg);
	}

	@media (hover : hover) {
		.ccl-widget.core-marquee.marquee .slide:nth-child(1) .content-section::before {
			transition: background-color ease-in-out 500ms;
		}

		.ccl-widget.core-marquee.marquee .slide:nth-child(1) .content-section::after {
			content: "";
			position: absolute;
			top: -8px;
			left: -8px;
			width: calc(100% + 16px);
			height: calc(100% + 16px);
			pointer-events: none;
			opacity: 0;
			transition: opacity ease-in-out 500ms;
			background: url(/includes/public/assets/shared/hover.svg);
			background-size: 100%;
			background-position: center;
			background-repeat: no-repeat;
			aspect-ratio: 491 / 368;
		}
		.ccl-widget.core-marquee.marquee .slide:nth-child(1) .content-section:hover::before {
			background-color: #DEDCDA;
		}

		.ccl-widget.core-marquee.marquee .slide:not(:first-child)::after {
			content: "";
			position: absolute;
			top: -9px;
			left: -9px;
			width: calc(100% + 18px);
			height: calc(100% + 18px);
			pointer-events: none;
			opacity: 0;
			transition: opacity ease-in-out 500ms;
			border: 1px solid var(--sky);
		}
		.ccl-widget.core-marquee.marquee .slide:nth-child(1) .content-section:hover::after { opacity: 1;}
		.ccl-widget.core-marquee.marquee .slide:not(:first-child):hover::after { opacity: 0.5; }
	}
}