/* ==========================================================================
   PAGE
   ========================================================================== */

.page {
  margin-bottom: 2em;
  float: none;
  margin: 0 auto;
  padding: 0;
  max-width: $max-width;
  @include breakpoint($small) {
    padding: 0 0.75rem;
  }
}

.page__subtitle {
  margin-top: 0;
  margin-bottom: 2em;
  color: $gray;
}

.page__share {
  padding: 1em 0;
}

.page__item-title {
  margin-bottom: 0.25em;
  font-family: $global-font-family;
  a {
    border-bottom: solid 1.5px $theme-color;
    color: $entry-link-color;
    &:hover { color: $entry-link-color-hover; }
  }
}

.page__title {
  margin-top: 0;
  line-height: 1;
  font-size: $type-size-1;
  margin-bottom: 0;
  color: $theme-color;
  font-family: $fancy-font-family;

  & + .page__meta {
    margin-top: -0.5em;
  }
}

.page__meta {
  margin: 0 0 4px;
  color: mix(#fff, $gray, 25%);
  font-size: $type-size-5;
  p {
    margin: 0;
  }

  a {
    color: inherit;
  }
}