/* Arrow icon animation */

.loop-fade-down {
  animation: fadeDownLoop 3.5s ease-in-out infinite;
}

@keyframes fadeDownLoop {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }

  40% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Scale on hover effect */

.hover-scale {
  transform-style: preserve-3d;
}

.hover-scale > * {
  transition:
    transform .35s cubic-bezier(.2,.6,.2,1),
    filter .25s ease;

  transform-origin: center center;
  will-change: transform, filter;
}

.hover-scale:hover > * {
  transform: scale(1.05);

  box-shadow: none !important;

  filter: drop-shadow(0 0 18px rgba(0,0,0,0.28));
}

/* Inline Text shadow */

.text-inline-shadow p,
.text-inline-shadow span,
.text-inline-shadow a,
.text-inline-shadow em,
.text-inline-shadow strong,
.text-inline-shadow h1,
.text-inline-shadow h2,
.text-inline-shadow h3,
.text-inline-shadow h4,
.text-inline-shadow h5,
.text-inline-shadow h6 {
  text-shadow: 0 1px 4px rgba(0,0,0,0.30);
}