.cardsGrid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: var(--gutter-standard);
}

@media (max-width: 40em) {
	.cardsGrid {
		grid-template-columns: 1fr;
	}
}

.cardsGrid--third {
	grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 40em) {
	.cardsGrid--third {
		grid-template-columns: 1fr;
	}
}

.cardsGrid--fifth {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

@media (max-width: 40em) {
	.cardsGrid--fifth {
		grid-template-columns: 1fr;
	}
}

.card {
	background-color:var(--color-shade);
	border-radius: var(--border-radius);
	overflow:hidden;
	position: relative;
	height: 100%;
}

@media (max-width: 40em) {
	.card {
		display: grid;
		grid-template-columns: 50% auto;
		min-height: 9rem;
	}
}

.card-image img {
	display: block;
	width:100%;
	filter: grayscale(100%);
}

@media (max-width: 40em) {
	.card-image img {
		height:100%;
		object-fit:cover;
	}
}

.card-body {
	text-align: center;
	padding:1.05rem 0.9rem 1.2rem 0.9rem;
}

.card-title {
	margin:0;
	font-family: var(--font-serif);
	font-size: var(--fontSize-headingXsmall);
	line-height: 1.3;
}

.card-text {
	font-family: var(--font-sans);
	font-size: var(--fontSize-small);
    line-height: 1.3;
    margin:0.8rem 0 0 0;
}

.card-link {
	color:var(--color-accent);
	text-decoration: none;
}

.card-link:before {
	content:"";
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.card:hover {
	background-color:var(--color-accent);
	color:var(--color-white);
}

.card:hover .card-link {
	text-decoration: line-through;
	color:var(--color-white);
}

.card:hover .card-image img {
	filter: grayscale(0%);
}



/* Press Release */
.card--press-release:hover {
	background-color:#d23952;
	color:var(--color-white);
}
.card--press-release:hover .card-link {
	text-decoration: line-through;
	color:var(--color-white);
}

/* Interview */
.card--interview:hover {
	background-color:#000000;
	color:var(--color-white);
}
.card--interview:hover .card-link {
	text-decoration: line-through;
	color:var(--color-white);
}

/* video */
.card--video:hover {
	background-color:#3e4044;
	color:var(--color-white);
}
.card--video:hover .card-link {
	text-decoration: line-through;
	color:var(--color-white);
}

/* idea */
.card--idea:hover {
	background-color:#a6a6a8;
	color:var(--color-white);
}
.card--idea:hover .card-link {
	text-decoration: line-through;
	color:var(--color-white);
}

/*
Lex #d23952
Black #000000
Charcoal #3e4044
Light Grey #a6a6a8
*/