.editor-styles-wrapper .is-root-container.home .hero, body.frontend.home .hero {
  position: fixed;
}
.editor-styles-wrapper .is-root-container .hero, body.frontend .hero {
  position: fixed;
  top: 0;
  z-index: 3;
  height: 100dvh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.editor-styles-wrapper .is-root-container .hero .overlay, body.frontend .hero .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .editor-styles-wrapper .is-root-container .hero, body.frontend .hero {
    position: fixed;
  }
}
.editor-styles-wrapper .is-root-container .hero.fade-out, body.frontend .hero.fade-out {
  opacity: 0;
  pointer-events: none;
}
.editor-styles-wrapper .is-root-container .hero.arrow-hidden, body.frontend .hero.arrow-hidden {
  height: 500px;
}
.editor-styles-wrapper .is-root-container .hero.arrow-hidden .hero__image-desktop, body.frontend .hero.arrow-hidden .hero__image-desktop {
  height: 500px;
}
.editor-styles-wrapper .is-root-container .hero.arrow-hidden img, body.frontend .hero.arrow-hidden img {
  height: 500px;
}
.editor-styles-wrapper .is-root-container .hero.arrow-hidden .down-arrow, body.frontend .hero.arrow-hidden .down-arrow {
  display: none;
}
.editor-styles-wrapper .is-root-container .hero img, body.frontend .hero img {
  position: relative;
  height: 100dvh;
  width: 100vw;
  object-fit: cover;
}
.editor-styles-wrapper .is-root-container .hero__content, body.frontend .hero__content {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  color: #FDF9EE;
  height: fit-content;
  z-index: 2;
}
.editor-styles-wrapper .is-root-container .hero__content .eyebrow, body.frontend .hero__content .eyebrow {
  text-shadow: 0px 4px 36px #000;
}
.editor-styles-wrapper .is-root-container .hero__content h1, body.frontend .hero__content h1 {
  text-shadow: 0px 4px 36px #000;
}
@media only screen and (min-width: 992px) {
  .editor-styles-wrapper .is-root-container .hero__content h1, body.frontend .hero__content h1 {
    width: 60%;
    margin: 0 auto;
  }
}
.editor-styles-wrapper .is-root-container .hero .down-arrow, body.frontend .hero .down-arrow {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  top: calc(100dvh - 80px);
  z-index: 2;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .editor-styles-wrapper .is-root-container .hero .down-arrow, body.frontend .hero .down-arrow {
    top: unset;
    bottom: 50px;
  }
}
.editor-styles-wrapper .is-root-container .hero .down-arrow svg, body.frontend .hero .down-arrow svg {
  transition: all 0.4s ease;
}
.editor-styles-wrapper .is-root-container .hero .down-arrow svg rect,
.editor-styles-wrapper .is-root-container .hero .down-arrow svg .arrow, body.frontend .hero .down-arrow svg rect,
body.frontend .hero .down-arrow svg .arrow {
  transition: all 0.4s ease;
}
.editor-styles-wrapper .is-root-container .hero .down-arrow svg .arrow, body.frontend .hero .down-arrow svg .arrow {
  animation: arrowMoveReverse 0.5s ease-in-out forwards;
}
.editor-styles-wrapper .is-root-container .hero .down-arrow:hover svg, body.frontend .hero .down-arrow:hover svg {
  transform: scale(0.8);
}
.editor-styles-wrapper .is-root-container .hero .down-arrow:hover svg rect, body.frontend .hero .down-arrow:hover svg rect {
  fill: #ffffff;
}
.editor-styles-wrapper .is-root-container .hero .down-arrow:hover svg .arrow, body.frontend .hero .down-arrow:hover svg .arrow {
  fill: #a61d3a;
  animation: arrowMove 0.5s ease-in-out forwards;
}

body.wp-admin .hero {
  position: relative !important;
}