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

/**animation**/
/* Hero Image Settle */
.brx-animate-heroImageSettle {
  animation-name: hero-image-settle;
  animation-fill-mode: both;
}

@keyframes hero-image-settle {
  from {
    opacity: 0.55;
    transform: scale(1.1);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}


/* Hero Shade In */
.brx-animate-heroShadeIn {
  animation-name: hero-shade-in;
  animation-fill-mode: both;
}

@keyframes hero-shade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


/* Hero Title In */
.brx-animate-heroTitleIn {
  animation-name: hero-title-in;
  animation-fill-mode: both;
}

@keyframes hero-title-in {
  from {
    opacity: 0;
    transform: translateY(44px);
    letter-spacing: -8px;
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* Hero Rise */
.brx-animate-heroRise {
  animation-name: hero-rise;
  animation-fill-mode: both;
}

@keyframes hero-rise {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* Scroll Nudge */
.brx-animate-scrollNudge {
  animation-name: scroll-nudge;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@keyframes scroll-nudge {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(7px);
  }
}

.brx-animate-fadeInUp {
  animation-name: fadeInUpCustom;
  animation-duration: 0.72s;
  animation-timing-function: cubic-bezier(.2, .65, .25, 1);
  animation-fill-mode: both;
}

@keyframes fadeInUpCustom {
  from {
    opacity: 0;
    transform: translateY(35px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}