/* ----------------  Custom CODE CSS Vapiano ----------------------  */

/* --------

		0- CUSTOM Mineur
		1- CUSTOM gravity Forms
		2- CUSTOM WPM
		3- CUSTOM à l'oeil
		4- CUSTOM Code Flèche 
		5- CUSTOM du header 
  	6- CUSTOM responsive 
		7- CUSTOM des Boutons sur HP + Titre
		8- CUSTOM Menu Reservation 
 		9- AJOUTS Font Ajout + Taille 
	 10- CUSTOM Du menu Mobile
	 11- CUSTOM du menu Flag WPM
	 12- Désactivation du btn "more reviews" du BAO

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

/*---------------------------------------------------------
----------------------------------------------------------
		-----------  -1  CUSTOM Tablette / phone  ---------------------
------------------------------------------------------------
----------------------------------------------------------*/

/*** Changement taille texte sur desktop  ***/

@media (min-width: 999px)and (max-width: 1500px){ 
  .photo-plat .elementor-image-box-description span {
      font-size: 1.3rem;
      padding: 15px;
  }
}


/*** Changement d'image en mobile  ***/

@media (min-width: 0px)and (max-width: 769px){ 
#changecontrolmobile {
	background-image: url(https://www.vapiano.lu/wp-content/uploads/2018/09/Vapiano-Restaurant-Italien-1.png);
}
  
  .elementor-22842 .elementor-element.elementor-element-22842 a.elementor-button {
    font-size: 21px !important;
}
}

/*** Fin changement image ***/

.sita {font-size:12px !important;font-style:italic !important;}


.ssf_image_setting {
  width:100% !important;
}

.elementor-nav-menu--main {
    font-family: "DinRegular", Sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}


@media all and (min-width: 550px) and (max-width: 1040px) {
  #myidcol2 ,#myidcol1 , .col1 {
  	display:none;
  }
}

@media (min-width: 768px)and (max-width: 769px){ 
.elementor-25018 .elementor-element.elementor-element-3fbca49b, .elementor-element-630cf9c2, .elementor-22947 .elementor-element.elementor-element-630cf9c2 , 
  .elementor-23881 .elementor-element.elementor-element-3a3262b0 {
    display: none !important;
  }}
@media (min-width: 769px)and (max-width: 9999px){

.mycontainerflex {
    margin-top: 4px !important;
}
  
  
#noshowdesktop {
  display:none !important;
  }



}
@media (min-width: 0px)and (max-width: 768px){
  
  #myidcol1 , #myidcol2 {
  display:none !important;
  }
  
  .cookie-bar-bar .ctcc-inner {
    flex-direction: column;
}
  
  .ctcc-left-side {
	font-size: 14px;
	letter-spacing: 1.6px;
  margin-right: 0px;
  text-align: justify;
  padding-bottom: 5px;
}

  
  .elementor-element-fad15ac {
   background: transparent !important;
  }
.noshowmobile, .elementor-element elementor-element-b87bfd7 , .elementor-element .elementor-element-133dc616 , .elementor-element .elementor-element-630cf9c2 {
  display:none !important;
}
.elementor-22947 .elementor-element.elementor-element-24588c02, .elementor-23881 .elementor-element.elementor-element-103d0c64 {
    margin: 0px !important;
}

}

/*---------------------------------------------------------
----------------------------------------------------------
		-----------0- CUSTOM store Locator  ---------------------
------------------------------------------------------------
---------------------------------------------------------- */

.ssf-panel::before {
  	display:none !important;
}

.infobox__row.store-address{
		font-family:"DINAlternateMedium";
}

.ssf-main-content {
    z-index: 1 !important;
}

.store-email ,  .store-fax , .store-description , .store-products-services {display:none !important;}

.infobox__title{
	padding-top:30px!important;
}
  
.infobox__row + .infobox__row {
    padding-top: 20px !important;
}

.infobox__row   #store-exturl

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

#dirbutton , .store-tel, #info-tel{
  	display:none!important;
}

.infobox__row .infobox__title   .store-location {
	padding-top:20px !important;
}

.infobox__body > .infobox__row:first-child, .infobox__row--marker {
    padding-top: 25px !important;
    padding-bottom: 10px;
}

.infobox__row .store-address {
	padding-top: 15px;
}

