.single-post {
  .post-content {
    color: $color__text-main;
    @include font-size(15);
    margin-bottom: 77px;
    line-height: 2em;
  }

  > .post {
    > .post-title {
      @include font-size(40);
      line-height: 50 / 40 * 1em;
      margin-bottom: 80px;
    }
  }

  &:not(.contact-page) {
    .post-title {
      max-width: 800px;
    }
  }

  &.contact-page {
    .post-title {
      margin-bottom: 50px;
    }

    .post-content {
      @include font-size(12);
      color: #b1b1b1;
    }
  }

  .post-footer {
    text-align: center;
    margin-bottom: 100px;

    &:before,
    &:after {
      content: " ";
      display: block;
      width: 90px;
      height: 1px;
      margin: 0 auto;
      background: #d7b489;
    }

    &:before {
      margin-bottom: 28px;
    }

    &:after {
      margin-top: 38px;
    }

    p {
      color: $color__link;
      font-family: $font__secondary;
      @include font-size(25);
      line-height: 35 / 25 * 1em;
      margin: 0;
    }
  }

  .author-box {
    margin-bottom: 150px;
  }
}

.single-separate {
  height: 0;
  width: 100%;
  display: block;
  border-bottom: 1px solid #eee;
  position: relative;

  &__content {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    max-width: 400px;
    text-align: center;
    background-color: #fff;

    @include translate(-50%, -50%);
  }

  .apss-social-share {
    text-align: center;
  }

  .apss-single-icon {
    display: inline-block;
  }
}

.apss-theme-3 .apss-single-icon a {
  margin-left: 10px;
  margin-right: 10px;
}

.adjacent-post-box {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  background-repeat: no-repeat;
  background-color: #ccc;
  margin-bottom: 150px;

  &:not(.no-bg) {
    position: relative;
    height: 300px;

    &:after {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 10;
      background-color: rgba(0, 0, 0, 0.6);
    }

    .post {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      z-index: 100;

      @include translateY(-50%);
    }
  }

  .post {
    padding-left: 90px;
    padding-right: 90px;
    margin-bottom: 0;
    max-width: 870px;

    > span {
      font-size: 12px;
      font-family: $font__secondary;
      color: #fff;
      text-transform: uppercase;
    }
  }

  .post-title {
    color: #fff;
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 30px;

    a:hover {
      color: inherit;
    }
  }
}

.related-posts {
  margin-bottom: 86px;

  .post {
    margin-bottom: 50px;
  }

  .page-heading {
    margin-bottom: 50px;
  }

  .col-sm-6 {
    @media (max-width: $size__screen-sm-max) {
      &:nth-of-type(2n+1) {
        clear: both;
      }
    }
  }

  .col-md-3 {
    @media (max-width: $size__screen-md-max) {
      &:nth-of-type(4n+1) {
        clear: both;
      }
    }
  }
}

body.single .layout-no-sidebar .content-area {
  margin-bottom: 0;
}

body.single .layout-no-sidebar + footer {
  border-top: 0;
}
