@import "client/common.scss";

body.web.landing_page {

  div.cta-free-jamtrack {
    top: 32px;
    position: absolute;
    left: 383px;

    a {
      width: 296px;
      height: 57px;
    }

    .value-indicator {
      position:absolute;
      left: 311px;
      top: 19px;
      width:80px;
    }

    img {
      height:100%;
      width:100%;
    }
  }
  .two_by_two {

    h1 {
      margin:0 0 5px;
      padding:7px 0;
      display:inline-block;

      &.hidden {
        display:none;
      }
    }
    .row {
      @include border_box_sizing;

      &:nth-of-type(1) {
        padding:20px 0 0 0;
      }


      .column {
        width:50%;
        float:left;
        @include border_box_sizing;
      }
    }
  }

  .one_by_two {
    h1 {
      margin:0 0 5px;
      padding:7px 0;
      display:inline-block;

      &.hidden {
        display:none;
      }
    }
    .row {
      @include border_box_sizing;

      &:nth-of-type(1) {
        padding:20px 0 0 0;
      }

      .column {
        @include border_box_sizing;

        &:nth-of-type(1) {
          width:35%;
        }

        &:nth-of-type(2) {
          width:65%;
        }
      }
    }
    .video-container {
      width:100%;
      padding-bottom:56.25%;
    }
  }


  .white-bar {
    z-index:-1; // to let sidebar be interactable
    background-color:white;
  }



  .landing-tag-play-learn-earn {
    color:#929292;
    font-size: 18px;
    position: absolute;
    top: 52px;
    right: 0;
  }

  &.landing_jamtrack, &.landing_product {

    .landing-tag {
      left:50%;
      text-align:center;
    }

    p, ul, li {
      font-size:14px;
      line-height:125%;
      color:$ColorTextTypical;
    }
    p {

    }
    ul {
      list-style-type: disc;
    }
    li {
      margin-left:20px;
    }
    .video-container {
      margin-top:0;
    }
  }
}