.program-list-wrapper {
  padding: $baseline;
}

.program-cards-container {
  @include span(12);

  @include susy-media($bp-screen-md) {
    @include span(9);
  }
}

.sidebar {
  @include span(12);
  @include float(right);
  margin-bottom: $baseline;

  @include susy-media($bp-screen-md) {
    @include span(3);
  }

  .aside {
    padding: $baseline;
    margin-bottom: $baseline;
    background-color: $body-bg;
    box-sizing: border-box;
    border: 1px solid $border-color-l3;
  }

  .program-advertise {
    clear: both;

    .btn-neutral {
      width: 100%;
      text-align: center;
      padding: 10px;

    }

    .advertise-message {
      font-size: font-size(x-small);
      color: palette(grayscale, black);
      margin-bottom: $baseline;
    }
  }

  .certificate-container {
    .hd-6 {
      color: palette(grayscale, dark);
      font-weight: font-weight(normal);
      margin-bottom: $baseline;
    }

    .certificate-link {
      padding-top: $baseline;
      color: palette(primary, base);
      display: block;

      &:active,
      &:focus,
      &:hover {
        color: $link-hover;
        text-decoration: underline;
      }
    }
  }
}

.empty-programs-message {
  border: 3px solid $gray-l4;
  background: $gray-l6;
  padding: ($baseline*2) 0;
  text-align: center;
  margin-bottom: 20px;

  .hd-3 {
    color: $black;
    margin-bottom: $baseline;
  }

  .find-xseries-programs {
    background: $black;
    border-color: $black;
    color: $white;

    .action-xseries-icon {
      @include float(left);
      @include margin-right($baseline*0.4);

      display: inline;
      background: url('#{$static-path}/images/icon-sm-xseries-white.png') no-repeat;
      background-color: transparent;
      width: ($baseline*1.1);
      height: ($baseline*1.1);
    }

    &:active,
    &:hover,
    &:focus {
      background: $white;
      color: $black;

      .action-xseries-icon {
        background: url('#{$static-path}/images/icon-sm-xseries-black.png') no-repeat;
      }
    }
  }
}
