.ahp_text-wrapper {
  overflow: hidden;
}

.ahp_visible-text span {
  font-size: 1.5rem;
  font-weight:bold;
  margin-bottom: 0.5em;
}

.ahp_text-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 49vh;
  pointer-events: none;
}

/*.ahp_special-text {
  position: absolute;
  font-size: 1.5rem;
  animation: fadeInSlide 3s ease-in-out; 
} */
.ahp_special-text {
  position: absolute;
  font-size: 1.5rem;
  transform: translate(0, 0);
  transition: none;
  min-width: 100px;
}

.ahp_slide-in-text {
  animation: ahpFlyIn 3s ease-in-out forwards;
}

@keyframes ahpFlyIn {
  from {
    transform: translate(0, 0);
    opacity: 0;
  }
  to {
    transform: translate(var(--target-x), var(--target-y));
    opacity: 1;
  }
}


/*@keyframes fadeInSlide {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
} */
.ahp_toggle-container {
  margin-bottom: 1em;
  margin-top:4rem;
}

#ahp_toggle_animation {
  padding: 0.5em 1em;
  font-size: 1rem;
  cursor: pointer;
  background-color: #054241;
  background-color: var(--wp--preset--color--accent-4);
  color: #fff;
  border: 1px solid #ffffff;
}

#ahp_toggle_animation[aria-pressed="true"] {
  background-color: transparent;
  color: #054241;
  color: var(--wp--preset--color--accent-4);
  border:1px solid #054241;
}

@media (min-width:782px) {
    .ahp_text-container {
        width: 60vw;
        height:80vh;
    }
    .ahp_toggle-container {
        margin-bottom: 0;
        position:absolute;
        bottom: 0;
        left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
  .ahp_special-text {
    animation: none !important;
    transition: none !important;
  }
}