/* ----- MOBILE ------ */
@media (max-width: 480px) {
    
  /* --- ** MENU ** --- */
  span .navbar-toggler-icon{
    color: wheat !important;
    background-color: beige !important;
  }
.navbar-toggler{
  margin-right: 10px;
  color: wheat !important;
  background-color: beige !important;
}
.logoMenu{
  margin-left: 10px;
  width: 90px;
}

.navbar-nav li {
  text-align: center;
}

.active_link > a{
  color: black !important;
  background-color: rgb(220, 99, 0);
  font-weight: bolder;
}
.wp-bottone {

}
  /* --- ** CAROSELLO HOME ** --- */
.carouselDesk { display: none; }
.carouselMobile{
  display: block !important;
}  

.slideshow-container {
  width: 100vw;
  height: 67vh;
  position: relative;
  overflow: hidden;
  margin-bottom: -280px;
}

.carosello_logo{
position: relative;
bottom: 20vh;
width: 100vw;
}
.carosello_logo img{
  width: 260px; 
  margin-bottom: 0px;
}


.barraHome p{
font-size: 18px;
}


  /* --- ** HOME Design ** --- */
.home_Desktop { display: none; }
.home_Mobile { display: block;}
  /* --- ** HOME Servizi mappa ** --- */
  .parte_servizi { display: block; }
    .p_info { width: 100vw; }
    .p_info img { width: 280px; }
    .p_servizi { width: 100vw; }
    
.p_servizi > img{
margin-top: 10%;
width: 90%;
margin-bottom: 12%;
}
  
    .homePanino{
      height: 60vh;
      background-color: rgba(0, 0, 0, 0.1);
      background-blend-mode: multiply;
    }

    .testo_homePanino{
      padding-left: 20px;
      padding-right: 20px;
      width: 100%;
      position: relative;
      left: 0%;
      text-align: center;
  }
  .testo_homePanino h1{
font-weight: bold;
    font-size: 37px;
    margin-bottom: 20px;
}
.testo_serv_panino{
  background-color: rgba(21, 20, 19, 0.75);
padding: 10px 5px 15px 5px;
border-radius: 10px;
font-size: 18px !important;
}



.homePizza{
  height: 60vh;
  background-color: rgba(144, 57, 0, 0.2);
  color: white;
  position: relative;
  z-index: 2;
  clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 93%);
  margin-bottom: -120px;
  background-image: url(../img/carosello/pizzapolpo3.jpg);
  background-blend-mode:multiply;
  background-position-y: center;
  background-position-x: -150px;

  background-repeat: no-repeat;
}
.testo_homePizza{
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  position: relative;
  left: 0%;
  text-align: center;
}
.testo_homePizza h1{
font-weight: bold;
font-size: 37px;
margin-bottom: 20px;
}
.testo_serv_pizza{
  background-color: rgba(21, 20, 19, 0.75);
padding: 10px 5px 15px 5px;
border-radius: 10px;
font-size: 18px !important;
}


.homeCatering{
  height: 65vh;
  color: white;
  clip-path: polygon(0 11%, 100% 0, 100% 100%, 0 100%);
/*   background-color: rgba(0, 0, 0, 0.6); */
  background-image: url(../img/carosello/cateringHome.jpg);

background-size: inherit;
/* background-blend-mode: multiply; */
  background-position-y: center;
  background-repeat: no-repeat;

}
.testo_homeCatering{
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  position: relative;
  left: 0%;
  text-align: center;
}
.testo_homeCatering h1{
font-weight: bold;
font-size: 37px;
margin-bottom: 20px;
}
.testo_serv_catering{
  background-color: rgba(21, 20, 19, 0.75);
padding: 10px 5px 15px 5px;
border-radius: 10px;
font-size: 18px !important;
}

/* --------------
GALLERIA IMMAGINI
-------------- */
.galleria{
  background-color: var(--arancio-colorBackground);
  background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #bd5e16bb 7px ), repeating-linear-gradient( #d05b0128, #d68f0054 );
}
.lineaBlu{
  height: 7px;
  background-color: rgb(3, 42, 105);
}

.img_lightnox{
  width: 100%;
  margin: 0 auto;
  margin-bottom: 30px;
  min-height: 0px !important;
  height: 120px !important;
  background-size: cover;
  background-color: rgba(30, 30, 32, 0.35);
  background-blend-mode:darken; 
border: 2px solid rgb(169, 160, 202);
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.img_lightnox:hover{
position: relative;
bottom: 15px;
  background-color: rgba(30, 30, 32, 0.507);
  background-blend-mode: normal; 
}


/* ---------------------------------------- */
/* ------ ** PAGINA CHI SIAMO** ---- */
.descrizione_chisiamo{
  display: block;
}
.descrizione1{
  width: 100%;
  padding: 10px;
  }
  .descrizione2{
    width: 100%;
    padding: 10px;
    padding-top: 20px;
    }

/* ---------------------------------------- */
/* ------ ** PAGINA CATERING ** ---- */
.pagina_catering{
  display: block;
}
.titolo_catering{
  width: 100vw;
  height: 32vh;
}
.titolo_catering p{
  font-size: 30px;
}


.titolo_antipasti_terra{
width: 100vw;
height: 32vh;
}
.titolo_antipasti_terra p{
  font-size: 30px;
}


.titolo_antipasti_mare{
width: 100vw;
height: 32vh;
}
.titolo_antipasti_mare p{
  font-size: 30px;
  }


.titolo_primi_piatti{
width: 100vw;
height: 32vh;
}
.titolo_primi_piatti p{
font-size: 30px;
}


.titolo_secondi_piatti{
width: 100vw;
height: 32vh;
}
.titolo_secondi_piatti p{
  font-size: 30px !important;
  }

.piatti{
  width: 100vw;
}
.contenitore_piatti{
  width: 90vw;
}
.cont_immagini_catering img{
  border-radius: 15px;
}
  /* ------ ** FOOTER ** ---- */
  footer {
    background-color: rgb(9, 9, 9) !important;
      overflow-x: hidden;
    }
    .footer { display: block; width: 100vw; }
    .footer_1 { width: 100vw !important; text-align: center; }
    .footer_2 {
      width: 100vw !important;
      text-align: center;
      padding-left: 0;
      padding-left: 4%;
      padding-right: 8%
    }
    .footer_3{
      width: 100vw !important;
      text-align: center;
      padding-left: 0;
      padding-left: 4%;
      padding-right: 8%
    }

/* ---- COOKIE CONSENT ---  */

.freeprivacypolicy-com---nb-simple{
  right: 0 !important;
    top: auto;
    bottom: 0;
    left: auto;
    width: 100vw;
    max-width: 100% !important;
    position: fixed;
}
.freeprivacypolicy-com---nb .cc-nb-main-container {
  padding: 1rem !important;
}

} /* FINE MOBILE */





/* ******************************************************
********************************************************** */


/* ----- TABLET ------ */

@media (max-width: 992px) {
  span .navbar-toggler-icon{
    color: wheat !important;
    background-color: beige !important;
  }
  .navbar-toggler{
    color: wheat !important;
    background-color: beige !important;
  }
}