// ------------------------------
// Open edX Certificates: Views

// About: styling for specific views.

// ------------------------------
// #BASE CERT
// ------------------------------


// ------------------------------
// #DISTINCTION CERT
// ------------------------------


// ------------------------------
// #INVALID
// ------------------------------
.wrapper-content.status-invalid {
  @extend %layout-wrapper;

  .wrapper-content-grid {
    @extend %layout;
  }

  .content-main {
    margin-bottom: map-get($spacing-vertical, base);

    @include media-breakpoint-up(md) {
      @include make-col(9);
      @include margin-left(0);
    }
  }

  .content-secondary {
    @include media-breakpoint-up(md) {
      @include make-col(3);
      @include margin-right(0);
    }
  }
}