.elementor-kit-9{--e-global-color-primary:#000000;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#D5A702;--e-global-typography-primary-font-family:"Varela Round";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Varela";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Varela Round";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Varela";--e-global-typography-accent-font-weight:500;color:#303030;font-family:"Varela Round", Sans-serif;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:#1A1414;font-family:"Varela Round", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;box-shadow:0px 0px 10px 0px #CFCFCF;border-radius:2px 2px 2px 2px;padding:15px 38px 15px 38px;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:#FFFFFF;color:#1A1414;box-shadow:0px 0px 10px 0px #FFFFFF;border-radius:2px 2px 2px 2px;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:#303030;font-family:"Varela", Sans-serif;}.elementor-kit-9 h1{color:#303030;font-family:"Varela Round", Sans-serif;text-transform:uppercase;letter-spacing:1px;}.elementor-kit-9 h2{color:#303030;font-family:"Varela", Sans-serif;text-transform:uppercase;letter-spacing:1px;}.elementor-kit-9 h3{color:#303030;font-family:"Varela", Sans-serif;text-transform:uppercase;letter-spacing:1px;}.elementor-kit-9 h4{color:#303030;font-family:"Varela", Sans-serif;letter-spacing:1px;}.elementor-kit-9 h5{color:#303030;font-family:"Varela Round", Sans-serif;letter-spacing:1px;}.elementor-kit-9 h6{color:#303030;font-family:"Varela", Sans-serif;font-size:1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.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
3- Custom Size Footer mobile


--- */

#sbi_load span a {

    font-family: "Mostra Nuova", Sans-serif !important;
    box-shadow: 2px 2px 0px 2px #bbdaf2;
    background-color: #0864b6 !important;
    border: 1px solid !important;
    color: white;
    border-radius: 50px !important;
    letter-spacing: 1px!important;
    text-transform: uppercase;
    padding: 15px 35px!important;
    font-weight: 500;

}

#m8-ctas-container a.m8platform.instore.ubereatsorder , #m8-ctas-container a.m8platform.instore {
    background-image: url('https://www.bagelcorner.fr/wp-content/uploads/2025/06/Frame-3.png') !important;
    background-size: 136px !important;
    width: 166px !important;
    height: 44px !important;
    background-color: black !important;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 5px;
    border: 1px solid black;
    text-align: right;
    padding: 12px 0px 0px 0px;
    color: white !important;
    background-position-x: 7px !important;
}


#sectiondirect {
    display: none !important;
}

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

#modernBrowserPopup , .main-popup-holder.is-shown {
    display: none !important ;
    visibility: hidden !important ;
}

@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; }
}

@media all and (min-width: 0px) and (max-width: 760px){
 #sectionwhy, #sectionSeo, #sectionwhyft, #sectiondiner , #sectiondiscover , #sectiondirect, #Slider{
  padding-top:35px;
  padding-bottom:30px;}
  
  .elementor-slide-heading h1 {
    font-size: 20px !important;}
}

 #sectionwhy {
     background-color:#FEF6EA ;
 }

#sectionSeo{
     background-color:#FFFBF6 !important ;
     color:black !important;
 }

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


#titreSeo1 .elementor-widget-container h2, #texteSeo3 , #titreSeo2 .elementor-widget-container h2, #texteSeo2 , #titreSeo3 .elementor-widget-container h2, #texteSeo1, .elementor-text-editor .elementor-clearfix {
    color: black !important;
}

#titreSeo1 .elementor-widget-container h2, #titreSeo2 .elementor-widget-container h2 , #titreSeo3 .elementor-widget-container h2 {
        font-family: "Mostra Nuova", Sans-serif!important;
        font-weight: 500 !important;
}
#texteSeo3, #texteSeo2,  #texteSeo1, .texteInfo {
    font-family:  "MaisonNeueMono", Sans-serif !important;
}
.elementor-element-48694da {
    display: none;
}



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

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

#TitleSlider h1 {
    font-family: "Mostra Nuova", Sans-serif;

    font-weight: 600;
    text-transform: none;
    color:white ;
    text-shadow: 0em 0em 0.05em #ffffff;
    font-size:55px;
    max-width: 1000px;
    margin: 0 auto;
    letter-spacing: 2px
}


