/* 
Theme Name:     Hello Mazzarino Child
Theme URI:      https://formacrea.fr
Description:    Thème FORMACREA
Author:         FORMACREA
Author URI:     https://formacrea.fr
Template:       hello-elementor
Version:        1.0.1
*/

mark{
	background-color: rgba(255,255,255,0.2);
}

header .header {
	position: relative;
	z-index: 99;
	backdrop-filter: blur(10px);
	background-color: rgba(255, 255, 255, 0.75);
}
header .header::before {
  content: "";
  position: absolute;
  inset: 0;
  border-top: 5px solid transparent;
  border-image: linear-gradient(
    to right,
    #0055A4 0%,
    #0055A4 33.33%,
    #FFFFFF 33.33%,
    #FFFFFF 66.66%,
    #EF4135 66.66%,
    #EF4135 100%
  ) 1;
  pointer-events: none;
}

.elementor-menu-toggle:before {
	content:  "Menu";
	font-family: inherit;
	margin-right: 10px;
}
/*
.header .logo{
	border: orange solid 2px;
}

.header .nav{
	border: red dashed 2px;
}

.header .icons-and-search{
	border: blue dotted 2px;
}
*/
.header .logo img {
    max-width: 66%;
    transition: all 1s;
}
.header .logo img.small-logo {
    max-width: 25%;
    transition: all 1s;
}



.header .nav .e-n-menu, .header .nav .elementor-nav-menu--main{
	text-transform: uppercase;
}
.header .e-search-input {
	background-color:  transparent;
	border:  none;
	border-bottom: solid 1px;
}
body{
	background-color: #F5F0EB;
}

footer.elementor-location-footer h5{
	text-transform: uppercase;
}


body:not(.single-product) h1.entry-title, body:not(.single-product) .woocommerce div.product .product_title, body:not(.single-product) div.entry-title h1{
	text-align: center;
	padding-top: 125px;
	padding-bottom: 75px;
	color: var(--e-global-color-secondary);
	font-weight: var(--e-global-typography-text-font-weight);
	text-transform: uppercase;
}
body.single-product h1.entry-title, body.single-product .woocommerce div.product .product_title, body.single-product div.entry-title h1{    
	color: var(--e-global-color-secondary);
	font-weight: var(--e-global-typography-text-font-weight);
	text-transform: uppercase;
}

.elementor-portfolio.elementor-grid.elementor-posts-container article{
	align-self: center;
}

/* ************************************************************************************************************************** */
/* curseur personnalisé sur avis */
.ti-widget {
	cursor: url("data:image/svg+xml,%3Csvg id='Cursorcustom' width='32' height='32' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 54.6 66.9'%3E%3Cpath d='M45.5,42.7c-.1-.1-.3-.4-.4-.6-1.2-2-3.2-3.5-5.4-4.4,3.5.8,7.4-.4,10.5-1.9,1-.5,2-1.1,2.9-1.8-.8-3.9-2.3-7.9-5.1-10.9-2.5-2.7-6.1-4.6-9.8-4.6-.3-.4-.5-.8-.8-1.2-1.4-2.2-2.6-4.6-3.5-7.1l-1.1.9c-1.9,1.5-3.4,3.5-4.5,5.7-.6-1.7-1.3-3.3-2.2-4.8-2.9-4.8-7.8-8.3-13.1-10-1.1-.3-2.2-.6-3.4-.8,0,0-2.5,2.8-2.5,2.7.3,1.8,0,3.7-.4,5.5-.8,3.1-2.4,5.9-4.2,8.6-3.1,5.4-1.6,12.3,1.8,17.2,2.7,3.8,6.6,6.7,10.9,8.1,1.3.4,2.6.7,4,.9-1,3-1.5,6.1-.7,10.2,1.4,7.6,6.7,11.4,14.4,10.7,2.8-.2,5.5-1.5,7.2-3.7,2.8-3.4,2.6-8.3,1.5-12.3.2,5.7-1.3,12-7.9,12.6-5.9.2-9.7-1.9-10.5-8.1-.5-3.7.3-6.9,2-10.2,1.8-3.7,3.8-7.8,4.4-12,.6-4.1.4-8.5-.7-12.6,1-1.9,2.3-3.7,4-5.1.9,2.4,2.1,4.7,3.5,6.8l1.2.5c6.8,0,10.8,5.9,12.7,11.9-3.6,2.4-8.3,4.5-12.6,3.1-1.5-.5-2.9-1.5-4-2.7.9,1.5,2.1,2.8,3.7,3.6.4.2.7.3,1.1.5,1.9,1.6,3.8,3.2,4.9,5.5l.3.5c.6.9,1.5,1.6,2.4,2.2.3.2.6.3.9.5-2.9.8-6.5,1.3-8.1-.8,1.3,4.2,8.4,3,11.6,1.9l3.1-1c-2.6-.8-6-1.5-8-3.4h0ZM22.9,35.9c-1.2,3-2.5,5.5-3.4,8.1-3.4-.9-6.7-2.5-9.3-4.9-4.6-4.1-7.7-10.7-6-16.8.3-.9.7-1.8,1.2-2.6.5-.8,1.4-1.8,2-2.6,2.1-2.9,3.7-6.4,4.2-10,0-.2,0-.4,0-.5,8,3.1,12.4,9.8,12.9,18.7.3,3.7-.2,7.2-1.6,10.7h0Z' fill='%231d1d1b'/%3E%3C/svg%3E"), auto;
}



/* ************************************************************************************************************************** */


.elementor-location-archive .elementor-posts .elementor-post{
	align-items: center;
}




/* ************************************************************************************************************************** */



.citation-page-contact {
    text-align: end; /* On garde ton alignement à droite */
    
    /* Dégradé pour le reveal */
    background: linear-gradient(to right, #393939 50%, rgba(255,255,255,0) 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    /* Animation : 8 secondes total pour un cycle lent */
    animation: revealLoop 10s ease-in-out infinite;
    opacity: 0;
}

@keyframes revealLoop {
    0% {
        opacity: 1;
        background-position: 100% 0;
    }
    30% {
        background-position: 0 0; /* Fin du reveal (le texte est entièrement noir) */
    }
    99% {
        opacity: 1;
        background-position: 0 0; /* Pause : le texte reste affiché et lisible */
    }
    100% {
        opacity: 0; /* Fondu de sortie (fade out) */
        background-position: 0 0;
    }
}

/* Version Mobile */
@media (max-width: 767px) {
    .citation-page-contact {
        font-size: 22px;
    }
}