@import 'nib'

#sticky-bar
  height 58px
  position relative
  z-index 20
  .inner
    background white
    border-bottom 1px solid #e8e8e8
    border-top 1px solid #f0f0f0
    box-shadow 0 -40px 100px 1px rgba(0, 0, 0, 0.4)
    color #707070
    font-family 'Source Sans Pro'
    font-weight 600
    height 58px
    letter-spacing 0.6px
    line-height 58px
    position relative
    text-align center
    word-spacing 1px
    z-index 10
  .fade-in
    opacity 0
    transition opacity .2s ease-in
  &.fixed .inner
    left 0
    position fixed
    right 0
    top 0
    z-index 100
    .fade-in
      opacity 1

  .icon
    align-items center
    border 1px solid $carbon
    border-radius 4px
    color $carbon
    display flex
    margin 9px
    height 40px
    justify-content center
    transition all .1s ease-in
    width 40px
    @media (hover) and (min-width: 801px)
      &:hover
        background $carbon
        svg
          fill #fff
    @media (max-width: 800px)
      a
        border none
        height 30px
        width 30px

  .left, .right
    svg
      fill $carbon
      height 38px
      padding 4px
      transition all .1s ease-in
      width 38px
      @media (max-width: 800px)
        padding 0
        height 36px

  .right
    float right
    div, a
      display inline-block
      margin-left 0
      vertical-align top

  .left
    float left
    div, a
      display inline-block
      margin-right 0
      vertical-align top