/* Homepage post layout only. The theme still renders the original post content. */

/* Manual excerpts vary by post. Keep the homepage cards consistent while
   retaining each pull quote in its full article. */
body.home.blog #content .ajax-post-wrapper .excerpt blockquote,
body.home.blog #content .ajax-post-wrapper .excerpt > p:empty {
  display: none;
}

/* Change only the existing shopping heading's text color. */
body.home.blog #content .ajax-post-wrapper .excerpt > h4:has(+ .shopthepost-widget) strong {
  color: #C6A58D;
}

@media (min-width: 900px) {
  body.home.blog .content-holder > .container {
    width: 100%;
    max-width: none;
    padding-left: clamp(16px, 2vw, 40px);
    padding-right: clamp(16px, 2vw, 40px);
  }

  body.home.blog #content .ajax-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(24px, 3vw, 56px);
    row-gap: 34px;
    align-items: stretch;
  }

  body.home.blog #content .ajax-post-wrapper {
    min-width: 0;
    display: flex;
  }

  body.home.blog #content .ajax-post-wrapper > article {
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    overflow: visible;
  }

  body.home.blog #content .ajax-post-wrapper > article > .row:first-child {
    flex: 1 1 auto;
    display: flex;
    min-width: 0;
  }

  body.home.blog #content .ajax-post-wrapper > article > .row:first-child > .col-md-12,
  body.home.blog #content .ajax-post-wrapper .post_content,
  body.home.blog #content .ajax-post-wrapper .post_content > .isopad,
  body.home.blog #content .ajax-post-wrapper .excerpt {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  body.home.blog #content .ajax-post-wrapper .post_content,
  body.home.blog #content .ajax-post-wrapper .post_content > .isopad,
  body.home.blog #content .ajax-post-wrapper .excerpt {
    flex: 1 1 auto;
  }

  body.home.blog #content .ajax-post-wrapper .post-header {
    height: 112px;
    margin: 0;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  body.home.blog #content .ajax-post-wrapper .post-title {
    margin: 0;
  }

  body.home.blog #content .ajax-post-wrapper .post-title a {
    font-size: clamp(29px, 2.5vw, 42px);
    line-height: 1.15;
  }

  body.home.blog #content .ajax-post-wrapper .thumb-container,
  body.home.blog #content .ajax-post-wrapper .featured-thumbnail,
  body.home.blog #content .ajax-post-wrapper .featured-thumbnail a {
    display: block;
    width: 100%;
  }

  body.home.blog #content .ajax-post-wrapper .featured-thumbnail a {
    aspect-ratio: 3 / 2;
    overflow: hidden;
  }

  body.home.blog #content .ajax-post-wrapper .featured-thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body.home.blog #content .ajax-post-wrapper .isopad {
    margin: 22px 0 0;
  }

  /* Let longer introductions determine the row height instead of shrinking. */
  body.home.blog #content .ajax-post-wrapper .excerpt > p.dropcap {
    flex: 0 0 auto;
  }

  body.home.blog #content .ajax-post-wrapper .meta-line {
    margin-top: 20px;
  }

  body.home.blog #content .ajax-container > .row {
    grid-column: 1 / -1;
  }
}