/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Native smooth scrolling */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* Smooth reveal system */
.has-reveal-js .fx-reveal {
  --fx-duration: 1000ms;
  --fx-delay: 0ms;
  --fx-ease: cubic-bezier(.22, 1, .36, 1);
  --fx-x: 0px;
  --fx-y: clamp(24px, 4vw, 44px);
  --fx-scale: .985;
  --fx-blur: 0px;

  opacity: 0;
  filter: blur(var(--fx-blur));
  transform:
    translate3d(var(--fx-x), var(--fx-y), 0)
    scale(var(--fx-scale));
  transition:
    opacity var(--fx-duration) var(--fx-ease) var(--fx-delay),
    transform var(--fx-duration) var(--fx-ease) var(--fx-delay),
    filter var(--fx-duration) var(--fx-ease) var(--fx-delay);
  transform-origin: center;
}

.has-reveal-js .fx-reveal.is-visible {
  opacity: 1;
  filter: blur(0);
  transform:
    translate3d(0, 0, 0)
    scale(1);
}

/* Reveal directions */
.fx-reveal--left {
  --fx-x: clamp(-44px, -4vw, -24px);
  --fx-y: 0px;
}

.fx-reveal--right {
  --fx-x: clamp(24px, 4vw, 44px);
  --fx-y: 0px;
}

.fx-reveal--down {
  --fx-y: clamp(-44px, -4vw, -24px);
}

.fx-reveal--zoom {
  --fx-y: 0px;
  --fx-scale: .94;
}

.fx-reveal--soft {
  --fx-blur: 7px;
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  .has-reveal-js .fx-reveal {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
  }
}