.marquee-side-by-side {
	--title-mobile: 							700 17px/1.1em var(--font-display);
	--title: 									700 20px/1.1em var(--font-display);
	--subtitle-mobile: 							400 50px/1.2em var(--font-delight);
	--subtitle: 								400 120px/1.2em var(--font-delight);

	--promoted-slide-title-mobile: 				800 18px/1.3em var(--font-body);
	--promoted-slide-title: 					800 24px/1.3em var(--font-body);
	--promoted-slide-description-mobile: 		400 14px/1.42em var(--font-body);
	--promoted-slide-description: 				400 16px/var(--leading-normal) var(--font-body);
	--promoted-read-more-mobile: 				700 14px/2.14em var(--font-display);
	--promoted-read-more: 						700 18px/var(--leading-relaxed) var(--font-display);

	--slide-title-mobile: 						800 17px/1.3em var(--font-body);
	--slide-title: 								800 24px/1.3em var(--font-body);
	--read-more-mobile:							700 14px/2.14em var(--font-display);
	--read-more: 								700 18px/var(--leading-relaxed) var(--font-display);

	--view-all-mobile: 							700 14px/var(--leading-none) var(--font-display);
	--view-all: 								700 18px/var(--leading-none) var(--font-display);
}

.marquee-side-by-side .slides {
	gap: var(--space-5);
	padding: 0 var(--space-5);
	max-width: calc(1161px + 40px);
}

@media (min-width: 64em) {
	.marquee-side-by-side .slides {
		gap: 40px;
	}
}

.marquee-side-by-side .titles-container {
	display: flex;
	flex-direction: column;
}

.marquee-side-by-side .widget-title {
	font: var(--title-mobile);
	letter-spacing: 1.7px;
}

@media (min-width: 40em) {
	.marquee-side-by-side .widget-title {
		font: var(--title);
		letter-spacing: 2px;
	}
}


.marquee-side-by-side .widget-subtitle {
	font: var(--subtitle-mobile);
	color: var(--red-a6);
}

@media (min-width: 64em) {
	.marquee-side-by-side .widget-subtitle {
		font: var(--subtitle);
	}
}

.marquee-side-by-side .widget-header {
	margin-bottom: 0;
}

@media (min-width: 40em) {
	.marquee-side-by-side .widget-header {
		margin-bottom: var(--space-3);
	}
}

.marquee-side-by-side .widget-view-all {
	font: var(--view-all-mobile);
	border-radius: 50px;
	border: 2px solid var(--teal-34);
	background: rgba(255, 255, 255, 0.10);
	color: var(--black-1e);
}

@media (min-width: 40em) {
	.marquee-side-by-side .widget-view-all {
		font: var(--view-all);
		padding: 13px 40px;
	}
}

@media screen and (min-width: 64em) {
	.ccl-widget.marquee-side-by-side:not(.cards-2-across, .imagebox-2-across, .callout-tiles-2-across) .widget-title::before {
		top: 4px;
	}
}

.marquee-side-by-side .widget-header .widget-view-all {
	display: none;
}

@media (min-width: 64em) {
	.marquee-side-by-side .widget-header .widget-view-all {
		display: inline-block;
	}
}

.marquee-side-by-side .widget-view-all.footer-button {
	display: inline-block;
	padding: 12px 39.5px;
	font-family: var(--font-display);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03rem;
	color: var(--black-1e);
	border-radius: var(--rounded-full);
	background: rgba(255, 255, 255, 0.10);
	text-decoration: none;
	margin-top: 25px;
	margin-inline: auto;
}

@media (min-width: 64em) {
	.marquee-side-by-side .widget-view-all.footer-button {
		display: none;
	}
}

.core-marquee.marquee-side-by-side .footer-button-container {
	display: flex;
}

.core-marquee.marquee-side-by-side .slide:first-child .slide-footer {
	margin-bottom: 0;
}