.field-holder__icon ~ .ssf-field {
    padding-right: 40px;
    border-radius: 0px !important;
}

.filter__items-counter {
    letter-spacing: 0.2rem;
    font-family: "DIN Alternate Bold";
    font-size: 0;
    color: white;
}

 .sprite-icons-2x.icon--search.icon--dark {
    background-position: left -50px;
    margin-top: -10px !important;
    margin-right: -10px !important;
    color: black !important;
}

.infobox__inner .infobox__body .infobox__row 
.store-exturl .btn-super-info{
 	background-color: #d40028;
}

.store-exturl .btn-super-info {
  letter-spacing: 0px;
}
  
@media (min-width: 1050px)and (max-width: 9999px){
  
#storeLocator__storeListRow {
    padding-top: 50px!important;
    margin-top: 100px;
}
  .store-locator__actions-bar {
    padding: 0px;
    position: relative;
}
}

.store-locator__infobox {
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2) !important;
}

.infobox__body > .infobox__row:first-child, .infobox__row--marker {
    padding-top: 25px !important;
}
  
.store-locator-map .store-locator__infobox {
    width: 380px;
    margin-bottom: 0px;
    padding-bottom: 0px !important;
}

@media all and (min-width: 0px) and (max-width: 779px){
.store-exturl a .btn-super-info{
    display:block !important;
}
  
  .col1 {
    display:none !important;
}

.hide-for-small-down, .show-for-medium-up, .show-for-medium-only {
    display:block !important;
}


#storeLocator__storeListRow {
	  padding-top: 0px!important;
}
  
#storeLocator__storeListRow .title {
    font-size: 2.8rem;
    margin-bottom: 0px!important;
	} 
}

.infobox__title {
  color:#212121 !important;
}

.searchbar_td {
	padding:0px !important;
}


.store-locator__infobox{
	padding: 0 0 40px 0!important;
	text-align:center;
	box-shadow:0 0 27px rgba(0,0,0,0.1);
}

#info-img {
	background-position:center;
}


/*---------------------------------------------------------
----------------------------------------------------------
		-----------0- CUSTOM Mineur  ---------------------
------------------------------------------------------------
----------------------------------------------------------*/
.pum-theme-default-theme {
    background-color: rgba( 255, 255, 255, 0.3 );
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
     padding-right: 0px !important; 
}

#field_9_13 {
	display:none !important;
}

.mypopupstyle {
    color: #212121;
    font-family: "DinRegular", Sans-serif;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1.6px;
  line-height: 1.8;
  text-align:center;
}
.ctcc-left-side, .ctcc-right-side {
  font-family: "DinProNormal", Sans-serif; 
	font-size: 15px;
	letter-spacing: 1.6px;
}


button#catapultCookie {
    padding: 6px 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "DINAlternateMedium";
    border-radius: 0px;
}

.cookie-bar-bar button#catapultCookie {
    margin: 0 auto;
}

.elementor-nav-menu--main .elementor-item {
    color: #000000 !important;
}

.pum-theme-27174 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
    background-color: #d40028 !important;
}

.titlevap {
	font-size:12px !important;
  margin:0px !important;
}


.rofirder {
word-spacing: 10px;
}

@media (max-width: 767px) and (min-width: 0px){
#whiteheader {
    position: fixed;
    top: 0;
    max-width: 100%;
    min-width: 100%;
  }}
.elementor-22947 .elementor-element.elementor-element-eb6c201 .elementor-nav-menu--main .elementor-item {
    color: #000000 !important;
}

.elementor-23881 .elementor-element.elementor-element-53ea4d20 .elementor-nav-menu--main .elementor-item:hover, .elementor-23881 .elementor-element.elementor-element-53ea4d20 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-23881 .elementor-element.elementor-element-53ea4d20 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-23881 .elementor-element.elementor-element-53ea4d20 .elementor-nav-menu--main .elementor-item:focus {
    color: #d40028 !important;
}

.elementor-23881 .elementor-element.elementor-element-53ea4d20 .elementor-nav-menu--main .elementor-item {
    color: #000000 !important;
}

.elementor-column {
min-height: 0px !important;
}

.store-locator__map-pin {
    display: none !important;
}

