/* 
Theme Name: La Petite Boite
Description: Template personnalisé par La Petite Boite
Author: La Petite Boite
Author URI: https://www.lapetiteboite.com
Template: hello-elementor
Version: 1.0.0
Text Domain: la-petite-boite
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, translation-ready
*/

/* Debug admin bar */
.admin-bar .elementor-location-header > .glass {top:32px;}
.admin-bar .elementor-element-5e6b73a {min-height:calc(100vh + 150px - 32px)!important;}

b, strong {color:#fff;}

/* PADDING ALL SIDES */
.pad-s{padding: clamp(1rem, 0.7692rem + 1.0256vw, 1.5rem);}
.pad-m{padding: clamp(1.5rem, 1.2692rem + 1.0256vw, 2rem);}
.pad-l{padding: clamp(2rem, 1.5385rem + 2.0513vw, 3rem);}
/* PADDING TOP & BOTTOM */
.pad-tb-s{padding: clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem) 0;}
.pad-tb-m{padding: clamp(4rem, 3.5385rem + 2.0513vw, 5rem) 0;}
.pad-tb-l{padding: clamp(6rem, 6.5385rem + 2.0513vw, 7rem) 0;}
/* PADDING TOP */
.pad-t-s{padding-top: clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem);}
.pad-t-m{padding-top: clamp(4rem, 3.5385rem + 2.0513vw, 5rem);}
.pad-t-l{padding-top: clamp(7rem, 6.5385rem + 2.0513vw, 8rem);}
/* PADDING BOTTOM */
.pad-b-s{padding-bottom: clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem);}
.pad-b-m{padding-bottom: clamp(4rem, 3.5385rem + 2.0513vw, 5rem);}
.pad-b-l{padding-bottom: clamp(7rem, 6.5385rem + 2.0513vw, 8rem);}

/* Effects */
.glass {
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.box, .box-grey {border-radius:14px;border:1px solid rgba(255,255,255,0.2);overflow:hidden;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}
.box {background-image: linear-gradient(139deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.024) 47%, rgba(255, 255, 255, 0.1) 99%);}
.box-grey {background-image: linear-gradient(139deg, #2a2a2a, #181818 47%, #2a2a2a 99%);}
.box-o {border-radius:14px;border:1px solid rgba(245,159,12,0.8);box-shadow:inset 0 0px 10px rgba(245,159,12,0.2);overflow:hidden;}
.box-o:before {content:'';position:absolute;top:0;bottom:0;left:0;right:0;
  background-image: linear-gradient(139deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.024) 47%, rgba(255, 255, 255, 0.1) 99%);}
.bg-grid:before {content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:transparent;background-position:left -22px;
background-image:linear-gradient(rgba(255,255,255,0.15) 1px, transparent 1px), linear-gradient(to right, rgba(255,255,255,0.15) 1px, rgba(0,0,0,0) 1px);background-size:50px 50px;
    mask-image: linear-gradient(35deg, black 0%, transparent 50%);}
.box-hover:before {content:'';position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.box-hover:hover:before {opacity:1;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);background-image: linear-gradient(139deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.024) 47%, rgba(255, 255, 255, 0.1) 99%);}

.hover-scale:hover {
-ms-transform: scale(1.025); 
-webkit-transform: scale(1.025);
transform: scale(1.025);
}

