/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

*{
	scroll-behavior: smooth;
}

@keyframes fadeDown {
  from {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.fadeInDown {
  animation-name: fadeDown;
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translate3d(-30px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.fadeInLeft {
  animation-name: fadeLeft;
}

@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translate3d(30px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.fadeInRight {
  animation-name: fadeRight;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.fadeInUp {
  animation-name: fadeUp;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.slideInUp {
  animation-name: slideUp;
}

/*custom code design*/

.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}

.elementor-widget-text-editor p b,
.elementor-widget-text-editor p strong {
    color: var(--e-global-color-primary);
}

.elementor-animation-grow:hover {
    transform: scale(1.05)!important;
}

/*cliquer a travers une image en hovver absolute*/
.none{
    z-index: -1;
    pointer-events: none;
}

/*h2 before logo*/

.h2-logo::before{
    content: "";
    position: absolute;
    
    inset: unset;
    left: -1rem;
    top: 50%;
    transform: translate(-100% , -50%);
    
    width: 30px;
    height: 50px;
    pointer-events: none;
    
    background-image: url('https://districom.logia-web.fr/wp-content/uploads/2024/07/decoration-titre-2.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

@media (max-width: 767px) {
    .h2-logo::before {
        inset: unset;
        left: 0px;
        top: 50%;
        transform: translate(-60%, -50%);
        width:16px;
        height: 50px;
    }
}

/* H1 cache */

.visuallyhidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; 
}