// // Content styling // .wc-title {

margin-top: 1rem;
margin-bottom: .5rem;
@include font-size(3rem);

}

.wc-lead {

@include font-size(1.5rem);
font-weight: 300;
color: #6d6d6d;
padding-bottom: 1rem;

@include media-breakpoint-up(lg) {
  max-width: 80%;
}

}

.wc-content {

> h2,h3,h4,h5,h6 {
  margin-bottom: 1rem;

}

> table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;

  @include media-breakpoint-down(md) {
    display: block;
    overflow-x: auto;

    &.table-bordered {
      border: 0;
    }
  }

  // Cells
  > thead,
  > tbody,
  > tfoot {
    > tr {
      > th,
      > td {
        // padding: $table-cell-padding;
        padding: $table-cell-padding-sm;
        vertical-align: top;
        border: 1px solid $table-border-color;

        > p:last-child {
          margin-bottom: 0;
        }
      }
    }
  }

  > thead {
    > tr {
      > th {
        color: $table-head-color;
        background-color: $table-head-bg;
        border-color: $table-border-color;
      }
    }
  }

  // Prevent breaking of code (e.g., Grunt tasks list)
  td:first-child > code {
    white-space: nowrap;
  }
}

> h2 {
  @include font-size($h2-font-size);
}

> h3 {
  @include font-size($h3-font-size);
}

> h4 {
  @include font-size($h4-font-size);
}

> h2:not(:first-child) {
  margin-top: 3rem;
}

> h3 {
  margin-top: 1.5rem;
}

> ul li,
> ol li {
  margin-bottom: .25rem;
}

@include media-breakpoint-up(lg) {
  > ul,
  > ol,
  > p {
    max-width: 80%;
  }
}

// Responsive images
img {
  @include img-fluid()
}

> blockquote {
  background-color: rgba(255,229,100,0.3);
  border-left: solid 9px #ffe564;
  padding: 1rem 1rem 0.5rem;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 2rem;
  p {
    margin-bottom: 0.5rem;
    &:first-of-type {
      font-weight: bold;
    }
  }

  @include media-breakpoint-up(sm) {
    margin-left: 0;
    margin-right: 0;
  }
}

}

div.highlight {

padding: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
margin-right: (-$grid-gutter-width / 2);
margin-left: (-$grid-gutter-width / 2);

background-color: $gray-100;
-ms-overflow-style: -ms-autohiding-scrollbar;

@include media-breakpoint-up(sm) {
  padding: 1.5rem;
  margin-right: 0;
  margin-left: 0;
}

pre {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  background-color: transparent;
  border: 0;
}
pre code {
  @include font-size(inherit);
  color: $gray-900; // Effectively the base text color
}

}