/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/scss/layoutbuilder/twocol.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/* Links */
/* Footer top region */
/* Footer middle region */
/* Footer bottom region */
/* Submit button */
/* Button variant 1 */
/* Button variant 1 - alternative */
/* Button variant 2 */
/* Button variant 2 - alternative*/
/* Box shadow colors */
/* Container colors */
/* Search colors */
/* Menu colors */
/** General **/
/** Mobile **/
/* Navigation colors */
.flexy-layout-twocol {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: stretch;
}
.flexy-layout-twocol .layout-width-container {
  flex-wrap: nowrap;
}
.flexy-layout-twocol .layout-width-container > .layout__region {
  width: 50%;
  flex-direction: row;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  display: block;
}
@media (max-width: 768px) {
  .flexy-layout-twocol .layout-width-container > .layout__region {
    max-width: 100%;
  }
}
.flexy-layout-twocol--50-50 .layout-width-container > .layout__region {
  width: 100%;
  max-width: 50%;
  flex-direction: column;
}
@media (max-width: 768px) {
  .flexy-layout-twocol--50-50 .layout-width-container > .layout__region {
    max-width: 100%;
  }
}
.flexy-layout-twocol--25-75 .layout-width-container > .section-twocol__first {
  width: 100%;
  max-width: 25%;
}
@media (max-width: 768px) {
  .flexy-layout-twocol--25-75 .layout-width-container > .section-twocol__first {
    max-width: 100%;
  }
}
.flexy-layout-twocol--25-75 .layout-width-container > .section-twocol__second {
  width: 100%;
  max-width: 75%;
}
@media (max-width: 768px) {
  .flexy-layout-twocol--25-75 .layout-width-container > .section-twocol__second {
    max-width: 100%;
  }
}
.flexy-layout-twocol--75-25 .layout-width-container > .section-twocol__first {
  width: 100%;
  max-width: 75%;
}
@media (max-width: 768px) {
  .flexy-layout-twocol--75-25 .layout-width-container > .section-twocol__first {
    max-width: 100%;
  }
}
.flexy-layout-twocol--75-25 .layout-width-container > .section-twocol__second {
  width: 100%;
  max-width: 25%;
}
@media (max-width: 768px) {
  .flexy-layout-twocol--75-25 .layout-width-container > .section-twocol__second {
    max-width: 100%;
  }
}
.flexy-layout-twocol--60-40 .layout-width-container > .section-twocol__first {
  width: 100%;
  max-width: 60%;
}
@media (max-width: 768px) {
  .flexy-layout-twocol--60-40 .layout-width-container > .section-twocol__first {
    max-width: 100%;
  }
}
.flexy-layout-twocol--60-40 .layout-width-container > .section-twocol__second {
  width: 100%;
  max-width: 40%;
}
@media (max-width: 768px) {
  .flexy-layout-twocol--60-40 .layout-width-container > .section-twocol__second {
    max-width: 100%;
  }
}
.flexy-layout-twocol--40-60 .layout-width-container > .section-twocol__first {
  width: 100%;
  max-width: 40%;
}
@media (max-width: 768px) {
  .flexy-layout-twocol--40-60 .layout-width-container > .section-twocol__first {
    max-width: 100%;
  }
}
.flexy-layout-twocol--40-60 .layout-width-container > .section-twocol__second {
  width: 100%;
  max-width: 60%;
}
@media (max-width: 768px) {
  .flexy-layout-twocol--40-60 .layout-width-container > .section-twocol__second {
    max-width: 100%;
  }
}

.layout-paragraphs-builder-form .layout__region {
  border: 1px solid lightcoral;
  margin: 0;
}
.layout-paragraphs-builder-form .layout__region .layout__region {
  min-height: 200px;
}

/*# sourceMappingURL=twocol.css.map*/