/*==========================================================================
  Mobile navigation
  ========================================================================== */

/**
  * Mobile navigation (1 column)
  *
  */

.fixed-mobile-header
  display: none
  position: fixed
  background-color: $white
  padding-top: 20px
  width: 100%
  z-index: 999

  +respond-to-width($smGridBreakpoint)
    padding: 0

  .row-align-top
    +respond-to-width($smGridBreakpoint)
      padding: 20px 15px 12.5px 15px

  +respond-to-width(900)
    display: block

  .main-navigation
    background-color: $white
    height: 500px

    .navigation
      +flex(center, center)
      +flex-direction(column)
      text-align: center

      >*
        width: auto

      ul
        padding: 0
        margin: 0

      .nav-children
        display: none

  +respond-to-width(450)
    .logo
      min-width: 0
      height: 100%
      width: auto
    .menu-icons
      display: none