@import constants
@import font-awesome
header.top-menu
  height: 90px
  background-color: transparent
  background-repeat: no-repeat, no-repeat
  background-position: left bottom, right bottom
  background-image: image-url('theme1/button-bar-left.png'), image-url('theme1/button-bar-right.png')
  color: $green
  padding-left: 49px
  padding-right: 52px 
  .menu-content
    background-color: white
    background-repeat: repeat-x
    background-position: center bottom
    background-image: image-url('theme1/button-bar-middle.png')
    //min-height: 61px
    height: 100%
    section
      height: 52px
      line-height: 48px
  .menu-list-item
    margin-left: 20px
    cursor: pointer
    border: 0.08em solid #eee
    padding: 5px
    border-radius: 0.1em
    display: inline-block
    line-height: 1em
    margin-top: 10px
    color: #999
    &.active
      color: yellow
      border-color: yellow
      &.callout
        color: #f70
        border-color: #f70

.toggle-side-menu
  position: absolute
  width: 28px
  height: 28px
  color: white
  left: 0
  cursor: pointer
  z-index: 100
  &.open
    color: white
  span
    @extend .fa
    @extend .fa-bars
    @extend .fa-lg