.post--member-only {
  .post__meta {
    min-height: 3.75rem;
  }
}

.post {
  background-color: var(--amcp-color-gamma-950);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* margin-inline: auto; */
  max-width: 36rem;

  .post__image {
    height: 0;
    padding-bottom: calc((9 / 16) * 100%);
    position: relative;
    width: 100%;

    img {
      height: 100%;
      inset: 0;
      max-width: none;
      object-fit: cover;
      position: absolute;
      width: 100%;
    }
  }
  .post__meta {
    display: flex;
    align-items: center;
    gap: var(--amcp-space-050);
    flex-wrap: wrap;
    /* min-height: 3.75rem; */
    .post__content-type,
    .post__source,
    time {
      flex-grow: 1; /* Allow these elements to take up available space */
    }
  }

  .post__meta--no-content-type .post__source,
  .post__meta--no-content-type time {
    flex-grow: 1;
  }
  .post__content {
    /* padding: var(--amcp-space-060) var(--amcp-space-200); */
    padding: var(--amcp-space-125) var(--amcp-space-200);
    display: flex;
    flex-direction: column;
    gap: var(--amcp-space-060);
    width: 100%;
  }
  .post__content-type {
    flex-basis: 83%;
  }

  /* if we have a source, give it a width */
  i {
    width: 50%;
  }
  a {
    color: var(--amcp-blue);
    text-decoration: underline;
    &:hover {
      color: var(--link-color);
    }
  }
}

.post__title h3,
.post__title,
.post__title h2 {
  --amcp-font-size-xl: 1.25rem;
  font-size: var(--amcp-font-size-xl);
  line-height: 1.4;
  display: inline;
}

.post a h3,
.post h3 a,
.post h2 a,
.post__title a {
  color: var(--amcp-blue);
  display: block;
  text-decoration: none;
  display: block;
  &:hover {
    text-decoration: underline;
    color: var(--amcp-color-secondary);
  }
}

.post + .post {
  margin-top: var(--amcp-space-150);
}

.post__content-type {
  text-transform: uppercase;
}

.post__content-type,
i,
time,
.location {
  font-size: var(--amcp-font-size-xs);
  color: var(--body-copy);
}

.post.no-image .post__title {
  margin-block-end: 1rem;
}

.post .post__body {
  border-top: none;
  line-height: 1.6;
}

.post.no-image .post__body {
  padding-top: 1.875rem;
  border-top: 1px solid #c8c9c7;
  /* padding-top: 0; */
}

.post.no-image .post__content > * {
  /* padding: 0; */
  padding-inline: 2rem;
}

/* .post.no-image .post__content */

/* Add a PDF icon to all links ending with .pdf */
.post a[href$=".pdf"]:after {
  font-family: "Font Awesome 5 Free";
  content: "\f1c1"; /* FontAwesome icon for file-pdf (regular) */
  font-weight: 400; /* Needed for solid icons in FontAwesome 5 */
  margin-left: 0.25rem;
  color: var(--amcp-blue);
}

/* Add a Word icon to all links ending with .doc or .docx */
.post a[href$=".doc"]:after,
.post a[href$=".docx"]:after {
  font-family: "Font Awesome 5 Free";
  content: "\f1c2"; /* FontAwesome icon for file-word (regular) */
  font-weight: 400; /* Needed for solid icons in FontAwesome 5 */
  margin-left: 0.25rem;
  color: var(--amcp-blue);
}

/* Add a Excel icon to all links ending with .xls or .xlsx */
.post a[href$=".xls"]:after,
.post a[href$=".xlsx"]:after {
  font-family: "Font Awesome 5 Free";
  content: "\f1c3"; /* FontAwesome icon for file-excel (regular) */
  font-weight: 400; /* Needed for solid icons in FontAwesome 5 */
  margin-left: 0.25rem;
  color: var(--amcp-blue);
}

.block-views-blockrelated-content-block-1 .post__content {
  padding-inline: 0;
}

.block-views-blockrelated-content-block-1 .views-row {
  margin-block-end: var(--amcp-space-100);
  padding-block-end: var(--amcp-space-100);
  border-bottom: 1px solid var(--amcp-medium-grey);
}

.field--name-field-related-content .post__image,
.field--name-field-related-content .post__body,
.block-views-blockrelated-content-block-1 .post__image,
.block-views-blockrelated-content-block-1 .post__body {
  display: none;
}

.field--name-field-related-content .post.no-image .post__content *,
.block-views-blockrelated-content-block-1 .post.no-image .post__content *,
.view-taxonomy-term .post.no-image .post__content {
  padding-inline: 0;
}

.block-inline-blockcontent-listing-block .content-listing__items .post.no-image .post__content > * {
  padding-inline: 0;
}

.block-field-blocktaxonomy-termtopicsfield-featured-content .field--name-field-featured-content .post.no-image {
  .post__content {
    padding: 0;

    > * {
      padding-inline: 0;
    }

    .post__topics-links {
      display: none;
    }
  }
}