/* layout styles */

.post-header {
  --post-header-container-width: 860px;
  --post-header-expanded-width: 1200px;
  padding-top: 2em;
  padding-bottom: 2em;
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1407px;
  margin: 0 auto;
}

.post__meta-published-time {
  /*display: none;*/
}

.post__meta-read-time {
  border-left: none;
  margin-left: 0;
  padding-left: calc(6px + .5em);
  text-indent: 5px;
}

@media (max-width: 768px) {
  .post-header {
    flex-direction: column;
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 0 !important;
  }
  {#.post_header_image {
    flex-basis: 0 !important;
    flex-grow: 0 !important;
    width: 100% !important;
  }#}
}

@media (min-width: 900px) {
  .post-header--two-column {
    align-items: center;
    display: grid;
    gap: clamp(2rem, 3vw, 4rem);
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto;
    max-width: var(--site-width);
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
  }

}

/* no image styles */

.post-header--no-image {
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .post-header--no-image {
    margin-bottom: -3em;
  }
}

/* image */
.post-header__image {
  border-radius: var(--media-border-radius);
  display: block;
}

.post-header__image--stacked {
  margin: 0 auto;
  max-width: 400px /*var(--post-header-expanded-width)*/;
  width: calc(100% - var(--site-gutter) -  var(--site-gutter));
  flex: 1 0;
}

.post-header__image--expanded-image {
  border-radius: 0;
  /*max-width: 400px;*/
  padding: 0;
}

@media (max-width: 899px) {
  .post-header__image--two-column {
    border-radius: 0;
  }
}

/* text */
.post-header__content {
  margin: 0 auto;
  max-width: var(--post-header-container-width);
  padding: 0 var(--site-gutter);
}

@media (min-width: 900px) {
  .post-header--two-column .post-header__content {
    margin: 0;
    padding: 0;
  }
}