/* --------------------------------------------------
* -------------------------------------------------- Section 2 : Push de 3 thématiques 
*  ------------------------------------------------- */
.thematiques-section .thematiques-section--card {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.thematiques-section .thematiques-section--card .fl-col-content {
	min-height: 300px;
	cursor: pointer;
}

/* Fond noir & blanc sur l'image de fond background */
.thematiques-section .thematiques-section--card .fl-col-content:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: inherit; 
	background-size: cover;
	filter: grayscale(100%);
	transition: filter 1.2s cubic-bezier(.165, .84, .44, 1);
	transform: scale(1.1);
	transition: transform 1.2s cubic-bezier(.77, 0, .175, 1);
}

.thematiques-section .thematiques-section--card .fl-col-content:after {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0px;
	box-sizing: border-box;
	z-index:1;
	background-color: rgba(255, 255, 255, 0.95);
	opacity: 1;
	/*transition: opacity 0.5s ease-in-out;*/
	transition: opacity 1.2s cubic-bezier(.165, .84, .44, 1);
}
.thematiques-section .thematiques-section--card.card-hovered .fl-col-content:after,
.thematiques-section .thematiques-section--card:hover .fl-col-content:after {
	background-color: rgba(0, 0, 0, .25);
}
.thematiques-section .thematiques-section--card.card-hovered .fl-col-content:before,
.thematiques-section .thematiques-section--card:hover .fl-col-content:before {
	filter: grayscale(0);
	transform: scale(1);
}
.thematiques-section .thematiques-section--card .fl-col-content .fl-module-uabb-button .uabb-button {
	display: flex;
}
.thematiques-section .thematiques-section--card .fl-col-content .fl-rich-text,
.thematiques-section .thematiques-section--card .fl-col-content .fl-module-heading,
.thematiques-section .thematiques-section--card .fl-col-content .fl-module-uabb-button {
	transition: color .6s cubic-bezier(.165, .84, .44, 1);
	z-index:2;
}

/* Override class  */
.thematiques-section .thematiques-section--card.card-hovered .fl-col-content .fl-module-heading,
.thematiques-section .thematiques-section--card.card-hovered .fl-col-content .fl-rich-text,
.thematiques-section .thematiques-section--card.card-hovered .fl-col-content .fl-rich-text > *,
.thematiques-section .thematiques-section--card.card-hovered .fl-col-content .fl-module-uabb-button .uabb-creative-button-wrap a.uabb-button .uabb-button-text,
.thematiques-section .thematiques-section--card.card-hovered .fl-col-content .fl-module-uabb-button .uabb-creative-button-wrap a.uabb-button .uabb-button-icon,
.thematiques-section .thematiques-section--card:hover .fl-col-content .fl-module-heading,
.thematiques-section .thematiques-section--card:hover .fl-col-content .fl-rich-text,
.thematiques-section .thematiques-section--card:hover .fl-col-content .fl-rich-text > *,
.thematiques-section .thematiques-section--card:hover .fl-col-content .fl-module-uabb-button .uabb-creative-button-wrap a.uabb-button .uabb-button-text,
.thematiques-section .thematiques-section--card:hover .fl-col-content .fl-module-uabb-button .uabb-creative-button-wrap a.uabb-button .uabb-button-icon {
	color: var(--blanc) !important;
}

.thematiques-section .thematiques-section--card .fl-col-content .fl-module-uabb-button .uabb-creative-button-wrap a.uabb-button .uabb-button-icon {
	transition: transform .35s cubic-bezier(.25, .46, .45, .94);
}
.thematiques-section .thematiques-section--card:hover .fl-col-content .fl-module-uabb-button .uabb-creative-button-wrap a.uabb-button .uabb-button-icon {
	transform: rotate(0deg) scale(1);
}

.thematiques-section .thematiques-section--card .fl-col-content .fl-module-uabb-button {
	margin-top: auto !important;
}


/* Mobile (≤768px) */
@media all and (max-width: 768px) {
	/* Section 2 : Push de 3 thématiques */
	.thematiques-section .thematiques-section--card {
		position: relative;
		transition: all 0.5s ease-in-out;
		cursor: pointer;
	}
	.thematiques-section .thematiques-section--card .fl-col-content {
		min-height: auto;
		background-image: none;
		background-color: #F5F5F3;
	}

	.thematiques-section .thematiques-section--card:nth-child(2) .fl-col-content {
		background-color: var(--blanc) !important;
		border-top: 1px solid #b2bdb9;
		border-bottom: 1px solid #b2bdb9;
	}

	.thematiques-section .thematiques-section--card .fl-col-content:after,
	.thematiques-section .thematiques-section--card:after,
	.thematiques-section .thematiques-section--card .fl-col-content:before {
		content: none;
	}

	.thematiques-section .thematiques-section--card .fl-col-content .fl-module-heading:first-child {
		display: none;
	}

	.thematiques-section .thematiques-section--card:hover .fl-col-content .fl-module-heading,
	.thematiques-section .thematiques-section--card:hover .fl-col-content .fl-module-uabb-button .uabb-creative-button-wrap a.uabb-button .uabb-button-text,
	.thematiques-section .thematiques-section--card:hover .fl-col-content .fl-module-uabb-button .uabb-creative-button-wrap a.uabb-button .uabb-button-icon {
		color: var(--vert-fonce) !important;
	}

	.thematiques-section .thematiques-section--card:hover .fl-col-content .fl-module-uabb-button .uabb-creative-button-wrap a.uabb-button:hover .uabb-button-text,
	.thematiques-section .thematiques-section--card:hover .fl-col-content .fl-module-uabb-button .uabb-creative-button-wrap a.uabb-button:hover .uabb-button-icon {
		color: var(--vert-fonce) !important;
	}
}