/* ====================
   CARD - CLICK-THROUGH
   ==================== */	
 
.card__click-through {
	border-radius: 20px;
	min-height: 30rem;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	color: var(--color__midnight);
	background: var(--color__light-gray);
	position: relative;
	height: 100%;
	transition: transform .4s, box-shadow .5s;
	box-shadow: 0 15px 30px rgba(0,0,0,0);
	transform: translate(0, 0); }	

.card__click-through__description { }	

.card__click-through__image {
	flex-shrink: 0;
	padding-bottom: 50%; }
	
.card__click-through__image,
.card__click-through__description {
	width: 100%; }

.card__click-through__description {
	flex-grow: 1;
	padding: var(--spacing__x);
	box-sizing: border-box;}
		
.card__click-through:hover {
	box-shadow: 0 10px 40px rgba(0,0,0,.1);
	transform: translate(0, -5px); }

.card__click-through__description {
	position: relative; }

.card__click-through__description h3 {
	position: relative;
	margin-bottom: .5em; }	

.card__click-through__description p {
	font-size: 1.8rem; }	


/* ====
   LIST
   ==== */	
	
.list__click-through_cards ul {
	display: flex;
	flex-wrap: wrap;
	row-gap: 4rem;
	justify-content: space-between; }
	
.list__click-through_cards li {
	
	width: calc(100% / 3 - 2rem) }	
	

@media all and (max-width: 1000px) {
		
	.list__click-through_cards ul {
		row-gap: 2.6rem; }
		
	.list__click-through_cards li {
		width: calc(100% / 2 - 1.3rem) }		
}


@media all and (max-width: 600px) {
	
	.list__click-through_cards li {
		width: 100%; }
	
}