/******************************************************************
Stylesheet: Liste des actus
******************************************************************/
.module-post-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(clamp(290px, 30vw, 411px), 1fr)); /*290px => pour taille ecran 320 - 2x15 des padding*/
	gap: 70px 20px;
	margin-top: 50px;
	margin-bottom: 80px;
}
.post-item{
	position: relative;
}
.post-bloc-link{
	display: block;
	max-width: 414px;
	margin: auto;
	border: 1px solid #CECFC8;;
	border-radius: 50px;
	overflow: hidden;
	background: #fff;
	text-decoration: none;
	padding-bottom: 60px;
	transition: all ease 0.2s;
}
.post-item:hover .post-bloc-link{
	background: #f2f2f2;
}
.post-thumbnail img{
	border-radius: 0 0 50px 50px;
}
.post-content{
	padding: 20px 30px 0 30px;
}
.post-filter-wrapper{
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin-top: 50px;
}
.post-filter-wrapper a{
	text-decoration: none;
	color: var(--eolis-blue);
	background-color: rgba(209, 71, 32, 0.1);
	border-radius: 20px;
	padding: 8px 20px;
	text-transform: uppercase;
	font-weight: 500;
	position: relative;
	transition: all ease 0.2s;
}
.post-filter-wrapper a:hover{
	color: #fff;
	background: var(--eolis-blue);
}
.post-filter-wrapper a.active{
	color: #fff;
	background: var(--eolis-blue);
}