.album

  header.main
    margin-bottom: 0
    padding-bottom: 0

  .album-header
    background: #fff

    +respond-to-negative
      background: #000

  .white-space-row
    background: #fff

    +respond-to-negative
      background: #000


  .album-top
    position: relative
    margin-bottom: 100px
    @extend %clearfix

    +respond-to-negative
      color: #fff

    h1
      position: relative
      top: 2px // small correction
      float: left
      margin: 0
      font-size: 1.272727em

    .counter
      +position(absolute, null 0 0 null)
      font-size: .818181em

  .swiper-slide
    img.fit
      position: absolute

  .album-info
    position: relative
    z-index: 2
    min-height: 400px

    color: #fff

    .content
      z-index: 2

    // Space above and background
    .white-space-row,
    .background
      background: #000

    // Smile
    .transparent-smile
      height: 100%
      min-height: 320px
      +transparent-smile('black')

    +respond-to-negative
      color: #000

      .white-space-row,
      .background
        background: #fff

      .transparent-smile
        +transparent-smile('white')

    .title
      color: #B2B2B2
      font-size: .636363em
      text-transform: uppercase

    .intro
      font-size: .818181em

      p
        margin-top: 0

.white-space-row
  position: relative
  z-index: 2
  width: 100%
  height: 60px

  &.h-100
    height: 100px

    +respond-to(mobile)
      height: 60px

  &.h-150
    height: 150px

    +respond-to(mobile)
      height: 60px

// Outer space left and right
.left-outer-background,
.right-outer-background
  position: absolute
  top: 0
  width: 100%
  height: 100%
.left-outer-background
  left: -100%
.right-outer-background
  right: -100%

// Inner background left and right
.right-inner-background
  width: 50%
  height: 100%
  +position(absolute, 0 0 null null)
.left-inner-background
  width: 50%
  height: 100%
  +position(absolute, 0 null null 0)