.elementor-post__text {
	padding: 0px 25px ;
}
.elementor-share-btn_twitter , .elementor-share-btn_facebook{
    background-color:transparent !important;
}
.elementor-23647 .elementor-element.elementor-element-924176a .elementor-share-btn {
    margin-bottom: 0px;
}

#menu-1-53ea4d20 {font-family:  "DINAlternateMedium" !important;}

.elementor-nav-menu--main .elementor-item {
    margin: 0 7px !important;
    PADDING: 4PX !important;
}

 .elementor-element.elementor-element-eb6c201 .elementor-nav-menu--main{font-family:  "DINAlternateMedium" !important;}




/*--------------------------------------------------------
----------------------------------------------------------
		----------- 3- CUSTOM Invisio   -----------
------------------------------------------------------------
----------------------------------------------------------*/

@media (max-width: 9920px) and (min-width: 1500px) {
  
  .wordsp {word-spacing: -12px;}
  
  .elementor-nav-menu--main {font-size:15px !important;
  }
  
  #logo1500 {display:none !important;}
  
  #whiteheader {
    min-height:70px;
	}
}
@media (max-width: 1499px) and (min-width: 769px) {
  
  .wordsp {word-spacing: -12px;}
  
  		#triangle {
    border-width: 0 42px 43px 42px !important;
    padding-top:24px;
	}
  
  .fa-angle-up {
    margin-left: -7px !important;
    font-size: 1.5em !important;
    padding-top: 10px !important;
	}
  
  .mid {
  	font-size:14px !important;
  }
  
  .elementor-23911 .elementor-element.elementor-element-6e073b3e > .elementor-container, .elementor-23043 .elementor-element.elementor-element-8b33d36 > .elementor-container {
    min-height: 80px !important;
}
  
  #custom1500 { 
    margin-top: -19px;
  }
  
  #custommap1500 {
  margin-top: -6px;
  }
  
  .sticky-element-placeholder .sticky-element-active {
	height: 100px !important;  
	}
  
   
  #logo1920 {display:none !important;}
  
  a .emporter {
    margin:1px 0px !important;
  }
  
  #whiteheader {
    min-height:54px;
	}
  
   .inside img {
  	height: 100% !important;
  }

  .wpml-ls-legacy-list-horizontal>ul {
    padding-bottom: 19px !important
}
  
  .emporter {
    margin:1px 0px !important;
  }
  
.surplace, .emporter, .livraison {
    height: 37px !important;
    align-self: center;
    cursor: pointer;
    display: flex;
    letter-spacing: 1px;
    color: white;
    padding: 8px !important;
    margin: 3px!important;
    justify-content: space-around!important;
    background-color: black!important;
    white-space: normal!important;
    border: none!important;
    text-transform: uppercase!important;
    letter-spacing: 0.2rem!important;
  	line-height: 2.2rem !important;
    font-size: 1.2rem !important;
    color: #fff!important;
    border-radius: 0!important;
    font-family: "DINAlternateMedium";
}
  
  .livraison img, .surplace img, .emporter img {
  height:100%;
  }
  
    #blackheader {
    min-height:45px !important;
    height: 45px;
	}
  
  .emporter, .livraison {
    width: 168px !important;
	}
  .mycontainerflex {
    margin-top: 1px !important;
	}
  .surplace {
    width: 149px !important;
	}
  .emporter {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  
}

/*--------------------------------------------------------
----------------------------------------------------------
		----------- 1- CUSTOM gravity Forms  -----------
------------------------------------------------------------
----------------------------------------------------------*/


@media all and (min-width: 0px) and (max-width: 768px){
  
 
     
  .elementor-23911 .elementor-element.elementor-element-6e073b3e > .elementor-container, .elementor-23043 .elementor-element.elementor-element-8b33d36 > .elementor-container {
    min-height: 70px !important;
}
  .elementor-element-f82a7ae, .elementor-element-13474a0 {
  	display:none !important;
  }
  
  #custommap1500{
  display:none !important ;
  }
  
#gform_fields_7, #gform_fields_8, #gform_fields_9 {
    padding: 0 30px;}
form input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea {
    min-height: 45px;
}
  #input_8_8,  #input_9_8 {
    DISPLAY: block !important;

}
  #input_8_5:first-child ,  #input_9_5:first-child {
  margin: 0 auto !important;
  display: block !important;
  }
  #gform_submit_button_4, #gform_submit_button_6 , #gform_submit_button_9{
    margin-top: 40px !important;
    display:block !important;
}

}

