/*
 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.0
 Text Domain:  bricks
*/

[data-builder-mode] .custom-animation-on-scroll.slide-up,
.custom-animation-on-scroll.slide-up.active {
   opacity: 1;
   transform: translate(0);
}

[data-builder-mode] .custom-animation-on-scroll.fade-in,
.custom-animation-on-scroll.fade-in.active {
   opacity: 1;
}

body:not([data-builder-mode]), html:not([data-is-builder]) {
	overflow-x: hidden;
}

.white-bg-body #brx-header:not(.scrolling) #brxe-lhczww span {
	color: #21234B;
}

.white-bg-body #brx-header:not(.scrolling) #brxe-mwfrlj:not([data-open]) .hamburger-inner::before, .white-bg-body #brx-header:not(.scrolling) #brxe-mwfrlj:not([data-open]) .hamburger-inner::after, .white-bg-body #brx-header:not(.scrolling) #brxe-mwfrlj:not([data-open]) .hamburger-inner {
	background-color: #21234B;
}

.white-bg-body #brx-header:not(.scrolling) .brxe-svg path {
	fill: #21234B;
}

#brx-header.scrolling #brxe-sohlrw {
	height: 49px;
}

/* Page transitions with fallback in firefox */
@view-transition {
	navigation: auto;
}

body[data-builder-mode] #brxe-ysgzzc, html[data-is-builder] #brxe-ysgzzc {
	display: none;
}

#brxe-ysgzzc {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transition: height 1.5s cubic-bezier(0.77, 0, 0.175, 1);
  }
  
#brxe-ysgzzc.de-animate {
	height: 0%;
}

body.bricks-is-frontend input:focus-visible,
body.bricks-is-frontend textarea:focus-visible {
	outline: none !important;
	border-bottom-width: 2px !important;
}

button, a {
  transition: background .3s ease;
}