@charset "UTF-8";
/**
 * Bootstrap 5.3 – Variabili SCSS di base
 * @see https://getbootstrap.com/docs/5.3/customize/sass/
 */
/* ----------------------------------------------------------
 * SPACING
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * COLOR SYSTEM
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BODY
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * TYPOGRAPHY
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * LINK
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BUTTONS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * BORDER RADIUS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * ACCORDION
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
 * TABS
 * ---------------------------------------------------------- */
/* ----------------------------------------------------------
* CONTAINER
* ---------------------------------------------------------- */
.container-fluid {
  padding: 0 1.5rem !important;
}

/* ----------------------------------------------------------
* COLORS
* ---------------------------------------------------------- */
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1,
p,
.p {
  color: #00263e;
}

.block__hero-hp .block-img {
  height: 100vh;
}
@media (max-width: 991.98px) {
  .block__hero-hp .block-img {
    height: 100vh;
  }
}
.block__hero-hp .hero-overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 10%, transparent 50%);
  inset: 0px;
}
.block__hero-hp .video-toggle-btn {
  width: 44px;
  height: 44px;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.block__hero-hp .video-toggle-btn:focus-visible {
  outline: 3px solid #ae1919;
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .block__hero-hp #hero-video {
    display: none;
  }
}