/*========================
*
* 				CTAS WEB STARTER
*
* ======================*/

/* --- cta-principal */
.cta-principal .fl-module-content .uabb-module-content a:hover,
.cta-principal .fl-module-content .uabb-module-content a:visited,
.cta-principal .fl-module-content .uabb-module-content a:active,
.cta-principal .fl-module-content .uabb-module-content a:focus-visible,
.cta-principal .fl-module-content .uabb-module-content a:focus,
.cta-principal .fl-module-content .uabb-module-content a {
	background-color: var(--couleur-principale);
	border: 1px solid var(--couleur-principale) !important;
	border-radius: var(--radius-cta-principal) !important;
	transition: all linear 300ms;
}

.cta-principal .fl-module-content .uabb-module-content a:focus-visible {
	outline-width: 3px !important;
}

.cta-principal .fl-module-content .uabb-module-content a:hover span,
.cta-principal .fl-module-content .uabb-module-content a:visited span,
.cta-principal .fl-module-content .uabb-module-content a:active span,
.cta-principal .fl-module-content .uabb-module-content a:focus-visible span,
.cta-principal .fl-module-content .uabb-module-content a:focus span,
.cta-principal .fl-module-content .uabb-module-content a:hover span,
.cta-principal .fl-module-content .uabb-module-content a span {
	font-family: var(--typo-principale);
	font-weight: var(--bold);
	color: var(--blanc);
	text-transform: initial;
}
.cta-principal .fl-module-content .uabb-module-content a:hover .uabb-button-icon,
.cta-principal .fl-module-content .uabb-module-content a .uabb-button-icon {
	color: var(--blanc);
}
/* Hover 
.cta-principal .fl-module-content .uabb-module-content a:hover {
	background-color: var(--couleur-principale);
	filter: brightness(1.1);
}*/ 
/*
.cta-principal .fl-module-content .uabb-module-content a:hover span {
	color: var(--couleur-principale);
}

.cta-principal .fl-module-content .uabb-module-content a:hover .uabb-button-icon {
	color: var(--couleur-principale);
} */

/* CTA 2 */

/* --- cta-secondaire */
.cta-secondaire .fl-module-content .uabb-module-content a:hover,
.cta-secondaire .fl-module-content .uabb-module-content a:visited,
.cta-secondaire .fl-module-content .uabb-module-content a:active,
.cta-secondaire .fl-module-content .uabb-module-content a:focus-visible,
.cta-secondaire .fl-module-content .uabb-module-content a:focus,
.cta-secondaire .fl-module-content .uabb-module-content a {
	background-color: var(--couleur-secondaire);
	border: 1px solid var(--couleur-secondaire) !important;
	border-radius: var(--radius-cta-principal) !important;
	transition: all linear 300ms;
}

.cta-secondaire .fl-module-content .uabb-module-content a:focus-visible {
	outline-width: 3px !important;
}

.cta-secondaire .fl-module-content .uabb-module-content a:hover span,
.cta-secondaire .fl-module-content .uabb-module-content a:visited span,
.cta-secondaire .fl-module-content .uabb-module-content a:active span,
.cta-secondaire .fl-module-content .uabb-module-content a:focus-visible span,
.cta-secondaire .fl-module-content .uabb-module-content a:focus span,
.cta-secondaire .fl-module-content .uabb-module-content a:hover span,
.cta-secondaire .fl-module-content .uabb-module-content a span {
	font-family: var(--typo-principale);
	font-weight: var(--bold);
	color: var(--blanc);
	text-transform: initial;
}
.cta-secondaire .fl-module-content .uabb-module-content a:hover .uabb-button-icon,
.cta-secondaire .fl-module-content .uabb-module-content a .uabb-button-icon {
	color: var(--blanc);
}

/* Hover 
.cta-secondaire .fl-module-content .uabb-module-content a:hover {
	background-color: var(--blanc);
	border: 1px solid var(--couleur-secondaire) !important;
	border-radius: var(--radius-cta-principal) !important;
	transition: all linear 300ms;
}

.cta-secondaire .fl-module-content .uabb-module-content a:hover span {
	color: var(--couleur-secondaire);
}
.cta-secondaire .fl-module-content .uabb-module-content a:hover .uabb-button-icon {
	color: var(--couleur-secondaire);
}*/
/*##########################*/
/* --- cta-principal-ghost */
.cta-principal-ghost .fl-module-content .uabb-module-content a:hover,
.cta-principal-ghost .fl-module-content .uabb-module-content a:visited,
.cta-principal-ghost .fl-module-content .uabb-module-content a:active,
.cta-principal-ghost .fl-module-content .uabb-module-content a:focus-visible,
.cta-principal-ghost .fl-module-content .uabb-module-content a:focus,
.cta-principal-ghost .fl-module-content .uabb-module-content a {
	background-color: transparent;
	border: 1px solid var(--couleur-principale) !important;
	border-radius: var(--radius-cta-principal) !important;
	transition: all linear 300ms;
}

