@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&display=swap");
html {
  scroll-padding-top: 4.5rem;
  overflow-y: scroll;
}

body {
  font-family: "Open Sans", sans-serif;
  color: black;
  background-color: #ffffff;
  overflow-x: hidden;
}
body label.form-label {
  text-align: left;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Open Sans", sans-serif;
}
body a {
  text-decoration: none;
}
body p {
  margin: 0px;
  padding: 0px;
  text-align: left;
}

#check-container {
  font-size: 1.4rem;
  font-weight: bold;
}

div.menu-label {
  margin-left: 50px;
}

#formIdentificazione p {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  font-style: normal;
  font-size: 1.8rem;
}
#formIdentificazione p.titolo {
  margin-top: 15px;
  text-align: center;
  font-size: 2.6rem;
  font-style: italic;
}
#formIdentificazione p.nota-bene-label {
  font-size: 2rem;
  font-style: italic;
}
#formIdentificazione p.nota-bene-testo {
  font-style: italic;
  font-weight: bold;
}

#input-label {
  margin-top: 20px;
  font-style: italic;
  font-weight: bold;
  font-size: 1.8rem;
}

#input-codice {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 2.6rem;
  font-weight: bold;
}

#conferma-codice {
  font-size: 2rem;
  padding: 5px;
}

.input-note {
  font-size: 1.6rem;
}

.textarea-note {
  font-size: 1.6rem;
}

div.modalita-scelta {
  font-weight: bold;
  border: 1px solid rgb(201, 178, 178);
  border-radius: 15px;
}

div.modalita-scelta p {
  text-align: center;
  margin-bottom: 5px;
  font-size: 2.5rem;
}

div p.descrizione-modalita-scelta {
  font-size: 2rem;
}

div.input-modalita-scelta {
  font-size: 2rem;
}

p.intesta-label1,
p.intesta-label {
  font-size: 1.3rem;
  font-style: italic;
}

p.intesta-label1 {
  font-weight: bold;
}

span.intesta-testo {
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 10px;
}

span.label-sedia,
p.label-tavolo {
  font-size: 2rem;
  margin-top: 10px;
  text-align: center;
}

span.label-sedia {
  margin-left: 30px;
}

.box {
  margin-top: 5px;
  color: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  padding: 2px;
}
.box .options {
  margin-bottom: 5px;
}
.box .detail-box {
  padding: 25px;
  padding-bottom: 0px;
}
.box .detail-box p {
  text-align: left;
  font-style: italic;
}
.box .detail-box p.titolo-voce {
  font-weight: bold;
  font-size: 1.4rem;
  color: white;
  font-style: italic;
  margin-bottom: 2px;
}
.box .detail-box #quantita-piatto-label {
  font-size: 1.4rem;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.box .detail-box .quantita-piatto {
  font-size: calc(0.9rem + 0.8vw);
  font-weight: bold;
}

.button-shape-titolo,
.button-shape {
  width: 100%;
  height: auto;
  margin: 3px;
  float: left;
  padding: 10px;
  border: none;
  border-radius: 10px;
  color: white;
}

.button-shape-titolo {
  color: black;
}

.consegna {
  text-align: center;
  font-size: 2rem;
}

.label-consegna {
  font-size: 1.8rem;
}

.input-consegna {
  font-size: 1.6rem;
  margin-right: 5px;
}

#genera-ordine-giorno {
  width: 100%;
  padding: 10px 0px;
  font-size: calc(0.8rem + 0.8vw);
  font-weight: bold;
}

#ordine-testo p.header-label {
  text-align: left;
  font-style: italic;
  font-weight: normal;
  font-size: 1.3rem;
}
#ordine-testo span.header-testo,
#ordine-testo p.header-testo {
  text-align: left;
  font-weight: bold;
  font-size: 1.4rem;
}
#ordine-testo p.linea-tratteggiata {
  overflow: hidden;
  -moz-overflow: hidden;
  white-space: nowrap;
}
#ordine-testo p.sottotitolo-menu,
#ordine-testo p.titolo-menu {
  text-align: center;
  font-weight: bold;
  font-style: italic;
  font-size: 1.5rem;
}
#ordine-testo p.sottotitolo-menu {
  font-size: 1.2rem;
}
#ordine-testo p.piatto-scelto {
  text-align: left;
  font-weight: bold;
  font-size: 1.2rem;
}
#ordine-testo p.totale {
  text-align: center;
  font-weight: bold;
  font-size: 1.4rem;
}

p.menu-titolo {
  margin-top: 10px;
  font-size: 5rem;
  border: 1px solid #e2dede;
  border-radius: 15px;
}

p.menu {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 5px;
  font-style: italic;
  font-weight: 800;
  font-size: 1.7rem;
}

.form-check-input[type=radio] {
  border: 1px solid #31240e;
}

p.lista-menu {
  font-size: 1.5rem;
  font-weight: bold;
}

.input-radio-check {
  margin-top: 7px;
  font-weight: bold;
  font-size: 1.7rem;
}

