html { 
  margin: 0px;
  padding: 0px; 
   
}
.color_template{
  color: var(--color_template) !important;
}

body { 
  color: #333; 
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  overflow-x: hidden;
  margin: 0px;
  padding: 0px; 
  width: 100%;
  height: 100%; 
  position: relative;   

}
h1{
line-height: 1em;
font-size: 18px;
/*font-weight: 300;*/
}
figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}



.popup {
  position: relative;
  background: #FFF;
  padding: 0px;
  width: auto;
  max-width: 700px;
  margin: 20px auto;
  box-sizing: border-box;
}

.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 700px;
margin: 20px auto;
box-sizing: border-box;
}

a {
  text-decoration: none;
  color: var(--color_template);
  transition: all 0.3s;
}
a:hover {
  color: #333;
}
a.active {
  /*color: #A47A32;*/
}


.flex{
position: relative;
}

.flex_order_reverse{
flex-direction: row-reverse;

}

.flex_center{
 align-items: center;
justify-content: center;
} 



.div_15{
width: 100%;
}
.div_20{
width: 100%;
}
.div_70{
width: 100%;
}

.div_25{
/*width: calc(25% - 25px);*/
width: 100%;
}
.div_33{
/*width: calc(33% - 25px);*/
width: 100%;
}

.div_40{
/*width: calc(33% - 25px);*/
width: 100%;
}
.div_50{
/*width: calc(50% - 25px);*/
width: 100%;
}
.div_60{
/*width: calc(66% - 25px);*/
width: 100%;
}

.div_66{
/*width: calc(66% - 25px);*/
width: 100%;
}
.div_75 {
/*width: calc(75% - 25px);*/
width: 100%;
}
.div_100 {
/*width: calc(75% - 25px);*/
width: 100%;
}


/*SEZIONE MENU*/

#bg_full{
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

#bg_full_logo{
position: absolute;
width: 100%;
padding: 0px 20% ;
box-sizing: border-box;
/*background-color: red;*/
top: 50%;
transform: translateY(-50%);
}
#bg_full_logo img{
width: 100%;
}
#bg_full_posate{
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);

}
#bg_full_copy{
position: absolute;
z-index: 1;
font-size: 10px;
color: #fff;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
text-align: center;
}

#bg_full_copy img{
width: 60px;
}

#bg_full_menu_lingue {
position: absolute;
top: 15px;
right: 15px;
width: 34px;
}

select#select_lingua{
width: 34px;
height: 34px;
background-color: var(--color_template);
border-radius: 50%;
line-height: 34px;
text-align: center;
font-size: 11px;
display: block;
color: #fff;
text-transform: uppercase;
font-weight: bold;
border: 0px ;
padding: 0px ;
margin: 0px;
-webkit-appearance: none;
-moz-appearance: none;

/*text-overflow: '';*/
}

@media not all and (min-resolution:.001dpcm) { @media {
select#select_lingua{ 
  text-indent: 10px;
}
}}


select#select_lingua::-ms-expand {
    display: none;
}

#bg_full_menu_lingue a{
width: 34px;
height: 34px;
background-color: var(--color_template);
border-radius: 50%;
line-height: 34px;
text-align: center;
font-size: 14px;
display: block;
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 15px;
}
#bg_full_menu_lingue a:hover{
background-color: #000;

}

#menudig_header_home{
display: inline-block;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 200px;
position: relative;
z-index: 0;
}


#menudig_menu{
padding: 20px ;
display: inline-block;
box-sizing: border-box;
width: 100%;
}
#menudig_menu a{
width: 100%;
border: 2px solid var(--color_template);
color: var(--color_template);
text-align: center;
font-size:17px;
padding: 15px ;
border-radius: 25px;
display: inline-block;
margin-bottom: 15px;
box-sizing: border-box;
font-weight: bold;
}
#menudig_menu a span{
font-size: 15px;
float: right;
}
#menudig_footer {
position: fixed;
bottom: 20px;
left: 20px;