.border-bottom {
    border-bottom: 1px solid;
    -o-border-image: linear-gradient(90deg, #191919 0, #807f7f 50%, #191919 100%);
    border-image: linear-gradient(90deg, #191919 0, #807f7f 50%, #191919 100%);
    border-image-slice: 1;
}

/* Contact form */
/*.elementor-widget-form .elementor-field-label {cursor:text;}
.elementor-widget-form .elementor-field-option {line-height:1.75;}
.elementor-widget-form .elementor-field-option label {cursor:pointer;}
.elementor-widget-form .elementor-field-option input {border:none;width:16px;height:16px;position:relative;bottom:-3.5px;margin-right:8px;}
.elementor-widget-form .elementor-field-textual {padding:10px 15px;}
.elementor-widget-form .e-form__indicators__indicator--state-active .e-form__indicators__indicator__number,
.elementor-widget-form .e-form__indicators__indicator--state-completed .e-form__indicators__indicator__number {color:#121212;border:none;
  background: linear-gradient(90deg, rgba(205,129,0,1) 0%, rgba(255,214,106,1) 100%);
}
.elementor-widget-form .e-form__indicators__indicator__separator {position:relative;right:-10px;}
.elementor-widget-form .e-form__buttons {justify-content:space-between;width:100%;}
.elementor-widget-form .e-form__buttons .e-form__buttons__wrapper {flex-basis:auto;flex-grow:0;}
*/
.wpforms-container {margin:0!important;}
.wpforms-container .wpforms-field-label {margin-bottom:15px!important;}
.wpforms-container .wpforms-submit-container {position:absolute!important;bottom:0;right:0;}
.wpforms-container .wpforms-field-pagebreak {padding-bottom:0!important;}
.wpforms-container button.wpforms-page-button, .wpforms-container button.wpforms-submit {font-family: "Lexend";
    padding-right:32px!important;padding-left:32px!important;color:#121212;border:none;background-size: 200% auto;  
    background-image: linear-gradient(to right, rgba(205,129,0,1) 0%, rgba(255,214,106,1) 50%, rgba(205,129,0,1) 100%);
}
.wpforms-container button.wpforms-page-button:hover, .wpforms-container button.wpforms-submit:hover {background-position: right center!important;}
.wpforms-container .wpforms-field-label {font-weight:200!important;font-size:clamp(1rem, 0.8846rem + 0.5128vw, 1.25rem)!important;font-family: "Lexend";}
.wpforms-container .wpforms-field-label-inline {font-weight:200!important;font-family: "Lexend";}
.wpforms-container .wpforms-page-indicator.circles {border:none!important;justify-content:space-between!important;padding:0!important;position:relative;}
.wpforms-container .wpforms-page-indicator.circles:before {width:calc(100% - 350px);height:1px;border-bottom:1px solid #fff;content:'';display:block;
  top: 50%;left: 45%;transform: translate(-50%, -50%);position:absolute;
  }
.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page {max-width:160px;text-align:center;margin:0!important;}
.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-title {display:block;font-size:20px;font-weight:500;color:#fff;}
.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number {background-color:#121212;border:1px solid #fff;color:#fff;
  font-size:20px!important;font-family: "Lexend";font-weight:500!important;margin-right:0!important;
}
.wpforms-container .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number {color:#121212!important;border:none;
  background: linear-gradient(90deg, rgba(205,129,0,1) 0%, rgba(255,214,106,1) 100%);
}
.wpforms-container .wpforms-field ul {gap:5px!important;}
.wpforms-container input, .wpforms-container textarea {font-size:18px!important;font-weight:200!important;}

/* Elementor Title widget styles */
.text-gradient {color:transparent!important;background: #f6a31b!important;
  background: linear-gradient(90deg, rgba(205,129,0,1) 0%, rgba(255,214,106,1) 100%)!important; /*rgba(206,98,26,1) 0%, rgba(254,171,26,1)*/
  background-clip: text!important;
  -webkit-background-clip: text!important;
}
.subtitle {font-size:0.8em!important;color:transparent!important;background: transparent!important;
  background: linear-gradient(90deg, rgba(205,129,0,1) 0%, rgba(255,214,106,1) 100%)!important; /*rgba(206,98,26,1) 0%, rgba(254,171,26,1)*/
  background-clip: text!important;
  -webkit-background-clip: text!important;}



/* Elementor Button widget custom styles */
.elementor-element.elementor-widget-button .elementor-button {background: transparent;border:none;}
.elementor-element.elementor-widget-button:hover .elementor-button {}
.elementor-element.elementor-button-secondary .elementor-button {background-color:#fff;color:#121212;}
.elementor-element.elementor-button-secondary:hover .elementor-button {}
.elementor-element.elementor-button-gradient .elementor-button, .elementor-button.e-form__buttons__wrapper__button {
    color:#121212;
    background-image: linear-gradient(to right, rgba(205,129,0,1) 0%, rgba(255,214,106,1) 50%, rgba(205,129,0,1) 100%);
    background-size: 200% auto;    
}
.elementor-element.elementor-button-gradient:hover .elementor-button, .elementor-button.e-form__buttons__wrapper__button:hover {
	background-position: right center;
}
.elementor-element.elementor-button-outline .elementor-button {
	background: transparent;
	border:1px solid #fff;
}
.elementor-element.elementor-button-outline:hover .elementor-button {}
.elementor-element.elementor-button-underline .elementor-button {
  background: transparent;
  border:none;
  font-weight:200;
}
.elementor-element.elementor-button-underline .elementor-button:after {
  content:'';display:block;margin:10px auto 0;
  max-width:90px;height:2px;
  background: #CE7B1A;
  background: linear-gradient(to right, #dc8b01 0%, #FFd66a  100%);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.elementor-element.elementor-button-underline:hover .elementor-button:after {
  max-width:140px;
}

/* ARCHIVE */

.elementor-post .elementor-post__excerpt p:after {content:'...';display:inline-block;margin-left:5px;}
.elementor-post .elementor-post__read-more {background: transparent;border:none;font-weight:200;}
.elementor-post .elementor-post__read-more:after {
  content:'';display:block;margin-top:7px;
  max-width:60px;height:2px;
  background: #CE7B1A;
  background: linear-gradient(to right, #dc8b01 0%, #FFd66a  100%);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.elementor-post .elementor-post__read-more:hover:after {max-width:100px;}
.archive .elementor-pagination {margin-top:80px;}

.archive .elementor-pagination .page-numbers {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border:1px solid #cfcfcf;
    display: inline-block;
    margin: 0 10px 0 0;
    line-height: 40px;
    text-align: center;
}
.archive .elementor-pagination .page-numbers:hover {
  border-color:#fff;
}
.archive .elementor-pagination .page-numbers.current {
    color: #121212 !important;
    border: none;
    background: linear-gradient(90deg, rgba(205, 129, 0, 1) 0%, rgba(255, 214, 106, 1) 100%);
}


/* Animated SVG by svgartista.net */

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 56.15995788574219px;
    stroke-dasharray: 56.15995788574219px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 56.15995788574219px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 56.15995788574219px;
    stroke-dasharray: 56.15995788574219px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 56.15995788574219px;
  }
}

#agence-home-svg .svg-elem-1 { /*haut droite*/
  -webkit-animation: animate-svg-stroke-1 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
          animation: animate-svg-stroke-1 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
          animation-delay: 0.5s;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 56.15997314453125px;
    stroke-dasharray: 56.15997314453125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 56.15997314453125px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 56.15997314453125px;
    stroke-dasharray: 56.15997314453125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 56.15997314453125px;
  }
}

#agence-home-svg .svg-elem-2 { /*bas droite*/
  -webkit-animation: animate-svg-stroke-2 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
          animation: animate-svg-stroke-2 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
          animation-delay: 0.8s;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 56.160003662109375px;
    stroke-dasharray: 56.160003662109375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 56.160003662109375px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 56.160003662109375px;
    stroke-dasharray: 56.160003662109375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 56.160003662109375px;
  }
}

#agence-home-svg .svg-elem-3 { /*haut gauche*/
  -webkit-animation: animate-svg-stroke-3 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
          animation: animate-svg-stroke-3 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
          animation-delay: 0.5s;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 56.16001892089844px;
    stroke-dasharray: 56.16001892089844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 56.16001892089844px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 56.16001892089844px;
    stroke-dasharray: 56.16001892089844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 56.16001892089844px;
  }
}

