/** Petalya OptimBlog Scroll Reveal v1.0 */

#information-category .information-layout.petalya-blog-reveal,
#information-search .information-layout.petalya-blog-reveal {
  opacity: 0;
  transform: translate3d(0, 30px, 0) scale(.985);
  transition:
    opacity .62s ease var(--petalya-reveal-delay, 0ms),
    transform .78s cubic-bezier(.22, 1, .36, 1) var(--petalya-reveal-delay, 0ms);
  will-change: opacity, transform;
}

#information-category .information-layout.petalya-blog-reveal.is-visible,
#information-search .information-layout.petalya-blog-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  will-change: auto;
}

#information-category .petalya-blog-image,
#information-search .petalya-blog-image {
  overflow: hidden;
}

#information-category .petalya-blog-image-element,
#information-search .petalya-blog-image-element {
  transform: scale(1.055);
  transition: transform 1.05s cubic-bezier(.22, 1, .36, 1);
  backface-visibility: hidden;
}

#information-category .petalya-blog-reveal.is-visible .petalya-blog-image-element,
#information-search .petalya-blog-reveal.is-visible .petalya-blog-image-element {
  transform: scale(1);
}

#information-category .petalya-blog-card,
#information-search .petalya-blog-card {
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
  transition:
    transform .28s cubic-bezier(.22, 1, .36, 1),
    box-shadow .28s ease !important;
}

#information-category .petalya-blog-card.is-touching,
#information-search .petalya-blog-card.is-touching {
  transform: scale(.985);
}

@media (max-width: 767px) {
  #information-category .information-layout.petalya-blog-reveal,
  #information-search .information-layout.petalya-blog-reveal {
    transform: translate3d(0, 24px, 0) scale(.98);
  }

  #information-category .information-layout.petalya-blog-reveal.is-visible,
  #information-search .information-layout.petalya-blog-reveal.is-visible {
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  #information-category .information-layout.petalya-blog-reveal,
  #information-search .information-layout.petalya-blog-reveal,
  #information-category .petalya-blog-image-element,
  #information-search .petalya-blog-image-element,
  #information-category .petalya-blog-card,
  #information-search .petalya-blog-card {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}