/* stili Hero banner */
/*-------------*/

.jumbotron {
  height: 360px;
  margin-bottom: 2.5rem;
}
.page-header-image {
  margin-bottom: 2.5rem;
}
.jumbotron-home {
  height: 360px;
  margin-bottom: 9rem;
}
.hero-occhiello {
  color: var(--bs-white);
  font-family: 'Averta-Bold', Arial, sans-serif, system-ui, -apple-system;
  font-size: 1.125rem;
  font-weight: 300;
  margin-bottom: 2.5rem;
}
.hero-titolo {
  color: var(--bs-white) !important;
  font-family: 'Averta-Bold', Arial, sans-serif, system-ui, -apple-system;
  font-size: 4.25rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0.25rem;
}
.hero-catenaccio {
  color: var(--bs-white);
  font-family: 'Averta-Bold', Arial, sans-serif, system-ui, -apple-system;
  font-size: 2.375rem;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 3.5rem;
}
.hero-occhiello-2022 {
  color: var(--bs-white);
  font-family: 'Titillium Web', Arial, sans-serif, system-ui, -apple-system;
  font-size: 1.125rem;
  font-weight: 300;
  margin-bottom: 1.75rem;
}
.hero-titolo-2022 {
  color: var(--bs-white) !important;
  font-family: 'Titillium Web', Arial, sans-serif, system-ui, -apple-system;
  font-size: 4.25rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0.25rem;
}
.hero-catenaccio-2022 {
  color: var(--bs-white);
  font-family: 'Titillium Web', Arial, sans-serif, system-ui, -apple-system;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 0.9;
  margin-top: 0.75rem;
}
.hero-occhiello-2023 {
  color: var(--bs-white);
  font-family: 'Bebas-Neue-Regular', Arial, sans-serif, system-ui, -apple-system;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 0.25rem;
}
.hero-titolo-2023 {
  color: var(--bs-white) !important;
  font-family: 'Averta-Bold', Arial, sans-serif, system-ui, -apple-system;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0.25rem;
}
.hero-catenaccio-2023 {
  color: var(--bs-white);
  font-family: 'Bebas-Neue-Light', Arial, sans-serif, system-ui, -apple-system;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 0.9;
  margin-top: 0.75rem;
}
.hero-hashtag-2024 {
  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-2024 {
  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-2024 {
  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-2024 {
  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;
}
.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;
}
.hero-bottoni > .btn {
  text-transform: uppercase;
  margin-bottom: 0;
}
.hero-bottoni > a.btn.btn-dkred-cerchio {
  background-color: var(--bs-btn-bg);
  border: 2px solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  color: var(--bs-btn-color);
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
.hero-bottoni > a.btn.btn-dkred-cerchio:hover {
  background-color: var(--bs-btn-color);
  border: 2px solid var(--bs-btn-color);
  border-radius: var(--bs-btn-border-radius);
  color: var(--bs-btn-bg);
}

@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .hero-occhiello-2023, .hero-occhiello-2024, .hero-occhiello-2025 {
    font-size: calc(1.225rem + 0.275 * ((100vw - 75rem) / 12.49)) !important;
  }
  .hero-titolo-2023, .hero-titolo-2024, .hero-titolo-2025 {
    font-size: calc(2.25rem + 0.75 * ((100vw - 75rem) / 12.49)) !important;
  }
  .hero-catenaccio-2023 {
    font-size: calc(1.225rem + 0.275 * ((100vw - 75rem) / 12.49)) !important;
  }
  .hero-hashtag-2024 {
    font-size: calc(0.8rem + 0.075 * ((100vw - 75rem) / 12.49)) !important;
  }
  .hero-catenaccio-2024 {
    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;
  }
  .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-occhiello-2023 {
    font-size: calc(1.225rem + 0.2 * ((100vw - 62rem) / 12.99)) !important;
  }
  .hero-titolo-2023 {
    font-size: calc(2.25rem + 0.5 * ((100vw - 62rem) / 12.99)) !important;
  }
  .hero-catenaccio-2023 {
    font-size: calc(1.225rem + 0.2 * ((100vw - 62rem) / 12.99)) !important;
  }
  .hero-hashtag-2024 {
    font-size: calc(0.8rem + 0.05 * ((100vw - 62rem) / 12.99)) !important;
  }
  .hero-occhiello-2024 {
    font-size: calc(1.25rem + 0.2 * ((100vw - 62rem) / 12.99)) !important;
  }
  .hero-titolo-2024  {
    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-2024 {
    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;
  }
  .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-occhiello {
    font-size: calc(0.775rem + 0.36 * ((100vw - 48rem) / 13.99)) !important;
  }
  .hero-titolo {
    font-size: calc(2.75rem + 1.525 * ((100vw - 48rem) / 13.99)) !important;
  }
  .hero-catenaccio {
    font-size: calc(1.1rem + 0.425 * ((100vw - 48rem) / 13.99)) !important;
  }
  .hero-occhiello-2022 {
    font-size: calc(1.1rem + 0.425 * ((100vw - 48rem) / 13.99)) !important;
  }
  .hero-titolo-2022 {
    font-size: calc(2.75rem + 1.525 * ((100vw - 48rem) / 13.99)) !important;
  }
  .hero-catenaccio-2022 {
    font-size: calc(1.1rem + 0.425 * ((100vw - 48rem) / 13.99)) !important;
  }
  .hero-occhiello-2023 {
    font-size: calc(1.225rem + 0.2 * ((100vw - 48rem) / 13.99)) !important;
  }
  .hero-titolo-2023 {
    font-size: calc(2.25rem + 0.5 * ((100vw - 48rem) / 13.99)) !important;
  }
  .hero-catenaccio-2023 {
    font-size: calc(1.225rem + 0.2 * ((100vw - 48rem) / 13.99)) !important;
  }
  .hero-hashtag-2024 {
    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-2024 {
    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-2024 {
    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-2024 {
    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;
  }
  .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-occhiello {
    font-size: calc(0.775rem + 0.36 * ((100vw - 36rem) / 11.99)) !important;
  }
  .hero-titolo {
    font-size: calc(2.75rem + 1.525 * ((100vw - 36rem) / 11.99)) !important;
  }
  .hero-catenaccio {
    font-size: calc(1.1rem + 0.425 * ((100vw - 36rem) / 11.99)) !important;
  }
  .hero-occhiello-2022 {
    font-size: calc(1.1rem + 0.425 * ((100vw - 36rem) / 11.99)) !important;
  }
  .hero-titolo-2022 {
    font-size: calc(3.5rem + 0.5 * ((100vw - 36rem) / 11.99)) !important;
  }
  .hero-catenaccio-2022 {
    font-size: calc(1.1rem + 0.425 * ((100vw - 36rem) / 11.99)) !important;
  }
  .hero-occhiello-2023 {
    font-size: calc(1.375rem + 0.15 * ((100vw - 36rem) / 11.99)) !important;
  }
  .hero-titolo-2023 {
    font-size: calc(1.5rem + 0.325 * ((100vw - 36rem) / 11.99)) !important;
  }
  .hero-catenaccio-2023 {
    font-size: calc(1.375rem + 0.15 * ((100vw - 36rem) / 11.99)) !important;
  }
  .hero-hashtag-2024 {
    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-2024 {
    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-2024 {
    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-2024 {
    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;
  }
  .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-occhiello {
    font-size: calc(0.775rem + 0.36 * ((100vw - 20rem) / 15.99)) !important;
  }
  .hero-titolo {
    font-size: calc(2.75rem + 1.525 * ((100vw - 20rem) / 15.99)) !important;
  }
  .hero-catenaccio {
    font-size: calc(1.1rem + 0.425 * ((100vw - 20rem) / 15.99)) !important;
  }
  .hero-occhiello-2022 {
    font-size: calc(1.1rem + 0.425 * ((100vw - 20rem) / 15.99)) !important;
  }
  .hero-titolo-2022 {
    font-size: calc(2.75rem + 1.25 * ((100vw - 20rem) / 15.99)) !important;
  }
  .hero-catenaccio-2022 {
    font-size: calc(1.1rem + 0.425 * ((100vw - 20rem) / 15.99)) !important;
  }
  .hero-occhiello-2023 {
    font-size: calc(1.25rem + 0.275 * ((100vw - 20rem) / 15.99)) !important;
  }
  .hero-titolo-2023 {
    font-size: calc(1.875rem + 0.625 * ((100vw - 20rem) / 15.99)) !important;
  }
  .hero-catenaccio-2023 {
    font-size: calc(1.25rem + 0.275 * ((100vw - 20rem) / 15.99)) !important;
  }
  .hero-hashtag-2024 {
    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-2024 {
    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-2024 {
    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-2024 {
    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;
  }
  .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-2024, .slide-button-wrapper-event-2025 {
    padding-top: 1.0rem;
  }
}
@media only screen and (max-width: 319.98px) {
  .hero-occhiello {
    font-size: 0.775rem !important;
  }
  .hero-titolo {
    font-size: 2.25rem !important;
  }
  .hero-catenaccio {
    font-size: 1.1rem !important;
  }
  .hero-occhiello-2022 {
    font-size: 0.775rem !important;
  }
  .hero-titolo-2022 {
    font-size: 2.25rem !important;
  }
  .hero-catenaccio-2022 {
    font-size: 1.1rem !important;
  }
  .hero-occhiello-2022 {
    font-size: 0.775rem !important;
  }
  .hero-titolo-2022 {
    font-size: 2.25rem !important;
  }
  .hero-catenaccio-2022 {
    font-size: 1.1rem !important;
  }
  .hero-occhiello-2023 {
    font-size: 0.775rem !important;
  }
  .hero-titolo-2023 {
    font-size: 2.25rem !important;
  }
  .hero-catenaccio-2023 {
    font-size: 1.1rem !important;
  }
  .hero-hashtag-2024 {
    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-2024 {
    font-size: 1.0rem !important;
    padding: 3px 3px 3px 3px;
    line-height: 1.0;
    background-color: rgb(0, 0, 0, 0.65)
  }
  .hero-titolo-2024 {
    font-size: 2.0rem !important;
    background-color: rgb(0,0,0, 0.45);
    padding: 3px 3px 5px 3px;
    margin-bottom: 1.0rem
  }
  .hero-catenaccio-2024 {
    font-size: 0.875rem !important;
    background-color: rgb(0, 0, 0, 0.45);
    padding: 4px 3px 5px 3px;
    line-height: 1.1;
  }
  .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-2024, .slide-button-wrapper-event-2025 {
    padding-top: 1.0rem;
  }
}

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