/*
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
*/
:root {
	--ease-smooth: cubic-bezier(.35, 0, 0, 1);
}

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

.header__nav ul:not(.bricks-mobile-menu):not(.sub-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: 1px solid var(--secondary-color);
	content: "";
	padding-bottom: inherit;
	transform-origin: right;
}

.header__nav ul:not(.bricks-mobile-menu) > .bricks-menu-item:hover:after, .header__nav 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);
}

/** Mobile Sub Menu Animation **/
.header__nav ul:not(.bricks-nav-menu) .bricks-menu-item .sub-menu, .header__nav ul:not(.bricks-nav-menu) .bricks-menu-item .sub-menu .sub-menu {
	max-height: 0;
	display: block;
	overflow: hidden;
	transition: max-height 0.6s var(--ease-smooth) !important;
	background: #070f2f; 
}

/* only style the first-level dropdown */
.header__nav ul:not(.bricks-mobile-menu) > li > .sub-menu:not(.brx-sub-submenu-overflow-right) {
  top: 68px;
  line-height: 1.4em;
  padding: 20px;
}

/* reset deeper dropdowns if needed */
.header__nav ul:not(.bricks-mobile-menu) .sub-menu .sub-menu {
  top: 0 !important;
}


.header__nav .sub-menu li a {
	padding: 0px;
}

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

.header__nav ul:not(.bricks-mobile-menu) .sub-menu li {
	max-width: max-content;
}

.header__nav ul:not(.bricks-mobile-menu) .brx-sub-submenu-overflow-right li {
	max-width: unset;
	margin-top: 15px;
	margin-left: 10px;
}

.header__nav .bricks-mobile-menu .sub-menu li a {
	line-height: 1.4em;
}

/* .header__nav .sub-menu a {
	padding: 0px;
} */

/* When submenu is open */
.header__nav ul:not(.bricks-nav-menu) .bricks-menu-item.open > .sub-menu {
	max-height: 1000px;
}

.bricks-mobile-menu-wrapper, .bricks-mobile-menu {
	overflow: auto !important;
}


/** Header Fade In Animation **/
.bricks-is-frontend .hr-word {
	display: inline-block;
	white-space: nowrap; /* Keep word together */
}

.bricks-is-frontend .hr-char {
	display: inline-block;
	/* 	animation: fadeInChar 0.4s var(--ease-smooth) forwards;
	animation-delay: calc(var(--char-index) * 0.02s); */
	transition: opacity .3s var(--ease-smooth), transform .5s var(--ease-smooth);
	transition-delay: calc(var(--char-index, 0) * 0.03s);
	will-change: opacity, transform;
}

.bricks-is-frontend .hr-title {
	display: inline-block;
}

.bricks-is-frontend .hr-title:not(.-observed) .hr-char {
	animation: none;
	opacity: 0;	
}

.bricks-is-frontend .hr-title:not(.hr-title--visible) .hr-char {
	animation: none;
}

/* @keyframes fadeInChar {
to {
opacity: 1;
}
} */

/** Fade Up **/
@keyframes hr-fade-up {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.bricks-is-frontend .hr-fade--up {
	opacity: 0;
	transform: translateY(20px);
	will-change: opacity, transform;
}

.bricks-is-frontend .hr-fade--up.-observed {
	animation-name: hr-fade-up;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-timing-function: var(--ease-smooth);
	animation-delay: calc(var(--fade-index, 0) * 0.3s);
}


/** Fade In **/
.bricks-is-frontend .hr-fade--in {
	transition: opacity 1s;
}

.bricks-is-frontend .hr-fade--in:not(.-observed) {
	opacity: 0;
}