@media all and (min-width: 0px) and (max-width: 760px) {
#TitleSlider h1 {
     font-family: "Mostra Nuova", Sans-serif;
    font-weight: 600;
    text-transform: none;
    color:white !important;
    font-size:40px;}

#BtnOrderSection {
    display: none;}
}

#BtnOrderSection {
    margin-top:40px;
}

.elementor-widget-button .elementor-button {
    background-color: black !important;
    color:white !important;
}

.elementor-widget-button .elementor-button:hover {
    background-color: white !important;
    color:black !important;
}

.elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
    max-width: 17px;
    background-color: black;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

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









/* ---  3- Custom Store Locator  --- */

.infobox__body {
  min-height:350px;
}

.store-locator__infobox {
    min-height: 367px;
}

.ssf_image_setting {
    background-position: top !important;
}


@media all and (min-width: 761px) and (max-width: 9999999px) {
.btn-super-info {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    bottom:40px;
    right: 0;
  	max-width:250px;
    text-align: center;
}
}

/* ---  Custom Btn:hover --- */

.btn-super-info:hover {
   color:#1a1414 !important;
   background-color:white !important;
}

.btn-super-info {
    font-size: 13px;
    font-weight: 400; 
    border-radius: 50px !important;
      font-family: "Mostra Nuova", Sans-serif;
    text-transform: uppercase;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
    padding: 16px 19px 14px !important;
}

.space-bottom-3x, .space-vertical-3x {
    display:none!important;
}



.infobox__row .infobox__title   .store-image {display:block !important;}

.infobox__row .infobox__title   .store-image , .infobox__title .ssf_image_setting {display:block !important;}

.infobox__body > .infobox__row:last-child, .store-locator__store-list .store-address { padding-bottom: 10px !important;}

.store-locator__infobox {padding-bottom: 26px!important;}

.infobox__body .infobox__row.store-exturl {display: block !important; padding: 0px !important;}

.infobox__title, .store-locator__infobox.store-locator__infobox--main, .infobox__title { text-align: center;}

.store-locator__map-status.is-transitionable, .infobox__row .infobox__stv {display:none !important;}

.infobox__row .store-address, .infobox__row .infobox__title .store-location {text-align:center !important ;}

.infobox__row infobox__cta ssflinks {display:none !important;}

.infobox__marker {border: 3px solid white !important;}

.title .space-bottom-3x {text-align:center;	font-size:30px;}

.field-holder__icon ~ .field {color: black;}

.infobox__row .infobox__row--marker .store-locator__infobox .infobox__marker {color:transparent  !important;}

.store-locator__store-list .store-address {padding-bottom: 10px !important;}



.store-locator__infobox.is-active .infobox__marker {background-color: #519FA0 !important;color: #fff;}


.infobox__row + .infobox__row {
      font-family: "Mostra Nuova", Sans-serif;
    color: #dfdfdf !important;
    letter-spacing: 0px !important;
    font-size: 20px !important;
    text-align: center ;
}

.ginput_container .large, .ginput_container .medium, #input_3_5_3, #input_3_5_6  {background:white!important;}

.store-locator-map .store-locator__infobox { margin-top: 100px;}

.store-locator-map .store-locator__infobox .infobox__inner {padding:0px !important;}

.store-locator-map .store-locator__infobox .infobox__inner .infobox__row + .infobox__row { padding-top: 0px;}

.infobox__body .infobox__row.store-exturl { display: block !important;}

.store-locator__map-pin {color: transparent !important;}


@media only screen and (max-width: 764px) {
.infobox__row + .infobox__row {
    padding-top: 13px !important;
}
  
.nossficon {
     display: none !important;
      padding-top:0px !important;
}
  
  .infobox__body > .infobox__row:last-child, .store-locator__store-list .store-address {
    padding-bottom: 10px !important;
}
  .store-locator__infobox .infobox__marker {
    margin-bottom: 10px;
}
}

.store-locator__infobox.store-locator__infobox--main {
    color: #fff !important;
}

.main-back-to-top.is-shown {
    opacity: 1;
    display: none;
}

.store-locator__map-pin {
  color: transparent !important;
}

.store-locator__infobox {
    max-height: 350px;
}

.infobox__body {
    min-height: 170px;
}

.store-locator-map .infobox__inner {
    max-height: 175px !important;
}

.infobox__inner .store-locator__infobox {
    padding-bottom: 0px!important;
}

.infobox__inner .infobox__body {
    min-height: 170px !important;
}

.store-locator__store-list .store-address {
    padding-bottom: 10px !important;
    padding-top: 18px !important;
    font-size: 14px!important;
    font-weight: bold!important;
}

.store-locator__infobox, .infobox__body {
  border-radius: 5px !important;
}


@media only screen and (max-width: 764px){
.infobox__row + .infobox__row {
    padding-top: 15px !important;
}
  
  .infobox__row .store-description .nossficon , .infobox__row .store-fax .nossficon{
     display: none !important;
  }
  
.elementor-sticky {
    top: 0px !important;
  }
}

.infobox__title {
    font-weight: bold!important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
}

.infobox__row .infobox__title   .store-location{
    margin-bottom: 3px;
    margin-top: 13px;
    font-weight: bold!important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
}

.store-locator-map .store-locator__infobox:before {
    border-right-color: black !important;
}

.store-locator__map-pin {
  color: none !important;
  font-size: 0px!important;
  display: none !important;
}

.infobox__body > .infobox__row:first-child, .infobox__row--marker {
    padding-top: 15px;
    color: white !important;
}

.sub-menu .elementor-nav-menu--dropdown .sm-nowrap {
  z-index: 999999999 !important;
}

.store-locator__infobox {
    box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
}


#dirbutton {
    display: none ! important;
}