#agence-home-svg .svg-elem-4 { /*bas gauche*/
  -webkit-animation: animate-svg-stroke-4 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
          animation: animate-svg-stroke-4 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
          animation-delay: 0.8s;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 187.6199951171875px;
    stroke-dasharray: 187.6199951171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 187.6199951171875px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 187.6199951171875px;
    stroke-dasharray: 187.6199951171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 187.6199951171875px;
  }
}

#agence-home-svg .svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
          animation: animate-svg-stroke-5 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
          animation-delay: 0.5s;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 187.6199951171875px;
    stroke-dasharray: 187.6199951171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 187.6199951171875px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 187.6199951171875px;
    stroke-dasharray: 187.6199951171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 187.6199951171875px;
  }
}

#agence-home-svg .svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
          animation: animate-svg-stroke-6 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
          animation-delay: 0.5s;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 109.5799560546875px;
    stroke-dasharray: 109.5799560546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 109.5799560546875px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 109.5799560546875px;
    stroke-dasharray: 109.5799560546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 109.5799560546875px;
  }
}

#agence-home-svg .svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both;
          animation: animate-svg-stroke-7 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both;
          animation-delay: 0.8s;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 109.56999969482422px;
    stroke-dasharray: 109.56999969482422px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 109.56999969482422px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 109.56999969482422px;
    stroke-dasharray: 109.56999969482422px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 109.56999969482422px;
  }
}

#agence-home-svg .svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both;
          animation: animate-svg-stroke-8 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both;
          animation-delay: 0.8s;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 169.91000366210938px;
    stroke-dasharray: 169.91000366210938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 169.91000366210938px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 169.91000366210938px;
    stroke-dasharray: 169.91000366210938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 169.91000366210938px;
  }
}

#agence-home-svg .svg-elem-9 { /*ligne gauche*/
  -webkit-animation: animate-svg-stroke-9 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both;
          animation: animate-svg-stroke-9 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both;
          animation-delay: 1.1s;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: -169.9099884033203px;
    stroke-dasharray: 169.9099884033203px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 169.9099884033203px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: -169.9099884033203px;
    stroke-dasharray: 169.9099884033203px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 169.9099884033203px;
  }
}

#agence-home-svg .svg-elem-10 { /*ligne droite*/
  -webkit-animation: animate-svg-stroke-10 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both;
          animation: animate-svg-stroke-10 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both;
          animation-delay: 1.1s;
}





@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0,-100%,0);
                transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0)
    }
}
@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0,-100%,0);
                transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0)
    }
}
@-webkit-keyframes slideInTop {
    from {
        -webkit-transform: translate3d(0,100%,0);
                transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0)
    }
}
@keyframes slideInTop {
    from {
        -webkit-transform: translate3d(0,100%,0);
                transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0)
    }
}
@-webkit-keyframes scaleUpCenter {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaleUpCenter {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
#agence-home-svg .title-top {animation-delay:0.8s;animation:slideInDown 1.25s;-webkit-animation:slideInDown 1.25s;}
#agence-home-svg .title-bottom {animation-delay:1.1s;animation:slideInTop 1.25s;-webkit-animation:slideInTop 1.25s;}
#agence-home-svg .title-middle {animation-delay:0.5s;animation:scaleUpCenter 1.25s;-webkit-animation:scaleUpCenter 1.25s;transform-origin: center;}