@import "variables";

.wysiwyg {
  h1 {
    margin: 17px 0;
    font-size: 25px;
  }

  h2 {
    margin: 16px 0;
    font-size: 20px;
  }

  h3 {
    margin: 15px 0;
    font-size: 15px;
  }

  h4 {
    margin: 17px 0;
    font-size: 13px;
  }

  h5 {
    margin: 18px 0;
    font-size: 10px;
  }

  h6 {
    margin: 20px 0;
    font-size: 9px;
  }

  p {
    margin: 10px 0;
    font-size: 11px;
  }

  a {
    color: $brand-color;
    border-bottom: 1px dotted transparent;

    &:hover {
      color: lighten($brand-color, 6.7%);
      border-color: lighten($brand-color, 6.7%);
    }
  }

  :first-child {
    margin-top: 0 !important;
  }

  :last-child {
    margin-bottom: 0 !important;
  }
}