/* ---  FIN 3- Custom Store Locator  --- */


#m8-ctas > div > a.onspot, #m8-ctas > div > a.takeaway , #m8-ctas > div > a.delivery , #m8-ctas > div > a.clickcollect {
    border:1px solid #ffffff !important;}

@media screen and (min-width: 1320px){
#m8-ctas > div > a {margin: 8px 15px;}
}


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


#m8-ctas {background-color: #d29f25 !important;}

#m8-ctas > div > a.onspot span.m8-icon i {
    width: 26px !important;
    margin-left: 19px !important;}

#m8-ctas > div > a.takeaway span.m8-icon i {
    width: 45px!important;
    margin-left: 10px!important;}

}


/* --- 

------- MENU CUSTOM CSS  -------

0- Custom Spécifique
1- Custom Section Margin/padding
2- Custom Section Spécifique
3- Custom Size Footer mobile


--- */


.elementor-posts--thumbnail-top .elementor-posts--skin-cards:not(.elementor-posts-masonry) .elementor-post__card, .elementor-posts .elementor-posts--skin-cards:not(.elementor-posts-masonry) .elementor-post__card {
    border-radius: 50px;
    
}
/*

#trp-floater-ls.trp-top-right {
    top: 13px !important;
    right: 15px !important;
    width: 112px !important;
    border-radius: 5px !important;
    z-index: 999999999999999999 !important;
}
*/

.accueil {
     background-image: url("https://stg-linkbagelcornerwww-dev.kinsta.cloud/wp-content/uploads/2021/08/NOUS-TROUVER-2.svg");
      background-repeat: no-repeat;
  width: 50px;
  height: 30px;
  position: absolute;
  left: 25px;
      padding-bottom: 15px !important;  

}

.accueil a {
    padding-left: 55px;
    padding-bottom: 15px !important;  
}




.sticky-header {
--header-height: 100px;
--opacity: 1;
--shrink-me: 0.80;
--sticky-background-color: white !important ;
box-shadow:  white !important;
--transition: .3s ease-in-out;


transition: background-color var(--transition),
background-image var(--transition),
backdrop-filter var(--transition),
opacity var(--transition);
}
.sticky-header.elementor-sticky--effects {
background-color: var(--sticky-background-color) !important;
background-image: none !important;

backdrop-filter: blur(10px);
box-shadow: 1px 1px 12px #555;
}
.sticky-header > .elementor-container {
transition: min-height var(--transition);
}
.sticky-header.elementor-sticky--effects > .elementor-container {
min-height: calc(var(--header-height) * var(--shrink-me))!important;
height: calc(var(--header-height) * var(--shrink-me));
}
.sticky-header .elementor-nav-menu .elementor-item {
transition: padding var(--transition);

}
.sticky-header.elementor-sticky--effects .elementor-nav-menu .elementor-item {
padding-bottom: 10px!important;
color:black !important;
padding-top: 10px!important;
}

