$use-custom-list-styling: true;

.b-wp-core-list {
  ul,
  ol {
    padding: 0;

    @if $use-custom-list-styling {
      list-style: none;
    }

    li {
      font-size: $font-size-body;

      @if $use-custom-list-styling {
        position: relative;
        margin-bottom: 0.5rem;
        padding-left: 1.5rem;
      }

      @include media-breakpoint-up(lg) {
        font-size: $font-size-body-md;

        @if $use-custom-list-styling {
          margin-bottom: 1rem;
          padding-left: 2.5rem;
        }
      }
    }
  }

  @if $use-custom-list-styling {
    ul li::before {
      content: "";
      background: var(--color-primary);
      position: absolute;
      top: 0.5rem;
      width: 0.5rem;
      height: 0.5rem;
      left: 0;
      border-radius: 50%;

      @include media-breakpoint-up(lg) {
        width: 0.6875rem;
        height: 0.6875rem;
      }
    }

    ol {
      counter-reset: number-counter;

      li {
        counter-increment: number-counter;

        &::before {
          content: counter(number-counter) ". ";
          color: var(--color-primary);
          position: absolute;
          left: 0;
        }
      }
    }
  }

  .is-style-small {
    @include media-breakpoint-up(md) {
      display: block;
      margin: 0 auto;
      max-width: 500px;
    }
  }

  .is-style-medium {
    @include media-breakpoint-up(md) {
      display: block;
      margin: 0 auto;
      max-width: 800px;
    }
  }

}
