/*
	README

	Modify this file as much or as little as needed.

	This file is shared across all CCL widgets in the Side-by-Side 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.
*/

/* Hide Mini-date-section + Publish Date section + Details section + Quickview Button - not part of comps */
.ccl-widget.core-styles.core-side-by-side .slides .slide .img-cont .mini-date-section,
.ccl-widget.core-styles.core-side-by-side .slides .slide .blog-feed-header .publish-date,
.ccl-widget.core-styles.core-side-by-side .slides .slide .details,
.ccl-widget.core-styles.core-side-by-side .slides .slide .content-section .qv-btn { display: none; }

.ccl-widget.core-styles.core-side-by-side .slides .slide >.inner { padding: 0; }

/* Blog Category */
.ccl-widget.core-styles.core-side-by-side .slides .slide .blog-feed-header .category {
	font-family: var(--font-display);
	font-weight: 900;
	color: var(--darker-gray);
	text-transform: uppercase;
    margin-left: 1px;
}

.ccl-widget.core-styles.core-side-by-side .slides .slide .slide-title,
.ccl-widget.core-styles.core-side-by-side .slides .slide .slide-title a {
	font-family: var(--font-display);
	font-weight: 900;
	letter-spacing: 0.021em;
	color: var(--charcoal);
    text-decoration: none;
}

.ccl-widget.core-styles.core-side-by-side .slides .slide p {
	font-family: var(--font-body);
	letter-spacing: 0.02em;
	color: var(--light-charcoal);
    margin-bottom: 0;
}

.ccl-widget.core-styles.core-side-by-side .slides .slide .content-section .slide-footer { margin: 0; }

@media (min-width: 40em) {
	.ccl-widget.core-styles.core-side-by-side .slides .slide .content-section > .inner { padding: 0 25px; }
}