// Posts and pages // // Each post is wrapped in `.post` and is used on default and post layouts. Each // page is wrapped in `.page` and is only used on the page layout.

.post-entry {

border-bottom: 1px solid var(--border-color);
margin-bottom: var(--spacer-3);

}

.page, .post {

font-family: var(--text-font);
margin-bottom: 4em;

h1, h2, h3, h4, h5, h6, .post-meta {
  font-family: var(--body-font);
}

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

}

// Blog post or page title .page-title, .post-title {

color: var(--heading-color);

} .page-title, .post-title {

margin-top: 0;

} .post-title a {

color: inherit;
text-decoration: none;

&:hover,
&:focus {
  text-decoration: underline;
}

}

// Meta data line below post title .post-meta {

display: block;
margin-top: -.5rem;
margin-bottom: var(--spacer);
color: var(--gray-600);

}

.comment-count {

color: inherit;
text-decoration: none;

&:hover,
&:focus {
  color: inherit;
  text-decoration: underline;
}

}

// Related posts .related {

padding-top: var(--spacer-2);
padding-bottom: var(--spacer-2);
margin-bottom: var(--spacer-2);
border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);

}

.related-posts {

padding-left: 0;
list-style: none;

h3 {
  margin-top: 0;
}

a {
  text-decoration: none;

  small {
    color: var(--gray-600);
  }
}

}