/**
* Theme Name: Passion Spa Child
* Description: 
* Author: 
* Template: passionspa
* Version: 1.0.1
*/

 .ue_business_hours_list_item > div {
    flex-shrink: unset !important;
    width: auto !important
}

 .ue_business_hours_list_item_text {
    text-align: right;
}


@media only screen and (max-width: 820px) {
body .ue_business_hours_list_item {
	display: block !important;
}


body .ue_business_hours_list_item * {
	text-align: center !important;
}

}

.cursor{
  mix-blend-mode: difference !important;
 }

 .preloader__header img {
  max-width: 60% !important; 
  height: auto;
 }

a.elementor-button-link,
a:hover {
   text-decoration: none !important;
 }

a:focus {
	border: none !important;
outline: none;
}

 .white * {
   color: #fff !important
 }

 .scrolldown {
 -moz-transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 }

/* body:not(.elementor-editor-active) *{cursor: nonezz;}


.ob-barba-loader {
    position: fixed;
    width: 100vw;
    height: 200vh;
    pointer-events: none;
    background-color: salmon;
    z-index: 11111;
    opacity: 0;
}

body:not(.elementor-editor-active) .cursor{
  position: fixed;
  top: 0%;
  left: 0%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
  z-index: 2000;
  user-select: none;
  pointer-events: none;
  mix-blend-mode: difference;
}




body:not(.elementor-editor-active) .follower{
  position: fixed;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 50%;
  opacity: 1;
  user-select: none;
  pointer-events: none;
  mix-blend-mode: difference;
}
    
.loading-screen {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  background-color: #4bedc2;
  width: 0%;
  height: 100%;
}

.load-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 99999999999999;
  pointer-events: none;
}
*/

.navprinc ul li a span {
    display: inline-block;
    position: relative;
}
  
.navprinc  ul li a span:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: -12px;
    left: 0;
    background-color: #fff;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
  
.navprinc  ul li a:hover span:after,
.navprinc  ul li.current-menu-item a span:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
.navprinc  ul li.current-menu-item a span:after {
    background-color: #B98F6D !important;
}

.navprinc .menu-item-has-children .sub-arrow {
    display: none!important;
}

.navprinc .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown {
    left: 50% !important;
    -moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: transparent !important;

}

.navprinc .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown li {
    background: transparent;
}

.navprinc .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown li a {
    display: block !important;
    text-align: center;
    border: none !important;
    background: #333333;
    margin-bottom: 6px;
}
.navprinc .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown li.current-menu-item a ,
.navprinc .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown li:hover a {
    background: #666666
}


  /* Stretch Left */
.citation1{
	animation-name: citation1;
    transform-origin: 0% 0%;
}
@keyframes citation1 {
	0% {filter: blur(1.5rem);opacity: 0;-moz-transform: scale(3);
        -webkit-transform: scale(3);
        -o-transform: scale(3);
        -ms-transform: scale(3);
        transform: scale(3);}
	100% {filter: blur(0);opacity: 1;-moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}										
}

.zoom1{
	animation-name: zoom1;
    transform-origin: 50% 50%;
}
@keyframes zoom1 {
	0% {filter: blur(0.4rem);opacity: 0;-moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
      letter-spacing: 20px;
      
      }
	100% {filter: blur(0);opacity: 1;-moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        letter-spacing:normal;
      }										
}



/* Stretch Right */
.stretchRight{
	animation-name: stretchRight;
    transform-origin: 0% 0%;		
}
@keyframes stretchRight {
	0% {transform: scaleX(0);}
	100% {transform: scaleX(1);}			
}
/* Stretch Down */
.stretchDown{
	animation-name: stretchDown;
    transform-origin: 50% 0%;
}
@keyframes stretchDown {
	0% {transform: scaleY(0);}
	100% {transform: scaleY(1);}		
}
/* Stretch Up */
.stretchUp{
	animation-name: stretchUp;
    transform-origin: 50% 100%;		
}
@keyframes stretchUp {
    0% {transform: scaleY(0);}
    100% {transform: scaleY(1);}			
}


body:not(.elementor-editor-active) .elementor-section.citation2, 
body:not(.elementor-editor-active) .elementor-column.citation2, 
body:not(.elementor-editor-active) [data-element_type="widget"].citation2 .elementor-widget-container {
	filter: blur(1.5rem);opacity: 0;-moz-transform: scale(3);
        -webkit-transform: scale(3);
        -o-transform: scale(3);
        -ms-transform: scale(3);
        transform: scale(3);
}
body:not(.elementor-editor-active) .citation2.elementor-section.citation2, 
body:not(.elementor-editor-active) .citation2.elementor-column.citation2, 
body:not(.elementor-editor-active) [data-element_type="widget"].citation2.citation2 .elementor-widget-container {
	filter: blur(0);opacity: 1;-moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
}



/* Animations */
@-webkit-keyframes bg-scrolling-reverse {
  100% { background-position: 100vw  100vw; }
}
@-moz-keyframes    bg-scrolling-reverse {
  100% { background-position: 100vw  100vw;  }
}
@-o-keyframes      bg-scrolling-reverse {
  100% { background-position: 100vw  100vw;  }
}
@keyframes         bg-scrolling-reverse {
  100% { background-position: 100vw  100vw;  }
}

@-webkit-keyframes bg-scrolling {
  0% { background-position: 100vw  00vw;  }
}
@-moz-keyframes    bg-scrolling {
  0% {background-position: 100vw  00vw;  }
}
@-o-keyframes      bg-scrolling {
  0% { background-position: 100vw 00vw;  }
}
@keyframes         bg-scrolling {
  0% { background-position: 100vw  00vw;  }
}

.spa-intro-container {
    overflow: hidden;
}

