/* per il titolo del contenuto */
 @import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@500&display=swap');

 /* per i bottoni */

 @import url('https://fonts.googleapis.com/css2?family=Notable&display=swap');


  /* per i bottoni Birra Font*/
 @import url('https://fonts.googleapis.com/css2?family=Notable&family=Passion+One&display=swap');


 @import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
/*  font-family: 'Oswald', sans-serif; */

:root {
    --colore-bottoni: rgba(121, 75, 15, 0.527);
    --color-testo-bottoni:  blanchedalmond;
    --color-bordo-bottoni: rgb(255, 255, 255);

    --font-bottoni: segnaposto;
    --font-testo: segnaposto;
  } 
.modal{
    background-color: rgba(0, 0, 0, 0.382) !important;
}
.modal-content{
    background-color: rgb(112, 87, 55);
}
 body {

     /*   background-image: linear-gradient(to right bottom, #ffffff, #e4e2f2, #cac6e5, #afaad7, #948fca, #8290d1, #6b91d8, #4893dd, #07afee, #00caf6, #14e3f6, #5ffbf1); */
     background-image: url('img/lavagna2.jpg');
     background-size: contain;
     background-attachment: fixed;
     background-position: left;
     background-color: rgb(31, 31, 31);
 }

.bottoneModalchiudi{
    background-color: rgba(137, 15, 15, 0.953);
}


 .loghetti {
     margin-bottom: 20px;
     margin-right: 10px;
 }


 .imgcarni {
     width: 80%;
 }



 .titolo {
    font-family: 'Unbounded', sans-serif;
     font-size: 38px;
     margin-top: -50px;
     margin-bottom: 20px;
 }

 .benvenuti {
     color: var(--color-bordo-bottoni);
    
 }

 .titolibottoni {
     font-size: 20px;
     color: var(--color-testo-bottoni);
     font-family: 'Notable', sans-serif;
     letter-spacing: 1.5px;
 }

 
 .linea {
     background-color: white;
     color: white;
 }

.jumbotron{
    text-align: center;
}
 .logojumbo{
padding: 20px 30px 20px 30px;
width: 300px;
 }
 .spazio {
     margin-left: 15px;
     margin-top: 6px;
 }
 .descrizione {
     font-size: 11px;
 }

 .logopiccolo {
     width: 90px;
 }

 /* .collapse{
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
} */

 #jumbo {
       background-color: rgba(255, 255, 255, 0.452); 
     color: white;

      background-image: url('img/opifici_jumbo.jpg'); 
      background-position-x: center;
    background-size: cover; 
     background-color: rgba(27, 27, 27, 0.301);
     height: 90%;
     /*   background-color: rgba(189, 185, 185, 0.644); */
     background-size: cover;

 }

/* --------------------
 BOTTONI CARTE 
------------------- */
.card {
    margin-bottom: 30px; /* O qualsiasi valore desideri */
}
 #card-1 {

    background-color:var(--colore-bottoni);
    /*  background-color: #cfae70; */
    border: 2px solid blanchedalmond;
     font-size: 12px;
 }
 #card-2 {
     background-color: var(--colore-bottoni);
     font-size: 12px;
     border: 2px solid blanchedalmond;
     color: white;
 }
 #card-3 {
    background-color: var(--colore-bottoni);
     font-size: 12px;
     border: 2px solid blanchedalmond;
     color: white;
 }
 #card-4 {
     background-color: var(--colore-bottoni);
     font-size: 12px;
     border: 2px solid blanchedalmond;
     color: white;
 }
 #card-5 {
    background-color: var(--colore-bottoni);
    font-size: 12px;
    border: 2px solid blanchedalmond;
    color: white;
}

#card-6 {
    background-color: var(--colore-bottoni);
    font-size: 12px;
    border: 2px solid blanchedalmond;
    color: white;
}


 /* *********schede aperte********** */

/*   #collapseOne{
    background-color: rgb(31, 31, 31);
}

collapseTwo{
    background-color: rgb(31, 31, 31);
}
#collapseTree{
    background-color: rgb(0, 255, 242);
}

#collapseFour{
    background-color: rgb(28, 230, 129);
}
 */




.riquadri{
    width: 100%;
    justify-content: space-between;
}

 #footer {
    /*  height: 450px; */
    background-color: rgba(37, 37, 37, 0.836);
    font-size: 11px;
     color: blanchedalmond;
     padding-bottom: 20px;
 }
.logoFooter{
    margin-top: 40px;
    width: 50%;
}
 .piccino {
     font-size: 10px;
 }






