/**
 * @file
 * Stili per il blocco Sommario (link anchor).
 */

 .sommario-anchor {
  margin-top: 2rem;
 }

.sommario-anchor__title {
  color: #007C7C;
  font-size: 20px;
  font-weight: bold;
}

.sommario-anchor__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  overflow-x: scroll;
  height: 60px;
}

/* OverlayScrollbars wrappa la UL: i LI finiscono dentro .os-content. */
.sommario-anchor__list.os-host .os-content {
  display: flex;
  flex-wrap: nowrap;
}
.sommario-anchor__list .os-scrollbar.os-scrollbar-horizontal {
    margin-top: 20px;
    bottom: 0;
}
/* Colore scrollbar */
.sommario-anchor__list.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track,
.sommario-anchor__list.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track {
background: #eef1f7 !important;
border-radius: 8px;
}

.sommario-anchor__list.os-theme-dark .os-scrollbar-handle {
background: #007c7c !important;
border-radius: 8px;
}

.sommario-anchor__item {
  padding: 8px 16px;
  background-color: #F4F6F7;
  text-transform: uppercase;
  margin-right: 10px;
  flex: 0 0 auto;
}

.sommario-anchor__link {
  color: #616E76;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  white-space: nowrap;
}

.sommario-anchor__link:hover {
  text-decoration: none;
}