.cta-principal-ghost .fl-module-content .uabb-module-content a:focus-visible {
	outline-width: 3px !important;
}

.cta-principal-ghost .fl-module-content .uabb-module-content a:visited span,
.cta-principal-ghost .fl-module-content .uabb-module-content a:active span,
.cta-principal-ghost .fl-module-content .uabb-module-content a:focus-visible span,
.cta-principal-ghost .fl-module-content .uabb-module-content a:focus span,
.cta-principal-ghost .fl-module-content .uabb-module-content a:hover span,
.cta-principal-ghost .fl-module-content .uabb-module-content a span {
	font-family: var(--typo-principale);
	font-weight: var(--bold);
	color: var(--couleur-principale);
	text-transform: initial;
}
.cta-principal-ghost .fl-module-content .uabb-module-content a .uabb-button-icon {
	color: var(--couleur-principale);
}
/* Hover 
.cta-principal-ghost .fl-module-content .uabb-module-content a:hover {
	background-color: transparent;
	border: 1px solid var(--couleur-principale) !important;
	border-radius: var(--radius-cta-principal) !important;
	transition: all linear 300ms;
}


.cta-principal-ghost .fl-module-content .uabb-module-content a:hover {
	background-color: var(--couleur-principale);
}

.cta-principal-ghost .fl-module-content .uabb-module-content a:hover span {
	color: var(--blanc);
}

.cta-principal-ghost .fl-module-content .uabb-module-content a:hover .uabb-button-icon {
	color: var(--blanc);
}*/
/*##########################*/
/* --- cta-secondaire-ghost */
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:hover,
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:visited,
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:active,
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:focus-visible,
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:focus,
.cta-secondaire-ghost .fl-module-content .uabb-module-content a {
	background-color: transparent;
	border: 1px solid var(--couleur-secondaire) !important;
	border-radius: var(--radius-cta-principal) !important;
	transition: all linear 300ms;
}

.cta-secondaire-ghost .fl-module-content .uabb-module-content a:focus-visible {
	outline-width: 3px !important;
}
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:hover span,
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:visited span,
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:active span,
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:focus-visible span,
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:focus span,
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:hover span,
.cta-secondaire-ghost .fl-module-content .uabb-module-content a span {
	font-family: var(--typo-principale);
	font-weight: var(--bold);
	color: var(--couleur-secondaire);
	text-transform: initial;
}
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:hover .uabb-button-icon,
.cta-secondaire-ghost .fl-module-content .uabb-module-content a .uabb-button-icon {
	color: var(--couleur-secondaire);
}
/*
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:hover {
	background-color: transparent;
	border: 1px solid var(--couleur-secondaire) !important;
	border-radius: var(--radius-cta-principal) !important;
	transition: all linear 300ms;
}
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:hover span {
	color: var(--blanc);
}
.cta-secondaire-ghost .fl-module-content .uabb-module-content a:hover .uabb-button-icon {
	color: var(--blanc);
}*/
/* 	basiques */
/*===== Bouton ghost blanc =====*/
.cta-ghost-blanc .fl-module-content .uabb-module-content a:hover,
.cta-ghost-blanc .fl-module-content .uabb-module-content a:visited,
.cta-ghost-blanc .fl-module-content .uabb-module-content a:active,
.cta-ghost-blanc .fl-module-content .uabb-module-content a:focus-visible,
.cta-ghost-blanc .fl-module-content .uabb-module-content a:focus,
.cta-ghost-blanc .fl-module-content .uabb-module-content a {
	background-color: transparent;
	border: 1px solid var(--blanc) !important;
	border-radius: var(--radius-cta-principal) !important;
	transition: all linear 300ms;
}

