/* WDT Child: blog index / archive parity with the live Minus blog. v1.0 (staging).
   Measured on live /blog/: container 1060px, title Open Sans 300 41px gold #C4A44A,
   excerpt Jost 16px #181818, thumbnail 218x218 on the right, "Continue reading" small outline button. */

body.blog,
body.archive,
body.search { background: #fff; }

body.blog .site-content,
body.archive .site-content,
body.search .site-content {
  max-width: 1060px;
  margin: 0 auto;
  padding: 0 20px;
}
body.blog .site-main > article,
body.archive .site-main > article,
body.search .site-main > article { margin-bottom: 20px; }

/* Flatten the GeneratePress card look */
body.blog .inside-article,
body.archive .inside-article,
body.search .inside-article {
  background: transparent;
  padding: 0 0 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  display: flow-root;
}

/* Thumbnail: 218px square, floated right, above the title in markup but shown beside the text */
body.blog .post-image,
body.archive .post-image,
body.search .post-image {
  float: right;
  width: 218px;
  margin: 20px 0 10px 24px;
}
body.blog .post-image img,
body.archive .post-image img,
body.search .post-image img {
  width: 218px;
  height: 218px;
  object-fit: cover;
  display: block;
}

/* Title */
body.blog .entry-title,
body.archive .entry-title,
body.search .entry-title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 41px;
  line-height: 1.25;
  margin: 20px 0 33px;
}
body.blog .entry-title a,
body.archive .entry-title a,
body.search .entry-title a { color: #C4A44A; text-decoration: none; }

/* Excerpt */
body.blog .entry-summary,
body.archive .entry-summary,
body.search .entry-summary,
body.blog .entry-summary p,
body.archive .entry-summary p,
body.search .entry-summary p {
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #181818;
}

/* Live shows no date, author or category line on the index */
body.blog .entry-meta,
body.archive .entry-meta,
body.search .entry-meta,
body.blog footer.entry-meta,
body.archive footer.entry-meta,
body.search footer.entry-meta { display: none; }

/* "Continue reading" button */
body.blog .wdt-continue,
body.archive .wdt-continue,
body.search .wdt-continue {
  display: inline-block;
  margin-top: 14px;
  padding: 4px 8px;
  border: 1px solid #8E8E8E;
  border-radius: 3px;
  color: #C4A44A;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}
body.blog .wdt-continue:hover,
body.archive .wdt-continue:hover,
body.search .wdt-continue:hover { border-color: #C4A44A; }

@media (max-width: 640px) {
  body.blog .entry-title,
  body.archive .entry-title,
  body.search .entry-title { font-size: 28px; }
  body.blog .post-image,
  body.archive .post-image,
  body.search .post-image { float: none; width: 100%; margin: 16px 0 0; }
  body.blog .post-image img,
  body.archive .post-image img,
  body.search .post-image img { width: 100%; height: auto; max-height: 260px; }
}