:root {
	--eac-elementor-relationship-cols: 3;
}

/** le composant et ses liens */
.eac-acf-relationship a,
.eac-acf-relationship a:visited,
.eac-acf-relationship a:active {
	text-decoration: none !important;
}

/** Mis en forme du container */
.acf-relation_container:not(.swiper-wrapper) {
	position: relative;
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(var(--eac-elementor-relationship-cols, 3), minmax(0, 1fr));
	padding-block: 10px;
	padding-inline: 10px;
}

.acf-relation_container article {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	overflow: hidden;
}

.acf-relation_container article.animate-first-load {
	-webkit-transform: scale(var(--eac-grid-animate-min-scale));
	transform: scale(var(--eac-grid-animate-min-scale));
	-webkit-animation: firstload var(--eac-grid-animate-duration) linear forwards;
	animation: firstload var(--eac-grid-animate-duration) linear forwards;
}

@-webkit-keyframes firstload {
	0% {
		-webkit-transform: scale(var(--eac-grid-animate-min-scale));
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@keyframes firstload {
	0% {
		transform: scale(var(--eac-grid-animate-min-scale));
	}

	100% {
		transform: scale(1);
	}
}

.acf-relation_container article .acf-relation_content {
	position: relative;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-inline: 10px;
}

/* Formate le container image et l'image */
.acf-relation_container .acf-relation_img {
	display: block;
	position: relative;
	margin-block: auto;
	margin-inline: auto;
}

.acf-relation__ratio-yes .acf-relation_container .acf-relation_img {
	margin-block: unset;
	margin-inline: unset;
}

.acf-relation_container .acf-relation_img img {
	display: block;
	position: relative;
	block-size: auto;
	inline-size: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.acf-relation_container article .acf-relation_title,
.acf-relation_container article .acf-relation_title-parent {
	text-align: center;
	margin-block: 10px;
}

.acf-relation_container article .acf-relation_title .acf-relation_title-content,
.acf-relation_container article .acf-relation_title-parent .acf-relation_title-content {
	font-size: .8em;
	color: grey;
	margin-block: 0;
	margin-inline: 0;
}

.acf-relation_container article .acf-relation_date {
	font-size: .6em;
	color: var(--eac-global-color-texte);
	margin-block-end: 10px;
}

.acf-relation_container article .acf-relation_excerpt {
	font-size: .75em;
	color: var(--eac-global-color-texte);
	margin-block-end: 10px;
	word-break: break-word;
}

/** Formate les styles */
*[class*='acf-relation_wrapper-style-'] .acf-relation_container article {
	background-color: #FFFFFF;
}

.acf-relation_wrapper-style-1 .acf-relation_container article {
	border-block: 1px solid #EFEFEF;
	border-inline: 1px solid #EFEFEF;
	-webkit-box-shadow: 1px 1px 5px #999;
	box-shadow: 1px 1px 5px #999;
}

.acf-relation_wrapper-style-2 .acf-relation_container article {
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	border-block: 1px groove #4a164a;
	border-inline: 1px groove #4a164a;
	-webkit-box-shadow: 1px 1px 5px 2px #656565;
	box-shadow: 1px 1px 5px 2px #656565;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
}

.acf-relation_wrapper-style-3 .acf-relation_container article {
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
}

.acf-relation_wrapper-style-4 .acf-relation_container article {
	-webkit-box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.6);
	box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.6);
}

.acf-relation_wrapper-style-5 .acf-relation_container article {
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7);
}

.acf-relation_wrapper-style-6 .acf-relation_container article {
	border-block: 5px solid;
	border-inline: 5px solid;
	border-image: radial-gradient(rgb(0, 143, 104), rgb(250, 224, 66)) 1;
}

.acf-relation_wrapper-style-7 .acf-relation_container article {
	border-block: 5px solid;
	border-inline: 5px solid;
	border-image: linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%) 1;
}

.acf-relation_wrapper-style-8 .acf-relation_container article {
	box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

.acf-relation_wrapper-style-9 .acf-relation_container article {
	box-shadow: 5px 5px rgba(0, 98, 90, 0.4),
		10px 10px rgba(0, 98, 90, 0.3),
		15px 15px rgba(0, 98, 90, 0.2),
		20px 20px rgba(0, 98, 90, 0.1),
		25px 25px rgba(0, 98, 90, 0.05);
}

.acf-relation_wrapper-style-10 .acf-relation_container article {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12),
		0 2px 2px rgba(0, 0, 0, 0.12),
		0 4px 4px rgba(0, 0, 0, 0.12),
		0 8px 8px rgba(0, 0, 0, 0.12),
		0 16px 16px rgba(0, 0, 0, 0.12);
}