background-color: var(--color_template);
width: calc(100% - 40px);
-webkit-box-shadow: 0px 4px 10px 0px #999;
-moz-box-shadow: 0px 4px 10px 0px #999;
-o-box-shadow: 0px 4px 10px 0px #999;
box-shadow: 0px 4px 10px 0px #999;
border-radius: 25px;
padding: 7px 20px ;
box-sizing: border-box;

display: flex;
 align-items: center;

z-index: 2;
}
#menudig_footer a{
width: 33%;
text-align: center;
position: relative;
}
#menudig_footer a:first-child{
text-align: left;
}
#menudig_footer a:last-child{
text-align: right;
}

#menudig_footer a img{
height: 30px;
}

#tot_preferiti {
position: absolute;
top: -5px;
left: calc(50% + 10px);
background-color: #333;
color: #fff;
border-radius: 50%;
display: inline-block;
font-size: 12px;
text-align: center;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
}

#menudig_header{
color: var(--color_template);
background-color: #fff;
padding-top: 35px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
-webkit-box-shadow: 0px 2px 10px 0px #B5B5B5;
-moz-box-shadow: 0px 2px 10px 0px #B5B5B5;
-o-box-shadow: 0px 2px 10px 0px #B5B5B5;
box-shadow: 0px 2px 10px 0px #B5B5B5;
font-size: 17px;
font-weight: bold;
position: relative;
}

#menudig_container{
background-color: #FBFBFB;
padding: 15px 15px 100px 15px;
box-sizing: border-box;
}

#filtri_box{
background-color: #FBFBFB;
padding: 15px 15px 30px 15px;
box-sizing: border-box;
display: none;
}



.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-piatti{
padding-bottom: 15px;
}

.swiper-piatti .swiper-slide {
  width: 65%;
}
a.item_piatto{
width: 100%;
background-color: #fff;
padding: 10px ;
font-size: 14px;
color: #333333;
font-weight: bold;
-webkit-box-shadow: 7px 7px 7px -5px #999;
-moz-box-shadow: 7px 7px 7px -5px #999;
-o-box-shadow: 7px 7px 7px -5px #999;
box-shadow: 7px 7px 7px -5px #999;
border-radius: 15px;
text-align: left;
display: inline-block;
box-sizing: border-box;
}

.item_piatto_caratteristiche{
position: absolute;
bottom: 25px;
right: 10px;
}

.item_piatto_caratteristiche img {
width: 20px;
margin-left: 3px;
}

.item_piatto_img{
width: 100%;
border-radius: 15px;
height: 140px;
object-fit: cover;
margin-bottom: 15px;
}
.item_piatto_text{
height: 40px;
color: #333;
}
.item_piatto_price{
color: var(--color_template);
}
.item_piatto_price span{
float: right;
}

a.item_menu_lista {
 display: block;
 width: 100%;
 border-bottom: 2px solid #F2F2F2 ;
 padding-bottom: 10px;
 margin-bottom: 10px;
 box-sizing: border-box;
 color: #333333;
}


.item_preferito{
margin-bottom: 15px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
border-radius: 15px;
width: 100%;
background-color: #fff;
display: inline-block;
box-sizing: border-box;
padding: 10px ;
font-size: 14px;
color: #333333;
font-weight: bold;
line-height: 1.5em;
}

.item_preferito .item_piatto_img{
height: 90px;
margin-bottom: 0px;
}
.item_preferito .item_piatto_text{
height: auto;
}
.mfp-container{
padding: 0px !important;
}
#ajax_container_piatto{
padding:15px; 
box-sizing:border-box; 
background-color:#fff;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow-x: none;
overflow-y: auto;
}
.ajax_piatto_img{
width: calc(100% + 30px);
display: block;
margin-top: -15px;
margin-left: -15px;
margin-right: -15px;
}

.mfp-close-btn-in .mfp-close{
background-color: #000;
color: #fff !important;
border-radius: 50%;
/*padding: 20px ;*/
text-align: center;
}
.mfp-close {
  width: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
  right: 7px !important;
  top: 7px !important;
  font-size: 20px !important;
}  
a.add_preferiti{
border-radius: 25px;
width: 100%;
padding: 7px ;
box-sizing: border-box;
color: #fff;
display: inline-block;
background-color: #333;
font-size: 13px;
text-align: center;
font-weight: bold;
}
a.add_preferiti.active{
background-color: var(--color_template);
}

