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


/* Testimonails Slider */
:root {
  --viewport-max-width: 1280px;
  --viewport-inline-padding: calc((100vw - min(94.5vw, var(--viewport-max-width, 1280px))) / 2);
}

@media (max-width: 767px) {
	:root {
	 --viewport-inline-padding: calc((100vw - min(87.5vw, var(--viewport-max-width, 1280px))) / 2);	
	}
}


/* Animated Cards */
.animated-card.visible {
	opacity: 1!important;
  	transform: translateY(0)!important;
}

/* Utility Classes */
.box-shadow {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 8px 0 rgba(99, 99, 99, 0.20);
}

/* CF7 */

.wpcf7-response-output {
	position: absolute;
	bottom: 0;
	margin: 0;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: transparent;
  background-color: #E6FCEF;
  border-radius: 4px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: transparent;
  background-color: #FFE5C7;
  border-radius: 4px;
}

/* Animations */
@keyframes slideInCt {
	0% {
		opacity: 0;
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
	}
	100% {
		opacity: 1;
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
	}
}


@keyframes slideInY {
  0% {
    opacity: 0;
    transform: translateY(100%);
	-webkit-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
	-webkit-transform: translateY(0%);
  }
}

@keyframes slideInX {
  0% {
    opacity: 0;
    transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(-16);
	-webkit-transform: translateX(-16);  
  }
}


@keyframes slideInX1 {
  0% {
    opacity: 0;
    transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
	-webkit-transform: translateX(-100%);
  }
}