/**
 * Some structure for layout builder
*/

/* Override bootstrap grids */

.row {
  padding: 0;
}

/* Apply to layout builder */
.layout {
  margin: var(--vertical-padding) auto;

  &.no-bottom-margin {
    margin-bottom: 0;
  }

  &.layout--onecol.fullwidth .block:not(.media-block) {
    max-width: var(--max-width);
    margin: 0 auto;
    padding-left: var(--responsive-padding);
    padding-right: var(--responsive-padding);
  }

  .block {
    margin-bottom: 2rem;

    /* add space between content and side menus */
    margin-right: 1rem;
  }

  /* no margin right space for timelines, as it moves the timeline horizontal line over the mid vertical lines */
  .block.timeline-content-wrapper {
    margin-right: 0;
  }
}

.layout--twocol-section {
  display: grid;
  gap: 2rem;
}

@media (min-width: 960px) {
  .layout--twocol-section {
    &.layout--twocol-section--50-50 {
      grid-template-columns: 50% auto;
    }
    &.layout--twocol-section--33-67 {
      grid-template-columns: 33% auto;
    }
    &.layout--twocol-section--67-33 {
      grid-template-columns: 67% auto;
    }
    &.layout--twocol-section--25-75 {
      grid-template-columns: 33% auto;
    }
    &.layout--twocol-section--75-25 {
      grid-template-columns: auto 25%;
    }
  }
}

/* Adjustments for Bootstrap Layout Builder */

.blb-layout .row {
  --bs-gutter-x: 0;
  gap: var(--gutter-standard);
}

@media (min-width: 960px) {
  .blb-layout .col-lg-8 {
    width: calc(66% - var(--gutter-standard));
  }
}