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

/* Bricks */

ul.brxe-section, ul.brxe-container, ul.brxe-block, ul.brxe-div {
	margin: 0;
	padding: 0;
}

.bricks-link-wrapper:has(.brxe-svg) {
	line-height: 0;
}

#brx-content *:focus-visible, #brx-content *:focus-within {
	outline-color: var(--primary);
}

.bricks-nav-menu {
	display: flex;
	gap: var(--space-s);
}

.bricks-nav-menu > .menu-item {
	margin: unset;
	padding: unset;
}

.brxe-nav-menu .bricks-mobile-menu-wrapper:before {
    background-color: var(--primary-d-5);
}

.brx-submenu-toggle {
    gap: 0.25em;
}

.brx-submenu-toggle.icon-right button {
    margin-left: unset;
    font-size: 0.75em;
}

.bricks-nav-menu .sub-menu {
    display: grid;
    gap: var(--space-s);
    padding: var(--space-s);
	font-size: calc(var(--text-s) * 0.75);
	line-height: 1.5;
    background-color: var(--primary-d-5);
}

.bricks-nav-menu .sub-menu a, .bricks-nav-menu .sub-menu button {
	padding: unset;
}

/* Animations */

@media screen and (max-width: 477px) {
    .brx-body .brx-animate-fadeInLeft,
    .brx-body .brx-animate-fadeInRight {
        animation-name: custom_fadeInUp;
    }
}