/* 
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
*/

/* Fluid containers variables (edit here)*/

:root {
    /* Global Padding Variables - Editable */
    /* Left and Right Padding All /Sections/Containers*/
    --fluid-side-padding-min: 1.25rem; /* 20px */
    --fluid-side-padding-max: 5rem;   /* 80px */

    /* Top and Bottom Padding All Containers*/
    --section-xxl-padding-min: 9.375rem; /* 150px */
    --section-xxl-padding-max: 10rem; /* 160px */ 
  
    --section-xl-padding-min: 6.875rem; /* 110px */
    --section-xl-padding-max: 7.5rem; /* 120px */
  
    --section-l-padding-min: 5.625rem; /* 90px */
    --section-l-padding-max: 6.25rem; /* 100px */
  
    --section-m-padding-min: 5rem; /* 80px */
    --section-m-padding-max: 5rem; /* 80px */
  
    --section-s-padding-min: 3.75rem; /* 60px */
    --section-s-padding-max: 3.75rem; /* 60px */
  
    --section-xs-padding-min: 2.5rem; /* 40px */
    --section-xs-padding-max: 2.5rem; /* 40px */
  
    --section-xxs-padding-min: 1.5rem; /* 24px */
    --section-xxs-padding-max: 1.5rem; /* 24px */
    
    --section-header-padding-min: 1.25rem; /* 20px */
    --section-header-padding-max: 1.25rem; /* 20px */

  
    /* Hero Sections Height Variable */
    --section-hero-height: 100vh; /* 100% the screen height */
  
    /* Offset Padding for Overlay Headers */
    --section-offset-header: -230px; /* Adjust to the overlay header's negative margin */

    /* Width For Narrow Sections*/
    --section-narrow: 62.5rem; /* 1000px */
    --section-narrow-xs: 45rem; /* 720px */
  }


