.is-headerimage-with-text {
  color: var(--rh--color--footer--text);
}
.is-headerimage-with-text .is-text-group {
  position: absolute;
  left: 2rem;
  bottom: 4rem;
}
@media (min-width: 840px) {
  .is-headerimage-with-text .is-text-group {
    left: 4rem;
  }
}
.is-headerimage-with-text .is-text-group p {
  font-size: clamp(1.7rem, 2vw, 2rem);
}
.is-headerimage-with-text.alignfull .wp-block-cover__inner-container {
  max-width: 100%;
}
.is-headerimage-with-text.wp-block-cover > .has-background-dim::before {
  background: linear-gradient(45deg, var(--rh--color--footer), transparent);
  opacity: 0.9;
}
.is-headerimage-with-text .wp-block-heading {
  font-size: var(--rh--h1--font-size);
  color: var(--rh--color--footer--text);
}
@media (min-width: 840px) {
  .is-headerimage-with-text {
    min-height: 500px !important;
  }
}
@media (min-width: 1200px) {
  .is-headerimage-with-text {
    min-height: 35vw !important;
  }
}

.slide-in-bottom {
  animation: slide-in-bottom 1.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .slide-in-bottom {
    animation: none;
  }
}

@keyframes slide-in-bottom {
  0% {
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.slide-in-top {
  animation: slide-in-top 1.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .slide-in-top {
    animation: none;
  }
}

@keyframes slide-in-top {
  0% {
    transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.slide-in-left {
  animation: slide-in-left 1.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .slide-in-left {
    animation: none;
  }
}

@keyframes slide-in-left {
  0% {
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.slide-in-right {
  animation: slide-in-right 1.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .slide-in-right {
    animation: none;
  }
}

@keyframes slide-in-right {
  0% {
    transform: translateX(500px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}