/* christiansinhonesdale.com - blog list and post pages (same look as the Webflow blog cards) */
.cih-blog { padding: 20px 10px 60px; }
.cih-blog-wrap { margin-top: 13px; }
.cih-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px 28px;
  margin-top: 29px;
}
.cih-card {
  display: flex; flex-direction: column;
  background: #fff;
  box-shadow: 0 4px 9px #000;
}
.cih-card-link {
  display: block; color: #686868; text-decoration: none;
  padding: 15px 15px 0;
}
.cih-card-img {
  display: block; width: 100%; aspect-ratio: 16 / 7; object-fit: cover;
}
.cih-card-title {
  margin: 18px 0 8px; font-size: 21px; line-height: 28px; font-weight: 700; color: #686868;
}
.cih-card-link:hover .cih-card-title { color: #3a3a3a; }
.cih-card-date { font-size: 13px; color: #686868; }
.cih-card-desc {
  padding: 14px 15px 4px; font-size: 13px; line-height: 19px; color: #333;
}
.cih-card-desc p { margin-bottom: 8px; }
.cih-card-more {
  margin: auto 15px 16px; align-self: flex-start;
  font-size: 13px; font-weight: 700; color: #1a73b8; text-decoration: none;
}
.cih-card-more:hover { text-decoration: underline; }

.cih-pagination { display: flex; justify-content: center; gap: 12px; margin-top: 48px; }
.cih-page-btn {
  display: inline-block; padding: 9px 20px; font-size: 14px; color: #333; text-decoration: none;
  background: #fafafa; border: 1px solid #ccc; border-radius: 2px;
}
.cih-page-btn:hover { background: #f0f0f0; }

/* the comment form under the cards */
.cih-blog .blog-articles-form { margin-top: 30px; }

/* post page */
.cih-post { max-width: 760px; padding-bottom: 50px; }
.cih-back { display: inline-block; margin-top: 30px; font-size: 14px; color: #1a73b8; text-decoration: none; }
.cih-back:hover { text-decoration: underline; }
.cih-post .heading-36 { margin-top: 14px; }
.cih-post-date, .cih-post-author { font-size: 15px; color: #686868; }
.cih-post .rich-text-block img { max-width: 100%; height: auto; }
.cih-post-banner { display: block; width: 100%; height: auto; margin-top: 24px; }
.cih-post .section-65 { margin-top: 50px; }
.cih-404 { text-align: center; padding: 60px 0 120px; }

@media screen and (max-width: 767px) {
  .cih-grid { grid-template-columns: 1fr; gap: 28px; }
  .cih-card-title { font-size: 20px; line-height: 27px; }
}