/*
	README

	Modify this file as much or as little as needed.

	This file is shared across all CCL widgets in the Cards family. This enables the ability to
	a family of widgets in a single update without touching the structure of the widget and without needing
	to duplicate efforts across several widget-specific CSS files.
*/

.core-v2-cards {
	--sw-collections-desc-color: var(--black);
	--sw-collections-title-color: var(--black);
	--sw-collections-details-text-color: var(--black);
	--sw-collections-read-more-color: var(--black);
}

.core-v2-cards .widget-desc {
	color: var(--sw-collections-view-all-color);
}

.core-v2-cards .content-section {
	padding: var(--space-5);
}

.core-v2-cards .slide-top {
    margin-bottom: 0;
}

.core-v2-cards .slide > .inner {
	background: var(--white);
}

.core-v2-cards .slide-title {
	font-size: var(--text-2xl);
	position: relative;
	padding-bottom: 18px;

	&::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		height: 6px;
		width: 65px;
	}

	@media (min-width: 40em) {
		padding-bottom: calc(var(--space-5) + 8px);
	}
}

.core-v2-cards .slide:nth-child(3n+1) .content-section .slide-title::before {
    background: var(--red);
}

.core-v2-cards .slide:nth-child(3n+2) .content-section .slide-title::before {
    background: var(--dark-green);
}

.core-v2-cards .slide:nth-child(3n+3) .content-section .slide-title::before {
    background: var(--dark-gold);
}

.core-v2-cards .slide-desc {
	line-height: calc(26 / 16);
}