/* --- HOMEPAGE ---- */
/* .homesession{

} */
.home_Mobile{
    display: none;
}
.barraHome{
text-align: center;
background-color: var(--arancio-colorBackground);
margin-top: -4px;
}
.barraHome h1{
    padding-top: 13px;
    font-size: 35px;
    font-weight: bold;
    padding-bottom: 10px;
    color: black;
}
.barraHome p{
margin-top: -18px;
font-size: 23px;
font-weight: bold;
padding-bottom: 10px;
margin-bottom: -3px;
color: black;
}


.social_home a > i{
    font-size: 40px;
    margin-left: 5px;
    margin-right: 5px;
    color: black;
}

.social_home a > i:hover{
    color: var(--beige-colorBackground);
    }




/* -------sessioni ------------- */
.homePanino{
    height: 55vh;
    color: white;
    clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
    margin-bottom: -70px;
    background-color: rgba(0, 0, 0, 0.97);
    background-image: url(../img/carosello/paninoHome.jpg);
background-size: inherit;
background-blend-mode: lighten;
    background-position-y: center;
    background-position-x: -30px;
    background-repeat: no-repeat;

}
.testo_homePanino{
    width: 40%;
    position: relative;
    top:10%;
    left: 50%;
}
.testo_homePanino > h1{
 font-size: 63px;

}
.testo_homePanino p{
    font-size: 17px;
}

.titolo_serv_panino{
    display: inline-block;
color: rgb(10, 10, 10);
    border-radius: 8px;
    font-size: 63px;
margin-bottom: 15px;
    /* max-width: 360px; */
    background-color: var(--arancio-colorBackground) !important;
    padding: 0px 12px 3px 12px;
    margin-top: 30px;
}


.homePizza{
    height: 54vh;
    background-color: rgb(255, 102, 0);
    color: black;
    position: relative;
    z-index: 2;
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    margin-bottom: -120px;

    background-image: url(../img/carosello/pizzapolpo3.jpg);

    background-blend-mode: light;
    background-position-y: center;
    background-position-x: 750px;
    background-repeat: no-repeat;

}

.testo_homePizza{
    padding-top: 20px;
    width: 40%;
    position: relative;
    left: 5%;
    top:15%;
}
.testo_homePizza > h1{
 font-size: 63px;

}
.testo_homePizza p{
    font-size: 17px;
}

.homeCatering{
    height: 57vh;
    color: white;
    clip-path: polygon(0 11%, 100% 0, 100% 100%, 0 100%);

    background-color: rgba(0, 0, 0, 0.97);
    background-image: url(../img/carosello/cateringHome.jpg);

background-size: inherit;
background-blend-mode: lighten;
    background-position-y: center;

    background-repeat: no-repeat;
}

.testo_homeCatering{
    position: relative;
    top: 150px;
    width: 40%;
    left: 50%;
   
}

.testo_homeCatering p{
    font-size: 17px;
}
.titolo_serv_pizzeria{
    display: inline-block;
    color:  var(--arancio-colorBackground);
        border-radius: 8px;
        font-size: 63px;
    margin-bottom: 15px;

        /* max-width: 360px; */
        background-color:rgb(10, 10, 10);
        padding: 0px 12px 3px 12px;
}
.titolo_serv_catering{
    display: inline-block;
color: rgb(10, 10, 10);
    border-radius: 8px;
    font-size: 63px;
margin-bottom: 15px;
    /* max-width: 360px; */
    background-color: var(--arancio-colorBackground) !important;
    padding: 0px 12px 3px 12px;
}



/* --- SERVIZI HOME ---- */
.parte_servizi{
width: 100%;
display: flex;

}
.p_info{
    width: 50vw;
 text-align: center;
    background-color: #e5e5f7;
    opacity: 1;
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #e5e5f7bb 10px ), repeating-linear-gradient( #bfaa8028, #bfaa8054 );
    background-color: var(--beige-colorBackground);
}
.p_info img{
    padding-top: 30px;
    padding-bottom: 30px;
width: 320px;
}
.p_servizi{
    width: 50vw; 
    background-color: var(--arancio-colorBackground);
    text-align: center;
}

.p_servizi > img{
   margin-top: 10%;
    width: 70%;

}

/* --- CHI SIAMO ---- */
.hero_page{
height: 38vh;    

}

.page_chisiamo{
    background-image:  url(../img/hero_chisiamo.jpg);
    background-size: cover;
    background-position: center;
}

.descrizione_chisiamo{
    display: flex;
}
.descrizione1{
background-color: var(--arancio-colorBackground);
text-align: center;
width: 50%;
text-transform: uppercase;
padding-top: 20px;
}

