/*
 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
*/

.animate {
  transition: all 0.5s ease;
}

.from-left {
  opacity: 0;
  transform: translate(-100px, 0px) rotate(10deg);
}

.from-right {
  opacity: 0;
  transform: translate(100px, 0px) rotate(10deg);
}

.from-top {
  opacity: 0;
  transform: translate(0px, -100px) rotate(10deg);
}

.from-bottom {
  opacity: 0;
  transform: translate(0px, 100px) rotate(10deg);
}

[data-builder-mode] .animate,
.animate.active {
   opacity: 1;
   transform: translate(0) rotate(0);
}

@media (prefers-reduced-motion: reduce) {
  .animate {
    opacity: 1;
    transform: translate(0) rotate(0);
  }
}