@media only screen and (min-width: 741px) {
.gform_wrapper ul.gform_fields li.gfield {
    width: 49%;
    display: inline-block;
    padding-right: 0px;
    margin-right: 0;
    margin-left:  1% !important;
}
  #gform_submit_button_7, #gform_submit_button_8, #gform_submit_button_9{
   margin-top: 70px !important;
}
  
    #input_8_5, #input_9_5 {
    margin-top: 40px;
    padding-left: 73px;
}
.gform_footer .top_label {
  width: 50% !important;
  margin-left: 20% !important;
}


}
  

#gform_submit_button_7, #gform_submit_button_8, #gform_submit_button_9 {
  background-color:#212121;
}

.gform_wrapper ul.gform_fields {
    margin: 0!important;
    list-style-type: none;
    display: block;
}

#input_8_5 , #input_9_5 {
	 margin-top:40px;
}

#field_8_8 , #field_8_3 , #field_7_8 , #field_7_3, #field_9_8 , #field_9_3 {
		WIDTH: 100%;
}

form input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea {
    min-height: 33px;
}

.gchoice_9_11_0 , .gchoice_8_8_0 , .gchoice_8_8_1 , .gchoice_8_8_2 , .gchoice_9_8_0 , .gchoice_9_8_1 , .gchoice_9_8_2, .gchoice_8_11_0, .gchoice_9_11_1 , .gchoice_8_10_0, .gchoice_8_10_1  , .gchoice_8_10_11 , .gchoice_8_11_1 {
  	display: flex;
  	margin-right:15px;
  	margin-left:3px;
}

#input_7_8 , #input_8_8, #input_9_8 {
   DISPLAY: flex;
  margin:0px;
}

.gfield {
		padding-top:16px;
}


#choice_8_8_2 , #choice_8_8_1 , #choice_4_8_0 ,#choice_6_8_2 , #choice_6_8_1 , #choice_6_8_0 , #choice_4_11_0, #choice_4_11_1 , #choice_6_10_0,  #choice_6_10_1 {
		 margin-right:5px;
}

.space1 {
		letter-spacing:1px;
}

#input_8_3 , #input_6_3 , #input_9_3 {
	height:120px;
}

.gform_footer .top_label {
    margin-top: -66px;
}

#field_8_12 , #field_6_11 , #field_9_12{
	width:100%;
}

input[type="button"], input[type="reset"], input[type="submit"], button[type="submit"], .button {
    width: 138px;
    height: 45px;
}

/*--------------------------------------------------------
----------------------------------------------------------
		----------- 2- CUSTOM WPML  -----------
------------------------------------------------------------
----------------------------------------------------------*/

.controlflag {
    text-align: right;
}
.wpml-ls-display {
		color:grey;
}

.wpml-ls-first-item {
	border-right:2px solid white;
}
.wpml-ls-legacy-list-horizontal a {
		text-transform:uppercase;
    padding: 0px 10px;
  	font-weight:800;
  	font-size:12px;
    letter-spacing:1px;
}
.wpml-ls-legacy-list-horizontal>ul {
    padding-bottom: 4px;
}




/*--------------------------------------------------------
----------------------------------------------------------
		----------- 4- CUSTOM Code Flèche   -----------
------------------------------------------------------------
----------------------------------------------------------*/

@media all and (min-width: 0px) and (max-width: 768px){
  
  .elementor-element elementor-element-bc56dcf .elementor-widget elementor-widget-shortcode {
  	display:none;
  }
  
a.surplace.active, a.emporter.active, a.livraison.active {
  background-color:#d40028;
}

.elementor-23322 .elementor-element.elementor-element-55a051ba .elementor-heading-title, .elementor-23597 .elementor-element.elementor-element-55a051ba .elementor-heading-title {
    font-size: 44px;
    word-spacing: -9px;
}

.elementor-element-b8059da {
	width:100%; 
}
a.surplace.active:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 10px dashed #d40028;
    left: 10.5%;
    top: 99%;
    border-bottom-style: none;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
  	z-index:9999;
}


a.emporter.active:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 10px dashed #d40028;
    left: 35.5%;
    top: 99%;
    border-bottom-style: none;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
  	z-index:9999;
}

