/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/custom-empty-layouts/empty-layout--grids/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.grid-system .wp-block-create-block-square-video-thumbnail {
  background-size: 80% auto;
}
.grid-system .wp-block-create-block-square-video-thumbnail .shaped-container {
  display: none;
}
.grid-system.gray-background {
  background-color: #EEEEEE;
}
.grid-system--row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  flex-wrap: wrap;
}
.grid-system--row.two-column > div,
.grid-system--row.two-column > a {
  width: calc((100% - 30px) / 2);
  margin: 0;
}
@media all and (max-width: 989.98px) {
  .grid-system--row.two-column > div,
  .grid-system--row.two-column > a {
    width: 100%;
  }
}
.grid-system--row.three-column > div,
.grid-system--row.three-column > a {
  width: calc((100% - 60px) / 3);
  margin: 0;
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  .grid-system--row.three-column > div,
  .grid-system--row.three-column > a {
    width: calc((100% - 30px) / 2);
  }
}
@media all and (max-width: 989.98px) {
  .grid-system--row.three-column > div,
  .grid-system--row.three-column > a {
    width: 100%;
  }
}
.grid-system--row.four-column > div,
.grid-system--row.four-column > a {
  width: calc((100% - 90px) / 4);
  margin: 0;
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  .grid-system--row.four-column > div,
  .grid-system--row.four-column > a {
    width: calc((100% - 30px) / 2);
  }
}
@media all and (max-width: 989.98px) {
  .grid-system--row.four-column > div,
  .grid-system--row.four-column > a {
    width: 100%;
  }
}
.grid-system--row.five-column > div,
.grid-system--row.five-column > a {
  width: calc((100% - 120px) / 5);
  margin: 0;
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  .grid-system--row.five-column > div,
  .grid-system--row.five-column > a {
    width: calc((100% - 30px) / 2);
  }
}
@media all and (max-width: 989.98px) {
  .grid-system--row.five-column > div,
  .grid-system--row.five-column > a {
    width: 100%;
  }
}
@media all and (max-width: 767.98px) {
  .grid-system .section-text-area .is-style-grady-heading-small-heading {
    font-size: 19px;
    line-height: 22px;
  }
  .grid-system .section-text-area p {
    font-size: 15px;
    line-height: 21px;
  }
}

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