/* BRICKS MOBILE MENU CSS POSITIONING

/* CSS Variable for Mobile Menu Height Calculation */
:root {
  --aa-mobile-menu-height: calc(100vh - var(--aa-header-height)); /* Fallback */
  --aa-mobile-menu-height: calc(100dvh - var(--aa-header-height)); /* Modern Browsers */
}

/* CSS Mobile Menu Styling - SET COLORS IN BUILDER/ACSS */
.bricks-mobile-menu-overlay {
    display: none;
  }

  .bricks-mobile-menu-wrapper {
    height: var(--aa-mobile-menu-height) !important;
    width: 100% !important;
    top: var(--aa-header-height) !important;
    padding: 5dvh 15vw 5dvh 5vw !important;
}

.aa-header-top {
    transition: 500ms;
}

/* BRICKS MOBILE MENU STYLING */

/* Background Color */
.bricks-mobile-menu-wrapper::before {
    background-color: var(--primary-ultra-dark) !important;
}

/* Stretch Column Content */
.aa-header-nav ul.bricks-mobile-menu {
  display: flex;
}

.show-mobile-menu ul.bricks-mobile-menu {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* Remove Sticky On scroll Behavior on Mobile */
@media (max-width: 768px) {
  #brx-header.sticky.on-scroll {
    position: relative !important;
    }
}