.spaintroun {
  margin-top: 15vw;
  margin-right: -15vw;
}
.spaintrodeux {
    margin-left: -15vw;
    margin-right: -15vw;
  }
  .spaintrotrois {
    margin-top: 10vw;
    margin-left: -15vw;
  }

.spa-intro:before {
    content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
        
        transform-origin: top right;
        background-image: url(img/aaa.jpg);
        background-size: cover;
        background-repeat: repeat;
}

/* Main styles */
.spa-intro:before  {
  text-align: center;
  /* img size is 50x50 */
  background-repeat: repeat;
  background-position: 0 0;
  -webkit-animation: bg-scrolling-reverse 28s infinite; /* Safari 4+ */
  -moz-animation:    bg-scrolling-reverse 28s infinite; /* Fx 5+ */
  -o-animation:      bg-scrolling-reverse 28s infinite; /* Opera 12+ */
  animation:         bg-scrolling-reverse 28s infinite; /* IE 10+ */
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function:    linear;
  -o-animation-timing-function:      linear;
  animation-timing-function:         linear;
  
}

.spa-intro.spaintrodeux .elementor-widget-wrap {
    text-align: center;
    /* img size is 50x50 */
    background-repeat: repeat;
    background-position: 0 0;
    -webkit-animation: bg-scrolling 28s infinite; /* Safari 4+ */
    -moz-animation:    bg-scrolling 28s infinite; /* Fx 5+ */
    -o-animation:      bg-scrolling 28s infinite; /* Opera 12+ */
    animation:         bg-scrolling 28s infinite; /* IE 10+ */
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function:    linear;
    -o-animation-timing-function:      linear;
    animation-timing-function:         linear;
    
  }


  .temoignages-home .owl-item  {
    opacity: 0.7;
    transform-origin: top center;
    -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-moz-transform: scale(0.9) !important;
-webkit-transform: scale(0.9)!important;
-o-transform: scale(0.9)!important;
-ms-transform: scale(0.9)!important;
transform: scale(0.9)!important;

  }


  .temoignages-home .owl-item .elementor-widget-container p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  .temoignages-home .owl-item.active .elementor-widget-container p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  .temoignages-home .owl-item.active {
    opacity: 0.8;
    transform-origin: top center;
    -moz-transform: scale(0.95)!important;
-webkit-transform: scale(0.95)!important;
-o-transform: scale(0.95)!important;
-ms-transform: scale(0.95)!important;
transform: scale(0.95)!important;
  }

  .temoignages-home .owl-item.active.uc-active-item  {
    opacity: 1;
    transform-origin: top center;
    -moz-transform: scale(1)!important;
-webkit-transform: scale(1)!important;
-o-transform: scale(1)!important;
-ms-transform: scale(1)!important;
transform: scale(1)!important;
  }

  .temoignages-home .owl-item.active.uc-active-item .elementor-widget-container p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 99;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .gmapgrey {
    filter: grayscale(1);
  }

.autresspa .imgspa .elementor-widget-container {
  display: block;
  width: 100%;
  height: 45vh;
  max-height: 480px;
  position: relative
}

.autresspa .imgspa a {
  position: absolute !important;
  top:0; left:0; bottom: 0; right: 0;
  display: block;
}

.autresspa .elementor-post__thumbnail__link::after {
  opacity: 0 !important;
}

.autresspa .imgspa img {
  position: absolute !important;
  top: 50%!important;
  left: 50%!important;
    width: auto!important;
height: auto!important;

  max-height: 90%!important;
  max-width: 80% !important;
  -moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.autspaarchive h3 {
  color: #FFF !important
}

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
  overflow: hidden; }

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.has-scroll-smooth body {
  overflow: hidden; }

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh; }

[data-scroll-direction="horizontal"] [data-scroll-container] {
  height: 100vh;
  display: inline-block;
  white-space: nowrap; }

[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%; }

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0; }
  .c-scrollbar:hover {
    transform: scaleX(1.45); }
  .c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
    opacity: 1; }
  [data-scroll-direction="horizontal"] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1); }
    [data-scroll-direction="horizontal"] .c-scrollbar:hover {
      transform: scaleY(1.3); }

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab; }
  .has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing; }
  [data-scroll-direction="horizontal"] .c-scrollbar_thumb {
    right: auto;
    bottom: 0; }

    .post:not([data-elementor-type="single-post"]) {
      max-width: none !important;
    }

    .list-produit .row {
      margin: 0 !important;
    }

.list-produit .section-list__wrapper-item {
  width: 100% !important;
  border-bottom: 1px solid #000;
  max-width: 100%;
  flex: 0 0 100%;
  max-height: 68px;
  padding: 0 !important;
}

.list-produit .section-list__wrapper-item:last-child {
  border-bottom: none;
}

.list-produit .col-12 {
  padding: 0;
}

.list-produit .list-projects__header {
  margin: 2px 0 !important;
}

.list-produit h4 {
  line-height: 60px;
  font-family: "Overpass", Sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #000;
}

.list-produit .split-text__line {
  display: inline-block !important;
}

.list-produit h4:before {
  content:"";
  width: 60px;
  height: 60px;
  margin-right: 16px;
  line-height: 60px;
  border-right: 1px solid #000;
  display: inline-block;
  background: url(img/fleche-txt-noir.svg) no-repeat center center;
  background-size: 30px ;
}

.list-produit.list-produit-noir2024 h4:before {
  content:"";
  width: 60px;
  height: 60px;
  margin-right: 16px;
  line-height: 60px;
  border-right: 1px solid #FFF;
  display: inline-block;
  background: url(img/fleche-txt-blanc.svg) no-repeat center center;
  background-size: 30px ;
}