// Aside
.submenu.aside-brand
  +dashed-border(top)
  +grid-padding-s($top: 1, $bottom: 1)

  .title
    border: none
  ul
    padding: 0
  li
    a
      +grid-line-height-s(.75)

// Top Bar
.tsunami
  display: inline-block

  li
    display: inline-block
    +grid-width-s(.5)
    +transition(transform 200ms ease-out, margin 200ms ease-out)

    .letter
      display: block
      width: 100%
      font-size: 1.2em
      text-transform: uppercase
      text-align: center
      cursor: default
      +semibold
      color: $light-grey
      &.active
        color: $grey
        cursor: pointer
        &:hover
          +transform(scale(2))
          margin: 0 6px
        &.beside
          +transform(scale(1.5))
          margin: 0 2px

#filters_all
  cursor: pointer

// Planes
.brand-list

  a.content-block
    display: block
    position: relative
    border: 1px solid #fff
    box-shadow: 0 0 0 0 #F3F3F3

    +transition(all 0.3s ease-out)
   
    &:hover
      border: 1px solid rgba(156,201,239,.5)
      box-shadow: 0 0 6px 0 rgba(156,201,239,1)
      +transform(scale(1.05))


      .btn
        +button-hover

    h2
      height: 50px
      +grid-padding-s($top: .25, $left: .25)

    .name 
      display: block
      color: #b3b3b3
      font-size: 1.4em
      min-height: 3.2em
      +grid-padding-s($top: .25, $left: .25)

    .show-brand
      display: block
      +grid-padding-s($bottom: .25, $left: .25)
      color: $blue
      +type-basic

  .logo
    display: block
    position: relative
    +grid-margin-s(.5,.5,.5,.5)
    +grid-height(2)
    +grid-line-height(2)
    text-align: center

    img
      +position(absolute, 50% null null 50% )
      opacity: 0

  .btn-holder
    display: block
    +grid-padding-s($top: .25, $left: .25, $bottom: .25, $right: .25)
    width: 100%

  .plane
    .content-block
      min-height: 140px
      height: 100%

      h2
        position: relative
        z-index: 100

        span.brand-detail-name
          display: block
          background: #fff


.brand-detail-logo
  +grid-position-s($right: 1, $top: .5)
  +grid-height(1)
  img
    height: 100%
.text-block
  &.brand-info .column
    width: 70%
    margin-bottom: 0