.ccl-widget.core-marquee.marquee {
	padding-top: 26px;
}

.ccl-widget.core-marquee.marquee::before {
	content: '';
	height: min(calc(851px + (1170 - 851) * ((100vw - 375px) / (639 - 375))), 1170px);
	width: 100%;
	background-color: var(--navy-blue);
	position: absolute;
	top: 0px;
	left: 0;
	z-index: -1;
}

.ccl-widget.core-marquee.marquee::after {
	content: '';
	height: min(calc(851px + (1170 - 851) * ((100vw - 375px) / (639 - 375))), 1170px);
	width: 100%;
	background-image: url(/includes/public/assets/shared/bike-tracks.svg);
	background-position: left;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: -1;
}

@media (max-width: 374px) {
	.ccl-widget.core-marquee.marquee::before,
	.ccl-widget.core-marquee.marquee::after {
		height: min(calc(800px + (850 - 800) * ((100vw - 320px) / (374 - 320))), 850px);
	}
}

.ccl-widget.core-marquee.marquee .widget-header-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	padding-bottom: var(--space-3);
	gap: var(--space-3);
	border-bottom: unset;
}

@media (max-width: 366px) {
	.ccl-widget.core-marquee.marquee .widget-header-inner {
		min-height: 239px;
	}
}

.ccl-widget.core-marquee.marquee .widget-title {
	margin-right: 0;
	font-size: var(--text-4xl-1);
	color: var(--white);
	text-align: center;
	line-height: calc(55/42);
}

.ccl-widget.core-marquee.marquee .widget-view-all {
	padding: 15px 25px;
	min-width: 183px;
	font-size: var(--text-xl);
	font-weight: 700;
	color: var(--navy-blue);
	letter-spacing: var(--tracking-wider);
	background-color: var(--light-blue);
	transition: background-color ease-out .3s;
	text-align: center;
}

.ccl-widget.core-marquee.marquee .slide .img-cont::after {
	height: 100%;
	background: transparent linear-gradient(0deg, #000000 0%, #7272728D 63%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
	opacity: 0.51;
}

.ccl-widget.core-marquee.marquee .slide a.read-more:not(p *),
.ccl-widget.core-marquee.marquee .slide .slide-footer a {
	position: relative;
	color: var(--btn-text-color);
	background-color: unset;
	display: flex;
	gap: 3px;
	border-radius: unset;
	padding: 0 0 var(--space-1);
	font-weight: 700;
	font-size: var(--text-lg);
	justify-content: center;
	align-items: center;
	transition: gap ease-out .3s;
}

.ccl-widget.core-marquee.marquee .slide a.read-more:not(p *)::after,
.ccl-widget.core-marquee.marquee .slide .slide-footer a::after {
	content: '';
	display: flex;
	background-image: url(/includes/public/assets/shared/right-arrow-red.svg);
	height: 9px;
	width: 21px;
	position: relative;
	top: 1px;
}

.ccl-widget.core-marquee.marquee .slides {
	gap: var(--space-5);
	padding: 0 15px;
}

.ccl-widget.core-marquee.marquee .slide .content-section {
	padding-bottom: var(--space-8);
	max-width: 79ch;
}

.ccl-widget.core-marquee.marquee .slide .slide-title,
.ccl-widget.core-marquee.marquee .slide:first-child p {
	color: var(--white);
}

.ccl-widget.core-marquee.marquee .slide:nth-child(1) a.read-more:not(p *),
.ccl-widget.core-marquee.marquee .slide:nth-child(1) .slide-footer a { color: var(--white);}

.ccl-widget.core-marquee.marquee .slide:nth-child(1) a.read-more:not(p *)::after, .ccl-widget.core-marquee.marquee .slide:nth-child(1) .slide-footer a::after {
	background-image: url(/includes/public/assets/shared/right-arrow-white.svg);
	top: 2px;
}

.ccl-widget.core-marquee.marquee .slides > .slide:not(:first-child) .content-section {
	position: relative;
	padding: var(--space-1) 0;
}

.ccl-widget.core-marquee.marquee .slide.overlap-image:not(:first-child) .content-section p {
	color: var(--dark-gray);
}

.ccl-widget.core-marquee.marquee .slide .slide-title {
	font-weight: 800;
}

@media (hover: hover) {
	.ccl-widget.core-marquee.marquee .slide .slide-title a {
		text-decoration: none;
	}

	.ccl-widget.core-marquee.marquee .slide .slide-title a:hover {color: var(--navy-blue)}
	
	.ccl-widget.core-marquee.marquee .slide:first-child .slide-title a:hover {color: var(--white)}
}

@media (min-width: 360px) {
	.ccl-widget.core-marquee.marquee .slides > .slide:not(:first-child) .content-section h3 {
		color: var(--navy-blue);
		font-size: 1.375rem;
		line-height: 1.54;
	}

	.ccl-widget.core-marquee.marquee .slide .slide-title {
		font-size: 1.625rem;
		line-height: var(--leading-snug);
	}

	.ccl-widget.core-marquee.marquee .slide p {
		margin-bottom: 0;
		font-size: var(--text-lg);
	}
}

.ccl-widget.core-marquee.marquee .slide .img-cont:not(.img-cont.promoted):before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 17px;
	z-index: 1;
	background-repeat: no-repeat;
	background-image: url(/includes/public/assets/shared/rough-texture-small-blog.svg);
	background-size: cover;
}