/* CSS Template (do not edit below) */
  
  
  /* Section/Container Padding - Fluid Variants */
  .section-xxl {
    padding-top: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
    padding-bottom: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xl {
    padding-top: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
    padding-bottom: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-l {
    padding-top: clamp(var(--section-l-padding-min), 1.087vw + 5.38rem, var(--section-l-padding-max));
    padding-bottom: clamp(var(--section-l-padding-min), 1.087vw + 5.38rem, var(--section-l-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-m {
    padding-top: clamp(var(--section-m-padding-min), 0vw + 5rem, var(--section-m-padding-max));
    padding-bottom: clamp(var(--section-m-padding-min), 0vw + 5rem, var(--section-m-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-s {
    padding-top: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
    padding-bottom: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xs {
    padding-top: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
    padding-bottom: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xxs {
    padding-top: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
    padding-bottom: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-header {
    padding-top: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max));
    padding-bottom: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  

/* Repeater custom */

#serviceRep li::marker {
  content: "";
}

#icnServ {
  width: 20px;
  margin-right:9px;
  filter: invert(15%) sepia(100%) saturate(50%) hue-rotate(50deg);
}

.titreService {
  text-transform: uppercase;
  font-weight: 500;
  padding: 0px !important;
  margin:0px;
}

#descService {
  padding: 0 0 0 29px;
  margin-bottom: 30px;
}

/* CUSTOM MB ***************************/

#widgetMB2{
  display: flex !important;
  flex-wrap: wrap !important;
}

/* Horizontal **********************************************/

.hz.widgetMB2{
  border-radius:0px !important;
  border-style:none !important;
  border-width:0px !important;
  padding:15px !important;
  display:flex !important;
  flex-direction: row !important;
  flex-wrap:  wrap !important;
  justify-content: space-evenly !important;
  align-items: center !important;
  background-color:transparent !important;
  color:inherit !important;
  width: 100% !important;
}
.hz.header,.hz.section,.hz.footer,.hz.div,.hz.p,.hz.h2,.hz.form{
  display:flex !important;
  flex-direction: row !important;
  justify-content: space-around !important;
  align-items: center !important;
  margin:0;
  padding:0;
}
.hz.header, .hz.footer{display: none !important;}
.hz.section{
  margin:0 5px;
  padding:0 5px;
  border-width:0px !important;
  border-style:none;
  border-color:none;
}
.hz.h2{
  font-weight:bold;
  font-family:var( --e-global-typography-text-font-family ), Sans-serif !important;
  font-size: var( --e-global-typography-text-font-size ) !important;
}
.hz.label.nb_nuit,.hz.p{
  font-size:17px;
  font-family:var( --e-global-typography-text-font-family ), Sans-serif !important;
  font-size: var( --e-global-typography-text-font-size ) !important;
}
.hz.div{margin:0 5px;}
.hz.input.date,.hz.input.code_promo{
  display: flex !important;
  flex-direction: row !important;
  width:210px !important;
  border-color:transparent !important;
  border-radius:0px !important;
  border-style:none !important;
  border-width:0px !important;
  padding:20px 10px !important;
  margin: 0 10px !important;
}

.hz .p .date {
  color: var( --e-global-color-secondary ) !important;
}
.hz.select{
  width:80px !important;
  border-color:transparent !important;
  border-radius:0px !important;
  border-style:none;
  border-width:0px !important;
  padding:20px 10px !important;
  text-align: center;
  background: #ffffff;
  margin-left:10px !important;
}
.hz.input.btn{
  cursor:pointer;
  display:flex !important;
  position:relative;
  text-align:center;
  text-decoration:none;
  vertical-align:middle !important;
  font-family:var( --e-global-typography-text-font-family ), Sans-serif !important;
  font-size: var( --e-global-typography-text-font-size ) !important;
  border-style:solid;
  border-width:0px !important;
  padding:20px 10px !important;
  width:200px !important;
  background-color:var( --e-global-color-primary ) !important;
  color: var( --e-global-color-secondary ) !important;
  margin-left:20px;
}
.hz.p.best_deal{
  font-weight:bold;
  font-family:var( --e-global-typography-text-font-family ), Sans-serif !important;
  font-size: var( --e-global-typography-text-font-size ) !important;
}

.hz label{ margin-right:5px!important;}
.hz .occ label{font-size:10px;}
/***********************************************/
.widgetMB2.c1{
  border-color:#df0019;
}
.p.best_deal.c1{
  color: var( --e-global-color-secondary ) !important;
}
.input.btn.c1{
  background-color:#df0019;
  color:#ffffff;
  border-color:red;
}
.widgetMB2.c2{
  border-color:#8F806A;
}
.p.best_deal.c2{
  color: var( --e-global-color-secondary ) !important;
}
.input.btn.c2{
  background-color:#8F806A;
  color:#ffffff;
  border-color:#8F806A;
}
.widgetMB2.c3{
  border-color:#0071BC;
}
.p.best_deal.c3{
  color: var( --e-global-color-secondary ) !important;
}
.input.btn.c3{
  background-color:#0071BC;
  color:#ffffff;
  border-color:#0071BC;
}
/* Medias Queries ***************************************/
@media only screen and (max-width:1024px) {
  .hz.widgetMB2{
    width: 100% !important;
  }
  .hz.header,.hz.section,.hz.footer,.hz.div,.hz.p,.hz.h2,.hz.form{
    flex-direction: column !important;
  }
  .hz .occ{
    width: 100% !important;
    margin-bottom: 25px;
  }
  .hz.input.date{
    width: 100% !important;
    margin-bottom: 25px !important;
  }
  .hz div, .hz .occ {margin: 0px !important;}
  .hz.div .btn {
    width: 250px !important;
    margin: 20px 0 0 0;
  }
}

@media only screen and (max-width:1280px) {
  .hz.widgetMB2{padding: 0px !important;}
  .hz.select{
    padding: 15px 0px !important;
    width: 60px !important;
  }
  .hz.input.date {
    width:180px !important;
    padding: 15px 10px !important;
  }
}

@media only screen and (max-width:768px) {
  .hz.widgetMB2{
    width: 100% !important;
  }
  .hz.header,.hz.section,.hz.footer,.hz.div,.hz.p,.hz.h2,.hz.form{
    flex-direction: column !important;
  }
  .hz .occ{
    width: 100% !important;
    margin-bottom: 25px;
  }
  .hz.input.date{
    width: 100% !important;
    margin-bottom: 25px !important;
  }
  .hz div, .hz .occ {margin: 0px !important;}
  .hz.div .btn {
    width: 200px !important;
    margin: 20px 0 0 0;
  }
}

@media (min-width:1440px) and (max-width:1480px) {
    #menuCustom {
        width:1200px;
    }
}