// Standardized spacing of content from rich text editor
@mixin rich-text-content-style() {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      margin-bottom: 1em !important;
    }
  
    p {
      margin-top: 0;
      word-break: break-word;
    }
  
    table {
      min-width: 400px;
    }
  
    ul,
    ol {
      padding-left: 20px;
      li {
        margin-bottom: 10px;
      }
    }
  
    img {
      // vertical-align: middle;
      max-width: 100%;
    }
  
    video {
      max-width: 100%;
    }
  
    .wscnph {
      max-width: 100%;
      height: auto;
    }
  
    .embed-wrap {
      width: 100%;
      max-width: 1000px;
    }
  
    .embed-container {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
  
      iframe,
      object,
      embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
      }
    }
  }
  
  .rich-text-content {
    @include rich-text-content-style();
  
    &.pillreads {
      @media only screen and (max-width: 768px) {
        img {
          width: 100% !important;
          height: 100% !important;
        }
      }
    }
  }
  
  .cs-rich-text-content {
    @include rich-text-content-style();
  
    a {
      font-size: 16px;
      font-weight: 500;
    }
  
  }