.ccl-widget.core-marquee.marquee .slide .img-cont.promoted {
	mask-image: url(/includes/public/assets/shared/blog-image-mask.svg);
	mask-size: cover;
	mask-repeat: no-repeat;
	mask-position: bottom;
	-webkit-mask-image: url(/includes/public/assets/shared/blog-image-mask.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: bottom;
	-webkit-mask-size: cover;
}

.ccl-widget.core-marquee.marquee .slide .slide-footer {
	width: 100%;
}

@media (min-width: 40em) {
	.ccl-widget.core-marquee.marquee .slide .img-cont:not(.img-cont.promoted):before {
		height: 25px;
	}

	.ccl-widget.core-marquee.marquee::before {
		height: min(calc(1001px + (1400 - 1001) * ((100vw - 640px) / (979 - 640))), 1400px);
	}
	
	.ccl-widget.core-marquee.marquee::after {
		height: min(calc(1001px + (1400 - 1001) * ((100vw - 640px) / (979 - 640))), 1400px);
	}
}

@media (min-width: 980px) {
	.ccl-widget.core-marquee.marquee::before {
		height: min(calc(721px + (915 - 721) * ((100vw - 980px) / (1440 - 980))), 915px);
	}
	
	.ccl-widget.core-marquee.marquee::after {
		height: min(calc(721px + (915 - 721) * ((100vw - 980px) / (1440 - 980))), 915px);
	}
}

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

	.ccl-widget.core-marquee.marquee .slide .img-cont.promoted {
		mask-image: url(/includes/public/assets/shared/blog-image-mask.svg);
		mask-size: 100%;
		mask-repeat: no-repeat;
		mask-position: center;
		-webkit-mask-image: url(/includes/public/assets/shared/blog-image-mask.svg);
		-webkit-mask-size: 100%;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center;
	}

	.ccl-widget.core-marquee.marquee::before {
		height: 915px;
	}

	.ccl-widget.core-marquee.marquee::after {
		height: 915px;
		background-image: url(/includes/public/assets/shared/bike-track-blog.svg);
		background-position: left top;
	}

	.ccl-widget.core-marquee.marquee .slide .content-section {
		padding-bottom: var(--space-12);
	}

	.ccl-widget.core-marquee.marquee .slides > .slide:not(:first-child) .content-section h3 {
		font-size: 1.875rem;
		line-height: 1.13;
		margin-bottom: 10px;
	}

	.ccl-widget.core-marquee.marquee .slide:first-child .slide-title {
		font-size: 2.25rem;
		line-height: var(--leading-none);
		margin-bottom: var(--space-3);
	}

	.ccl-widget.core-marquee.marquee .slide p {
		font-size: 1.375rem;
		line-height: 1.45;
	}

	.ccl-widget.core-marquee.marquee .slide:first-child p {
		font-size: var(--text-xl);
		line-height: 1.3;
	}

	.ccl-widget.core-marquee.marquee .slides {
		gap: var(--space-8) var(--space-4);
		padding: 0 20px;
	}

	.ccl-widget.core-marquee.marquee .widget-header {
		margin-bottom: 0;
	}

	.ccl-widget.core-marquee.marquee .widget-header-inner {
		justify-content: space-between;
		flex-direction: row;
	}

	.ccl-widget.core-marquee.marquee .widget-title {
		font-size: calc(70px + (88 - 70) * ((100vw - 1025px) / (1440 - 1025)));
		text-align: left;
		line-height: 1.31;
	}

	.ccl-widget.core-marquee.marquee .slide a.read-more:not(p *),
	.ccl-widget.core-marquee.marquee .slide .slide-footer a {
		font-size: var(--text-xl);
	}

	.ccl-widget.core-marquee.marquee .slides > .slide:not(:first-child) .content-section {
		padding: var(--space-4) 0;
	}

	@media (hover: hover) {
		.ccl-widget.core-marquee.marquee .widget-view-all:hover { background-color: var(--white);}

		.ccl-widget.core-marquee.marquee .slide a.read-more:not(p *):hover, .ccl-widget.core-marquee.marquee .slide .slide-footer a:hover {
			gap: 6px;
		}
	}
}

@media (min-width: 90em) {
	.ccl-widget.core-marquee.marquee .widget-title {
		font-size: 5.5rem;
	}
}