// Posts and pages

figure {
    margin-right:   0;
    margin-left:    0;
    margin-top:     1.5em;
    margin-bottom:  2em;

    & > :nth-last-child(2) {
        margin-bottom: 0;

        & > :last-child {
            margin-bottom: 0;
        }
    }
    figcaption {
        color: #878787;
        margin-top: 0.4em;
        font-size:  0.8em;
		text-align: center
    }
    &.screenshot {
        margin-left:    0;
        margin-right:   0;
        margin-top:     0;

        figcaption {
            margin-top:     1em;
            margin-right:   2em;
            margin-left:    2em;
        }
    }
    &.attributed-quote {
        margin-left:    0;
        margin-right:   0;

        figcaption {
            margin-top:     0.8em;
            margin-left:    4em;

            p {
                display: inline;
            }
            &::first-letter {
                margin-left: -2.5ex;
            }
        }
    }
}

@media screen and (max-width: 760px)  {
    figure {
        margin-left:    1em;
        margin-right:   1em;
    }
}

@media screen and (max-width: 500px)  {
    figure.screenshot figcaption {
        margin-top: 0;
    }
}

// End of alterations for captions.

.page,
.post {
  margin-bottom: 1em;

  li + li {
    margin-top: .25rem;
  }
}

// Blog post or page title
.page-title,
.post-title,
.post-title a {
  color: $text;

  @media (prefers-color-scheme: light) {
   color: $light-scheme-text;
     }
}

.page-title,
.post-title {
  margin-top: 0;
}

// Meta data line below post title
.post-date {
  display: block;
  margin-top: -.4rem;
  margin-bottom: 1rem;
  color: $text;

  @media (prefers-color-scheme: light) {
   color: $light-scheme-text;
     }
}

.permalink {
  display: inline;
  margin-top: -1rem;
  margin-bottom: 1.5rem;
  color: $text;

  @media (prefers-color-scheme: light) {
   color: $light-scheme-color;
     }
}

.author {
  display: inline;
  margin-top: -1rem;
  margin-bottom: 1.5rem;
  opacity: .7;
  color: $text;

  @media (prefers-color-scheme: light) {
   color: $light-scheme-accent;
   opacity: 1;
     }
}

.tag-list {

  a:link {
    color: $color;
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1.5px solid $accent;
    border-radius: .25em;
    margin-bottom: .5rem;
    margin-right: .1rem;
    font-size: 90%;

    @media (prefers-color-scheme: light) {
     color: $light-scheme-color;
     border: 1.5px solid #d2d2d2;
     background-color: #f8f8f8;
       }
}

a:visited {
    color: $color;
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid $accent;
    border-radius: .25em;
    margin-bottom: .5rem;
    margin-right: .1rem;
    font-size: 90%;

    @media (prefers-color-scheme: light) {
     color: $light-scheme-color;
     border: 1.5px solid #d2d2d2;
     background-color: #f8f8f8;
       }
  }
}

  .source {
      display: inline-block;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      margin-top: 2rem;
      font-variant: small-caps;
  }

  .PageNavigation a {
    display: inline;
    width: auto;
    float: left;
    margin: 1em 0;
  }
  .PageNavigation .next {
    float: right;
    width: auto;
    text-align: right;
  }