.item_preferito a.add_preferiti{
margin: 7px 0px;
font-size: 11px;
border: 2px solid #fff ;
}
.item_preferito a.add_preferiti.active{
border: 2px solid var(--color_template);
background-color: #fff;
color: var(--color_template);
}

input[type=text].default, input[type=email].default, input[type=number].default, textarea.default, select.default{
width: 100%;
border-radius: 10px;
padding: 12px 20px ;
border: 1px solid #eee ;
background-color: #f9f9f9;
box-sizing: border-box;
margin: 5px 0px;
display: block;
}
select[name=prefisso]{
padding: 12px 10px ;
}
input[name=cellulare]::-webkit-outer-spin-button,
input[name=cellulare]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[name=cellulare] {
  -moz-appearance: textfield;
}


input[type=submit].default, a.default{
background-color: var(--color_template);
width: 100%;
-webkit-box-shadow: 0px 4px 10px 0px #999;
-moz-box-shadow: 0px 4px 10px 0px #999;
-o-box-shadow: 0px 4px 10px 0px #999;
box-shadow: 0px 4px 10px 0px #999;
color: #fff;
border: 0px ;
border-radius: 25px;
padding: 12px 20px ;
box-sizing: border-box;
display: inline-block;
text-align: center;
}

input[type=submit]:disabled.default{
background-color: #ccc;
}


.item_filtro_all, .item_filtro_car{
display: inline-flex;
width: 49%;
font-size: 12px;
align-items:center;
margin-bottom: 10px;
font-weight: bold;
vertical-align: middle;
padding: 0px 5px ;
box-sizing: border-box;
}
.item_filtro_all img, .item_filtro_car img{
 width: 24px;
 background-color: #E6EBF2;
 padding: 4px ;
 border-radius: 10px;
 display: inline-block;
 vertical-align: middle;
 margin-right: 10px;
}
.item_filtro_all.active, .item_filtro_car.active{
color: var(--color_template);
}
.item_filtro_all.active img, .item_filtro_car.active img{
background-color: var(--color_template);
}

.item_allergene{
display: inline-block;
width: 49%;
padding: 10px ;
box-sizing: border-box;
font-size: 13px;
font-weight: bold;
}

.item_allergene img{
 width: 28px;
 background-color: #E6EBF2;
 padding: 4px ;
 border-radius: 10px;
 display: inline-block;
 vertical-align: middle;
 margin-right: 10px;
}

/* PRENOTAZIONI */
#prenotazioni_powered{
display: none;
}

#prenotazioni_header{
color: var(--color_template);
background-color: #fff;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
-webkit-box-shadow: 0px 2px 10px 0px #B5B5B5;
-moz-box-shadow: 0px 2px 10px 0px #B5B5B5;
-o-box-shadow: 0px 2px 10px 0px #B5B5B5;
box-shadow: 0px 2px 10px 0px #B5B5B5;
font-size: 17px;
font-weight: bold;
position: relative;
}
#prenotazioni_header span{
color: #333;
font-size: 14px;
font-weight: normal;
}

#accordion_prenota{
background-color: #fff;
display: inline-block;
width: 100%;
}

#accordion_prenota_sx{
display: none;
}


#accordion_prenota .accordion-toggle {
cursor: pointer;
font-size: 16px;
color: var(--color_template);
font-weight: bold;
border-bottom: 1px solid #EBEBEB ;
padding-top: 20px; 
padding-bottom: 19px; 
background-image: url(../img/icon_close.png);
background-repeat: no-repeat;
background-position: right 15px center;
background-color: #FAFAFA;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 15px;
box-sizing: border-box;
}
#accordion_prenota .accordion-toggle span{
background-repeat: no-repeat;
background-position: left center;
padding-left: 35px;
padding-top: 5px;
padding-bottom: 5px;
}

#accordion_prenota .accordion-toggle.attivo{
color: #333;

}