.sticky-header.elementor-sticky--effects .elementor-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after, .sticky-header.elementor-sticky--effects .elementor-nav-menu .elementor-item.elementor-item-active:after {
    background-color: black !important;
}
.sticky-header.elementor-sticky--effects .elementor-nav-menu .elementor-item  .elementor-nav-menu--main .elementor-item.elementor-item-active {
   color:black !important;
}

.sticky-header > .elementor-container .logo img {
transition: max-width var(--transition);

}
.sticky-header.elementor-sticky--effects .logo img {

   filter: brightness( 0% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );

 
}

li.LINK-Spec-Orange a{
    background-color: #ECAB3D !important;
    color: white !important;
    border-radius: 50px !important;
}
#m8-ctas {
  background-color: #FDF5EA !important;
     font-family: "Mostra Nuova", Sans-serif !important;
  font-size: 11px !important;
}
#m8-ctas > div > a.onspot, #m8-ctas > div > a.takeaway, #m8-ctas > div > a.delivery, #m8-ctas > div > a.clickcollect {
    border: 1px solid #000;
    color: white!important;
    background-color: #ECAB3D !important;
     font-size: 13px !important;
        font-family: "Mostra Nuova", Sans-serif !important;
}

#m8-ctas > div > a.delivery span.m8-icon i, #m8-ctas > div > a.takeaway span.m8-icon i,  #m8-ctas > div > a.onspot span.m8-icon i{
    background-color: white !important;
        font-family: "Mostra Nuova", Sans-serif !important;
}

#m8-ctas > div {
padding: 3px 0 !important;
    font-family: "Mostra Nuova", Sans-serif !important;
}

#m8-ctas > div > a {
    position: relative;
    padding: 13px 35px 13px 75px !important;
    margin: 8px 10px !important;
}

@media all and (min-width: 0px) and (max-width: 760px){
.TitreSectionS h2, .TitreSectionS h1 {font-size:30px !important;}

#m8-ctas > div > a.delivery span.m8-icon i, #m8-ctas > div > a.takeaway span.m8-icon i,  #m8-ctas > div > a.onspot span.m8-icon i{
    background-color: BLACK !important;}
    #m8-ctas > div {
    padding: 0px 10PX 5PX 10PX !important;

}
.short_title {font-weight:500;font-size:11px !important;}

}



div #m8-ctas {
    background-color: #FDF5EA !important;
    font-family: "MaisonNeueMono", Sans-serif !important;
    font-size: 11px !important;
}

.site-header, body:not([class*=elementor-page-]) .site-main {
    max-width: 960px;
    padding: 30px 10px;
}

#btnC a, #btnC2 a{ width: 360px; height: 80px;}

#btnC2 a {background-color: #D29F25 !important;  }

#btnC a{border:2px solid #D29F25 !important;}

#btnC2 a{border-color: white !important;}

#btnC2  #Calque_1 { width: 40px;  height: 50px;   margin-top: 10px;}


 .elementor-posts-container .elementor-post__thumbnail {
    border-radius: 50px 50px 0px 0px;
}

/* --- Responsive ----*/

@media all and (min-width: 0px) and (max-width: 760px){
    .SpadeSectionInternLoc {padding:30px 10px!important }
.TitreSectionS h2, .TitreSectionS h1 {font-size:30px !important;}

#m8-ctas > div > a.delivery span.m8-icon i, #m8-ctas > div > a.takeaway span.m8-icon i,  #m8-ctas > div > a.onspot span.m8-icon i{
    background-color: BLACK !important;}
    #m8-ctas > div {
    padding: 0px 10PX 5PX 10PX !important;

}
.short_title {font-weight:500;font-size:11px !important;}

}


/* ---  1-Custom Section Margin/padding  --- */
.SpadeSectionInternLoc {padding:90px 20px 50px; }
.SpadeSectionIntern  {padding:50px 20px; }

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

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

@media all and (min-width: 0px) and (max-width: 760px){
 #sectionwhy, #sectionSeo, #sectionwhyft, #sectiondiner , #sectiondiscover , #sectiondirect, #Slider, .SectionStyle{
  padding-top:35px;
  padding-bottom:30px;}

    
#m8-ctas > div > a.onspot, #m8-ctas > div > a.takeaway, #m8-ctas > div > a.delivery {
    font-weight: 500 !important;
}

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




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