/* ----- STILE birre ----- */
.item_birra{
   color: white;
   text-align: center;

}
.nome_birra{
 font-size: 27px;
 letter-spacing: 1px;
 font-family: 'Passion One', sans-serif;
}
.tipo_birra{
    font-size: 16px;
}
.desc_birra{
    font-size: 14px;
    margin-top: -8px;
}
.contenitore_birra{
    display: flex;
    justify-content: space-between;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 15px;
    margin-bottom: 20px;
}
.capienza{
    font-size: 21px;
    font-family: 'Passion One', sans-serif;
    margin-bottom: 5px;
}
.prezzo{
    margin-top: -13px;
    font-size: 14px;
}
.lineaSottoBirra{
    margin: 0 auto;
    height: 0.5px;
    width: 90%;
    background-color: white;
    margin-bottom: 25px;
    margin-top: 15px;
}
.grande{
    border: 1px solid white;
    padding: 8px 18px 1px 18px;
    border-radius: 15%;
}
.piccola{
    border: 1px solid white;
    padding: 8px 18px 1px 18px;
    border-radius: 15%;
}

.ingredienti {
    color: #ffffff; /* Colore del testo */
    font-size: 14px; /* Dimensione del testo */
    margin-top: 2px; /* Spaziatura (opzionale) */
}


/* ----- STILE Drink Distillati----- */
.item_drink{
    display: flex;
   justify-content: space-between; 
   margin-bottom: 8px;
}

.drink{
    font-size: 17px;
    width: 70%;
    letter-spacing: 1px;
    color: white;
    font-family: 'Oswald', sans-serif;
}

.prezzario{
    font-size: 16px;
    font-weight: 400;
    color: white;
    font-family: 'Oswald', sans-serif;
}
.alcol{
    font-family: 'Times New Roman', Times, serif;
    font-size: 13px;
}


.tipologia-titolo {
    font-weight: bold; /* Rende il testo in grassetto */
    margin-bottom: 20px; /* Aggiunge spazio sotto il titolo (opzionale) */
    font-size: 38px; /* Aumenta la dimensione del testo (opzionale) */
    text-transform: uppercase;
}

/* ----- STILE Vini----- */
.titolo_vino{
    font-size: 29px;
    font-family: 'Passion One', sans-serif;
    letter-spacing: 2px;
    margin-top: -15px;
}


.item{
    display: flex;
   justify-content: space-between; 
}
.spazioVino{
 width: 73%;
} 
.nomeVino{
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    color: white;
    font-family: 'Oswald', sans-serif;
}
.lineaSottoNomeVino{
    height: 0.6px;
    background-color: white;
    margin-bottom: 0px;
   /*  margin-right: 10px; */
    margin-top: 3px;
}
.prezzarioVini{
    margin-top: 16px;
    font-size: 14px;
    color: white;
    font-family: 'Oswald', sans-serif;
    width: 50%;
}
.cantina{
font-size: 13px;
letter-spacing: 0.5px;
margin-top: 3px;
color: white;
}

.bottiglia{
    height: 42px;
    width: 13px;
    margin-right: 10px;
    margin-top: -20px;
    margin-bottom: 20px;
}

.calice{
    height: 30px;
    margin-right: 14px;
    margin-top: -10px;
}
.i-bott{
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
}
.i-calice{
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
   
}

.bottiglia_solo{
    height: 47px;
    width: 17px;
    margin-right: 10px;
    margin-top: -20px;
    margin-bottom: 10px;
}



/* ------- STILE FOOD -------- */

.item_food{
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
.titolo-categoria {
    font-weight: bold; /* Rende il testo in grassetto */
    margin-bottom: 20px; /* Aggiunge spazio sotto il titolo (opzionale) */
    font-size: 38px; /* Aumenta la dimensione del testo (opzionale) */
    text-transform: uppercase;
}
.piatto{
    margin-right: 20px;
    width: 75%;
}
.nome_piatto{
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
}
.prezzo_food{
    font-size: 14px;
    position: relative;

    top: 3px;
    color: white;
    font-family: 'Oswald', sans-serif;
}
.lineaSottofood{
    margin: 0 auto;
    height: 0.5px;
    background-color: white;
    margin-bottom: 5px;
    margin-top: 5px;
}
.ingredienti{
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    letter-spacing: 0.5px;
}
.allergeni{
    display:flex;
    margin-top: 7px;
}
.allergeni img{
   width: 23px;
   margin-right: 7px;
}