#main-header {
  z-index: 999;
  position: fixed;
  box-shadow: 0px 1px 6px #6a6a6a2d;
  top: 0;
  width: 100%;
  background-color: white;

  &.inverted:not(.fixed) {
    position: absolute;
    width: 100%;
    box-shadow: none;

    & ul:not(.sub-menu) > li > a {
      color: white;
    }

    .mobile-burger {
      path {
        stroke: white;
      }
    }

    #logo {
      .logo-white {
        display: block;
      }

      .logo-default {
        display: none;
      }
    }
  }

  .pre-header {
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 2;

    .menu-item {
      padding: $spacing_unit * 2;

      list-style: none;
    }
  }

  .header-container {
    &:not(.contained) {
      padding: $spacing_unit * 2 $spacing_unit * 4 $spacing_unit * 2
        $spacing_unit * 4;
    }
  }

  #logo {
    max-width: 100px;
    margin-right: $spacing_unit * 7;

    .logo-white {
      display: none;
    }

    .logo-default {
      display: block;
    }
  }
}

body.admin-bar {
  #main-header {
    top: 32px;
    @media (max-width: 780px) {
      top: 46px;
    }
  }
}
