.cards-3-across.ccl-widget {
	--quatro-slab: "quatro-slab";
	--quatro: "quatro";
	--inter: Inter, serif;

	--widget-title-mobile: 700 40px/45px var(--quatro-slab);
	--view-all-button-mobile: 700 14px/normal var(--quatro);
	--slide-title-mobile: 600 26px/28px var(--quatro-slab);
	--slide-details-mobile: 500 12px/normal var(--quatro);
	--slide-category-mobile: 500 14px/normal var(--quatro);
	--slide-credits-mobile: 400 12px / 24px var(--inter);

	--widget-title: 700 56px/normal var(--quatro-slab);
	--widget-description: 400 16px/26px var(--quatro);
	--view-all-button: 700 18px/normal var(--quatro);
	--slide-title: 700 36px/40px var(--quatro-slab);
	--slide-category: 500 14px/normal var(--quatro);
	--slide-details: 500 14px/26px var(--quatro);
	--slide-credits: 400 12px / 24px var(--inter);

	margin-inline: auto;
}

.cards-3-across .widget-header-inner p,
.cards-3-across .blog-feed-header .publish-date,
.cards-3-across .inner p,
.cards-3-across .inner .qv-btn,
.cards-3-across .mini-date-section {
	display: none;
}

@media (min-width: 64em) {
	.cards-3-across .widget-header-inner.has-description p {
		display: block;
		font: var(--widget-description);
	}
}

@media (min-width: 64em) {
	.cards-3-across.ccl-widget {
		padding-top: 100px;
	}
}

.cards-3-across .slides {
	gap: var(--space-4);
	padding-inline: 27px;
	max-width: calc(1168px + 52px);
	z-index: 0;
}

@media (min-width: 64em) {
	.cards-3-across .slides {
		gap: var(--space-2);
	}
}

.cards-3-across .slide {
	gap: 16px;
}

@media (min-width: 64em) {
	.cards-3-across .slide {
		margin-bottom: 24px;
	}
}

.cards-3-across.ccl-widget .widget-header {
	margin-bottom: var(--space-8);
	padding-inline: 27px;
}

@media (min-width: 64em) {
	.cards-3-across.ccl-widget .widget-header {
		margin-bottom: var(--space-4);
	}
}

.cards-3-across.ccl-widget .widget-header-inner {
	gap: var(--space-2);
	padding-bottom: 0;
	border-bottom: none;
}

@media (min-width: 64em) {
	.cards-3-across.ccl-widget .widget-header-inner.has-description {
		display: grid;
		grid-template-columns: 2fr fit-content;
		grid-template-rows: 1fr 1fr;
		grid-template-areas:
			"title ."
			"description button";
		column-gap: 60px;
	}
}

.cards-3-across.ccl-widget .widget-header-inner.has-description .widget-title {
	grid-area: title;
}

.cards-3-across.ccl-widget .widget-header-inner.has-description p {
	grid-area: description;
}

.cards-3-across.ccl-widget .widget-header-inner.has-description .widget-view-all {
	grid-area: button;
}

