.it-header-center-wrapper {
    background:#e5e5e5;
}



.it-header-navbar-wrapper {
    background:#eee;
}


@media (min-width: 992px) {
    .navbar {
        background:#eee;
    }
}

@media (min-width: 992px) {
    .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link, .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link {
        color: #12509a;
    }
}

.icon-white {
    fill: #12509a !important;
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-right-zone {
    color: #12509a;
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a {
    color: #12509a;
    
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .it-brand-title  {
    font-size: 2.73em;
    font-weight: bold;
    letter-spacing: -0.02em;
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .it-brand-title span {
color:#8b8c8f;
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .it-brand-tagline {
    letter-spacing: -0.02em;
}

.it-header-slim-wrapper {
    background: #8b8c8f;
}

/* Questo sposta il contenuto successivo verso l'alto di 100px */
  .mb-minus-100 {
    margin-bottom: -30px;
    position: relative;
    z-index: 0; /* Assicura che il carosello resti sopra al contenuto che sale */
  }

  #mainCarousel .carousel-control-prev {
    left: 20px; /* Aumenta questo valore per distanziarla di più */
    width: 5%;  /* Opzionale: restringe l'area cliccabile se necessario */
  }
  
  /* Allontana la freccia "Successiva" dal bordo destro */
  #mainCarousel .carousel-control-next {
    right: 20px; /* Aumenta questo valore per distanziarla di più */
    width: 5%;
  }
  
  /* Opzionale: se vuoi che le frecce siano più visibili distanti dal bordo */
  #mainCarousel .carousel-control-prev-icon,
  #mainCarousel .carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
  }

  #mainCarousel .carousel-control-prev:hover,
#mainCarousel .carousel-control-next:hover {
  opacity: 0.8;
  transform: scale(1.1);
  transition: all 0.3s ease;
}


/* Nasconde il sottomenu di base */
.dropdown-menu {
  display: none;
  position: absolute;
  list-style: none;
  background: #fff;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  padding: 10px;
}

/* Lo mostra quando si passa il mouse sopra il genitore (opzionale) */
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
}


/* Forza la larghezza degli elementi per 6 colonne */
.it-carousel-landscape-abstract-six-cols .splide__slide {
    flex: 0 0 16.666667% !important;
    max-width: 16.666667% !important;
}

/* Gestione responsiva per evitare che diventino troppo piccoli su schermi medi */
@media (max-width: 1200px) {
    .it-carousel-landscape-abstract-six-cols .splide__slide {
        flex: 0 0 25% !important; /* 4 colonne su schermi medi */
        max-width: 25% !important;
    }
}


#areetematiche .img-responsive-wrapper .img-responsive .img-wrapper img {
  height: 80px;
}

#areetematiche .img-responsive-wrapper .img-responsive {
  padding-bottom: 20%;
}
