/* Section Overrides */
[class*='section-'] {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section__top-overlay [class*='__container'],
.section__bottom-overlay [class*='__container'] {
    z-index: 1;
}

/* Button Overrides */
.bricks-button {
    gap: 0.25rem;
    border: 1.5px solid;
    border-radius: 50rem;
}

.bg--black .bricks-button:not([class*='bricks-background-']):hover {
    color: var(--white);
}
.bg--black .bricks-button.bricks-background-primary:hover {
    color: var(--white);
    border-color: var(--white);
}

.bg--black .bricks-button.bricks-background-secondary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--shade);
}

.bricks-button:not([class*='bricks-background-']) {
    padding-left:0;
}

/* Header Overrides */

.sub-header__nav-menu {
    display: flex;
    line-height: inherit;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.sub-header__nav-menu > li {
    position: relative;
    margin: 0 0 0 2rem;
}

@media (max-width: 736px) {
    .header__main-menu .menu-item:last-child a {
        border: none!important;
    }
    .header__main-menu.brxe-nav-menu,
    .sub-header__menu-wrapper{
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height 0.5s, opacity 0.3s;
        padding: 0;
        margin:0;
    }
    .header__main-menu--active.header__main-menu.brxe-nav-menu,
    .sub-header__menu-wrapper--active{
        max-height: max-content;
        opacity: 1;
    }
    .sub-header__nav-menu {
        width: 100%;
        flex-direction: column;
        margin: 0;
        padding: 0;
    }
    .sub-header__nav-menu a {
        display: block;
        padding: var(--space-xs);
        color: var(--shade-medium);
        
    }
    .sub-header__nav-menu li:not(:last-child) a {
        border-bottom: 1px solid var(--shade-light);
    }
    .sub-header__nav-menu a:hover {
        color: var(--shade);
    }
    .sub-header__toggle-icon-wrapper.is-active > .sub-header__toggle-icon {
        transform: rotate(90deg);
    }
}