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

body { overflow-x: hidden; }
.bricks-is-frontend .reveal-smooth {
  -webkit-mask: linear-gradient(to right, #000 40%, transparent 60%) 100% 0 / 250% 100% no-repeat;
  mask: linear-gradient(to right, #000 40%, transparent 60%) 100% 0 / 250% 100% no-repeat;
  --d: 0s; will-change: mask-position;
}

/* Triggered by JS */
.bricks-is-frontend .reveal-smooth.is-revealed {
  animation: smoothWipe 3s cubic-bezier(0.4, 0, 0.2, 1) var(--d) forwards;
}

/* Staggering */
.reveal-smooth:nth-child(2) { --d: 0.5s; }
.reveal-smooth:nth-child(3) { --d: 0.8s; }
.reveal-smooth:nth-child(4) { --d: 1.1s; }
.reveal-smooth:nth-child(n+5) { --d: 1.4s; }

@keyframes smoothWipe {
  to { -webkit-mask-position: 0% 0; mask-position: 0% 0; }
}

/* Safe Measure: Show element if user has JS disabled */
@media (prefers-reduced-motion: reduce) { .reveal-smooth { -webkit-mask: none; mask: none; } }
.no-js .reveal-smooth { -webkit-mask: none; mask: none; }