/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-ramizmanked-post-list-with-load-more .custom-post-list {
  display: grid;
  gap: 1.5rem;
}
.wp-block-ramizmanked-post-list-with-load-more .custom-post-list img {
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.wp-block-ramizmanked-post-list-with-load-more .custom-post-form {
  margin: 2rem auto;
}
.wp-block-ramizmanked-post-list-with-load-more.list-layout-sideBySide .custom-post {
  display: grid;
  grid-template-columns: 35% 65%;
  gap: 1.5rem;
}
.wp-block-ramizmanked-post-list-with-load-more.more-on-scroll .custom-post-form {
  visibility: hidden;
  opacity: 0;
}

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