// 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.

.page, .post {

margin-bottom: 4em;

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

}

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

color: #303030;

} .page-title, .post-title {

margin-top: 0;

}

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

display: block;
margin-top: -.5rem;
margin-bottom: 1rem;
color: #9a9a9a;

}

// Related posts .related {

padding-top: 2rem;
padding-bottom: 2rem;
margin-bottom: 2rem;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;

}

.related-posts {

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

h3 {
  margin-top: 0;
}

li {
  small {
    font-size: 75%;
    color: #999;
  }

  a:hover {
    color: #268bd2;
    text-decoration: none;

    small {
      color: inherit;
    }
  }
}

}