.elementor-divider-separator {
    width: 136px;
    margin: 0 auto;
    border-radius: 29px;
}

.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 0px;
}




@media all and (min-width: 0px) and (max-width: 760px) {

#BtnOrderSection {
    display: none;}
}

#BtnOrderSection {
    margin-top:40px;
}




.elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
    max-width: 17px;
    background-color: black;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}


.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
    font-size: 20px;}


.elementor-slides .swiper-slide-inner .elementor-slide-heading {
    font-size: 35px;
    font-weight: 900;
    padding: 25px;
    border-radius: 50px;
    color: black;
    background-color: rgba(255, 255, 255, 0.7);
    line-height: 1;
}





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




/* ---  3- Custom Store Locator  --- */

.infobox__body {
  min-height:350px;
}

.store-locator__infobox {
    min-height: 367px;
}

.ssf_image_setting {
    background-position: top !important;
}

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, .gform_wrapper.gravity-theme .ginput_container_date input, .gform_wrapper.gravity-theme input[type=text] {
    font-size: 20px;
    font-family: "Mostra Nuova";
    font-weight: 500;
    text-transform: uppercase;
}

@media all and (min-width: 761px) and (max-width: 9999999px) {

.colormenu5 a {
    background-color:#ECAB3D ;
    color: white !important;
    border-radius: 50px;
}
}

.ginput_container .large, .ginput_container .medium, #input_3_5_3, #input_3_5_6  {background:white!important;}


@media screen and (max-width: 760px){
#m8-ctas > div > a {
 padding: 41px 5px 10px 5px !important;}
 }
 
 @media all and (min-width: 0px) and (max-width: 760px){
#m8-ctas > div > a.onspot, #m8-ctas > div > a.takeaway , #m8-ctas > div > a.delivery { font-weight: 900 !important;}
}


/* ---  CUSTOM GRAVITY FORM  --- */


.gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input {
    align-self: flex-end;
    font-family: "Mostra Nuova", Sans-serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 24px;
    fill: #FDF5EA;
    color: white;
    background-color: #D674A5;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 5px 5px 0px 4px #fdf5ea;
    padding: 15px 50px 15px 50px;
}


input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    width: 100%;
    border: 0px solid #666;
      border-bottom: 1px solid #666;
    border-radius: 0px;
    padding: 0.5rem 1rem;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    font-size: 20px !important;
}

.gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 2%;
    -ms-grid-columns: (1fr 2%) [12];
    grid-row-gap: 24px;
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(auto-fill,auto);
    width: 100%;
}

/* ---  FIN 3- CUSTOM GRAVITY FORM   --- */


   #m8-ctas > div > a.onspot,     #m8-ctas > div > a.takeaway,     #m8-ctas > div > a.delivery ,    #m8-ctas > div > a.contact ,  #m8-ctas > div > a.clickcollect  {
        border: 1px solid #ECAB3D  !important;
    }

@media all and (min-width: 761px) and (max-width:1260) {

.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li {
    font-size: 15px !important;
}
}

.elementor-portfolio.elementor-has-item-ratio .elementor-post__thumbnail {
    position: absolute;
    border-radius: 20px;
}


/* ----------

    CUSTOM DU TITRE SUR PORTFOLIO

---------- */




.elementor-portfolio-item__overlay {
    opacity: 1 !important;}
    
    
.elementor-portfolio-item__overlay {
    background: rgba(0,0,0,0.0) !important;
}

.elementor-portfolio-item__title {
    font-weight: 600;
    text-transform: capitalize;
    margin-left: auto;
    padding: 15px;
    margin-top: 45%;
    margin-left: 0px !important;
    border: 0px;
    color:white !important;
}



@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}


.elementor-post__thumbnail:hover , .elementor-portfolio-item__overlay:hover {
    -webkit-transform: scale(1.03) !important;
    transform: scale(1.03) !important;
   transition: .5s !important;
}

.elementor-portfolio-item:hover {
    -webkit-transform: scale(1.03) !important;
    transform: scale(1.03) !important;
   transition: .5s !important;
}

.elementor-portfolio-item__overlay {
    opacity: 0;
    position: absolute;
    top: 79% !important;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 30px !important;
    transition: opacity 1s;
    display: flex;
    flex-direction: column;
    justify-content: LEFT;
    text-align: LEFT !important;
    overflow: hidden;
    background-color: rgba(129,138,145,.8);
}


