.cg-rel-resource-intro h2 {
	margin: 0;
	color: var(--blue-80);
}

.cg-rel-resource-intro>a {
	display: block;
	font-weight: 700;
	letter-spacing: -0.015em;
	margin-top: .5em;
	color: var(--blue-70);
}

.cg-rel-resource-intro>a::after {
	content: '';
	display: inline-block;
	width: 1.0625em;
	height: .836em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232F5CB6' viewBox='0 0 17 14'%3E%3Cpath d='M17 7a1 1 0 0 0-.26-.63L11.08.6C10.75.22 10.1.23 9.74.57c-.37.34-.4.94-.03 1.28l4.15 4.24H.94c-.52 0-.94.4-.94.91 0 .5.42.91.94.91h12.92l-4.15 4.24c-.37.34-.34.94.03 1.28.37.35 1.02.35 1.34-.03l5.66-5.77A.87.87 0 0 0 17 7Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	vertical-align: middle;
    margin-left: .375em;
	transition: translate .3s ease;
}

.cg-rel-resource-intro>a:hover::after {
	translate: .375em;
}

.cg-rel-resource-intro>a:focus,
.cg-rel-resource-intro>a:active {
	color: var(--blue-80);
}

.cg-rel-resource-wrap {
	position: relative;
	padding: 2.5em 0;
	margin-right: -1.5em;
}

.cg-rel-resource-wrap ul {
	display: grid;
	gap: 1.5em;
	padding-right: 1.5em;
	margin: 0;
	transition: transform .3s ease;
}

.cg-rel-resource-wrap li {
	position: relative;
	border: .25em solid var(--blue-30);
	border-radius: 1.5em;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
}

.cg-rel-resource-wrap li:nth-child(n+4) {
	display: none;
}

.cg-rel-resource-wrap li:hover {
	background: var(--blue-15);
}

.cg-rel-resource-wrap li::before {
	content: 'MISCELLANEOUS';
	position: absolute;
	font-size: .75em;
	font-weight: 700;
	top: -.167em;
	right: 2em;
	padding: .917em 1.333em;
	background: var(--blue-30);
	color: var(--blue-90);
	z-index: 1;
}

.cg-rel-resource-wrap .wp-block-post-featured-image {
	position: static;
}

.cg-rel-resource-wrap a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.cg-rel-resource-wrap img {
	width: 100%;
    aspect-ratio: 1.34;
	object-fit: cover;
}

.cg-rel-resource-wrap .wp-block-post-title {
	display: -webkit-box;
    font-size: 1.125em !important;
	font-weight: 600;
	line-height: 1.4;
    margin: 1.333em 1.333em 2.667em;
    color: var(--blue-80);
    height: 4.2em;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cg-rel-resource-wrap .wp-block-post-date,
.cg-rel-resource-wrap .wp-block-query-pagination {
	display: none;
}

.cg-rel-resource-wrap nav,
.cg-rel-resource-wrap .cg-carousel-indicator {
	display: none;
}

.cg-rel-resource-wrap li.category-article {
	border-color: var(--blue-70);
}

.cg-rel-resource-wrap li.category-article::before {
	content: 'ARTICLE';
	background: var(--blue-70);
	color: #fff;
}

.cg-rel-resource-wrap li.category-case-study {
	border-color: var(--teal-60);
}

.cg-rel-resource-wrap li.category-case-study:hover {
	background: var(--teal-30);
}

.cg-rel-resource-wrap li.category-case-study::before {
	content: 'CASE STUDY';
	background: var(--teal-60);
}

.cg-rel-resource-wrap li.category-ebook {
	border-color: var(--purple-50);
}

.cg-rel-resource-wrap li.category-ebook:hover {
	background: var(--purple-20);
}

.cg-rel-resource-wrap li.category-ebook::before {
	content: 'EBOOK/REPORT';
	background: var(--purple-50);
}

.cg-rel-resource-wrap li.category-webinar {
	border-color: var(--orange-30);
}

.cg-rel-resource-wrap li.category-webinar:hover {
	background: var(--yellow-05);
}

.cg-rel-resource-wrap li.category-webinar::before {
	content: 'WEBINAR';
	background: var(--orange-30);
}

.cg-rel-resource-wrap li.category-news {
	border-color: var(--green-60);
}

.cg-rel-resource-wrap li.category-news:hover {
	background: var(--green-03);
}

.cg-rel-resource-wrap li.category-news::before {
	content: 'NEWS';
	background: var(--green-60);
}

.cg-rel-resource-wrap li.category-video {
	border-color: var(--yellow-60);
}

.cg-rel-resource-wrap li.category-video:hover {
	background: var(--yellow-05);
}

.cg-rel-resource-wrap li.category-video::before {
	content: 'VIDEO';
	background: var(--yellow-60);
}

.cg-rel-resource-wrap li.category-product-document {
	border-color: var(--red-40);
}

.cg-rel-resource-wrap li.category-product-document:hover {
	background: var(--red-05);
}

.cg-rel-resource-wrap li.category-product-document::before {
	content: 'PRODUCT BRIEF';
	background: var(--red-40);
}

.cg-rel-resource-wrap li.category-testimonial {
	border-color: var(--gray-40);
}

.cg-rel-resource-wrap li.category-testimonial:hover {
	background: var(--gray-20);
}

.cg-rel-resource-wrap li.category-testimonial::before {
	content: 'TESTIMONIAL';
	background: var(--gray-40);
}

@media all and (min-width: 48em) {
	.cg-rel-resource-intro {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		margin: 0 4em;
	}
	
	.cg-rel-resource-intro>a {
		font-size: 1.125em;
	}
	
	.cg-rel-resource-wrap {
		padding: 3.625em 0 8.75em;
		margin: 0 4em
	}
	
	.cg-rel-resources {
		margin-right: -1.5em;
		overflow: hidden;
	}
	
	.cg-rel-resource-wrap ul {
		grid-template-columns: repeat(12, 1fr);
		width: 400%;
		max-width: none;
	}

	.cg-rel-resource-wrap li:nth-child(n+4) {
		display: list-item;
	}
	
	.cg-rel-resource-wrap nav {
		position: absolute;
		display: block;
		top: 3.625em;
		bottom: 8.75em;
		left: 0;
		right: 0;
		pointer-events: none;
	}
	
	.cg-rel-resource-wrap nav button {
		position: absolute;
		font-family: 'Icons';
		font-size: .875em;
		top: 50%;
		left: -4.571em;
		border: 0.143em solid currentColor;
		border-radius: 50%;
		background: none;
		width: 3.286em;
		height: 3.286em;
		color: var(--blue-80);
		transform: translateY(-50%);
		cursor: pointer;
		pointer-events: all;
	}
	
	.cg-rel-resource-wrap nav button:last-child {
		left: auto;
		right: -4.571em;
	}
	
	.cg-rel-resource-wrap .cg-carousel-indicator {
		position: absolute;
		display: flex;
		bottom: 2.375em;
		left: 50%;
		gap: .5em;
		translate: -50%;
	}
	
	.cg-carousel-indicator>div {
		width: .5em;
		height: .5em;
		border-radius: .25em;
		background: var(--blue-70);
	}
	
	.cg-carousel-indicator.dark>div {
		background: var(--blue-15);
	}
	
	.cg-carousel-indicator.dark>.selected {
		background: var(--blue-80);
	}
}