/* Lato @font-face declarations (not linked site-wide) */
@import url("css_1.css");

/* Shared typography for blog post content (wrapped in .blog-post by _layouts/post.liquid) */
.blog-post {
  font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
  font-size: 18px;
  line-height: 1.75;
  color: #222;
  text-align: left;
  max-width: 780px;
  margin: 0 auto;
}

.blog-post p,
.blog-post li,
.blog-post td,
.blog-post th,
.blog-post span {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.blog-post p {
  margin: 0;
}

.blog-post h3,
.blog-post h4,
.blog-post h5 {
  font-family: 'Playfair Display', Georgia, serif;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: normal;
}

.blog-post h3 {
  font-size: 28px;
  color: #222;
  margin: 40px 0 16px;
}

.blog-post h4 {
  font-size: 26px;
  font-weight: 700;
  color: #333;
  margin: 44px 0 16px;
}

.blog-post h5 {
  font-size: 21px;
  color: #555;
  margin: 28px 0 12px;
}

.blog-post ul,
.blog-post ol {
  margin: 8px 0 8px 1.5em;
}

.blog-post li {
  padding-left: 0.5em;
  margin-bottom: 6px;
}

.blog-post a {
  color: #1a55c4;
}

.blog-post strong {
  font-weight: 700;
}

.blog-post table {
  color: inherit;
}

.blog-post figcaption {
  font-size: 0.85rem;
}

@media (max-width: 600px) {
  .blog-post {
    font-size: 17px;
  }

  .blog-post h4 {
    font-size: 23px;
  }
}