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


/*** GENERAL ***/
.gradient-text--orange {
	 background: linear-gradient(71deg, rgba(253, 215, 86, 1) 0%, rgba(240, 84, 34, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.gradient-text--primary {
	 background: linear-gradient(151deg,rgba(240, 84, 34, 1) 20%, rgba(0, 76, 124, 1) 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}


/*** HEADER ***/
.header .ctabtn {
	font-size: 16px;
}

@media screen and (max-width:991px) {
  .header .ctabtn {
    line-height: 1em;
    padding: 0px;
    margin-left: 30px;
  }
}

/*** ANIMATIONS ***/
/* These make bricks animations FAR more subtle, instead of full width 100% transforms. */

.brx-body .brx-animate-fadeInUp {
  animation-name: rip_fadeInUp;
}

@keyframes rip_fadeInUp{
  0%{opacity:0;transform:translate3d(0,30px,0)}
  100%{opacity:1;transform:translateZ(0)}
}

.brx-body .brx-animate-fadeInDown {
  animation-name: rip_fadeInDown;
}

@keyframes rip_fadeInDown{
  0%{opacity:0;transform:translate3d(0,-30px,0)}
  100%{opacity:1;transform:translateZ(0)}
}

.brx-body .brx-animate-fadeInLeft {
  animation-name: rip_fadeInLeft;
}

@keyframes rip_fadeInLeft{
  0%{opacity:0;transform:translate3d(-30px,0,0)}
  100%{opacity:1;transform:translateZ(0)}
}

.brx-body .brx-animate-fadeInRight {
  animation-name: rip_fadeInRight;
}

@keyframes rip_fadeInRight{
  0%{opacity:0;transform:translate3d(30px,0,0)}
  100%{opacity:1;transform:translateZ(0)}
}