.cards-3-across .widget-title {
	font: var(--widget-title-mobile);
	color: var(--Buffalo, #2D2B28);
	letter-spacing: -0.8px;
}

@media (min-width: 64em) {
	.cards-3-across .widget-title {
		font: var(--widget-title);
		letter-spacing: -1.12px;
	}
}

.cards-3-across .slide .slide-title {
	color: var(--Buffalo, #2D2B28);
	font: var(--slide-title-mobile);
	letter-spacing: -0.52px;
}

.cards-3-across .slide .slide-title > a:hover {
	color: var(--Buffalo, #2D2B28);
}

@media (min-width: 64em) {
	.cards-3-across .slide .slide-title {
		font: var(--slide-title);
		letter-spacing: -0.72px;
	}
}

.cards-3-across.ccl-widget .slide .details  .info-item {
	color: var(--54504-c, #54504C);
	font: var(--slide-details-mobile);
	text-transform: uppercase;
	letter-spacing: 1.92px;
}

@media (min-width: 64em) {
	.cards-3-across.ccl-widget .slide .details .info-item {
		font: var(--slide-details)
	}
}

.cards-3-across.ccl-widget .slide .details .info-item i:before {
	color: var(--54504-c, #54504C);
}

.cards-3-across.ccl-widget .slide .footer-detail-divider {
	border-top: 1px solid var(--Buffalo, #2D2B28);
	width: 100%;
	background: transparent;
}

.cards-3-across.ccl-widget .slide .content-section {
	gap: var(--space-1);
}

@media (min-width: 64em) {
	.cards-3-across.ccl-widget .slide .content-section {
		gap: var(--space-1);
	}
}

.cards-3-across.ccl-widget .slide .three-across-decoration {
	padding-left: 5px;
	height: 24px;
	width: 24px;
}

.cards-3-across.ccl-widget .img-cont .credits {
	color: var(--bg, #FFF8F1);
	font: var(--slide-credits-mobile);
	text-align: right;
	bottom: auto;
	right: -12px;
	transform: rotate(180deg);
	top: -8px;
	writing-mode: vertical-lr;
	text-orientation: mixed;
	display: inline-flex;
	background: rgba(45, 43, 40, 0.70);
	padding: 16px 2px;
	gap: 8px;
	align-items: center;
	border-radius: 0px 0px 0px 4px;
}

@media (min-width: 64em) {
	.cards-3-across.ccl-widget .img-cont .credits {
		font: var(--slide-credits);
	}
}

.cards-3-across.ccl-widget .slide .img-cont {
	margin-bottom: var(--space-4);
}

.cards-3-across.cards-3-across.ccl-widget .img-cont img {
	border-radius: 4px;
}

.cards-3-across.ccl-widget .mini-date-section {
	border-top-left-radius: 4px;
}

.cards-3-across.ccl-widget .slide .slide-footer {
	padding: 0;
	margin: 0;
	margin-left: calc(var(--space-4) * -1);
}

.cards-3-across.ccl-widget .slide .slide-footer .read-more {
	display: flex;
	align-items: flex-start;
	color: var(--Buffalo, #2D2B28);
	letter-spacing: 2.08px;
	text-transform: uppercase;
	font: var(--read-more-button-mobile);
	padding: 0;
	border-radius: 0;
	margin-top: 0;
	background-color: transparent;
	height: 8px;
}

@media (hover: hover) {
	.cards-3-across.ccl-widget .slide .slide-footer .read-more:hover {
		text-decoration: underline;
		text-decoration-color: var(--goldrush, #F90);
		text-decoration-thickness: 2px;
		text-underline-offset: 4px;
	}
}

.cards-3-across.ccl-widget .slide .slide-footer .read-more::after {
	content: "";
	position: relative;
	height: 8px;
	pointer-events: none;
	left: 0;
	top: 0;
	content: url("/includes/public/assets/shared/polygon-4.svg");
	padding-left: 8px;
}

@media (min-width: 64em) {
	.cards-3-across.ccl-widget .slide .slide-footer .read-more {
		font: var(--read-more-button);
		letter-spacing: 2.72px;
	}
}

.cards-3-across.ccl-widget .widget-view-all {
	color: var(--Buffalo, #2D2B28);
	font: var(--view-all-button-mobile);
	letter-spacing: 2.24px;
	background: var(--goldrush, #F90);
	border-radius: 4px;
	display: flex;
	height: 48px;
	align-items: center;
	padding-inline: 7px;
	text-transform: uppercase;
}

@media (min-width: 64em) {
	.cards-3-across.ccl-widget .widget-view-all {
		font: var(--view-all-button);
		letter-spacing: 2.88px;
		padding-block: 20px;
		height: 64px;
	}
}

.cards-3-across.ccl-widget .widget-view-all::before {
	content: "";
	position: relative;
	pointer-events: none;
	content: url("/includes/public/assets/shared/triangles-left.svg");
	right: 6px;
	top: 2px;
}

.cards-3-across.ccl-widget .widget-view-all::after {
	content: "";
	position: relative;
	pointer-events: none;
	left: 6px;
	top: 3px;
	content: url("/includes/public/assets/shared/triangles-right.svg");
}

@media (min-width: 64em) {
	.cards-3-across.ccl-widget .widget-view-all::before {
		content: url("/includes/public/assets/shared/triangles-left-lg.svg");
	}
}

@media (min-width: 64em) {
	.cards-3-across.ccl-widget .widget-view-all::after {
		content: url("/includes/public/assets/shared/triangles-right-lg.svg");
	}
}

.cards-3-across.ccl-widget .slide-top {
	gap: 0;
}

@media (min-width: 64em) {
	.cards-3-across.ccl-widget .slide-top {
		gap: var(--space-1);
	}
}

.cards-3-across.ccl-widget .slide-top .blog-feed-header .category {
	font: var(--slide-category-mobile);
	color: var(--Buffalo, #2D2B28);
	margin-bottom: var(--space-3);
	text-transform: uppercase;
	letter-spacing: 2.24px;
}

@media (min-width: 64em) {
	.cards-3-across.ccl-widget .slide-top .blog-feed-header .category {
		font: var(--slide-category-mobile);
		color: var(--Buffalo, #2D2B28);
	}
}