/* Slides */
.block-views-blockhp-slider-block-1 {
  .slider--item {
    a {
      display: block;
      position: relative;
      min-height: 400px;
      cursor: pointer;
    }
  }
  .flexslider .slides {
    img {
      max-height: 400px;
      object-fit: cover;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: -1;
    }
    span {
      position: absolute;
      bottom: 40px;
      display: inline-block;
      padding: 0.625rem 0.625rem;
      font-size: 1.25rem;
      animation-name: fadeOutLeft;
      animation-duration: 0.6s;
      animation-fill-mode: both;
    }
    .flex-active-slide {
      span {
        animation-name: fadeInLeft;
        animation-delay: 0.6s;
        animation-duration: 0.6s;
        animation-fill-mode: both;
      }
    }
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}