/*
Theme Name: hello-elementor-child
Description: Theme enfant Hello Elementor - WEB ADN
Author: WEB ADN
Template: hello-elementor
Version: 0.1.0
*/

.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon{
    align-self: self-start !important;
    margin-top: 2.5% !important;
}

/* animation bouton accueil*/
.animation-button .elementor-button-icon{
    width: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    overflow: hidden;

}
.animation-button a{
    text-align: start;
    width: 172px;
}
.animation-button a:hover{
    width: 200px;
}
.animation-button .elementor-button-link:hover .elementor-button-icon{
    width: auto;
    opacity: 1;
    transition: 0.5s ease !important;
}

.animation-button .elementor-button-link{
    transition: all 0.3s ease-in-out;
}
.animation-button .elementor-button-content-wrapper{
    white-space: nowrap;
}

#menu-1-9149a0b .menu-item .elementor-item{
    display: inline-block !important;
}

#menu-1-9149a0b .menu-item .elementor-item:after{
    width: calc(100% - 60px);
    margin-top: 0.1rem;
    border-bottom: solid 2px #EB5D47 ;
    transform: scaleX(0) ;
    transition: transform 250ms ease-in-out ;
    display:block ;
    content: '' ;
    transform-origin:0% 50% ;
}
.elementor-nav-menu .elementor-sub-item {
    position: relative;
    transition: transform ease-in-out 0.4s, color ease-in-out 0.4s;
}
.elementor-nav-menu .elementor-sub-item:before {
  display: block;
  content:"";
  width: 8px;
  height: 8px;
  background-color: var(--e-global-color-primary);
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  opacity: 0;
  transition: left ease-in-out 0.4s, opacity ease-in-out 0.4s;
}
.elementor-nav-menu .elementor-sub-item:hover {
  color: var(--e-global-color-primary)!important;
  transform: translateX(10px);
}
.elementor-nav-menu .elementor-sub-item:hover:before {
  left: 8px;
  opacity: 1;
}
.elementor-nav-menu .sub-menu {
  padding: 1rem 1rem 1rem 0 !important;
  overflow: hidden;
  box-shadow: 0px 10px 10px -2Px rgba(0,0,0,0.2);
}

#menu-1-9149a0b .menu-item .elementor-item:hover:after{
    transform: scaleX(1) ;
}