.page-header {
  @extend .pb-2, .mt-4, .mb-2;
  border-bottom: 0.125rem solid $border-color;
}

// Content-App specific classes
.page-title {
  font-size: $h3-font-size;
  color: var(--primary-lighter, theme-color("primary-lighter"));
  letter-spacing: -0.5px;
}

.section-title {
  font-size: $font-size-lg;
  color: var(--primary, theme-color("primary"));
  font-weight: $font-weight-bold;
}

@if not $is-sirius {
  .section_title {
    width: 100%;
  }
  .section_title .h5:first-child, 
  .section_title h5:first-child { font-size: 0.75rem; }

  .section_title .h6:first-child, 
  .section_title h6:first-child { font-size: 0.6875rem; }

  .section_title .h5:first-child,
  .section_title h5:first-child,
  .section_title .h6:first-child,
  .section_title h6:first-child  {
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
    overflow: hidden;

    &::after {
      border-top: 1px solid $gray-var-6;
      content: "";
      position: absolute;
      top: 0.5rem;
      width: 100%;
      margin-left: 2%;
    }
  } 
}

.section-subtitle {
  font-size: $font-size-base;
  color: var(--primary, theme-color("default"));
  font-weight: $font-weight-medium;
}

.display-title {
  color: var(--primary-lighter, theme-color("primary-lighter"));
  font-size: $display2-size;
  font-weight: $display2-weight;
  margin-bottom: 1rem;
}