.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-200d0ca:#17574D;--e-global-color-477baaf:#BAD5C5;--e-global-color-c886ab5:#DDB355;--e-global-color-4a6b878:#EBB235;--e-global-color-9d168e3:#F1F1F1;--e-global-color-b273dac:#084240;--e-global-color-c4d3f37:#FCEDD9;--e-global-color-a201de8:#17574D;--e-global-typography-primary-font-family:"Jost";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Jost";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:normal;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-weight:500;font-family:"Raleway", Sans-serif;font-size:16px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Jost", Sans-serif;font-size:3rem;font-weight:600;line-height:3rem;letter-spacing:0.05px;}.elementor-kit-6 h2{font-family:"Jost", Sans-serif;}.elementor-kit-6 h3{font-family:"Jost", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6 h1{font-size:2.8rem;letter-spacing:0.05px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- 

------ MENU CUSTOM CSS  -------
1- Custom Section Margin/padding 
2- Custom Section Spécifique
--- */

/* ---  1-Custom Page locale  --- */

.elementor-widget-breadcrumbs p {
    display: none !important;
}


#sectionSeo {
    background-color: #fcedd9 !important ;
    
}
#sectionSeo h2 {
    color:#ddb355 !important;
}

#sectionSeo h3 {
    color:#ddb355 !important;
}

#m8mosaic > div {
    border:0px !important;
    border-radius:0px!important;
}


#sectionSeo .titleFT h2 , #sectionSeo .titleFT h3 , .titleFT0{
    font-family: "Jost" !important;
}

#sectionSeo p {
    font-family: "Raleway" !important;
}



  .elementor-widget-breadcrumbs {
      visibility :hidden !important;
     
  }
  .CtrSection section ,  .CtrSection  {
      background-color:  #fcedd9 !important ;
  }
  
   .CtrSection > .elementor-widget-wrap  {
       background-color:  #fcedd9 !important ;
  }
  
    
   .CtrSection h1 {
       color:  #ddb355 !important ;
   }
   
   .elementor-image-box-title {
    font-family: "Jost", Sans-serif!important ;
    font-weight: 600; }
    
      .elementor-image-box-title:hover {
          color: inherit !important;
      }


/* ---  1-Custom Section Margin/padding  --- */

@media screen and (min-width: 761px) {

  #sectionwhy, #sectionSeo, #sectiondiner, #Slider ,#sectiondiscover, #sectiondirect {
  padding-top:65px;
  padding-bottom:65px; }
 
  #sectionwhyft {
  padding-top:65px;
  padding-bottom:5px !important; }

    
    
    
}

@media screen and (min-width: 761px) {
    .full_title {
        font-size: 16px !important;
        font-weight: 700 !important;
        letter-spacing: 0.7px;
    }
}

#sb_instagram .sbi_inner_wrap {
    border-radius: 0px;
}

@media all and (min-width: 0px) and (max-width: 760px){
 #sectionwhy, #sectionSeo, #sectionwhyft, #sectiondiner , #sectiondiscover , #sectiondirect, #Slider{
  padding-top:35px;
  padding-bottom:30px;}
  
#m8-ctas > div > a.delivery span.m8-icon,
#m8-ctas > div > a.call span.m8-icon,
#m8-ctas > div > a.onspot span.m8-icon,
#m8-ctas > div > a.takeaway span.m8-icon,
#m8-ctas > div > a.clickcollect span.m8-icon,

.short_title {
    background-color: #deb355 !important;
    margin-bottom:0px !important;
    margin-top:5px !important;
}

#m8-ctas > div > a.delivery span.m8-icon:hover,
#m8-ctas > div > a.call span.m8-icon:hover,
#m8-ctas > div > a.onspot span.m8-icon:hover,
#m8-ctas > div > a.takeaway span.m8-icon:hover,
#m8-ctas > div > a.clickcollect span.m8-icon:hover,
.short_title:hover {
   background-color:  #EBB235 !important;
}

#m8-ctas > div > a.delivery:hover,
#m8-ctas > div > a.call:hover,
#m8-ctas > div > a.onspot:hover,
#m8-ctas > div > a.takeaway:hover,
#m8-ctas > div > a.clickcollect:hover,
.short_title:hover {
   background-color:  #EBB235 !important;
}


.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator {
    border-top: var(--divider-border-width) var(--divider-border-style) #ddb3556b !important;
}

/* --- FIN 1-Custom Section Margin/padding  --- */



/* ---  2-Custom Section Spécifique  --- */

#cff.cff-masonry {
    margin-bottom: 0px !important ;
}

#cff.cff-masonry.cff-opaque-comments .cff-item {

    border: 1px solid grey !important;
}

#cff.cff-masonry .cff-item.cff-box {
    margin-left: 0px !important;
    margin-right: 1.5%;
}

#m8mosaic>div {
    display: inline-block;
    width: 32.5% !important;
    height: 190px !important;
    box-sizing: border-box;
    border: 0px !important;
    margin: 0 0.5% 0.5% 0;
    vertical-align: top;
    color: black;
    font-size: 12px !important;
    background-color: #fcedd9;
    border-radius: 0px !important;
}

div.m8-single-review .m8-date {
    margin-bottom: 10px!important;
}

