﻿
#nav02 {
 /*background: #cd2218*/ /*#2e3679*/ /*#242526 ;*/
 /*position: fixed;*/
 width: 100%;
 z-index: 999;
 height: auto;
 /*line-height: 50px;*/
}

.sidebar {
 width: 100%; /* Larghezza del menù laterale */
 left: 0;
 height: auto; /* Permette al menù di adattarsi al contenuto */
 z-index: 999; /* Assicura che sia dietro la barra orizzontale */
 overflow-y: visible; /* Rimuove lo scroll */
}


/*.vertical-menu a.hover { 
 color:*/ /*#d18922;*/ /*#d96427;
 font-weight: bold;
}*/

.vertical-menu a.active { /*per avere il link arancio e bold quando è attiva la pagina*/
 color: /*#d18922;*/ #d96427;
 font-weight: bold;
}


 .sidebar ul li {
  font-size: 1.0625em;
  background-color: #fff;
  color: #333;
  width: 96%;
  margin: 0;
  border-top: 0px solid #f2f2f2 /*#D1D3D4*/;
  border-left: 0px solid #f2f2f2 /*#D1D3D4*/;
  border-right: 0px solid #f2f2f2 /*#D1D3D4*/;
  padding-left: 15px;
  padding-right: 10px;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
 }

 .sidebar ul li:last-child {
  border-bottom: 0px solid #D1D3D4;
 }

 .sidebar li:nth-child(odd) {
  background-color: #f2f2f2;
  border-radius: 30px; /* Arrotonda gli angoli del menù */
 }

 .sidebar li:nth-child(even) {
  background-color: #fff;
  border-radius: 30px; /* Arrotonda gli angoli del menù */
 }

 .sidebar ul li a {
  line-height: 1em;
  text-decoration: none;
  width: 96%;
  padding-left: 0%;
 }

  .sidebar ul li a:hover {
   color: #d18922;
  }



.nav-links-verticale li {
 display: none;
}

.vertical-menu li {
 list-style: none;
}

 .vertical-menu li span {
  display: block; /* Trasforma il titolo in blocco come i link */
  padding: 10px 16px; /* Spaziatura uguale ai link */
  color: white; /* Colore del testo */
  font-size: 19px; /* Dimensione testo coerente con i link */
  font-weight: bold; /* Per evidenziare il titolo */
  line-height: 1.2; /* Interlinea */
  /*font-variant:small-caps;*/
 }

.horizontal-menu-mobile {
 display: block; /* Mostra il menù orizzontale in versione mobile */
}

.closebtn {
 color: white;
 font-size: 30px;
 position: absolute;
 top: 10px;
 right: 25px;
 transition: 0.3s;
}

@media screen and (max-width: 1000px) {




 .sidebar {
  display: none
 }

  .sidebar li span {
   padding: 10px 16px; /* Stesso padding anche su mobile */
  }

 .horizontal-menu {
  display: none; /* Nasconde il menù orizzontale su schermi piccoli */
 }

 .nav-links-verticale li {
  display: block;
 }

 .hamburger {
  display: block; /* Mostra l'icona hamburger su schermi piccoli */
 }

 .sidebar {
  width: 0; /* Larghezza iniziale del menù laterale su schermi piccoli */
 }
}

@media screen and (min-width: 1000px) {



 .sidebar {
  display: block;
 }


 .horizontal-menu {
  display: flex; /* Mostra il menù orizzontale su schermi più grandi */
 }

 .hamburger {
  display: none; /* Nasconde l'icona hamburger su schermi più grandi */
 }
}
