/*
Theme Name: Hello Child
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-child
*/



html {
  overflow-x: hidden;
}
body {
  position: relative;
  overflow-x: hidden;  
}
h1, h2, h3, h4, h5, h6{
	text-wrap: pretty!important;
}
.elementor-counter-number-suffix{
	display: block;
	font-size: 12px;
	color: #0B0D11;
	font-weight: bold;
	margin-left: 16px;
}

.truncate-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2; /* Nombre de lignes max */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 3em; /* Ajustez selon la hauteur de ligne */
	line-height: 1.5em; /* Ajustez selon votre design */
	white-space: normal;
}
.truncate-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3; /* Nombre de lignes max */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 5em; /* Ajustez selon la hauteur de ligne */
	line-height: 1.5em; /* Ajustez selon votre design */
	white-space: normal;
}

@keyframes fadeInUpSmooth {
	from {
		opacity: 0;
		transform: translateY(12px) scale(0.99);
	}
	60% {
		opacity: 1;
		transform: translateY(-1px) scale(1.01);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes fadeInDownSmooth {
	from {
		opacity: 0;
		transform: translateY(-12px) scale(0.99);
	}
	60% {
		opacity: 1;
		transform: translateY(1px) scale(1.01);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes fadeInLeftSmooth {
	from {
		opacity: 0;
		transform: translateX(-12px) scale(0.99);
	}
	60% {
		opacity: 1;
		transform: translateX(1px) scale(1.01);
	}
	to {
		opacity: 1;
		transform: translateX(0) scale(1);
	}
}

@keyframes fadeInRightSmooth {
	from {
		opacity: 0;
		transform: translateX(12px) scale(0.99);
	}
	60% {
		opacity: 1;
		transform: translateX(-1px) scale(1.01);
	}
	to {
		opacity: 1;
		transform: translateX(0) scale(1);
	}
}

/* Vitesse et easing plus rapide */
.fadeInUp.animated,
.fadeInDown.animated,
.fadeInLeft.animated,
.fadeInRight.animated {
	animation-duration: 0.6s;
	animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

.fadeInUp.animated { animation-name: fadeInUpSmooth; }
.fadeInDown.animated { animation-name: fadeInDownSmooth; }
.fadeInLeft.animated { animation-name: fadeInLeftSmooth; }
.fadeInRight.animated { animation-name: fadeInRightSmooth; }

/* Pour Elementor */
.elementor-editor-active .fadeInUp,
.elementor-editor-active .fadeInDown,
.elementor-editor-active .fadeInLeft,
.elementor-editor-active .fadeInRight {
	opacity: 1 !important;
	animation: none !important;
	transform: none !important;
}




.background-blur {
  backdrop-filter: blur(32px)!important; /* Applique un flou de 3px */
  -webkit-backdrop-filter: blur(32px)!important; /* Pour la compatibilité avec Safari */ 
}
.e-con-inner>.elementor-element{
	height: 100%;
}

strong{
	font-weight: 700;
}

/* Lien actif : garder la bordure visible */
.elementor-2 .elementor-element.elementor-element-53167d8 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current::before {
	width: 70%;
	background-color: #2F0437;
}
.heart-icon {
	color: #000; /* Ou la couleur exacte de ta police */
	font-size: inherit; /* Garde la taille de la police du texte */
}


/* Texte bien à gauche */
.elementor-button-text {
	text-align: left;
}

/* Icône animée à droite */
.elementor-button-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}


.ue-grad-btn-wrapper:hover .ue-gradient-border-icon {
	transform: translateX(10px); /* Décale l'icône de 15px vers la droite */
	transition: transform 0.3s ease; /* Transition fluide sur 0.3 secondes */
}

.ue-gradient-border-icon {
	transition: transform 0.3s ease; /* Assure une transition fluide même sans survol */
}

/* Effet au survol de l'icône lorsque l'accordéon est fermé */
.e-n-accordion-item-title:hover .e-closed {
	transform: translateX(10px); /* Décale l'icône de 15px vers la droite */
	transition: transform 0.3s ease; /* Transition fluide */
}

/* Effet au survol de l'icône lorsque l'accordéon est ouvert */
.e-n-accordion-item-title:hover .e-opened {
	transform: translateX(10px); /* Décale l'icône de 15px vers la droite */
	transition: transform 0.3s ease; /* Transition fluide */
}

/* Transition initiale pour l'état de base de l'icône fermée */
.e-closed {
	transition: transform 0.3s ease; /* Assure une transition fluide même sans survol */
}

/* Transition initiale pour l'état de base de l'icône ouverte */
.e-opened {
	transition: transform 0.3s ease; /* Assure une transition fluide même sans survol */
}
.inner-wrap{
	height: 100%!important;
}
.elementor-element.elementor-element-5c8a659:not(.elementor-motion-effects-element-type-background){
	background-color: transparent!important;
}
.ue-carousel-item.reveal-item:hover .inner-wrap{
	box-shadow: none!important;
}

@keyframes fadeInUpSearch {
	from {
		opacity: 0;
		transform: translateY(15px) scale(0.99);
	}
	60% {
		opacity: 1;
		transform: translateY(-2px) scale(1.01);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes fadeOutDownSearch {
	from {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
	to {
		opacity: 0;
		transform: translateY(10px) scale(0.98);
	}
}

.search-div {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.search-div.revealed {
	animation: fadeInUpSearch 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	visibility: visible;
	pointer-events: auto;
}

.search-div.hideout {
	animation: fadeOutDownSearch 0.5s ease forwards;
}

.elementor-editor-active .search-div {
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	animation: none !important;
	pointer-events: auto !important;
}
#conditions-d-execution-de-la-mission mark.has-inline-color {
  color: #2A22DD !important;
  background-color: transparent !important; /* si tu veux enlever le fond noir */
}
mark.has-inline-color {
  color: #2A22DD !important;
  background-color: transparent !important; /* enlève le fond noir/translucide */
}
div.wpforms-container-full .wpforms-page-button{
	border-radius: 0px!important;
}
.elementor-button, div.wpforms-container-full button[type=submit]{
	text-align: left!important;
	border-radius: 0px!important;
}
.ue-carousel-item.ue-grid-item.reveal-item{
	width: 100%;
}
input, textarea, select, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner{
	border-radius: 0px!important;
	border-color: #2A22DD!important;
}