// Colors
$d-p-reference-content-line-color: $color-agamemnon !default;
$d-p-reference-content-line-color-inverted: $color-nestor !default;

// Margins, paddings and sizing.
$d-p-reference-content-margin-bottom: 0 !default;
$d-p-reference-content-items-padding-x: 5px !default;
$d-p-reference-content-item-padding: 5px !default;
$d-p-reference-content-item-margin-left: -5px !default;
$d-p-reference-content-item-margin-right: -10px !default;
$d-p-reference-content-content-padding: 5px !default;

.d-p-reference-content-wrapper {
  overflow: hidden;

  > .field--name-field-d-main-title {
    @include font-main-header;
    &::after {
      @include decoration-header-line-main-center($d-p-reference-content-line-color, $d-p-reference-content-line-color-inverted);
    }
  }

  > .field--name-field-d-p-reference-content {
    margin-bottom: $d-p-reference-content-margin-bottom;

    @include media-breakpoint-up(xl) {
      margin-right: -$d-p-reference-content-item-padding;
    }

    .field--wrapper {
      overflow: hidden;
      margin-bottom: 0;
      @include media-breakpoint-down(lg) {
        padding: 0 0 0 $d-p-reference-content-content-padding;
      }
      .field__item--wrapper {
        padding: 0 $d-p-reference-content-item-padding $d-p-reference-content-item-padding 0;
      }
    }
  }
}
