/* BRICKS MOBILE MENU CSS POSITIONING

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

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