/*
	Theme Name: Hello Elementor child
    template: hello-elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: A plain-vanilla & lightweight theme for Elementor page builder
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 2.4.2
	Stable tag: 2.4.2
	Requires at least: 4.7
	Tested up to: 5.9
	Requires PHP: 5.6
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*** BTN ***/

.elementor-button-content-wrapper {
  justify-content: flex-start !important;
}
span.elementor-button-icon {
  display: flex;
  justify-content: start;
  align-items: center;
}
.elementor-button-icon svg {
  width: 5em !important;
}

/*** REALISATIONS ***/
.elementor-element-d1af947 .swiper-slide,
.elementor-element-afb1f2b .swiper-slide {
  height: 650px !important;
}

.elementor-element-d1af947 .swiper-slide .elementor-element-c3ba569,
.elementor-element-afb1f2b .swiper-slide .elementor-element-c3ba569 {
  animation: shrinkHeight 0.4s forwards;
}

.elementor-element-d1af947 .swiper-slide-active .elementor-element-c3ba569,
.elementor-element-afb1f2b .swiper-slide-active .elementor-element-c3ba569 {
  animation: expandHeight 0.4s forwards;
}

.elementor-element-f7136fd {
  overflow: hidden !important;
}

@keyframes expandHeight {
  from {
    height: 67%;
  }
  to {
    height: 100%;
  }
}
@keyframes shrinkHeight {
  from {
    height: 100%;
  }
  to {
    height: 67%;
  }
}

.elementor-element-a7ccf73 .swiper-slide {
  width: 36.33333% !important;
  gap: 10px;
}
.elementor-element-a7ccf73 .swiper-slide-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.elementor-element-a7ccf73 .swiper-slide-inner {
  width: 100%;
  height: 100%;
}
.elementor-element-a7ccf73 .elementor-image-carousel {
  height: 500px;
}

/*** BOUTIQUE ***/

.elementor-element-a7ccf73 {
  background-image: linear-gradient(
    to top,
    #ffffff 0%,
    #ffffff 20%,
    #fbf7f4 20%,
    #fbf7f4 90%,
    #ffffff 90%,
    #ffffff 100%
  );
}
.elementor-element-2cb584a .elementor-button-icon {
  transform: rotate(180deg);
}
.jet-hor-timeline-item__card {
  height: 250px;
}
.jet-hor-timeline-item__card-btn-wrap {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.elementor-element-58ba521 .elementor-icon:before,
.elementor-element-6a7bda4 .elementor-icon:before,
.elementor-element-d4e15d4 .elementor-icon:before,
.elementor-element-0c411b5 .elementor-icon:before,
.elementor-element-a58b908 .elementor-icon:before {
  position: absolute;
  content: '';
  background-color: rgba(255, 255, 255, 0.1);
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  animation-delay: 0.6s;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.15);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.15);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/* .elementor-element-0508642 button.elementor-button.elementor-size-sm {
  transform: rotate(180deg);
} */

@media (max-width: 767px) {
  .elementor-element-d1af947 .swiper-slide,
  .elementor-element-afb1f2b .swiper-slide {
    height: 450px !important;
  }
  .elementor-2 .elementor-element.elementor-element-5d60764 {
    --width: 100% !important;
  }
  .elementor-2 .elementor-element.elementor-element-a35a4ef,
  .elementor-2 .elementor-element.elementor-element-1bb302b {
    max-height: 350px !important;
  }
  .elementor-2 .elementor-element.elementor-element-5fe8697 {
    --min-height: unset !important;
  }
  .elementor-element-a7ccf73 .elementor-image-carousel {
    height: 300px;
  }
}
