/* Shared */
._hsBlogPostTitle_h9t9t_2,
._hsBlogPostTags_h9t9t_3 {
  margin: 0 0 0.5rem;
}

/* Layout */
._hsBlogPostListing_h9t9t_8 {
  display: flex;
  flex-wrap: wrap;
}

._hsBlogPost_h9t9t_2 {
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-bottom: 1rem;
  flex-direction: column;
  flex-wrap: wrap;
}

/* Grid layout  */
._hsBlogPostGrid_h9t9t_23 {
  justify-content: space-between;
}

@media (min-width: 767px) {
  ._hsBlogPostListingPostColumn2_h9t9t_28 {
    width: var(--grid-post-width);
  }

  ._hsBlogPostListingPostColumn3_h9t9t_32 {
    width: var(--grid-post-width-three-column);
    gap: var(--grid-space-between-posts);
  }

  ._hsBlogPostListingPostColumn4_h9t9t_37 {
    width: var(--grid-post-width-four-column);
    gap: var(--grid-space-between-posts);
  }
}

/* Side by side layout */
@media (min-width: 768px) {
  ._hsBlogPostSideBySide_h9t9t_45 {
    flex-direction: row;
  }

  ._hsBlogPostImageWrapperSideBySide_h9t9t_49 {
    width: var(--image-wrapper-width);
    margin-right: var(--margin-right);
    margin-left: var(--margin-left);
    order: var(--order);
  }

  ._hsBlogPostContentSideBySide_h9t9t_56 {
    width: var(--content-wrapper-width);
  }
}

/* Post content */
._hsBlogPostListingContent_h9t9t_62 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Post title */
._hsBlogPostTitle_h9t9t_2 {
  display: inline-block;
}

._hsBlogPostTitleLink_h9t9t_73 {
  text-decoration: none;
}

/* Post image */
._hsBlogPostListingImage_h9t9t_78 {
  height: 100%;
  width: 100%;
  border-radius: var(--border-radius);
  aspect-ratio: var(--aspect-ratio);
  -o-object-fit: cover;
  object-fit: cover;
}

/* Author */
._hsBlogPostAuthor_h9t9t_88 {
  display: flex;
  align-items: center;
}

._hsBlogPostAuthorImageWrapper_h9t9t_93 {
  height: auto;
  margin-right: 0.5rem;
}

._hsBlogPostAuthorImage_h9t9t_93 {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

._hsBlogPostAuthorName_h9t9t_105 {
  text-decoration: none;
}

/* Tags */
._hsBlogPostTags_h9t9t_3 {
  display: flex;
  flex-wrap: wrap;
}

._hsBlogPostTag_h9t9t_3 {
  text-decoration: none;
}

._hsBlogPostTag_h9t9t_3:not(:last-child) {
  margin-right: var(--spacing-between-tags);
}

/* Publish date */
._hsBlogPostPublishDate_h9t9t_124 {
  display: block;
}

/* Description */
._hsBlogPostDescription_h9t9t_129 {
  display: inline-block
}

/* Button */
._hsBlogPostButtonWrapper_h9t9t_134 {
  margin-top: auto;
}

._hsBlogPostButton_h9t9t_134 {
  display: inline-block;
}

/* .hsBlogPostButton:active {
  Note: Need color_variant HubL function recreation to support these styles
} */