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

header{
	height: 100px;
	overflow: visible;
}

.brx-animate-guitarHeroIn {
	animation-name: guitar-hero;
}

@keyframes guitar-hero {
	0% {
		animation-timing-function: ease-in-out;
		opacity: 0;
		transform: translate3D(-10%, 5%, 0);
	}

	50% {
		opacity: 1;
	}

	100% {
		animation-timing-function: ease-out;
		transform: translate3D(0, 0, 0);
	}
}

.brx-animate-smoothPopUpIn {
	animation-name: smooth-pop-up;
}

@keyframes smooth-pop-up{
	0% {
		animation-timing-function: ease-in-out;
		opacity: 0;
		transform: translateY(10%);
	}

	50% {
		opacity: 1;
	}

	100% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}
}

.brx-animate-FadeTurnRightIn {
	animation-name: fade-turn-right;
}

@keyframes fade-turn-right {
	0% {
		animation-timing-function: ease-in-out;
		opacity: 0;
		transform: rotateZ(18deg);
	}

	50% {
		opacity: 1;
	}

	100% {
		animation-timing-function: ease-out;
		transform: rotateZ(4deg);
	}
}

.brx-animate-FadeTurnLeftIn {
	animation-name: fade-turn-left;
}

@keyframes fade-turn-left {
	0% {
		animation-timing-function: ease-in-out;
		opacity: 0;
		transform: rotateZ(-18deg);
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: rotateZ(-4deg);
	}
}