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

/* Basics */

html, body {
	overflow-x: hidden;
}

/* Font Styles */

/* Footer */

/* ============================================ */
/* Media Queries */
@media (max-width: 1200px) {}

@media (max-width: 1023px) {
	.leistungen__text {
		opacity: 1 !important;
		height: 100% !important;
	}
	
	.leistungen__arrow {
		opacity: 1 !important;
	}
}

@media (max-width: 960px) {}

@media (max-width: 767px) {}

@media (max-width: 600px) {}

/* Animations */

/* Avoid FUC on frontend*/
.bricks-is-frontend .animation-trigger{
  opacity:0;
}

/* Animated Class*/
.animate, .animate-loop .loop-items{
  animation-name: fadeAnimation;
  animation-delay: calc(var(--delay, 1) * 200ms);
  animation-duration: var(--duration, 450ms);
  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;
}

.animation--fade-in {
  --translate: 0,0,0;
}
 
/* Keyframes */
@keyframes fadeAnimation{
  from{
    transform: translate3d(var(--translate));
  }
  to{
    opacity: 1;
    transform: translate3d(0,0,0);
  }
}

.animate-loop .loop-items:nth-child(1) { --delay: 0; }
.animate-loop .loop-items:nth-child(2) { --delay: 1; }
.animate-loop .loop-items:nth-child(3) { --delay: 2; }
.animate-loop .loop-items:nth-child(3) { --delay: 3; }

.animation-hover--scale-down:hover {
  transform: scale(0.8);
}