/*
  Styles for the layout builder bootstrap layouts
*/

.ucb-bootstrap-layout-section .layout-builder-block {
  background-color: transparent;
}

/*** ADMIN CONFIGURATION BAR STYLES ***/

.js-form-item-layout-settings-background-background-color .form-radio:checked,
.js-form-item-layout-settings-layout-column-width .form-radio:checked,
.js-form-item-layout-settings-layout-container-width .form-radio:checked,
.js-form-item-layout-settings-background-overlay-color .form-radio:checked,
.js-form-item-layout-settings-background-background-effect .form-radio:checked,
.js-form-item-layout-settings-background-content-frame-color
  .form-radio:checked,
.js-form-item-layout-settings-background-background-color .form-radio:hover,
.js-form-item-layout-settings-layout-column-width .form-radio:hover,
.js-form-item-layout-settings-layout-container-width .form-radio:hover,
.js-form-item-layout-settings-background-overlay-color .form-radio:hover,
.js-form-item-layout-settings-background-background-effect .form-radio:hover,
.js-form-item-layout-settings-background-content-frame-color .form-radio:hover,
.js-form-item-layout-settings-background-background-color
  .form-radio:hover:focus,
.js-form-item-layout-settings-layout-column-width .form-radio:hover:focus,
.js-form-item-layout-settings-layout-container-width .form-radio:hover:focus,
.js-form-item-layout-settings-background-overlay-color .form-radio:hover:focus,
.js-form-item-layout-settings-background-background-effect
  .form-radio:hover:focus,
.js-form-item-layout-settings-background-content-frame-color
  .form-radio:hover:focus {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.ui-dialog.ui-widget-content button.ui-dialog-titlebar-close::before {
  position: absolute;
  top: calc(50% - 1px);
  left: 50%;
  width: 50%;
  height: 0;
  content: "";
  border-top: solid 2px currentColor;
  transform: translate(-50%, 50%) rotate(-45deg);
}

.ui-dialog.ui-widget-content button.ui-dialog-titlebar-close::after {
  position: absolute;
  top: calc(50% - 1px);
  left: 50%;
  width: 50%;
  height: 0;
  content: "";
  border-top: solid 2px currentColor;
  transform: translate(-50%, 50%) rotate(45deg);
}

.layout-builder__add-block {
  width: 100%;
  align-content: flex-end;
}