/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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--logo-panel/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.wp-block-create-block-empty-layout--logo-panel .logo-panel--row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 40px 60px;
  flex-wrap: wrap;
}
.wp-block-create-block-empty-layout--logo-panel .logo-panel--row .intro-heading {
  text-align: center;
  width: calc((100% - 60px) * 0.35);
}
@media all and (max-width: 1199.98px) {
  .wp-block-create-block-empty-layout--logo-panel .logo-panel--row .intro-heading {
    width: 100%;
  }
}
.wp-block-create-block-empty-layout--logo-panel .logo-panel--row .logos {
  width: calc((100% - 60px) * 0.65);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
@media all and (max-width: 1199.98px) {
  .wp-block-create-block-empty-layout--logo-panel .logo-panel--row .logos {
    width: 100%;
  }
}
.wp-block-create-block-empty-layout--logo-panel .logo-panel--row .logos .logo {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex: 1 1 0;
  height: 75px;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .wp-block-create-block-empty-layout--logo-panel .logo-panel--row .logos .logo {
    flex: unset;
    width: calc((100% - 60px) / 3);
  }
}
@media all and (max-width: 767.98px) {
  .wp-block-create-block-empty-layout--logo-panel .logo-panel--row .logos .logo {
    flex: unset;
    width: calc((100% - 30px) / 2);
  }
}

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