// ---------------------
// Page header component
// ---------------------

.c_page-header {
  &__wrapper {
    @include color--contrast (true);

    // Container has a fixed height; make sure the background-color completely fills it.
    @include position-absolute-fill;
  }

  .o_logo--site {
    line-height: 1;

    .o_logo__link {
      $size: 0.075em;

      text-shadow: -#{$size} -#{$size} black;
    }

    .o_logo__text {
      font-size: 2.5em;

      &__wrapper {
        line-height: inherit;
      }
    }
  }
}

// ---------------------
// Page header component
// ---------------------

.c_page-header {
  &__wrapper {
    @include color--contrast (true);
    @include padding($spacing--small__v, $site__item-padding__h);

    // Container has a fixed height; make sure the background-color completely fills it.
    @include position-absolute-fill;
  }

  .o_logo--site {
    line-height: 1;

    .o_logo__link {
      $size: 0.075em;

      text-shadow: -#{$size} -#{$size} black;
    }

    .o_logo__text {
      font-size: 2.5em;

      &__wrapper {
        line-height: inherit;
      }
    }
  }
}

Align page header horizontal spacing with the rest of the page layout.
Align page header horizontal spacing with the rest of the page layout.
