/*
	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 .img-cont {
	margin-bottom: var(--space-4);
}

.core-cards .slide .slide-title {
	font-size: var(--text-3xl);
	line-height: var(--leading-tight);
	color: var(--dark-gray);
	letter-spacing: 0.01em;
	font-family: var(--font-body-bold-italic);
	font-weight: normal;
}

.core-cards .content-section p {
	font-weight: 400;
	font-size: var(--text-lg);
	line-height: var(--leading-normal);
	color: var(--black);
}

.core-cards .slide .content-section > .inner {
	grid-gap: var(--space-2);
}

.core-cards .slide .details {
	--text-color: var(--gray);
	--icon-color: var(--gray);

	color: var(--text-color);
	margin: var(--space-1) 0;
}

@media screen and (min-width: 40em) {
	.core-cards .slides {
		grid-gap: 30px;
	}
}

.core-cards .tripbuilder {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	cursor: pointer;
}

.core-cards .tripbuilder a {
	font-size: 1.5rem;
	position: relative;
	font-family: 'Font Awesome 5 Free';
	text-decoration: none;
}

.core-cards .tripbuilder .addTrip:before{
	content: "\f004";
	font-weight: 900;
	color: rgba(0, 0, 0, 0.5);
}

.core-cards .tripbuilder .addTrip:after{
	content: "\f004";
	font-weight: normal;
	color: #fff;
	position: absolute;
	right: 0;
}

.core-cards .tripbuilder .removeTrip:before{
	content: "\f004";
	font-weight: 900;
	color: rgb(212, 39, 39) !important;
}