/* ==========================================================================

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;
}

}