@import "client/common.scss";


body.downloads {

  &.standalone {
    .jamtracks {
      display:none;
    }
    .download-content {
      border-width:0;
    }
    .badge-number {
      display:none;
    }
    .download-app {
      left:22.5%;
      float:none;
      position:relative;
    }
  }

  h2 {
    font-size:22px;
    color:white !important;
  }

  ul {
    width:auto !important;
  }

  ul li {
    color:#CCC;
    font-size:14px;
    line-height:125%;
    text-indent:-5px;
    margin-left:40px;

    &:before
    { content:"-";
      position:relative;
      left:-5px;
    }
  }

  p {
    margin:20px 0 10px;
    line-height:125% !important;
    width:100% !important;
  }

  .download-app {

    padding-top:20px;
    width:55%;
    float:left;
    @include border_box_sizing;
  }

  .jamtracks {

    padding-top:20px;
    float:left;
    width:45%;
    @include border_box_sizing;
    padding-left:5%;

    .shop-jamtracks {

    }

    .special-value {
      font-size:16px;
    }
  }

  .video-container {
    position:relative;
    width:320px;
    height:180px;
  }

  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .download-content {
    border-style:solid;
    border-width:0 1px 0 0;
    border-color:#ccc;
  }
  .download-entreaty {


    p.click-to-download {
      margin-bottom:5px;
    }

  }

  .downloads-container {
    position:relative;
    display:inline-block;
    height:92px;
    top:-25px;
    left:20px;
  }
  .downloads-blurb {

    h5 {
      color:#ccc;
      margin-bottom:5px;
      margin-top:-15px;
    }

    ul li {
      font-size:12px;
      margin-left:15px;
    }

    .choose-other-platform {line-height:125%;}

  }

  .downloads {
    position:relative;
  }

  .download-box {
    color:#fff;
    text-align:center;
  }

  .go-jamtrack-shopping {
    line-height: 125%;
    text-align: center;
    display: block;
    position: absolute;
    right: 0;
    bottom: 90px;
  }
}