.acf-relation_wrapper-style-11 .acf-relation_container article {
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.acf-relation_wrapper-style-12 .acf-relation_container article {
	box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}

/** Medias Queries pour le nombre de colonnes Mobile first */

/** Défaut Mobile */
.responsive-mobile-1 .acf-relation_container {
	--eac-elementor-relationship-cols: 1;
}

.responsive-mobile-2 .acf-relation_container {
	--eac-elementor-relationship-cols: 2;
}

.responsive-mobile-3 .acf-relation_container {
	--eac-elementor-relationship-cols: 3;
}

.responsive-mobile-4 .acf-relation_container {
	--eac-elementor-relationship-cols: 4;
}

.responsive-mobile-5 .acf-relation_container {
	--eac-elementor-relationship-cols: 5;
}

.responsive-mobile-6 .acf-relation_container {
	--eac-elementor-relationship-cols: 6;
}

/** Mobile Extra */
@media (min-width: 768px) {
	.responsive-mobile_extra-1 .acf-relation_container {
		--eac-elementor-relationship-cols: 1;
	}

	.responsive-mobile_extra-2 .acf-relation_container {
		--eac-elementor-relationship-cols: 2;
	}

	.responsive-mobile_extra-3 .acf-relation_container {
		--eac-elementor-relationship-cols: 3;
	}

	.responsive-mobile_extra-4 .acf-relation_container {
		--eac-elementor-relationship-cols: 4;
	}

	.responsive-mobile_extra-5 .acf-relation_container {
		--eac-elementor-relationship-cols: 5;
	}

	.responsive-mobile_extra-6 .acf-relation_container {
		--eac-elementor-relationship-cols: 6;
	}
}

/** Tablet */
@media (min-width: 880px) {
	.responsive-tablet-1 .acf-relation_container {
		--eac-elementor-relationship-cols: 1;
	}

	.responsive-tablet-2 .acf-relation_container {
		--eac-elementor-relationship-cols: 2;
	}

	.responsive-tablet-3 .acf-relation_container {
		--eac-elementor-relationship-cols: 3;
	}

	.responsive-tablet-4 .acf-relation_container {
		--eac-elementor-relationship-cols: 4;
	}

	.responsive-tablet-5 .acf-relation_container {
		--eac-elementor-relationship-cols: 5;
	}

	.responsive-tablet-6 .acf-relation_container {
		--eac-elementor-relationship-cols: 6;
	}
}

/** Tablet Extra */
@media (min-width: 1024px) {
	.responsive-tablet_extra-1 .acf-relation_container {
		--eac-elementor-relationship-cols: 1;
	}

	.responsive-tablet_extra-2 .acf-relation_container {
		--eac-elementor-relationship-cols: 2;
	}

	.responsive-tablet_extra-3 .acf-relation_container {
		--eac-elementor-relationship-cols: 3;
	}

	.responsive-tablet_extra-4 .acf-relation_container {
		--eac-elementor-relationship-cols: 4;
	}

	.responsive-tablet_extra-5 .acf-relation_container {
		--eac-elementor-relationship-cols: 5;
	}

	.responsive-tablet_extra-6 .acf-relation_container {
		--eac-elementor-relationship-cols: 6;
	}
}

/** Desktop and up */
@media (min-width: 1200px) {
	.responsive-1 .acf-relation_container {
		--eac-elementor-relationship-cols: 1;
	}

	.responsive-2 .acf-relation_container {
		--eac-elementor-relationship-cols: 2;
	}

	.responsive-3 .acf-relation_container {
		--eac-elementor-relationship-cols: 3;
	}

	.responsive-4 .acf-relation_container {
		--eac-elementor-relationship-cols: 4;
	}

	.responsive-5 .acf-relation_container {
		--eac-elementor-relationship-cols: 5;
	}

	.responsive-6 .acf-relation_container {
		--eac-elementor-relationship-cols: 6;
	}
}