/**
 * All text elements that can be added by the user through a CMS
 */


.s-text {

  // First the owl selector for setting a default vertical rhythm
  & > * + * {
    margin-top: 1.5rem;
  }

  // The headers need extra space on the bottom to offset the paragraphs
  //& > h1 {
  //	margin-bottom: 1.5rem;
  //}
  //& > h2 {
  //	margin-bottom: 1.5rem;
  //}
  //& > h3 {
  //	margin-bottom: 1.5rem;
  //}
  //& > h4 {
  //	margin-bottom: 1.5rem;
  //}
  //& > h5 {
  //	margin-bottom: 1.5rem;
  //}
  //& > h6 {
  //	margin-bottom: 1.5rem;
  //}

  & > h1,
  & > h2,
  & > h3,
  & > h4,
  & > h5,
  & > h6 {
    margin-bottom: 2rem;
  }

  & > ul:not([class]) {
    list-style: none;

    & > li {
      position: relative;
      margin-left: -1.125em;
      padding-left: 1.125em;

      &::before {
        content: "\2022";
        position: absolute;
        top: 6px;
        left: 0;
        font-size: 1.65em;
        line-height: 18px;
        color: palette(text, 100);
      }
    }
  }

  & > ol:not([class]) {
    list-style: none;
    counter-reset: ol-counter;

    & > li {
      counter-increment: ol-counter;
      position: relative;
      margin-left: -1.125em;
      padding-left: 1.8em;

      &::before {
        @include font(small, $weight: 500);
        content: counter(ol-counter) ". ";
        position: absolute;
        top: 5px;
        left: 0;
        width: 1.275em;
        text-align: right;
        font-size: 0.75em;
        line-height: 18px;
        color: palette(text, 200);
      }
    }
  }
}