/* ==========================================================================
   Two Column Layout Block
   ========================================================================== */
.two-column-layout__grid > * {
  min-width: 0;
}
.two-column-layout__main {
  min-width: 0;
}
.two-column-layout__sidebar {
  min-width: 0;
}

/* ==========================================================================
   Editor Styles - Make the two-column layout visible in editor!
   ========================================================================== */
.editor-styles-wrapper .two-column-layout__grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 2rem;
  align-items: flex-start;
}
.editor-styles-wrapper .two-column-layout__grid > .acf-innerblocks-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 2rem;
  width: 100%;
  align-items: flex-start;
}
.editor-styles-wrapper .two-column-layout__grid .acf-innerblocks-container > .block-editor-inner-blocks {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 2rem;
  width: 100%;
  align-items: flex-start;
}
.editor-styles-wrapper .two-column-layout__grid .acf-innerblocks-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 2rem;
  width: 100%;
  align-items: flex-start;
}
.editor-styles-wrapper .wp-block-sehu-content-area,
.editor-styles-wrapper .two-column-layout__main {
  flex: 7 1 0% !important;
  min-width: 0 !important;
  max-width: none !important;
}
.editor-styles-wrapper .wp-block-sehu-sidebar-area,
.editor-styles-wrapper .two-column-layout__sidebar {
  flex: 3 1 0% !important;
  min-width: 200px !important;
  max-width: none !important;
}
.editor-styles-wrapper .two-column-layout__main {
  background: rgba(0, 0, 0, 0.02);
  border: 1px dashed #a0a0a0;
  padding: 1rem;
  border-radius: 4px;
  min-height: 150px;
}
.editor-styles-wrapper .two-column-layout__sidebar {
  background: rgba(126, 182, 230, 0.08);
  border: 1px dashed #7eb6e6;
  padding: 1rem;
  border-radius: 4px;
  min-height: 150px;
}
.editor-styles-wrapper .two-column-layout--ratio-70-30 .wp-block-sehu-content-area, .editor-styles-wrapper .two-column-layout--ratio-70-30 .two-column-layout__main {
  flex: 70 1 0% !important;
}
.editor-styles-wrapper .two-column-layout--ratio-70-30 .wp-block-sehu-sidebar-area, .editor-styles-wrapper .two-column-layout--ratio-70-30 .two-column-layout__sidebar {
  flex: 30 1 0% !important;
}
.editor-styles-wrapper .two-column-layout--ratio-75-25 .wp-block-sehu-content-area, .editor-styles-wrapper .two-column-layout--ratio-75-25 .two-column-layout__main {
  flex: 75 1 0% !important;
}
.editor-styles-wrapper .two-column-layout--ratio-75-25 .wp-block-sehu-sidebar-area, .editor-styles-wrapper .two-column-layout--ratio-75-25 .two-column-layout__sidebar {
  flex: 25 1 0% !important;
}
.editor-styles-wrapper .two-column-layout--ratio-66-33 .wp-block-sehu-content-area, .editor-styles-wrapper .two-column-layout--ratio-66-33 .two-column-layout__main {
  flex: 66 1 0% !important;
}
.editor-styles-wrapper .two-column-layout--ratio-66-33 .wp-block-sehu-sidebar-area, .editor-styles-wrapper .two-column-layout--ratio-66-33 .two-column-layout__sidebar {
  flex: 33 1 0% !important;
}
.editor-styles-wrapper .two-column-layout--ratio-60-40 .wp-block-sehu-content-area, .editor-styles-wrapper .two-column-layout--ratio-60-40 .two-column-layout__main {
  flex: 60 1 0% !important;
}
.editor-styles-wrapper .two-column-layout--ratio-60-40 .wp-block-sehu-sidebar-area, .editor-styles-wrapper .two-column-layout--ratio-60-40 .two-column-layout__sidebar {
  flex: 40 1 0% !important;
}
.editor-styles-wrapper .two-column-layout--ratio-50-50 .wp-block-sehu-content-area, .editor-styles-wrapper .two-column-layout--ratio-50-50 .two-column-layout__main {
  flex: 50 1 0% !important;
}
.editor-styles-wrapper .two-column-layout--ratio-50-50 .wp-block-sehu-sidebar-area, .editor-styles-wrapper .two-column-layout--ratio-50-50 .two-column-layout__sidebar {
  flex: 50 1 0% !important;
}
.editor-styles-wrapper .two-column-layout--sidebar-left .wp-block-sehu-content-area,
.editor-styles-wrapper .two-column-layout--sidebar-left .two-column-layout__main {
  order: 2 !important;
}
.editor-styles-wrapper .two-column-layout--sidebar-left .wp-block-sehu-sidebar-area,
.editor-styles-wrapper .two-column-layout--sidebar-left .two-column-layout__sidebar {
  order: 1 !important;
}
