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

/** ANIMATIONS **/

/* Fade In Up */
.brx-animate-subtleFadeInUp {
	animation-name: slide-in-up;
}

@keyframes slide-in-up {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

/* Fade In Right */
.brx-animate-subtleFadeInRight {
	animation-name: slide-in-right;
}

@keyframes slide-in-right {
	0% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

/* Fade In Left */
.brx-animate-subtleFadeInLeft {
	animation-name: slide-in-left;
}

@keyframes slide-in-left {
	0% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

/** End Animations **/

body {
	overflow-x: hidden !important;
}

.hide {
	display: none !important;
}

a.active-page, .current-menu-item > a {
	font-weight: bold;
}

.nav a:hover {
	font-weight: bold;
}

/* Buttons */
.bricks-background-light, .bricks-background-dark {
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

/** Header **/
#header:has(.show-mobile-menu) {
	background: var(--gray-blue);
}

.page-id-145 #header {
	background-color: var(--gray-blue) !important;
}

.heading__menu .menu-item {
	position: relative;
}

.heading__menu ul:not(.bricks-mobile-menu) > .bricks-menu-item:after {
	-webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    position: absolute;
    display: block;
    bottom: -6px;
    left: 0;
    width: 100%;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    border-top: 2px solid #fff;
    content: "";
    padding-bottom: inherit;
	transform-origin: right;
}

.heading__menu ul:not(.bricks-mobile-menu) > .bricks-menu-item:hover:after, .heading__menu ul:not(.bricks-mobile-menu) > .bricks-menu-item.current-menu-item:after {
	transform-origin: left;
    transform: scaleX(1);
	-ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
}

.heading__menu .sub-menu li:not(:last-child) {
	margin-bottom: 20px;
}

.heading__menu .sub-menu li {
	max-width: max-content;
}