/**
 * Variables
 * Variables should follow the $component-state-property-size formula for
 * consistent naming. Examples:
 * $nav-link-disabled-color
 * $modal-content-box-shadow-xs 
 *
 * Customization:
 * To customize Bootstrap variables:
 * Copy the desired variable from node_modules/bootstrap/scss/_variables.scss
 * @see https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss
 * Change the value and remove the !default flag.
 * Examples:
 * $body-bg: $yuvezzi-black;
 * $body-color: $gray-100;
 */
.promo-banner {
  width: 100%;
  color: #fff;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.25) inset;
  background: #179900;
}
.promo-banner__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1160px;
  padding: 8px 0;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 991.98px) {
  .promo-banner__inner {
    padding: 6px 16px;
  }
}
.promo-banner__content {
  color: #fff;
  text-align: center;
  font-family: Figtree;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
@media only screen and (max-width: 991.98px) {
  .promo-banner__content {
    font-size: 15px;
  }
}
.promo-banner__content p,
.promo-banner__content div {
  margin: 0;
  color: inherit;
}
.promo-banner__content a {
  color: #fff;
  font-family: Figtree;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  cursor: pointer;
}
@media only screen and (max-width: 991.98px) {
  .promo-banner__content a {
    font-size: 15px;
  }
}

.block--promo-banner-block,
.block-promo-banner-block {
  margin: 0;
}

.promo-header-olv .promo-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  background-color: #ffffff;
  box-shadow: none;
  padding-top: env(safe-area-inset-top, 0px) !important;
  box-sizing: border-box;
  overflow: hidden;
}
.promo-header-olv .promo-banner::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: env(safe-area-inset-top, 0px);
  bottom: 0;
  background-color: #179900;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.25) inset;
  pointer-events: none;
  z-index: 0;
}
.promo-header-olv .promo-banner .promo-banner__inner {
  position: relative;
  z-index: 1;
}
.promo-header-olv .page-header {
  top: calc(49px + env(safe-area-inset-top, 0px)) !important;
}
@media (max-width: 992px) {
  .promo-header-olv .page-header {
    top: calc(34px + env(safe-area-inset-top, 0px)) !important;
  }
}

/*# sourceMappingURL=promo-banner.css.map*/