/* ================================================================================
   MUSWEB 2025
	 (c) 2022-25 ePublic Srl - www.epublic.it
   ================================================================================ */

/* Schermi piccoli (smartphone v) < 576px
   Schermi medio-piccoli (smartphone h) > 576px
   Schermi medi (tablet v) > 768px
   Schermi medio-grandi (tablet h)> 992px
   Schermi grandi (notebook) > 1200px
   Schermi molto grandi (desktop) > 1400px */

/* -------------------------------------------------------------------------
		STILI GENERICI
   ------------------------------------------------------------------------- */

a, a.read-more, .link-list-wrapper ul li a span, /* il colore di default dei link non è il Primary ma l'Accent */
.cmp-breadcrumbs .breadcrumb-container .breadcrumb .breadcrumb-item a,
.chip .chip-label,
.btn-dropdown {
  color: var(--ColoreRisalto)
}
.navbar a.nav-link.active, .navbar button.nav-link.active,
.chip.alert {
  border-color: var(--ColoreRisalto) !important
}
a:hover {
  color: var(--ColoreRisaltoScuro)
}
.chip.alert:hover:not(.chip-disabled) {
  background-color: var(--ColoreRisalto);
}
.chip.alert:hover:not(.chip-disabled) .chip-label {
  color: #fff;
}

/* --- HERO --- */
.img-responsive-wrapper .img-responsive .img-wrapper img {
  object-position: center /* allinea verticalmente l'immagine al centro */
}
.it-hero-img-wrapper,
.it-hero-img-wrapper .figure.img-full img {
  min-height: 100%; /* override styles.css */
}
@media (min-width: 992px) {
  .it-hero-img-wrapper,
  .it-hero-img-wrapper .figure.img-full img {
    min-height: 400px;
    height: 100%
  }
}
.it-hero-wrapper .it-hero-text-wrapper .dropdown-item span {
  margin-bottom: 0; /* override di BI */
}
.it-hero-wrapper.it-overlay.it-accent .hero-text a,
.it-hero-wrapper.it-overlay.it-accent .btn-dropdown {
  fill: #EBEEF0;
  color: #EBEEF0;
}
.it-hero-wrapper.it-overlay.it-accent .hero-text a:hover,
.it-hero-wrapper.it-overlay.it-accent .btn-dropdown:hover,
.it-hero-wrapper.it-overlay.it-accent .btn-dropdown:focus {
  fill: #fff;
  color: #fff !important;
}

/* --- PAGINE ELENCO --- */
/* overlay su img card */
.it-card-image-wrapper.it-overlay .ratio:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.it-card-image-wrapper.it-filter .ratio:after {
  mix-blend-mode: screen;
}

/* --- PAGINE DETTAGLIO --- */
@media (min-width: 992px) {
  .cmp-navscroll {
    padding-top: 1rem;
  }
  .it-page-sections-container {
    padding-top: calc(3rem + 1rem) !important
  }
}
thead.table-dark { /* override di BI */
  --bs-table-bg: var(--ColoreRisaltoScuro);
  --bs-table-border-color: var(--ColoreRisalto);
}

/* --- TAPPE PERCORSI --- */
/* elenco ordinato */
ol.number-list {
  list-style: initial;
  counter-reset: my-counter;
  padding: 0;
}
ol.number-list li {
  line-height: 2rem;
}
ol.number-list li::marker {
  content: "";
}
ol.number-list li::before {
  counter-increment: my-counter;
  content: "" counter(my-counter) " ";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  float: left;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--ColoreRisalto);
  text-align: center;
  margin-right: .5rem;
  border: 1px solid var(--ColoreRisalto);
  border-radius: 50%;
}
ol.number-list h3 {
  line-height: calc(2rem + 2px);
}
ol.number-list li p {
  margin-left: calc(2rem + .5rem);
  margin-bottom: 1.5rem;
}
ol.stages-list li {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  ol.stages-list li {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
  }
}
ol.stages-list li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0 none !important;
}

.it-grid-item-wrapper.it-grid-item-overlay .img-responsive-wrapper:after {
  display: none; /* nascondo l'overlay per colorare solo lo sfondo del figcaption in modo da adeguare l'altezza al testo */
}
@media (min-width: 992px) {
  .it-grid-item-wrapper.it-grid-item-overlay .it-griditem-text-wrapper {
    padding: 8px 16px; /* override di BI */
  }
}


/* -------------------------------------------------------------------------
		FOOTER
   ------------------------------------------------------------------------- */

.it-footer .footer-bottom a:first-child {
  margin-right: 0; /* per il menu Informativa privacy e cookie */
}