.redactor {
  line-height: 25px;

  h1, h2, h3 {
    margin: 30px 0 20px 0;
  }

  h1,h2,h3,p,ul,a {
    &:first-child {
      margin-top: 0;
    }

    &:last-child {
      margin-bottom: 0;
    }
  }

  p {
    margin: 20px 0;
  }

  p, ul, table {
    font-weight: var(--font-weight-book);
  }

  table {
    width: 100%;

    td {
      padding: 5px;
    }

  }

  h1, h2, h3 {
    color: var(--color-primary);
  }

  h1, h2 {
    font-size: var(--font-size-large);
    line-height: var(--font-line-height-large);
  }

  h3 {
    font-size: var(--font-size-medium);
  }

  p {
    font-weight: var(--font-weight-book);
    line-height: 25px;
  }

  a {
    color: var(--color-black);

    &:hover {
      text-decoration: none;
    }
  }

  ul {
    margin: 0;
    padding-left: 18px;

    li {
      &::marker {
        color: var(--color-secondary);
      }
      margin: 5px 0;
    }
  }

  &.text-regular {
    p,table,tr,td {
      font-weight: var(--font-weight-regular);
    }
  }

  &.text-primary {
    p,table,tr,td {
      color: var(--color-primary);
    }
  }

  &.normal-line-height {
    p {
      line-height: normal;
    }
  }

  figure {
    img {
        width: 100%;
        height: auto;
    }
  }
}