// =============================================================================
// page.scss - General styles
// ========================================================================== */

body {
  // sass-lint:disable-block no-vendor-prefixes
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  &.main-nav-open {
    @include media-breakpoint-down(sm) {
      overflow: hidden;
    }
  }
  @include media-breakpoint-down(xs) {
    font-size: .75rem;
  }
}

.page-complex-layout {
  &--narrow-left {
    .page-complex-layout-heading {
      background: $white;
      margin-bottom: 0;
      padding: 1rem ($btn-padding-x - $grid-gutter-width-base / 2);
      position: static;
      &:not(.page-complex-layout-heading--without-header-image) {
        margin-top: -8.375rem;
        @include media-breakpoint-down(md) {
          margin-top: 0;
        }
      }
      &--without-header-image {
        padding-top: 0;
      }
      &-bottom {
        display: block;
        padding: 0;
      }
      &-top {
        display: block;
        padding: 0;
      }
      @include media-breakpoint-down(md) {
        padding: 0;
      }
    }
    .page-complex-layout-content {
      padding-left: $btn-padding-x - $grid-gutter-width-base / 2;
      & > .theme-marker {
        display: block;
      }
      @include media-breakpoint-down(md) {
        padding-left: 0;
      }
    }
  }
  &-content {
    position: relative;
    & > .theme-marker {
      display: none;
    }
    .fce-teaser-image-text {
      .figure {
        margin-right: 0;
        margin-left: 0;
      }
    }
    @include media-breakpoint-down(md) {
      margin-left: ($grid-gutter-width-base / -2);
      margin-right: ($grid-gutter-width-base / -2);
    }
  }
  &-heading {
    bottom: 100%;
    left: $grid-gutter-width-base / 2;
    margin-bottom: 3.5rem;
    position: absolute;
    right: $grid-gutter-width-base / 2;
    &-bottom {
      background: $white;
      padding: 2.25rem 2.5rem .3125rem 0;
    }
    &-notes {
      font-style: italic;
      font-weight: 600;
      letter-spacing: .1em;
    }
    &-subtitle,
    &-suptitle {
      font-family: $font-family-secondary;
      font-size: $font-size-lg;
      letter-spacing: .05em;
      text-transform: uppercase;
      @include media-breakpoint-down(lg) {
        font-size: 1rem;
        letter-spacing: .025em;
      }
    }
    &-suptitle {
      font-weight: bold;
    }
    &-top {
      background: $white;
      display: inline-block;
      padding: 3rem 3rem 1.875rem 0;
    }
    @include media-breakpoint-down(md) {
      margin-left: ($grid-gutter-width-base / -2);
      margin-right: ($grid-gutter-width-base / -2);
    }
  }
}