// +Imports
// ====================
@import '../base/grid-settings';
@import 'neat/neat'; // lib - Neat

//Patern Library button colors
$pl-button-border-color: #065683;
$pl-button-color: #0079bc;

.program-list-wrapper{
  @include outer-container;
  padding: $baseline $baseline;
}

.program-cards-container{
  @include outer-container;
  @include span-columns(12);
}
.sidebar{
  @include outer-container;
  @include span-columns(12);
  .program-advertise{
    padding: $baseline;
    background-color: $body-bg;
    box-sizing: border-box;
    border: 1px solid $border-color-l3;
    clear: both;
    .advertise-message{
      font-size: em(12);
      color: $gray-d4;
      margin-bottom: $baseline;
    }
    .ad-link{
      text-align:center;
      a{
        padding: $baseline * 0.5; 
        border: 1px solid $pl-button-border-color;
        color: $pl-button-color;
        font-size: em(16);
        text-decoration: none;
        display: block;
        line-height: 1.2;
        &:hover,
        &:focus,
        &:active{
          color: $white;
          background-color: $pl-button-color;
        }
        span{
          @include margin-left($baseline*0.25);
        }
      }
    }
  }
}



@include media($bp-medium) {
  .program-cards-container{
    @include span-columns(8);
  }
  .sidebar{
    @include span-columns(8);
  }
}



@include media($bp-large) {
  .program-cards-container{
    @include span-columns(9);
  }
  .sidebar{
    @include omega(n);
    @include span-columns(3);
  }
}

@include media($bp-huge) {
  .program-cards-container{
    @include span-columns(9);
  }
  .sidebar{
    @include omega(n);
    @include span-columns(3);
  }
}
