/* Navbar Styles */
.index-background {
  background-color: rgba(175, 23, 0, 0.663); /* Background per la pagina index */
  box-shadow: 5px 5px 5px 5px #2a2a2a6b;

}
.default-background {
  background-color: rgba(56, 56, 56, 0.79); /* Background di default per le altre pagine */
}

.logo-container {
  text-align: left; /* Allinea il logo a sinistra per schermi grandi */
  padding-top: 10px;
  z-index: 1040;
  display:none;
  /*position: fixed; /* Imposta la posizione fissa */
}
/* Navbar Styles */
.navbar.my-navbar {
  /*background-color: rgb(0, 0, 0); /* Background grigio */
  /*position: fixed; /*Imposta la posizione fissa */
  margin-top: -5px;
  left: 0; /* Posiziona la navbar a sinistra */
  width: 100%; /* Imposta la larghezza al 100% */
  height: 130px;
  z-index: 1000; /* Assicura che la navbar sia sopra gli altri contenuti */
}
.navbar.my-navbar .container-fluid {
  display: flex; /* Usa flexbox per allineare i contenuti */
  justify-content: space-between; /* Allinea gli elementi con spazio tra di loro */
  align-items: center; /* Centra verticalmente gli elementi */
  padding: 10px 20px; /* Aggiusta il padding */
}

/* Aggiungi altri stili necessari qui */
/* Resto del CSS rimane invariato */
.navbar .navbar-toggler {
  background-color: rgb(194, 191, 191) !important; /* Background del toggler */
}
.navbar .navbar-toggler-icon {
  color: white !important;
}
/* Testo dei link della navbar */
.my-navbar .my-nav-link {
  color: rgba(255, 255, 255, 0.75) !important; /* Colore del testo dei link bianco */
  transition: color 0.3s ease; /* Transizione per il colore del testo */
}
/* Testo dei link attivi nella navbar */
.my-navbar .my-nav-link.active {
  color: white !important;
  border-bottom: 2px solid white;
}
/* Effetto di rollover */
.my-navbar .my-nav-link:hover {
  color: rgb(210, 168, 1) !important; /* Cambia il colore del testo al passaggio del mouse */
}

@media (max-width: 992px) {

  .navbar .navbar-toggler-icon {
    color: white !important;

  }


  .navbar.my-navbar .navbar-toggler {
    display: block; /* Mostra il toggler */
    background-color: #9e1f05!important;
    background-color: rgb(194, 191, 191) !important; /* Background del toggler */
    padding: 0.3rem 0.3rem;
    font-size: 1.25rem;
  }
  .navbar.my-navbar .navbar-collapse /*stile per box con elenco pagine*/{
    display: none; /* Nasconde il menu */
    top: 56px; /* Altezza della navbar */
    left: 0; /* Allinea a sinistra */
    width: 100%; /* Larghezza al 100% */
    background-color:#9e1f05; /* Sfondo della navbar */
    z-index: 999; /* Assicura che sia sopra gli altri contenuti */
    border-radius: 10px;
    margin-top: 10px;
    padding:0px 10px 0px 10px;
  }
  .navbar.my-navbar .navbar-collapse.show {
    display: block; /* Mostra il menu quando il toggler è attivo */
  }

  .logo-container {
    text-align: center; /* Centra il logo su schermi piccoli */
    position: relative; /* Imposta la posizione relativa per schermi piccoli */
    background-color: #000000;
    display:block;

  }
  .navbar.my-navbar .container-fluid {
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-top: 0px;
    background-color:#000000;
  }
  .navbar.my-navbar {
    background-color: #000000;
    /*position: fixed;*/
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 1000;
    margin-bottom: 50px;
}

}