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

/*---FORMS---*/
.ccon_gravity_wrapper .gform_heading {
	margin-bottom: 3rem;
}

.gform-theme--foundation .ccon_gravity .gform_fields {
	row-gap: 3rem;
}

/*-SUBMIT BUTTON-*/
.ccon_gravity .gform-footer .gform_button {
	color: var(--primary) !important;
	background-color: transparent !important;
	border: solid 1px var(--primary) !important;
	border-radius: var(--radius-full) !important;
	padding-inline: 4rem !important;
	transition: all .3s ease-out !important;
}

.ccon_gravity .gform-footer .gform_button:hover {
	color: var(--text-light) !important;
	background-color: var(--primary) !important;

}

/*---ANIMATIONS---*/
/* Avoid FUC on frontend*/
.bricks-is-frontend .animation-trigger{
  opacity:0;
}
 
/* Animated Class*/
.animate{
  animation-name: fadeAnimation;
  animation-delay: calc(var(--delay, 0) * 200ms);
  animation-duration: var(--duration, 400ms);
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
 
/* Change translate Origin*/
.animation--left-to-right{
  --translate: -20px,0,0;
}
.animation--right-to-left{
  --translate: 20px,0,0;
}
.animation--top-to-bottom{
  --translate: 0,-20px,0;
}
.animation--bottom-to-top{
  --translate: 0,20px,0;
}
 
/* Keyframes */
@keyframes fadeAnimation{
  from{
    transform: translate3d(var(--translate));
  }
  to{
    opacity: 1;
    transform: translate3d(0,0,0);
  }
}

.acf-repeater-row:nth-child(odd) .acf-row-handle.order{ 
  background-color: red; 
}