.header__categories
  +span-columns(2)
  +space(line-height, 2)
  position: relative
  &:hover
    .header__categories__dropdown__top-level
      display: block

.header__categories__label
  +space(line-height, 2)
  +border(3px)
  display: block
  text-align: center
  border-radius: $border-radius
  cursor: pointer

.header__categories__down-arrow
  +space(line-height)
  display: inline-block
  //refactor these pixel values
  height: 10px
  width: 10px
  margin-left: 5px
  background-position: center !important

.header__categories__dropdown__top-level
  +span-columns(4 of 2)
  +space(padding)
  +border
  position: absolute
  z-index: 10000
  margin: 0
  list-style: none
  background: $white
  display: none

.header__categories__dropdown__top-level__link
  text-decoration: none
  &:hover
    text-decoration: underline