/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/post-template/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front and editor of your site.
 *
 * Replace them with your own styles or remove the file completely.
 */
.mb-toggle-masonry {
  padding: 1rem;
}

ul.wp-block-post-template li.wp-block-post {
  display: grid;
  height: 100%;
}
ul.wp-block-post-template.mb-is-masonry {
  grid-auto-rows: 20px;
}
@media (min-width: 768px) {
  ul.wp-block-post-template.mb-is-masonry li.wp-block-post:first-child, ul.wp-block-post-template.mb-is-masonry li.wp-block-post:nth-child(4n) {
    grid-column: span 2 !important;
  }
}

/*# sourceMappingURL=style-index.css.map*/