.call-to-action-bar

  color: #fff

  .background
    background: #000

  .fake-top
    background: #fff
    .grid-container
      background: #000
      height: 80px

      +respond-to(mobile)
        height: 60px

  .inner
    position: relative

    .grid-container
      min-height: 300px

      +respond-to(small)
        min-height: 200px

      +respond-to(mobile)
        min-height: 160px

    .holder
      +position(absolute, 0 null null 0)
      width: 50%
      height: 100%

      +respond-to(small-mobile)
        width: 100%
        padding: 0 40px

    .smile-holder
      +position(absolute, 0 null null 0)
      z-index: 2
      width: 100%
      height: 100%
      +transparent-smile('black')

    .smile-image
      +position(absolute, 0 null null 0)
      width: 100%
      height: 100%
      background-size: cover

      +respond-to(small-mobile)
        display: none

    .text-holder
      z-index: 2
      left: auto
      right: 0
      +valign-parent
      background: #000

      // Overwrite some valign properties
      white-space: normal
      text-align: left

      .call-to-action
        width: 80%
        +valign-child

        font-size: 1.181818em
        font-weight: 400

      .streamer
        display: block
        margin-bottom: 20px