a.livraison.active:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 10px dashed #d40028;
    left: 60%;
    top: 99%;
    border-bottom-style: none;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
  	z-index:9999;
	}
}


/*--------------------------------------------------------
----------------------------------------------------------
----------- 5-  Custom Du Footer (triangle)   -----------
------------------------------------------------------------
----------------------------------------------------------*/



#mytrianglebt {
	margin-top:-67px !important;
   background-color: rgba(255,255,255,0);
    margin-top: 0px;
    margin-bottom: 0px;
    -moz-box-shadow: inset 0 -10px 10px -10px grey;
    -webkit-box-shadow: inset 0 -10px 10px -10px grey;
    box-shadow: inset 0 -10px 10px -10px grey;
    -moz-box-shadow: inset 0 0 10px #000000;
    filter: drop-shadow(0 0 4px rgba(0,0,0,0.2));
}
@media all and (min-width: 0px) and (max-width: 768px){
  
		#triangle {
    border-width: 0 32px 33px 32px !important;
	}

  
#mytrianglebt {
	margin-top:-33px !important;
  }
  
  .fa-angle-up {
    margin-left: -8px !important;
    font-size: 1.5em !important;
    padding-top: 7px !important;
	}
  

}
   .fa-angle-up  {
    color:#e10020;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-left: -15px;
    padding-top: 13px;

}


.elementor-23480 .elementor-element.elementor-element-73e118f > .elementor-widget-container {
    margin: -59px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#triangle 
{ width: 0;
	height: 0px;
	border-style: solid;
	border-width: 0 67px 68px 67px;
	border-color: transparent transparent #ffffff transparent;
  display:block;
  margin:0 auto;
  filter: drop-shadow(0 0 4px rgba(0,0,0,0.2));
}


/*--------------------------------------------------------
----------------------------------------------------------
----------- 5-  Custom De la Section Header   -----------
------------------------------------------------------------
----------------------------------------------------------*/


#whiteheader {
     box-shadow: 0 7px 7px -5px rgba(115,115,115,0.25);
  		
}

.elementor-element-7bcd5ec0{
	display:none;
}

@media all and (min-width: 0px) and (max-width: 768px){
  
  .mycontainerflex {
    width:100%;
}
  
  
#blackheader {
  	margin-top:62px;
  }

#menu-menu-principale li a:hover {
  font-weight:800;
  color:#d40028;
	}
#whiteheader {
  	position:fixed;
    top:0;
  }
  
#menu-menu-principale{
	margin:0px;
  padding:0px;
}

  
.elementor-element-7f250a2 {
  	background-color:white !important;
}

 #controlmenu a {
    width: 80px !IMPORTANT;
    min-width: 160px !IMPORTANT;
}

.elementor-element .elementor-element-404088e, .elementor-element-2902c1b1 {
  	background-color:white !important;
  }
  
.elementor-22842 .elementor-element.elementor-element-22842 a.elementor-button {
    font-size: 19px;
    background-color: transparent !important;
}
  
  
 /*--------------------------------------------------------
----------------------------------------------------------
----------- 6- CUSTOM responsive  -----------
------------------------------------------------------------
----------------------------------------------------------*/

  
  
/* -----------En mobile le 1er slide de la HP change -------------*/
  
.elementor-22365 .elementor-element.elementor-element-0963c32 {
	 background-image: url("https://vapiano.fr/wp-content/uploads/2018/02/home_header_resp.png") !important;
		background-position: center bottom;
		background-size: cover;
		transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow
 }
  
/* -----------En mobile le 3eme slide de la HP change -------------*/
  
.elementor-22365 .elementor-element.elementor-element-5df380e {
 	 background-image: url("https://vapiano.fr/wp-content/uploads/2018/02/vapiano-responsive_39.jpg") !important;
}
  
/* ----------------   Custom Des Boutons en responsives  ----------------------  */

.mycontainerflex {
  	display:flex;
    background-color: white;
	}

  
.sticky-element-placeholder .sticky-element-active {
	height: 129px !important;  
	}
.surplace, .emporter , .livraison,.menumobile {
  	justify-content:center;
  	display:flex;
  	flex-direction: column;
  	width: 25%;
  	background-color:#212121;
  	padding:8px 5px 4px 5px !important;
  	cursor:pointer;
  	margin:0px 1px 0px 1px;
  }

