/*
	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-cards {
	--slide-small-text: 12px;
	--number-size: 40px;
}

.core-cards .widget-header-inner {
	border: none;
	padding: 0;
}

.core-cards .slide .slide-title > a:hover {
    color: var(--navy);
}

.core-cards .widget-view-all {
	display: block;
	text-align: right;
	padding-right: 20px;
} 

.core-cards .slide .slide-footer {
	display: none;
}

.core-cards .slide-title i {
	margin-left: 5px;
	vertical-align: -1px;
	display: inline;
}

/* blog */
.core-cards .blog-feed-header .category {
	font-size: var(--slide-small-text);
	font-family: var(--font-body);
	text-transform: lowercase;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 0.02em;
	line-height: 1;
}

.core-cards .author {
	font-size: var(--slide-small-text);
	font-family: var(--font-body);
	margin-bottom: 5px;
}

.core-cards .blog-feed-header time {
	display: none;
}

.core-cards .info-item span {
	text-transform: uppercase;
	font-style: italic;
	font-size: 12px;
}

.core-cards .info-item .fa-clock {
	font-size: 14px;
}

.core-cards .details li:not(.has-link), .ccl-widget .details li.has-link > a {
	grid-template-columns: max-content auto;
	font-weight: var(--font-weight-normal);
	gap: 5px;
}

.core-cards .qv-btn {
	color: var(--navy-light);
}

@media screen and (min-width: 64em) {
	.core-cards .info-item .fa-clock {
		font-size: 15px;
	}
}