/**
 * @file
 * Node / paragraph wrapper styles for the Aero Page Builder theme.
 *
 * Component-specific styling lives in each apb_pb_* component module's
 * library — this file only handles the wrappers and spacing between
 * page-builder paragraphs.
 */

.field--name-field-apb-pb-paragraphs {
  display: flex;
  flex-direction: column;
  gap: var(--apb-theme-spacing-xl);
}

.field--name-field-apb-pb-paragraphs > .field__item {
  margin: 0;
}

.paragraph {
  position: relative;
}

/* Width presets exposed by `apb_tax_width` taxonomy terms. */
.paragraph--width-100 {
  width: 100%;
}

.paragraph--width-75 {
  width: 75%;
}

.paragraph--width-50 {
  width: 50%;
}

.paragraph--width-25 {
  width: 25%;
}

@media (max-width: 767px) {
  .paragraph[class*="paragraph--width-"] {
    width: 100% !important;
  }
}

/* Section title used by most apb_pb_* bundles; core apb-runtime.css sets scale inside #apb-wrapper. */
.apb-section-title {
  margin-bottom: var(--apb-theme-spacing-lg);
  font-size: 1.75rem;
  font-weight: var(--apb-theme-font-weight-bold);
}