.surplace {
		margin-left:0px;  
 }
  
  
  .menumobile {
    margin-right:0px;
}

  
.inside {
  	max-width: fit-content;
  	margin: 0 auto;
  }
  
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
    margin-left: 10px;
	}
  
  
.surplace img {height: 24px;width: 18px;} .emporter img {height: 25px;width: 20px;}    .livraison img {height: 29px;width: 39px;margin-top:-4px;} 
  
  
.insidetext {
  	font-family:"DINAlternateMedium";
    font-size:15px;
    color:white;
  	margin: 0px !important;
    padding-top:5px;
    text-align:center;
    letter-spacing: 1px;
  }
}


@media all and (min-width: 0px) and (max-width: 430px){
  .insidetext {font-size:10px;}
}

 /*--------------------------------------------------------
----------------------------------------------------------
----------- 7- CUSTOM des Boutons sur HP + Titre  -----------
------------------------------------------------------------
----------------------------------------------------------*/



 .elementor-widget-container .elementor-button-wrapper a{
  	background-color:#000000;
  	cursor:pointer;
  	letter-spacing:2px;
  	font-size:14px;
   	font-family:"DINAlternateMedium";
}


.btncenter .elementor-widget-container .elementor-button-wrapper a{
  	background-color:#000000;
  	cursor:pointer;
  	font-size:14px;
  	font-family:"DINAlternateMedium";
  	letter-spacing:1px;
	}


#mybox02  .elementor-widget-container .elementor-button-wrapper a {
 		width:293px !important;
	}


.btncenter:hover  , .surplace:hover , .emporter:hover  , .livraison:hover {
		background-color:  #d40028 !important;
  	color:white;
	}


.redtitle {
		word-spacing: -30px;
	}


.redorder {
		color:#e2012d;
	}


#blacksection {
    height:60px;
  	padding-top: 3px;
	}


#whitesection {
    height:74px;
	}


#final-section {
		height:34px;
	}


 /*--------------------------------------------------------
----------------------------------------------------------
----------- 8- CUSTOM Menu Reservation  -----------
------------------------------------------------------------
----------------------------------------------------------*/


@media all and (min-width: 769px) and (max-width: 999999px) {
.mycontainerflex {
  	display:flex;
  	justify-content: center;
  	align-self:center;
  	margin-top: 1px;
	}
  
.menumobile {
		display:none;  
 }
  
.surplace, .emporter , .livraison {
    height:47px;
    align-self:center;
    cursor:pointer;
    display:flex;
    letter-spacing:1px;
    color:white;
    padding:10px;
    margin:3px;
    justify-content: space-around;
    background-color:black;
    font-family: "DINAlternateMedium";
	}

  
.surplace {
	  width:164px;
	}

  
.emporter , .livraison {
	  width:187px;
	}

  
.elementor-22365 .elementor-element.elementor-element-74f8a5ff > .elementor-container {
    height: 60px;
	}

}


 /*--------------------------------------------------------
----------------------------------------------------------
----------- 9- AJOUTS  Font Ajout + Taille   -----------
------------------------------------------------------------
----------------------------------------------------------*/


@font-face {
    font-family: "DIN Alternate Bold";
    src: url("/wp-includes/fonts/DINAlternateBold.otf");
	}

.fontdab {
		font-family: "DIN Alternate Bold";
	}

@font-face {
    font-family: "DIN Black Regular";
    src: url("/wp-includes/fonts/DINBlackRegular.otf");
	}	

.fontdbr {
    font-family: "DIN Black Regular";
	}


@font-face {
    font-family: "DIN BoldAlternate";
    src: url("/wp-includes/fonts/DINBoldAlternate.ttf");
	}


.fontdam {
    font-family: "DINAlternateMedium";
	}

@font-face {
    font-family: "DINAlternateMedium";
    src: url("/wp-includes/fonts/DINAlternateMedium.otf");
	}



.fontrft {
		font-family: "RofiTaste";
	}

@font-face {
    font-family: "RofiTaste";
    src: url("/wp-includes/fonts/RofiTaste.otf");
	}


.fontdar {
		font-family: "DINAlternateRegular";
	}

@font-face {
    font-family: "DINAlternateRegular";
    src: url("/wp-includes/fonts/DINAlternateRegular.otf");
	}



