/* 
Theme Name: Hello Eenov
Theme URI: https://eenov.com
Description: Thème personnalisé EENOV
Author: EENOV
Author URI: https://eenov.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-eenov
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

:root {
    font-size: 62.5%;
    --e-global-color-primary: #C5E3DF;
    --e-global-color-secondary: #F3C0AF;
    --e-global-color-accent: #F2C33E;
    --e-global-color-text: #4A4848;
    
    --ee-bg1: #F8F5EF;
    --ee-bg2: #E7EDEA;
}

body {
    font-size: 1.6rem;
}

h1 span {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 5rem;
    font-weight: 900;
	margin-top: 0;
}

.scribble {
    height: fit-content;
}

.elementor-nav-menu a, .elementor-nav-menu li {
    z-index: 1;
}

.scribble .elementor-button-link::before,
.scribble .elementor-button-link::after,

.scribble.map__btn::before,
.scribble.map__btn::after,

.scribble-menu .menu-item::before,
.scribble-menu .menu-item::after,

.scribble-form .e-form__buttons span:first-child::before,
.scribble-form .e-form__buttons span:first-child::after,
.scribble-form .e-form__buttons .e-form__buttons__wrapper::before,
.scribble-form .e-form__buttons .e-form__buttons__wrapper::after
{
    content: ''!important;
    display: block;
    width: 100%;
    height: 100%!important;
    position: absolute;
    background: var(--e-global-color-primary);
    border-radius: 60px;
    top: 0;
    left: 0;
    z-index: -1;
}

.scribble-menu .menu-item::before,
.scribble-menu .menu-item::after {
    border-width:0!important;
    border-color: currentColor;
}

.scribble-menu .menu-item:hover::before,
.scribble-menu .menu-item:hover::after 
{
    border-width:1px!important;
}


.scribble .elementor-button-link::before,
.scribble.map__btn::before,
.scribble-menu .menu-item:hover::before,
.scribble-form .e-form__buttons span:first-child::before,
.scribble-form .e-form__buttons .e-form__buttons__wrapper::before
{
    transform: rotate(-4deg);
    border-radius: 60px / 35px;
    top: 3px;
    left: 1px;
}


.scribble .elementor-button-link:hover::before,
.scribble.map__btn:hover::before,
.scribble-menu .menu-item:hover::before,
.scribble-form .e-form__buttons button:hover span:first-child::before,
.scribble-form .e-form__buttons .e-form__buttons__wrapper:hover::before,
.scribble-form .e-form__buttons .e-form__buttons__wrapper:hover::after {
    animation: frameMoveXY infinite 0.75s linear;
    animation-fill-mode: forwards;
}

.scribble-form .e-form__buttons {
    width:fit-content;
}

.scribble-form .e-form__buttons button {
    position: relative;
    z-index: 1;
}

.scribble-form .e-form__buttons .e-form__buttons__wrapper {
    margin-bottom: 0!important;
}

@-webkit-keyframes frameMoveXY {
  0% {      transform: rotate(-4deg) scaleX(1);}
  24.99% {  transform: rotate(-4deg) scaleX(1);}
  25% {     transform: rotate(4deg) scale(-1);}
  49.99% {  transform: rotate(4deg) scale(-1);}
  50% {     transform: rotate(-4deg) scaleX(-1);}
  74.99% {  transform: rotate(-4deg) scaleX(-1);}
  75% {     transform: rotate(4deg) scaleY(-1);  }
  99.99% {  transform: rotate(4deg) scaleY(-1);}
  100% {    transform: rotate(-4deg) scaleX(1);}
}


@keyframes frameMoveXY {
  0% {      transform: rotate(-4deg) scaleX(1);}
  24.99% {  transform: rotate(-4deg) scaleX(1);}
  25% {     transform: rotate(4deg) scale(-1);}
  49.99% {  transform: rotate(4deg) scale(-1);}
  50% {     transform: rotate(-4deg) scaleX(-1);}
  74.99% {  transform: rotate(-4deg) scaleX(-1);}
  75% {     transform: rotate(4deg) scaleY(-1);  }
  99.99% {  transform: rotate(4deg) scaleY(-1);}
  100% {    transform: rotate(-4deg) scaleX(1);}
}


.scribble .elementor-button-link:hover::after,
.scribble.map__btn:hover::after,
.scribble-menu .menu-item:hover::after,
.scribble-form .e-form__buttons button:hover span:first-child::after {
    animation: frameMoveXY2 infinite 1.5s linear;
    animation-fill-mode: forwards;
}

@-webkit-keyframes frameMoveXY2 {
  0% {      transform: rotate(0deg) scaleX(1);}
  24.99% {  transform: rotate(0deg) scaleX(1);  }
  25% {     transform: rotate(2.5deg) scale(-1);  }
  49.99% {  transform: rotate(2.5deg) scale(-1);  }
  50% {     transform: rotate(-2.5deg) scaleX(-1);  }
  74.99% {  transform: rotate(-2.5deg) scaleX(-1);  }
  75% {     transform: rotate(2.5deg) scaleY(-1);  }
  99.99% {  transform: rotate(2.5deg) scaleY(-1);  }
  100% {    transform: rotate(0deg) scaleX(1);  }
}

@keyframes frameMoveXY2 {
  0% {      transform: rotate(0deg) scaleX(1);}
  24.99% {  transform: rotate(0deg) scaleX(1);  }
  25% {     transform: rotate(2.5deg) scale(-1);  }
  49.99% {  transform: rotate(2.5deg) scale(-1);  }
  50% {     transform: rotate(-2.5deg) scaleX(-1);  }
  74.99% {  transform: rotate(-2.5deg) scaleX(-1);  }
  75% {     transform: rotate(2.5deg) scaleY(-1);  }
  99.99% {  transform: rotate(2.5deg) scaleY(-1);  }
  100% {    transform: rotate(0deg) scaleX(1);  }
}

.scribble.large .elementor-button-link::before {
    border-radius: 60px;
    transform: rotate(0deg);
    top: -6px;
    left: 5px;
}

.scribble.large .elementor-button-link:hover::before {
    animation: frameMoveXYLarge infinite 0.75s linear;
    animation-fill-mode: forwards;
}

@-webkit-keyframes frameMoveXYLarge {
  0% {      transform: rotate(0deg) scaleX(1);}
  24.99% {  transform: rotate(0deg) scaleX(1);  }
  25% {     transform: rotate(-1.5deg) scale(-1);  }
  49.99% {  transform: rotate(-1.5deg) scale(-1);  }
  50% {     transform: rotate(1.5deg) scaleX(-1);  }
  74.99% {  transform: rotate(1.5deg) scaleX(-1);  }
  75% {     transform: rotate(-1.5deg) scaleY(-1);  }
  99.99% {  transform: rotate(-1.5deg) scaleY(-1);  }
  100% {    transform: rotate(0deg) scaleX(1);  }
}

@keyframes frameMoveXYLarge {
  0% {      transform: rotate(0deg) scaleX(1);}
  24.99% {  transform: rotate(0deg) scaleX(1);  }
  25% {     transform: rotate(-1.5deg) scale(-1);  }
  49.99% {  transform: rotate(-1.5deg) scale(-1);  }
  50% {     transform: rotate(1.5deg) scaleX(-1);  }
  74.99% {  transform: rotate(1.5deg) scaleX(-1);  }
  75% {     transform: rotate(-1.5deg) scaleY(-1);  }
  99.99% {  transform: rotate(-1.5deg) scaleY(-1);  }
  100% {    transform: rotate(0deg) scaleX(1);  }
}

.scribble.large .elementor-button-link:hover::after {
    animation: frameMoveXYLarge2 infinite 1.5s linear;
    animation-fill-mode: forwards;
}

@-webkit-keyframes frameMoveXYLarge2 {
  0% {      transform: rotate(0deg) scaleX(1);   }
  24.99% {  transform: rotate(0deg) scaleX(1);   }
  25% {     transform: rotate(2deg) scale(-1);   }
  49.99% {  transform: rotate(2deg) scale(-1);   }
  50% {     transform: rotate(-2deg) scaleX(-1); }
  74.99% {  transform: rotate(-2deg) scaleX(-1); }
  75% {     transform: rotate(2deg) scaleY(-1);  }
  99.99% {  transform: rotate(2deg) scaleY(-1);  }
  100% {    transform: rotate(0deg) scaleX(1);   }
}

@keyframes frameMoveXYLarge2 {
  0% {      transform: rotate(0deg) scaleX(1);   }
  24.99% {  transform: rotate(0deg) scaleX(1);   }
  25% {     transform: rotate(2deg) scale(-1);   }
  49.99% {  transform: rotate(2deg) scale(-1);   }
  50% {     transform: rotate(-2deg) scaleX(-1); }
  74.99% {  transform: rotate(-2deg) scaleX(-1); }
  75% {     transform: rotate(2deg) scaleY(-1);  }
  99.99% {  transform: rotate(2deg) scaleY(-1);  }
  100% {    transform: rotate(0deg) scaleX(1);   }
}



.cartouche .elementor-cta__description {
    max-width: 67px;
}

.cartouche .elementor-cta__content {
    justify-content: center;
}


@media (max-width: 767px) {
    h1 span {
        font-size: 4rem;
    }
}

/********************************************
 *
 * SMOOTH SCROLL - LENIS
 *
 *******************************************/
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: clip;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}