.ht--filter .w-filter-item-value.selected .w-filter-item-value-label {
  background: #e3032d !important;
  color: #fff;
  border: 2px solid #fff !important;
}
.ht--filter .w-filter-item-value.selected {
  background: transparent !important;
}
.ht--filter .w-filter-item-value-label {
}
hover {
  border-radius: 9999px;
  background: #e3032d;
  border: 2px solid #fff;
  color: #fff;
}
.ht--filter .w-filter-item-value:hover {
  background: transparent !important;
}
.ht--filter .w-filter-item-value-label {
  border: 2px solid #17202c;
  border-radius: 9999px;
  padding: 16px 24px;
  line-height: 1;
}
.ht--filter label {
  padding-inline: 20px !important;
}
.ht--filter .w-filter-item-value * {
  font-size: clamp(14px, 12px + 0.625vw, 20px);
  color: #17202c;
}

@media (width > 1204px) {
  .ht--tass-singolo-articolo .us-btn-style_5 {
    margin-right: 40px !important;
  }
}

@media (width < 1024px) {
  .ht--tass-singolo-articolo .us-btn-style_5 {
    padding: 8px 16px;
    display: flex;
    width: fit-content;
  }
  .ht--tass-singolo-articolo .w-post-elm-list {
  }

  .ht--tass-singolo-articolo .w-post-elm-list {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (width < 600px) {
  .ht--filter {
    widows: 100%;
    margin-inline: auto;
    border: 1px solid #000;
    padding: 8px 24px;
    border-radius: 999px;
  }
  .ht--filter {
    .w-filter-item-value-label {
      border: 2px solid #17202c;
      border-radius: 9999px;
      padding: 8px;
      line-height: 1;
    }
    .w-filter-item-value {
      width: fit-content !important;
    }
    .w-filter-item-values .g-filters-list,
    .w-filter.state_desktop[class*="style_switch_"] .w-filter-item-values {
      justify-content: center !important;
    }
  }
}

.ht--continua-leggere {
}

@media (width > 1024px) {
  .ht--mega-cta-blog {
    background: url("/wp-content/uploads/2024/08/esagono_cta_blog.png")
      no-repeat center center / contain;
    background-color: #1c2735;
  }
}
@media (width < 1024px) {
  .ht--mega-cta-blog {
    background-color: #1c2735;
  }
}

/* ____________ typography article blog ________________ */
.ht--contenuto-articolo h2 {
  font-size: clamp(30px, -24px + 5.25vw, 42px) !important;
  margin-bottom: 16px;
}
.ht--contenuto-articolo h3 {
  font-size: clamp(22px, 14.8px + 2.5625vw, 32px) !important;
  margin-bottom: 16px;
}
.ht--contenuto-articolo h4 {
  font-size: clamp(20px, 19.2px + 1.5vw, 28px) !important;
  margin-bottom: 16px;
}
.ht--contenuto-articolo h5 {
  font-size: clamp(18px, 16px + 1.25vw, 20px) !important;
  margin-bottom: 16px;
}

@media (width > 600px) {
  .ht--filter .w-filter-item-values {
    row-gap: 16px;
  }
}