.c-card{
	display: block;
	width: 100%;
	@include box-shadow();
	background-color: white;
	border-radius: 0 0 $border-radius-medium $border-radius-medium;
	text-decoration: none;
}

.c-card__image {
	position: relative;
	display: block;
	overflow: hidden;

	&:before{
		content: '';
		position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: opacity 0.3s;
	}

	.l-post-grid__item:nth-child(4n) & {
		&:before { background-color: palette(accent, 'green'); }
	}
	.l-post-grid__item:nth-child(4n + 1) & {
		&:before { background-color: palette(accent, 'red'); }
	}
	.l-post-grid__item:nth-child(4n + 2) & {
		&:before { background-color: palette(accent, 'yellow'); }
	}
	.l-post-grid__item:nth-child(4n + 3) & {
		&:before { background-color: palette(accent, 'turquoise'); }
	}

	img {
		width: 100%;

		transform: scale3d(1,1,1);
		transition: transform 0.3s ease-in-out;

		a.c-card:not(.c-card--unbox):hover & {
			transform: scale3d(1.04, 1.04, 1);
		}
	}

	a.c-card--unbox:hover &{
		&:before {
			opacity: 0.7;
		}

	}
}

.c-card__body {
	padding: 30px;

	.c-card--model &{
		padding: 30px 40px;

		@include mq(650) {
			padding: 50px 60px;
		}
	}
}

.c-card__title {
	margin-bottom: 30px;
}

.c-card__author{
	margin-top: 30px;
	color: palette(text);
}

.c-card__content {
	color: palette(text);
}

.c-card__indications {
	margin: 30px 0;

	@include owl-children(10px);
}

.c-card__action {
	margin: 30px 0 35px;

	.c-card--model & {
		margin-bottom: 0;
	}
}

// Modifier for centering the image & the action button
.c-card--center {
	text-align: center;
}

.c-card--unbox {
	border-radius: 0;
	box-shadow: none;

	.c-card__image {
		border-radius: 10px;
		overflow: hidden;
	}

	.c-card__body {
		padding: 30px 0 0;
	}

	.c-card__title {
		@include font-size(mid);
	}

	.c-card__content {
		display: none;
	}
}