// ============================================================================
// :: More
// ============================================================================

// ============================================================================
// :: Root
// ============================================================================
// .p-more {}

// ============================================================================
// :: Elements
// ============================================================================
/**
 * This is done to make sure the tabs content fills up the remaining space
 * within the l-root__content container
 */
.p-more__tabs {
  @extend %__block-base;

  @include respond-at($breakpoint-tablet-default) {
    padding: 3.5rem;
  }

  .l-form__fieldset-title {
    padding-bottom: 1.5rem;
    font-size: $font-size-base;
    font-weight: $font-weight-semibold;
    text-transform: uppercase;

    color: $text-color-medium;

    border-bottom: $border-width-base solid $border-color-1x-light;
  }
}