/* 
Theme Name: Hello Elementor Child
*/

/* ==========================================================================
   VIDÉO YOUTUBE — bandes décoratives latérales
   ========================================================================== */
   #videoYoutubeContainer {

    &::before,
    &::after {
        content: "";
        position: absolute;
        top: calc(100% - 150px);
        width: 100%;
        height: 150px;
        background: var(--e-global-color-24500b4);
        z-index: 0;
    }

    &::before { left: -95%; }
    &::after  { right: calc(-100% + 80px); }

    /* contenu au-dessus des bandes */
    > div.elementor-element {
        position: relative;
        z-index: 1;
    }
}

/* ==========================================================================
   SURVOL — passage du texte en blanc
   ========================================================================== */
.toWhite:hover {
    .elementor-counter-title,
    .elementor-counter-number-wrapper,
    .elementor-heading-title:not(span),
    .elementor-widget-text-editor {
        color: #fff !important;
    }
}

/* ==========================================================================
   SURVOL — effet zoom + ombre
   ========================================================================== */
.withEffetHover:hover {
    transform: scale(1.02);
    box-shadow: 0 0 6.3px 2px rgba(255, 255, 255, 0.25);
}


.page-fairmove {
    #ceQuilEnPense .elementor-widget-image-carousel::before,
    #ceQuilEnPense .elementor-widget-image-carousel::after {
      content: '';
      position: absolute;
      width: 75px;
      top: 0;
      height: 100%;
      z-index: 2;
      background: var(--e-global-color-89bf52e);
    }
    
    
    #ceQuilEnPense .elementor-widget-image-carousel::before {
      left: 0;
      mask-image: linear-gradient(to right, var(--e-global-color-89bf52e) 0px, transparent 50px);
      -webkit-mask-image: linear-gradient(to right, var(--e-global-color-89bf52e) 0px, transparent 50px);
    }
    
    
    #ceQuilEnPense .elementor-widget-image-carousel::after  {
      right: 0;
      mask-image: linear-gradient(to left, var(--e-global-color-89bf52e) 0px, transparent 50px);
      -webkit-mask-image: linear-gradient(to left, var(--e-global-color-89bf52e) 0px, transparent 50px);
    }
    
}

#statistique .elementor-counter-title {
    line-height: normal!important;
}