/* ==========================================================================
   SINGLE POST
   ========================================================================== */

#main {
  @include container;
  @include clearfix;
  margin-top: 2em;
  padding-left: 1em;
  padding-right: 1em;
  -webkit-animation: intro 0.3s both;
          animation: intro 0.3s both;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}

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

  h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
  }
}

.post__title {
  margin-top: 0;
  line-height: 1;
  padding-bottom: 0.2em;
  font-size: $type-size-1;
  margin-bottom: 0;

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

.post__content {

  p, li, dl {
    font-size: 1em;
  }

  /* blockquote citations */
  blockquote + .small {
    margin-top: -1.5em;
    padding-left: 1.25rem;
  }
}

/*
   Social sharing
   ========================================================================== */

.post__share {
  margin-top: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 1px solid $border-color;
}

/*
   Post meta
   ========================================================================== */

.post__meta {
  margin-top: 2em;
  color: mix(#fff, $gray, 25%);
  font-size: $type-size-5;

  p {
    margin: 0;
  }

  a {
    color: inherit;
  }
}