/*
 * @file
 * Provides the layout styles for layout_twocol.
 */

.layout--dashboard-item-twocol {
  container-type: inline-size;
  container-name: dashboard-item-twocol;
}

.layout-row {
  display: flex;
}

.layout-row-middle {
  display: flex;
}

.layout-row-top img,
.layout-row-bottom img {
  max-width: 100% !important;
}

@container dashboard-item-twocol (max-width: 400px) {
  .layout-row-middle {
    flex-wrap: wrap;
  }
}

.layout__region.region-filled {
  padding: .75rem;
}

.region-filled > .paragraph--type--dashboard-item-divider:first-child > hr {
  margin-top: 0;
}

#edit-field-dashboard-item-paragraphs .layout-row .layout__region {
  flex: 0 1 100%;
}

#edit-field-dashboard-item-paragraphs .layout-row-middle .layout__region--first,
#edit-field-dashboard-item-paragraphs .layout-row-middle .layout__region--second {
  flex: 0 1 50%;
}

#edit-field-dashboard-item-paragraphs .paragraph--type--dashboard-item-divider {
  padding: .2rem 0;
  margin: .2rem 0;
  background: grey;
}

.paragraph--type--dashboard-item-layout .lpb-btn.before,
.paragraph--type--dashboard-item-layout .lpb-btn.after {
  display: none;
}

.paragraph--type--dashboard-item-layout .lpb-duplicate {
  display: none;
}