/* stili Hero banner 2025 */
/*-------------*/
.hero-hashtag-2025 {
  color: var(--bs-white);
  font-family: 'Roboto-Regular', Arial, sans-serif, system-ui, -apple-system;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}
.hero-occhiello-2025 {
  color: var(--bd-ltblue);
  font-family: 'Heading-Now-63Book', Arial, sans-serif, system-ui, -apple-system;
  font-size: 1.75rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.hero-titolo-2025 {
  color: var(--bs-white) !important;
  font-family: 'Roboto-Bold', Arial, sans-serif, system-ui, -apple-system;
  font-size: 3.375rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1.25rem;
}
.hero-catenaccio-2025 {
  color: var(--bs-white);
  font-family: 'Roboto-Regular', Arial, sans-serif, system-ui, -apple-system;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 0.9;
  margin-top: 0rem;
}

@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .hero-occhiello-2025 {
    font-size: calc(1.225rem + 0.275 * ((100vw - 75rem) / 12.49)) !important;
  }
  .hero-titolo-2025 {
    font-size: calc(2.25rem + 0.75 * ((100vw - 75rem) / 12.49)) !important;
  }
  .hero-hashtag-2025 {
    font-size: calc(0.8rem + 0.075 * ((100vw - 75rem) / 12.49)) !important;
  }
  .hero-catenaccio-2025 {
    font-size: calc(0.8rem + 0.075 * ((100vw - 75rem) / 12.49)) !important;
    background-color: rgb(0, 0, 0, 0.45);
    padding: 4px 3px 5px 3px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .hero-hashtag-2025 {
    font-size: calc(0.8rem + 0.05 * ((100vw - 62rem) / 12.99)) !important;
  }
  .hero-occhiello-2025 {
    font-size: calc(1.25rem + 0.2 * ((100vw - 62rem) / 12.99)) !important;
  }
  .hero-titolo-2025  {
    font-size: calc(2.25rem + 0.5 * ((100vw - 62rem) / 12.99)) !important;
    background-color: rgb(0,0,0, 0.45);
    padding: 3px 3px 5px 3px;
  }
  .hero-catenaccio-2025 {
    font-size: calc(0.8rem + 0.05 * ((100vw - 62rem) / 12.99)) !important;
    background-color: rgb(0, 0, 0, 0.45);
    padding: 4px 3px 5px 3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .hero-hashtag-2025 {
    font-size: calc(0.85rem + 0.225 * ((100vw - 48rem) / 13.99)) !important;
    background-color: rgb(0, 0, 0, 0.45);
    padding: 5px 3px 3px 3px;
    line-height: 1.0;
    display: inline-block;
  }
  .hero-occhiello-2025 {
    font-size: calc(1.5rem + 0.25 * ((100vw - 48rem) / 13.99)) !important;
    padding: 3px 3px 3px 3px;
    line-height: 1.0;
    background-color: rgb(0, 0, 0, 0.65)
  }
  .hero-titolo-2025 {
    font-size: calc(2.75rem + 0.5 * ((100vw - 48rem) / 13.99)) !important;
    background-color: rgb(0,0,0, 0.45);
    padding: 3px 3px 5px 3px;
  }
  .hero-catenaccio-2025 {
    font-size: calc(0.85rem + 0.225 * ((100vw - 48rem) / 13.99)) !important;
    background-color: rgb(0, 0, 0, 0.45);
    padding: 4px 3px 5px 3px;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .hero-hashtag-2025 {
    font-size: calc(1.085rem + 0.15 * ((100vw - 36rem) / 11.99)) !important;
    background-color: rgb(0, 0, 0, 0.45);
    padding: 5px 3px 3px 3px;
    line-height: 1.0;
    display: inline-block;
  }
  .hero-occhiello-2025 {
    font-size: calc(1.5rem + 0.175 * ((100vw - 36rem) / 11.99)) !important;
    padding: 3px 3px 5px 3px;
    line-height: 1.0;
    background-color: rgb(0, 0, 0, 0.65)
  }
  .hero-titolo-2025 {
    font-size: calc(2.25rem + 0.375 * ((100vw - 36rem) / 11.99)) !important;
    background-color: rgb(0,0,0, 0.45);
    padding: 3px 3px 5px 3px;
  }
  .hero-catenaccio-2025 {
    font-size: calc(1.085rem + 0.15 * ((100vw - 36rem) / 11.99)) !important;
    background-color: rgb(0, 0, 0, 0.45);
    padding: 5px 3px 5px 3px;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 320px) and (max-width: 575.98px) {
  .hero-hashtag-2025 {
    font-size: calc(1.025rem + 0.25 * ((100vw - 20rem) / 15.99)) !important;
    background-color: rgb(0, 0, 0, 0.45);
    padding: 5px 3px 3px 3px;
    line-height: 1.0;
    margin-bottom: 1.0rem;
    display: inline-block;
  }
  .hero-occhiello-2025 {
    font-size: calc(1.0rem + 0.25 * ((100vw - 20rem) / 15.99)) !important;
    padding: 3px 3px 3px 3px;
    line-height: 1.0;
    background-color: rgb(0, 0, 0, 0.65)
  }
  .hero-titolo-2025 {
    font-size: calc(1.875rem + 0.625 * ((100vw - 20rem) / 15.99)) !important;
    background-color: rgb(0,0,0, 0.45);
    padding: 3px 3px 5px 3px;
    margin-bottom: 1.0rem
  }
  .hero-catenaccio-2025 {
    font-size: calc(1.025rem + 0.25 * ((100vw - 20rem) / 15.99)) !important;
    background-color: rgb(0, 0, 0, 0.45);
    padding: 4px 3px 5px 3px;
    line-height: 1.1;
  }
  .slide-button-wrapper-event-2025 {
    padding-top: 1.0rem;
  }
}
@media only screen and (max-width: 319.98px) {
  .hero-hashtag-2025 {
    font-size: 0.875rem !important;
    background-color: rgb(0, 0, 0, 0.45);
    padding: 5px 3px 3px 3px;
    line-height: 1.0;
    margin-bottom: 1.0rem;
    display: inline-block;
  }
  .hero-occhiello-2025 {
    font-size: 1.0rem !important;
    padding: 3px 3px 3px 3px;
    line-height: 1.0;
    background-color: rgb(0, 0, 0, 0.65)
  }
  .hero-titolo-2025 {
    font-size: 2.0rem !important;
    background-color: rgb(0,0,0, 0.45);
    padding: 3px 3px 5px 3px;
    margin-bottom: 1.0rem
  }
  .hero-catenaccio-2025 {
    font-size: 0.875rem !important;
    background-color: rgb(0, 0, 0, 0.45);
    padding: 4px 3px 5px 3px;
    line-height: 1.1;
  }
  .slide-button-wrapper-event-2025 {
    padding-top: 1.0rem;
  }
}

/* Fine stili Hero banner 2025*/
/*------------------*/