@media all and (min-width: 760px) and (max-width: 991280px){
.sbi_lightbox.sbi_lb-comments-enabled {
   margin-top:65px !important;}
}

#m8-ctas > div > a.onspot, #m8-ctas > div > a.takeaway, #m8-ctas > div > a.delivery, #m8-ctas > div > a.clickcollect {
    font-weight: 500;
    font-family: "Mostra Nuova", Sans-serif!important;
    box-shadow: 2px 2px 0px 2px #D674A5;
}
#m8-ctas > div > a.onspot:hover, #m8-ctas > div > a.takeaway:hover, #m8-ctas > div > a.delivery:hover, #m8-ctas > div > a.clickcollect:hover {
transition: 0.3s;
transform: scale(1.02);}

#m8-ctas > div {
 
    padding: 1px 0px 5px 0px !important;
    font-family: "Mostra Nuova", Sans-serif;
}

 .colormenu5 a,  .colormenu5 a  {
     color: white !important;
 }
 
 DIV #m8-ctas > div > a.onspot,DIV #m8-ctas > div > a.takeaway,DIV #m8-ctas > div > a.delivery,DIV #m8-ctas > div > a.clickcollect {
    font-weight: 500;
    font-family: "Mostra Nuova", Sans-serif!important;
    box-shadow: 2px 2px 0px 2px #bbdaf2;
    background-color: #0864b6 !important;
    border: 1px solid !important;
    color:white;
}
.colormenu5 a,  .colormenu5 a  {
     color: white !important;
 }
 
 
 @media (min-width: 0px) and (max-width: 760px){
#m8-ctas > div > a.delivery span.m8-icon i, #m8-ctas > div > a.takeaway span.m8-icon i, #m8-ctas > div > a.onspot span.m8-icon i {
    background-color: white !important;
}}


.openingHours .elementor-button {
    font-family: "Mostra Nuova", Sans-serif;
    font-weight: 500;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #ECAB3D !important;
    font-weight: 500;
    font-family: "Mostra Nuova", Sans-serif!important;
    box-shadow: 2px 2px 0px 2px #bbdaf2;
    background-color: #0864b6 !important;
    border: 1px solid !important;
    color: white;
    border-radius: 50px;
}


.openingHours .elementor-button:hover {
    font-family: "Mostra Nuova", Sans-serif;
    font-weight: 500;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #ECAB3D !important;
    font-weight: 500;
    font-family: "Mostra Nuova", Sans-serif!important;
    box-shadow: 2px 2px 0px 2px #bbdaf2;
    background-color: #0864b6 !important;
    border: 1px solid !important;
    color: white;
    border-radius: 50px;
}




.elementor-774 .elementor-element.elementor-element-e967f45 .elementor-button  ,
.elementor-774 .elementor-element.elementor-element-f417b78 .elementor-button{
    font-family: "Mostra Nuova", Sans-serif;
    font-weight: 500;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #ECAB3D !important;
    font-weight: 500;
    font-family: "Mostra Nuova", Sans-serif!important;
    box-shadow: 2px 2px 0px 2px #bbdaf2;
    background-color: #0864b6 !important;
    border: 1px solid !important;
    color: white;
    border-radius: 50px;

}



.serviceVap1,.serviceVap2, .serviceVap3, .serviceVap4, .serviceVap5, .serviceVap6, .serviceVap7 ,.serviceVap8, .serviceVap9  {
    padding: 10px 19px !important;
    border-radius: 42px;
    padding: 2px 12px;
    color: white;
        font-family: "Mostra Nuova", Sans-serif!important;
    font-weight: 500;
    letter-spacing: 0px;
    font-size: 12px !important;
    line-height:35px !important ;
    line-height: 24px;
}

.serviceVap1 {background-color:#9EB8DF ;}
.serviceVap2 {background-color:#ECAB3D ;}
.serviceVap3 {background-color:#D674A5 ;}
.serviceVap4 {background-color :#3F7969;}
.serviceVap5 {background-color:#D85A36 ;}
.serviceVap6 {background-color:#ec4f9e ;}
.serviceVap7 {background-color:#dfc5ea ;} 
.serviceVap8 {background-color:#0964b3 ;}
.serviceVap9 {background-color:#c59e77 ;}/* End custom CSS */