.titolo_chisiamo h1{
    display: inline-block;
    background-color: black;
    color: var(--arancio-colorBackground);
    padding: 8px 15px 8px 15px;
    border-radius: 10px;
}
/* .titolo_chisiamo h5{
    
} */
.chisiamo_pizzeria{
font-size: 22px;
font-weight: bold;
}


.descrizione2{
    background-color: var(--beige-colorBackground);
    width: 50%;
    text-align: center;
    text-transform: uppercase;
   padding-top: 20px;
}
.descrizione2 h3{
    display: inline-block;
    padding: 8px 15px 8px 15px;
    border-radius: 10px;
background-color: var(--arancio-colorBackground);
  }

.descrizione2 p{
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}

/* ******************
------ CATERING ------
****************** */
.page_catering{
    background-image:  url(../img/catering.jpg);
    background-size: cover;
    background-position: center;
}

.riga_arancio{
 height: 16px;
 width: 100vw;
 background-color: var(--arancio-colorBackground);
}
.pagina_catering{
    display: flex;
    background-color: var(--beige-colorBackground);
}
.titolo_catering{
width: 40vw;
background-image: url(../img/catering/catering_panini.jpg);
background-size: cover;
background-color: rgba(19, 19, 18, 0.5);
background-blend-mode: multiply;
text-align: center;
}
.titolo_catering p{
    color: white;
    font-size: 40px;
    font-weight: bold;
   
    position: relative;
    top: 45% !important;
    background-color: var(--arancio-colorBackground);
    display: inline-block;
    padding: 5px 12px 5px 12px;
    border-radius: 10px;
    }


.titolo_antipasti_terra{
width: 40vw;
background-image: url(../img/catering/antipasto_terra.jpg);
background-size: cover;
background-color: rgba(19, 19, 18, 0.5);
background-blend-mode: multiply;
text-align: center;
}

.titolo_antipasti_terra p{
color: white;
font-size: 40px;
font-weight: bold;
text-align: center;
position: relative;
top: 45% !important;
background-color: var(--arancio-colorBackground);
    display: inline-block;
    padding: 5px 12px 5px 12px;
    border-radius: 10px;
}


.titolo_antipasti_mare{
    width: 40vw;
    background-image: url(../img/catering/antipasto_mare.jpg);
    background-size: cover;
    background-color: rgba(19, 19, 18, 0.5);
    background-blend-mode: multiply;
    text-align: center;
    }
    
    .titolo_antipasti_mare p{
    color: white;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: 45% !important;
    background-color: var(--arancio-colorBackground);
    display: inline-block;
    padding: 5px 12px 5px 12px;
    border-radius: 10px;
    }


    
.titolo_primi_piatti{
    width: 40vw;
    background-image: url(../img/catering/lasagna.jpg);
    background-size: cover;
    background-color: rgba(19, 19, 18, 0.5);
    background-blend-mode: multiply;
    text-align: center;
    }
    
    .titolo_primi_piatti p{
    color: white;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: 45% !important;
    background-color: var(--arancio-colorBackground);
    display: inline-block;
    padding: 5px 12px 5px 12px;
    border-radius: 10px;
    }

.titolo_secondi_piatti{
width: 40vw;
background-image: url(../img/catering/grigliata.jpg);
background-size: cover;
background-color: rgba(19, 19, 18, 0.5);
background-blend-mode: multiply;
text-align: center;
}
        
.titolo_secondi_piatti p{
color: white;
 font-size: 40px;
font-weight: bold;
text-align: center;
position: relative;
top: 45% !important;
background-color: var(--arancio-colorBackground);
    display: inline-block;
    padding: 5px 12px 5px 12px;
    border-radius: 10px;
}

.piatti{
    width: 60vw;
    display: block;
    background-color: var(--beige-colorBackground);
    display: flex;
  flex-wrap: wrap;
align-items: baseline; 
column-gap: 50px;
row-gap: 0px;
}
.contenitore_piatti{
display: flex;
justify-self: baseline;
width: 40%;
margin: 15px;
}

.cont_immagini_catering{
height: 90px;
width: 90px;
margin-right: 20px;
}

.cont_immagini_catering img{
    border-radius: 15px;
  }

.immagini_catering{
    object-fit: cover;
    height: 100px;
width: 100px;

}


.piatti  p{
    line-height: 20px;
    padding-top: 10px;
position: relative;
font-weight: bold;
/* top: 45% !important; */
text-transform: uppercase;
font-size: 20px;
color: black;
}

.piatti p  span{
    font-weight: 400;
font-size: 17px;
text-transform: none;
}