#cff.cff-masonry .cff-load-more {
    padding: 10px 15px!important;
    max-width: 150px!important;
    border: 1px solid black!important;
}
.cff-wrapper .cff-visual-header .cff-header-hero {
    display: none;
}

@media all and (min-width: 780px) and (max-width: 99779px){
        h1 {
    font-size: 28px !important;
    
    line-height:40px !important;
}
h1 span {
    display: block; /* Pour un meilleur contrôle des espacements */
    padding: 20px 10px; /* Ajoute un espacement interne en haut du span */
}
}


@media all and (min-width: 0px) and (max-width: 779px){
    
    .store-locator__infobox.store-locator__infobox--main {
    background-color: #fff !important;
}
    
    h1 {
    font-size: 20px !important;
    line-height:30px !important;
     
}
#m8mosaic>div {
height: 150px !important;
}

#m8-ctas > div > a {
    font-size: 11px !important;
}
}
#sbi_load {
    display: none !important;
}

#cff .cff-visual-header .cff-header-text h3, .cff-wrapper .cff-visual-header .cff-header-text h3, #cff .cff-visual-header .cff-header-inner-wrap .cff-bio, .cff-wrapper .cff-visual-header .cff-header-inner-wrap .cff-bio {
    display: inline-block;
    width: auto;
    margin: 0 8px 0 0;
    padding: 0;
    color: white;
    font-size: 1.2em;
    line-height: 1.2em;
}
/* --- FIN 2-Custom Section Spécifique  --- */

.serviceVap {
    padding: 7px 12px !important;
    background: #EBB235;
    border-radius: 7px;
    padding: 2px 12px;
    color: white;
    font-weight: 500;
    letter-spacing: 0px;
    font-size: 12px !important;
    line-height: 24px;
    margin-left: 3px;
    margin-right: 3px;
}


@media all and (min-width: 0px) and (max-width: 761px){
    
    .serviceVap {
    padding: 1px 3px !important;
    background: #EBB235;
    border-radius: 5px;
    color: white;
    font-weight: 500;
    letter-spacing: 0px;
    font-size: 11px !important;
    line-height: 24px;
    margin-left: 2px;
    margin-right: 2px;
}
}



#m8mosaic>div {
    border-radius: 5px !important;
}

.filter__row {

    padding-left: 39px !important;}
    
    
    
 div #m8-ctas > div > a.call, div #m8-ctas > div > a.contact , div #m8-ctas > div > a.onspot , div #m8-ctas > div > a.takeaway ,  div #m8-ctas > div > a.clickcollect  ,  div #m8-ctas > div > a.delivery{
             border: 0px solid #ffffff;
        color: #ffffff !important;
        background-color: #dbb554 !important;
                   
 } 
 
  div #m8-ctas > div > a.call:hover, div #m8-ctas > div > a.contact:hover , div #m8-ctas > div > a.onspot:hover , div #m8-ctas > div > a.takeaway:hover ,  div #m8-ctas > div > a.clickcollect:hover  ,  div #m8-ctas > div > a.delivery:hover {

        background-color:  #EBB235 !important;
 
 } 
 
 html .short_title ,  html .full_title {
       
     }
 
 
 
 @media (min-width: 0px) and (max-width: 797px) {
    html .short_title {
        padding: 4px 0px !important;
    }
        html a .short_title {
        padding: 4px 0px !important;
    }
}


    #m8-ctas > div > a.contact span.m8-icon i {
        background-color: white !important;
    }
    
    


 @media (min-width: 798px) and (max-width: 99797px) {
    div #m8-ctas > div > a.onspot, div #m8-ctas > div > a.takeaway, div #m8-ctas > div > a.delivery, div #m8-ctas > div > a.clickcollect {
        z-index: 999999999999999999999999999999999 !important;
    }
}


@media (min-width: 800px) {
    .sbi_lightbox.sbi_lb-comments-enabled {
        padding-top: 90px;
    }
}

 div #m8-ctas > div > a.takeaway, 
 div #m8-ctas > div > a.onspot,
 
 div #m8-ctas > div > a.delivery
 ,
 
 div #m8-ctas > div > a.contact{
        border-right: 1px solid #ffffff !important;
        border-top: 1px solid #ffffff !important;
    }   } 
    
    .ccb:hover {color:white !important;}
 
.ccv:hover {color:#17574D !important;}


@media (min-width: 0px) and (max-width: 760px) {
    html div #m8-ctas > div > a.call:hover, html div #m8-ctas > div > a.contact:hover, html div #m8-ctas > div > a.onspot:hover, html div #m8-ctas > div > a.takeaway:hover, html div #m8-ctas > div > a.clickcollect:hover, html div #m8-ctas > div > a.delivery:hover {
        background-color: #17574e  !important;
    }
}


@media (min-width: 0px) and (max-width: 760px) {
    #m8-ctas > div > a.delivery span.m8-icon:hover, #m8-ctas > div > a.call span.m8-icon:hover, #m8-ctas > div > a.onspot span.m8-icon:hover, #m8-ctas > div > a.takeaway span.m8-icon:hover, #m8-ctas > div > a.clickcollect span.m8-icon:hover, .short_title:hover {
        background-color: #17574e  !important;
    }
}

.elementor-image-box-title {
    color: #1b5650 !important;
}/* End custom CSS */