/* theme toggle button and back to top button moving up animation on load */
@keyframes inkoraButtonUp {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* coffee shake animation */
@keyframes inkoraCoffeeShake {
  0% {
    transform: rotate(0deg);
  }
  /* smooth controlled tilt */
  3% {
    transform: rotate(-8deg);
  }
  6% {
    transform: rotate(6deg);
  }
  9% {
    transform: rotate(-4deg);
  }
  12% {
    transform: rotate(2deg);
  }

  15% {
    transform: rotate(0deg);
  }

  /* rest */
  100% {
    transform: rotate(0deg);
  }
}

/* a tag fading opacity */
@keyframes inkoraFadeOpacity {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* float image up and down */
@keyframes inkoraImageFloat {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(0);
  }
}

.inkora-card-animate.is-visible-image .wp-post-image,
.inkora-card-animate.is-visible-image.sticky .post-thumbnail-wrap::before {
  animation: inkoraImageFloat 1.6s ease-in-out infinite;
}

/* Pause animation on hover */
.inkora-card-animate.is-visible-image:hover .wp-post-image,
.inkora-card-animate.is-visible-image.sticky:hover
  .post-thumbnail-wrap::before {
  animation-play-state: paused;
}

/* card fade up --draft-- inkora-animations.css */
.inkora-card-animate {
  transform: translateY(50px);
  transition: transform 1s linear;
  transition-delay: calc(var(--stagger, 0) * 0.2s);
}

.inkora-card-animate.is-visible {
  transform: translateY(0);
}