/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/section-community-tiles/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-create-block-section-community-tiles {
  display: grid;
  padding: 96px 48px;
  gap: 32px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "title tile1 tile2 tile3";
}
@media screen and (max-width: 768px) {
  .wp-block-create-block-section-community-tiles {
    padding: 50px 20px;
  }
}
.wp-block-create-block-section-community-tiles .community-tiles-title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: title;
}
.wp-block-create-block-section-community-tiles .community-tile {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wp-block-create-block-section-community-tiles .community-tile:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: tile1;
}
.wp-block-create-block-section-community-tiles .community-tile:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: tile2;
}
.wp-block-create-block-section-community-tiles .community-tile:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: tile3;
}
.wp-block-create-block-section-community-tiles .community-tile img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
}
.wp-block-create-block-section-community-tiles .community-tile h3 {
  font-size: 20px;
}
.wp-block-create-block-section-community-tiles .community-tile p {
  font-size: 16px;
}
@media (max-width: 1024px) {
  .wp-block-create-block-section-community-tiles {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto;
    grid-template-areas: "title title title" "tile1 tile2 tile3";
  }
  .wp-block-create-block-section-community-tiles .community-tiles-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .wp-block-create-block-section-community-tiles .community-tile:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .wp-block-create-block-section-community-tiles .community-tile:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .wp-block-create-block-section-community-tiles .community-tile:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
}
@media (max-width: 600px) {
  .wp-block-create-block-section-community-tiles {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "tile1" "tile2" "tile3";
  }
  .wp-block-create-block-section-community-tiles .community-tiles-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .wp-block-create-block-section-community-tiles .community-tile:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .wp-block-create-block-section-community-tiles .community-tile:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .wp-block-create-block-section-community-tiles .community-tile:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}

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