// Gallery

.gallery
  margin: 20px 0

  .item
    border-radius: 3px
    float: left
    height: 100px
    line-height: 100px
    margin: 0 10px 10px 0
    overflow: hidden
    position: relative
    width: 189px
    z-index: 3

    .title
      color: #fff
      font-size: 12px
      font-weight: bold
      margin: 5px
      position: absolute
      text-shadow: 0 1px 0 rgba(0, 0, 0, .25)
      text-transform: uppercase
      z-index: 2

    img
      position: relative
      width: 100%
      z-index: 1
      @include transition(all .2s ease)

    .overlay
      border-top: 1px solid rgba(255, 255, 255, .5)
      height: 100%
      position: absolute
      text-align: center
      width: 100%
      z-index: 2
      @include transition(background-color .2s ease, opacity .2s ease)

      input
        display: none

      a
        color: #333
        font-size: 26px
        line-height: 100px
        opacity: 0
        padding: 16px
        @include transition(opacity .2s ease)

    &:hover .overlay
      background-color: rgba(255, 255, 255, .75)

      a
        opacity: .75

      a:hover
        opacity: 1

    form
      height: 100%

.gallery form .item .overlay a
  display: none

.gallery:after
  clear: both
  content: ""
  display: block

.gallery-select
  margin: 0

  form
    margin: 0
  
  .item
    border-radius: 3px
    cursor: pointer
    display: inline
    height: 85px
    line-height: 85px
    margin: 0 6px 6px 0
    position: relative
    width: 152px

    .overlay
      background: #fff
      opacity: 0

    &:hover .overlay
      background: #fff
      opacity: .5

    &.selected .overlay
      background: $primary-color
      opacity: .7

    input
      display: none

    img
      display: block

  .item.attachment
    height: 60px
    line-height: 60px
    font-size: 13px
    padding: 0 20px 0 20px
    width: auto

    &:before
      content: "S"
      font-family: $icon-font
      font-size: 28px
      margin-right: 10px
      vertical-align: middle

    &.selected
      background: $primary-color
      color: #fff
      opacity: .7