/* -------------------------------- 

File#: blocks/core/post-template
Title: WP Post Template Block

-------------------------------- */
.wp-block-post-template {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--style--block-gap, inherit) !important;
}

.wp-block-post {
  margin-top: 0 !important;
  width: 100%;
}

@media (min-width: 600px) {
  .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li {
    width: calc((100% - var(--wp--style--block-gap, 1em)) / 2);
  }
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li {
    width: calc((100% - (var(--wp--style--block-gap, 1em) * 2)) / 3);
  }
  .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li {
    width: calc((100% - (var(--wp--style--block-gap, 1em) * 3)) / 4);
  }
  .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li {
    width: calc((100% - (var(--wp--style--block-gap, 1em) * 4)) / 5);
  }
  .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li {
    width: calc((100% - (var(--wp--style--block-gap, 1em) * 5)) / 6);
  }
}