/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 30 set 2022, 18:53:59
    Author     : info
*/

body{
      font-size:  calc(0.75em + 0.5vw);
}


.nk-content{
      padding: 0px;
}

.nome-locale{
      font-size:  100%;
      padding-right: 1rem;
      color: var(--dark);
      font-family: "Rubik", sans-serif, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
      font-weight: 600;
      align-self: flex-end;
      padding-bottom: 6px;
      text-align: right;
      line-height: 1rem;
}

.container_image{

      margin: 5px auto;

}

.container_image img {
      max-height: 100%;
      max-width: 100%;
}

.didascalia{
      font-size:  80%;
      font-weight: 400;
      text-align: right;
      width: 100%;
      margin-top: 5px;
}


.title_menu{
      position: relative;
      padding: 0.45rem 1.25rem;
      text-align: center;
      border: 1px solid transparent;
      border-radius: 4px;
      color: #2d3e53;
      background-color: #e7e9ec;
      border-color: #b7bec7;
}

.nome_menu{
      display: block;
      text-align: center;
      font-size: 100%;
      font-weight: 500;
      font-size: 1.5rem;
      text-transform: uppercase;
      line-height: 24px;
      margin-bottom: 8px;
}

.header_menu, .footer_menu{
      margin-top: 0.25rem;
      margin-left: 5px;
      margin-right: 5px;
      font-size: 1rem;
      line-height: 1.25rem;
}
.header_menu > .card-inner{
      padding: 0.3rem;
}
.footer_menu > .card-inner{
      padding: 0.3rem;
}

.accordion-head .title {
      font-size: 100%;
}

.didascalia_menu{
      display: block;
      text-align: center;
      font-size: 1rem;
      line-height: 18px;
}


.map-locale{
      font-weight: 200;
      font-size: 70%;
}



.close-icon{
      position: absolute;
      top: 16px;
      right: 16px;


}

.modal-content{
      margin: 0px 3vw;
      position: relative;
}




.scroll-container{
      position: absolute;
      top: 0px;
      left:0px;
      height: 100%;
      width: 100%;
      overflow-y:  auto;
      overflow-x:  hidden;
}



.menu-container{
      display: block;
      width: 100%;
      padding: 0px 5px;
      margin-top: 10px;
}


.container-logo{
      height: 20vh;
      display: block;

}

.image-logo {
      display: block;
      margin-left: auto;
      margin-right: auto ;
      max-width: 50%;
      max-height:100%;

      margin-top:100px;
      border-radius: 6px;
}


.title-menu{
      display: block;
      width: 100%;
      text-align: center;
      font-size: 150%;
      color: white;
      text-transform: uppercase;
      line-height: 1.25rem;
      /*margin-top: 1rem;*/
}

#container-player {
      min-height: calc(100vh - 120px);
      position: relative;
      width: 100%;
      background: black;
      overflow: hidden;

}

#container-player .image-bg {
      width: 100%;
      opacity: 0.6;
      object-fit: cover;

}


.logo-foot{
      font-family: "Rubik", sans-serif, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
      vertical-align: baseline;
      padding-left: 5px;
}

.copyright{
      color: var(--gray);
      padding-left:  10px;
      margin-top: 20px;
      font-size: 80%;
}

.nk-footer{
      padding: 10px 10px;
      margin: 0px;
}

.tipo-piatto{
      font-weight: 300;
      color: var(--grey);
      font-size: 90%;
}


/*----ITEM------*/


.thumb{
      max-width:10vh;
}


.accordion{
      border: 2px solid white;
}

.accordion-item{
      border-bottom: 2px solid white;
}
.accordion-icon{
      font-size: 140%;
}

.accordion-inner{
      padding: calc(0.2em + 0.5vw);
}



.nome-piatto{
      font-weight: bold;
      font-size: 105%;
      color:  var(--dark);
      padding-top: 0px;
      line-height: calc(1em + 0.5vw);
      min-height: 18px;
}


.descrizione-piatto{
      font-weight: 300;
      font-size: 80%;
      line-height: calc(1em + 0.5vw);
      padding: 4px 0px;
      min-height: 18px;

}

.descrizione-piatto-modal{
      font-weight: 300;
      font-size: 100%;
      line-height: calc(1em + 0.5vw);
      padding: 4px 0px;
      min-height: 18px;

}




h6 .badge{
      line-height: unset;
      margin: 0px 5px 0px 0px;
}


.prezzo-piatto, .tipo-piatto{
      white-space: normal;
      font-size: 80%;
}

.prezzo-piatto-modal {
      font-size: 100%;
}


/*tabella piatti*/

table.table-piatti {
      width: 100%;
}

table.table-piatti tr {
      border-bottom: 1px solid  #dbdfea;
}

table.table-piatti td {
      padding:  calc(0.2em + 0.5vw);
      vertical-align: top;
      text-align: left;
}
table.table-piatti td.img-piatto {
      max-width: 150px;
      min-width: 65px;
      /*width: 16%;*/
      text-align: center;
}

table.table-piatti td.prezzi > .freccia {
      text-align: right;
}

.allergeni-piatto{
      display: flex;
      justify-content: flex-start;
      min-height: 20px; /*Allergeni*/
      flex-wrap: wrap;
}

.img-allergene{
      max-width: calc(16px + 1vw);
      margin: 0px 2px;
}
.container-allergeni{
      column-gap: 20px;
      row-gap: 8px;
      padding-top: 10px;
}
.allergene-item{
      color: #795f56;

      font-size: 100%;
      min-width: 100px;

}
.badge-prezzo{
      line-height: 2.25rem;
      vertical-align: middle;
      margin-left: 1rem;
      font-size: 80%;
}


/* CAROUSEL*/



.container-carousel{
      height:  calc(100vh - 160px);
      background-color: white;
}

.table-carousel{
      width: 100%;
      font-size: 140%;
}



/* Schermi Desktop o Portatili */
@media all and (min-width: 1280px) {
      .modal-dialog {
            max-width: 900px;
      }
}

/* Tablet in modalità orizzontale */
@media all and (min-width: 737px) and (max-width: 1279px) {

}

/* Tablet in modalità verticale */
@media all and (min-width: 481px) and (max-width: 736px) {

}

/* Smartphone o piccoli Tablet */
@media all and (max-width: 480px) {
      .accordion-head {
            padding: 0.8rem 1rem 0.8rem 0.5rem;
      }
      .header_menu, .footer_menu {
            font-size: 0.75rem;
            line-height: 0.85rem;
      }
      .nome_menu{
            font-size: 1.2rem;
      }
      .title_menu{
            font-size: 1.2rem;
            line-height: 1rem;
      }
      .badge-prezzo{
            line-height: 1.25rem;
      }
}