#promo_text{
border: 1px solid green ;
border-radius: 8px;
padding: 10px ;
box-sizing: border-box;
display: none;
width: 100%;
font-size: 13px;

margin-bottom: 15px;
color: #333;
background-image: url(../img/icon_promo_prenotazione.svg);
background-repeat: no-repeat;
background-position: right 10px top 7px;
background-size: 22px 22px;
}
#promo_text span{
background-color: #333;
color: #fff;
padding: 3px 6px;
display: inline-block;
border-radius: 5px;
font-size: 12px;
font-weight: bold;
}


span.people{
background-image: url(../img/icon_people.png);
}
span.calendar{
background-image: url(../img/icon_calendar.png);
}
span.hour{
background-image: url(../img/icon_hour.png);
}
span.intolleranze{
background-image: url(../img/icon_intolleranze.png);
}
span.contatti{
background-image: url(../img/icon_contatti.png);
}
span.opzioni{
background-image: url(../img/icon_opzioni.png);
}



#accordion_prenota .accordion-toggle.active{
background-image: url(../img/icon_open.png);
}
/*#accordion_prenota .accordion-content {display: none;}*/
#accordion_prenota .accordion-content {
  display: none;
  color: #333;
  box-sizing: border-box;
  padding: 15px ;
  width: 100%;


}
#accordion_prenota .accordion-content.active {
  display:inline-block;
}


#accordion_prenota .accordion-content:not(#data_prenotazione) a:hover, #accordion_prenota .accordion-content:not(#data_prenotazione) a.active, 
#accordion_prenota .accordion-content:not(#data_prenotazione) a:hover strong, #accordion_prenota .accordion-content:not(#data_prenotazione) a.active strong{
background-color: var(--color_template);
color: #fff;
}

.accordion-content .item_menu_lista:last-child{
border-bottom: 0px ;
}

.datepicker-inline {
    width: 100% !important;
}
.datepicker table {
    width: 100% !important;
}

.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover{
background-color: var(--color_template) !important;
color: #333 !important;
}
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active{
background-color: var(--color_template) !important;
color: #333 !important;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
opacity: 0.2;
}

.accordion-content h3{
color: var(--color_template);
font-size: 16px;
text-transform: uppercase;
margin-bottom: 15px;
}

.div_item_orario{
  box-sizing: border-box;
  display: inline-block;
  width: calc(25% - 4px);
  position: relative;
  padding: 5px ;
    
}

a.item_orario {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 10px;
  box-sizing: border-box;
  display: block;
  margin: 5px;
  color: #333;
  font-size: 14px;
  text-align: center;
  width: 100%;
}


.item_sconto{
background-color: red;
font-weight: bold;
position: absolute;
top: 0px;
font-size: 14px;
text-align: center;
color: #fff;
right: 0px;
font-size: 11px;
padding: 5px;
box-sizing: border-box;
border-radius: 25px;
}

a.item_persone {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 10px;
  box-sizing: border-box;
  display: inline-block;
  margin: 5px;
  color: #333;
  font-size: 14px;
  text-align: center;
  width: 100%;
}

.avanti{
border: 1px solid  var(--color_template);
border-radius: 25px;
color: #333;
padding: 10px 50px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
}

#logo_circle{
width: 150px;
height: 150px;
border-radius: 50%;
box-sizing: border-box;
border: 10px solid #fff ;
display: inline-block;
background-color: #fff;
background-position: center center;
background-size: 100%;
background-repeat: no-repeat;
}


.menudig_logo_circle{
width: 100%;
text-align: center;
margin-top: -60px;
z-index: 1;
position: relative;
}




a.button_bio_link{
background-color: var(--color_template);
width: 100%;
/*-webkit-box-shadow: 0px 4px 10px 0px #999;
-moz-box-shadow: 0px 4px 10px 0px #999;
-o-box-shadow: 0px 4px 10px 0px #999;
box-shadow: 0px 4px 10px 0px #999;*/
color: #fff;
border: 0px ;
border-radius: 25px;
padding: 12px 20px ;
box-sizing: border-box;
display: inline-block;
text-align: center;
margin-bottom: 15px;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}