.core-marquee.marquee-side-by-side .widget-header-inner {
	padding-bottom: 0;
}

@media screen and (min-width: 980px) {
	.core-marquee[data-layout="horizontal"] .slides {
		grid-template-rows: auto;
	}
}



/* * PROMOTED SLIDE * */
.marquee-side-by-side .overlap-image .content-section {
	padding: 10px 20px;
}

@media (min-width: 40em) {
	.marquee-side-by-side .overlap-image .content-section {
		padding: 30px 40px;
	}
}

.marquee-side-by-side .overlap-image .slide-title {
	font: var(--promoted-slide-title-mobile);
	margin-bottom: var(--space-1);
}

@media (min-width: 40em) {
	.marquee-side-by-side .overlap-image .slide-title {
		font: var(--promoted-slide-title);
	}
}


.marquee-side-by-side .slide.overlap-image p {
	font: var(--promoted-slide-description-mobile);
	margin-bottom: var(--space-1);
}

@media (min-width: 40em) {
	.marquee-side-by-side .slide.overlap-image p {
		font: var(--promoted-slide-description);
		margin-bottom: var(--space-1);
	}
}


.marquee-side-by-side .slide.overlap-image a.read-more {
	font: var(--promoted-read-more-mobile);
	color: var(--white-f8);
	align-items: baseline;
	display: block;
}

.marquee-side-by-side .slide.overlap-image a.read-more::after {
	display: inline-block;
	text-decoration: none;
}

@media (min-width: 40em) {
	.marquee-side-by-side .slide.overlap-image a.read-more {
		font: var(--promoted-read-more);
	}
}

@media (hover: hover) {
	.marquee-side-by-side .slide.overlap-image a.read-more:hover {
		color: var(--white-f8);
		text-decoration: underline;
	}

	.marquee-side-by-side .slide.overlap-image a.read-more:hover::after {
		text-decoration: none;
	}
}

.marquee-side-by-side.ccl-widget .slide .slide-footer a:after {
	font-size: 14px;
}

@media (min-width: 40em) {
	.marquee-side-by-side.ccl-widget .slide .slide-footer a:after {
		font-size: 18px;
	}
}


/* * SECONDARY SLIDES * */
.marquee-side-by-side.core-marquee[data-layout="horizontal"] .slides>.slide:not(:first-child) .content-section {
	padding-inline: 12px 0;
}

@media (min-width: 40em) {
	.marquee-side-by-side.core-marquee[data-layout="horizontal"] .slides>.slide:not(:first-child) .content-section {
		padding-inline: 20px 0;
	}
}

.marquee-side-by-side .slides>.slide:not(:first-child) div.content-section h2,
.marquee-side-by-side .slides > .slide:not(:first-child) div.content-section h3 {
	font: var(--slide-title-mobile);
	color: var(--black-1e);
}

@media (min-width: 64em) {
	.marquee-side-by-side .slides>.slide:not(:first-child) div.content-section h2,
	.marquee-side-by-side .slides > .slide:not(:first-child) div.content-section h3 {
		font: var(--slide-title);
		margin-bottom: 10px;
	}
}

.marquee-side-by-side  .slides > .slide:not(:first-child) .slide-footer a{
	font: var(--read-more-mobile);
	align-items: baseline;
}

@media (min-width: 40em) {
	.marquee-side-by-side .slides > .slide:not(:first-child) .slide-footer a {
		font: var(--read-more);
	}
}

@media (max-width: 340px) {
	.marquee-side-by-side[data-layout="horizontal"] .slide:not(:nth-child(1)) .img-cont {
		max-width: 140px;
	}
	.marquee-side-by-side .slides>.slide:not(:first-child) .slide-footer a {
		font-size: 12px;
	}
	.marquee-side-by-side.core-marquee[data-layout="horizontal"] .slides>.slide:not(:first-child) .content-section {
		padding-inline: 8px 0;
	}
}