/* --------------  Fin des Fonts --------------  */




/* -------------- 7/ Mise à zeo des colonnes --------------  */

.elementor-editor-active .elementor-column-wrap.elementor-element-empty .elementor-widget-wrap {
    margin: 0px;
	}



 /*--------------------------------------------------------
----------------------------------------------------------
----------- 10- Custom Du menu Mobile   -----------
------------------------------------------------------------
----------------------------------------------------------*/


#Mymobilemenu a , #menu-menu-principale-en {
    text-transform: uppercase;
    color:black;
    margin: 0 auto;
    display: block;
    text-align: center;
		line-height: 200%;
    font-size: 150%;
    letter-spacing: 1.5px;
	}


.menu-menu-principale-container {
		line-height: 41px !important ;
    font-size: 19px !important;
}

#Mymobilemenu a:hover {
    color:#d40028;
    font-weight:800;
	}

.elementor-element-8e5019e a.elementor-button {
    
    width: 100% ;
    height:100%;
}
.elementor-button .elementor-align-icon-right {
    float: none;
    margin-left: 0px;
}

 .fa-close:before {
     display:none;
 }
 
 @media screen and (max-width: 767px){
.modal {
    padding-top: 0px;
    height: 100%;
}}
.elementor-22807 .elementor-element.elementor-element-dcd0cc7 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    HEIGHT: 99.5VH;
}
.elementor-22842 .elementor-element.elementor-element-22842 button.close i {
    display:none;
}

#menu-menu-principale, #menu-menu-principale-en {list-style: none !important;}

#controlmenu a {
    min-width:142px;
}



 /*--------------------------------------------------------
----------------------------------------------------------
----------- 11- Custom du menu Flag WPML    -----------
------------------------------------------------------------
----------------------------------------------------------*/


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

.controlflag {
    text-align: center;
}

.wpml-ls-display {
    color:#e2012d !important;
}

.wpml-ls-legacy-list-horizontal a {
    text-transform: uppercase;
    padding: 0px 10px;
    font-weight: 800;
    font-size: 21px;
    letter-spacing: 1px;
}

.wpml-ls-native:hover , .wpml-ls-display:hover {
    color:#e2012d !important;
}

.wpml-ls-first-item {
    border-right: 2px solid  #e2012d !important;
}

}
/* ----------------  10/ 	Désactivation du btn "more reviews" du BAO   ----------------------  */

.moreReview {
		display:none !important;
}


/* ---------------------
header de site, caché par le LMKT si on ne le pousse pas
déjà sticky, pas besoin de prendre un plug-in 
--------------------- */

#site-header{
    position:fixed;
    top:35px;
}


@media screen and (max-width: 959px) {
  #site-header{
    position:fixed;
    top:52px;
  }
  
	#main {
    position: relative;
    margin-top: 108px !important;
	}
}

#main {
    position: relative;
    margin-top: 70px;
}

#site-header.vertical-header .custom-header-nav #site-navigation-wrap #site-navigation .dropdown-menu>li>a
.moreReview {
		display:none;
}



/* --------------------- Mise au Max Du Max-Width du conteneur du site  ----------------- */

#main .container {
    max-width: 100%;
}

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

effet de défilement sur la droite, changer la couleur de la box shadow des liens

								---------------

changer la couleur des textes si besoin.

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

.notice_item a{
	box-shadow: 0 0 #ff0000 inset;
	color:#000;
}

.notice_item a:hover, .notice_item a:active {
	box-shadow: 13rem 0 #ff0000 inset;
  color: #fff;
}

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

boutons de call to action : -- #tel_zone a -- /// -- #mail_zone a --

								---------------

changer la couleur des textes si besoin.

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

#tel_zone a{
  box-shadow: 0 0 #ffffff inset;
  color: #fff;
}
#tel_zone a:hover, #tel_zone a:active{
  box-shadow: 13rem 0 #ffffff inset;
  color: #000;
}


/* --------------------- Mise à Zéro Gravity  --------------------- */

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px;
}

input[type=submit] {
    margin: 0px !important;
}

.gfield_required {
		display:none !important;
}

input[type=submit] {
		white-space:normal;
    margin : 0 auto !important;
  	display:block !important;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    background-color: white;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px;
}