img.immagine {
  object-fit: cover;
  margin: auto;
  text-align: center;
}

img.galleria {
  margin-top: 20px;
  width: 100%;
  padding: 20px;
}

img.tramontino {
  width: 100%;
  height: 100%;
}

p.indirizzo,
p.telefono {
  font-size: 30px;
  font-style: italic;
  font-weight: bold;
  text-align: right;
}

p.indirizzo {
  margin-top: 20px;
}

p.menu-titolo {
  font-family: "Dancing Script", cursive;
  text-align: center;
}

span.menu-portate-prezzo,
p.menu-titolo-portate,
p.menu-titolo,
p.menu-piatto {
  text-align: center;
}

div.menu-portate {
  margin-top: 15px;
  margin-bottom: 5px;
  border-radius: 15px;
  font-style: italic;
}

span.menu-portate-prezzo,
p.menu-titolo-portate {
  font-weight: bold;
  font-size: 2.3rem;
}

p.menu-piatto {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  margin-bottom: 5px;
  font-size: 1.8rem;
  color: white;
}

p.btn-azioni {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 1.8rem;
  color: white;
}

img.menu-ristorante {
  border-color: #b19d9d;
  border-style: solid;
  width: 100%;
  height: auto;
}

img.banner {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 480px) {
  #formIdentificazione p {
    font-size: 1.5rem;
  }
  #formIdentificazione p.titolo {
    font-size: 2.3rem;
  }
  #formIdentificazione p.nota-bene-label {
    font-size: 2rem;
    font-style: italic;
  }
  #formIdentificazione p.nota-bene-testo {
    font-style: italic;
    font-weight: bold;
  }
  div.menu-label {
    margin-left: 20px;
  }
  #input-label {
    font-size: 1.6rem;
  }
  #input-codice {
    font-size: 2rem;
  }
  #conferma-codice {
    font-size: 1.8rem;
  }
  div.modalita-scelta p {
    font-size: 1.5rem;
  }
  div p.descrizione-modalita-scelta {
    font-size: 1.7rem;
    margin-top: 4px;
  }
  .input-note {
    font-size: 1.4rem;
  }
  .textarea-note {
    font-size: 1.2rem;
  }
  p.lista-menu {
    font-size: 1.2rem;
  }
  span.label-sedia,
  p.label-tavolo {
    font-size: 1.5rem;
  }
  .consegna {
    font-size: 1.2rem;
  }
  .label-consegna {
    font-size: 1.1rem;
  }
  .input-consegna {
    font-size: 1.2rem;
    margin-right: 5px;
  }
  span.menu-prezzo,
  p.menu {
    font-size: 1.1rem;
  }
  p.menu-titolo {
    background-color: #dd1616;
    font-size: 3.3rem;
  }
  span.menu-portate-prezzo,
  p.menu-titolo-portate {
    font-size: 1.8rem;
  }
  p.titolo-voce {
    font-size: 1.2rem;
  }
  p.menu-piatto {
    font-size: 1.3rem;
  }
  p.indirizzo,
  p.telefono {
    font-size: 25px;
  }
  span.menu-portate-prezzo,
  p.menu-titolo-portate {
    font-size: 2.2;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  #formIdentificazione p {
    font-size: 1.5rem;
  }
  #formIdentificazione p.titolo {
    font-size: 2.3rem;
  }
  #formIdentificazione p.nota-bene-label {
    font-size: 2rem;
    font-style: italic;
  }
  #formIdentificazione p.nota-bene-testo {
    font-style: italic;
    font-weight: bold;
  }
  div.menu-label {
    margin-left: 20px;
  }
  #input-label {
    font-size: 1.6rem;
  }
  #input-codice {
    font-size: 2rem;
  }
  #conferma-codice {
    font-size: 1.8rem;
  }
  p.lista-menu {
    font-size: 1.2rem;
  }
  .input-note {
    font-size: 1.4rem;
  }
  .textarea-note {
    font-size: 1.2rem;
  }
  div.modalita-scelta p {
    font-size: 1.5rem;
  }
  div p.descrizione-modalita-scelta {
    font-size: 1.7rem;
    margin-top: 4px;
  }
  p.menu-titolo {
    border: 1px solid #e2dede;
    border-radius: 15px;
    font-size: 3.4rem;
    background-color: #0d713e;
  }
  span.label-sedia,
  p.label-tavolo {
    font-size: 1.5rem;
  }
  .consegna {
    font-size: 1.3rem;
  }
  span.menu-prezzo,
  p.menu {
    font-size: 1.2rem;
  }
  p.menu-piatto {
    font-size: 1.4rem;
  }
  p.indirizzo,
  p.telefono {
    font-size: 25px;
  }
  span.menu-portate-prezzo,
  p.menu-titolo-portate {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  p.menu-titolo {
    background-color: #6032bc;
  }
}
@media (min-width: 1201px) {
  p.menu-titolo {
    background-color: #516a0c;
  }
}

/*# sourceMappingURL=style.css.map */