.cta-ghost-blanc .fl-module-content .uabb-module-content a:focus-visible {
	outline-width: 3px !important;
}
.cta-ghost-blanc .fl-module-content .uabb-module-content a:hover span,
.cta-ghost-blanc .fl-module-content .uabb-module-content a:visited span,
.cta-ghost-blanc .fl-module-content .uabb-module-content a:active span,
.cta-ghost-blanc .fl-module-content .uabb-module-content a:focus-visible span,
.cta-ghost-blanc .fl-module-content .uabb-module-content a:focus span,
.cta-ghost-blanc .fl-module-content .uabb-module-content a:hover span,
.cta-ghost-blanc .fl-module-content .uabb-module-content a span {
	font-family: var(--typo-principale);
	font-weight: var(--bold);
	color: var(--blanc);
	text-transform: initial;
}
.cta-ghost-blanc .fl-module-content .uabb-module-content a:hover .uabb-button-icon,
.cta-ghost-blanc .fl-module-content .uabb-module-content a .uabb-button-icon {
	color: var(--blanc);
}
/*.cta-ghost-blanc .fl-module-content .uabb-module-content a:hover {
	background-color: transparent;
	border: 1px solid var(--couleur-principale) !important;
	border-radius: var(--radius-cta-principal) !important;
	transition: all linear 300ms;
}
.cta-ghost-blanc .fl-module-content .uabb-module-content a:hover span {
	color: var(--couleur-principale);
}
.cta-ghost-blanc .fl-module-content .uabb-module-content a:hover .uabb-button-icon {
	color: var(--couleur-principale);
}*/
/* --- cta blanc */
.cta-blanc .fl-module-content .uabb-module-content a:hover,
.cta-blanc .fl-module-content .uabb-module-content a:visited,
.cta-blanc .fl-module-content .uabb-module-content a:active,
.cta-blanc .fl-module-content .uabb-module-content a:focus-visible,
.cta-blanc .fl-module-content .uabb-module-content a:focus,
.cta-blanc .fl-module-content .uabb-module-content a {
	background-color: var(--blanc);
	border: 1px solid var(--blanc) !important;
	border-radius: var(--radius-cta-principal) !important;
	transition: all linear 300ms;
}

.cta-blanc .fl-module-content .uabb-module-content a:focus-visible {
	outline-width: 3px !important;
}
.cta-blanc .fl-module-content .uabb-module-content a:hover span,
.cta-blanc .fl-module-content .uabb-module-content a:visited span,
.cta-blanc .fl-module-content .uabb-module-content a:active span,
.cta-blanc .fl-module-content .uabb-module-content a:focus-visible span,
.cta-blanc .fl-module-content .uabb-module-content a:focus span,
.cta-blanc .fl-module-content .uabb-module-content a:hover span,
.cta-blanc .fl-module-content .uabb-module-content a span {
	font-family: var(--typo-principale);
	font-weight: var(--bold);
	color: var(--couleur-principale);
	text-transform: initial;
}
.cta-blanc .fl-module-content .uabb-module-content a:hover .uabb-button-icon,
.cta-blanc .fl-module-content .uabb-module-content a .uabb-button-icon {
	color: var(--couleur-principale);
}
/*
.cta-blanc .fl-module-content .uabb-module-content a:hover {
	background-color: var(--couleur-principale);
	border: 1px solid var(--couleur-principale) !important;
	border-radius: var(--radius-cta-principal) !important;
	transition: all linear 300ms;
}
.cta-blanc .fl-module-content .uabb-module-content a:hover span {
	color: var(--blanc);
}


.cta-blanc .fl-module-content .uabb-module-content a:hover .uabb-button-icon {
	color: var(--blanc);
}
*/
/* HOVER ICON TOUS LES CTAS */
/* Animations sur icones */
[class*="cta-"] .fl-module-content .uabb-module-content a {
	cursor: pointer;
}
[class*="cta-"] .fl-module-content .uabb-module-content a .uabb-button-icon {
	transition: color 300ms linear, transform 300ms linear;
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	margin: 0;
	font-weight: var(--bold);
}

/* Petit mouvement subtil au hover */
[class*="cta-"] .fl-module-content .uabb-module-content a:hover .uabb-button-icon {
	transform: translateX(4px);
}
/* --------------- TEST ----------- */
/* Hover communs */
[class*="cta-"] .fl-module-content .uabb-module-content a:hover {
	filter: brightness(1.2) !important;
}
/* Hover communs */
.fl-module-content .uabb-module-content a:active {
	filter: brightness(0.8) !important;
}
/*========== Responsive ==========*/
@media (max-width: 768px) {
	/* Largeur à 100% pour tous les ctas à partir de 768px*/
	[class*="cta-"] {
		width: 100%;
	}
	[class*="cta-"] .fl-module-content .uabb-module-content a {
		width:100% !important;
		/*text-align: inherit !important;*/
	}
	[class*="cta-"].cta-mobile-small .fl-module-content .uabb-module-content a span {
		font-size: 12px !important;
	}

	[class*="cta-"].cta-mobile-small .fl-module-content .uabb-module-content a .uabb-button-icon {
		font-size: 12px !important;
	}
}