.page-title {
  margin-inline: var(--beo--gutter-x, 0.75rem);
}

.layout-builder-block {
  background: transparent;
}

.layout-builder-revert-overrides {
  background-color: var(--beo-light);
}

#drupal-off-canvas:not(.drupal-off-canvas-reset) .form-item,
#drupal-off-canvas-wrapper .form-item {
  width: 100%;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) .blb_breakpoint_cols.form-check-input:checked + label,
#drupal-off-canvas-wrapper .blb_breakpoint_cols.form-check-input:checked + label {
  color: var(--beo-white) !important;
  background-color: #277abd !important;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) .inline-block-list li,
#drupal-off-canvas-wrapper .inline-block-list li {
  border-bottom: 0;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) .layout-builder-lock-section-settings .form-checkboxes label,
#drupal-off-canvas-wrapper .layout-builder-lock-section-settings .form-checkboxes label {
  font-size: 0.875rem;
}
#drupal-off-canvas:not(.drupal-off-canvas-reset) .layout-builder-lock-section-settings .form-checkboxes .form-check,
#drupal-off-canvas-wrapper .layout-builder-lock-section-settings .form-checkboxes .form-check {
  padding-left: 1rem;
}

#layout-builder-modal .field--type-text-with-summary .js-form-type-textarea {
  margin-bottom: 0;
}
#layout-builder-modal form > #bs_ui ~ input[type=submit].button {
  float: none;
}
#layout-builder-modal .ck-content {
  color: #000;
}
#layout-builder-modal .select2-search__field {
  color: inherit;
  padding: 0;
  height: 1.5rem;
  border: 0;
}

.layout-builder-form {
  margin-inline: auto;
  --beo-gutter-x: 1.5rem;
  --beo-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--beo-gutter-x) * .5);
  padding-left: calc(var(--beo-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}
.layout-builder-form .vertical-tabs__panes {
  padding: 1rem;
}
.layout-builder-form .form-actions .button {
  --beo-btn-padding-y: 0.25rem;
  --beo-btn-padding-x: 1.5rem;
  --beo-btn-font-size: 0.765625rem;
  --beo-btn-border-radius: 0.2rem;
  width: auto;
}
.layout-builder-form .form-actions #edit-preview-toggle {
  padding: 2rem;
  text-align: left;
}
