/**
  * Paragraph component styles
 */

.block-paragraph  {
  &.has-label {
    padding-top: calc(var(--spacing) * 3);
  }

  .component-content {
    ul,
    p {
      margin-bottom: calc(var(--spacing) * 3);

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

    ul {
      padding-left: calc(var(--spacing) * 1.25);
      display: flex;
      justify-content: center;
      flex-direction: column;
    }

    li {
      list-style: none;

      /* Custom marker */
      &::before {
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--white);
        position: relative;
        top: 14px;
        left: calc(var(--spacing) * -1.1);
      }
    }
  }

  /* Center content */
  &.center-content .component-content {
    text-align: center;

    ul {
      align-items: center;
    }

    .call-to-action-group {
      justify-content: center;
    }
  }
}

/* Exception for the grid */
.section:not(.one-column):not(.one-column-narrow) {
  .block-paragraph {
    h2 {
      text-align: left;
    }

    &.center-content h2 {
      text-align: center;
    }
  }
}