/**
 * Global-tier rules, converted to literal CSS from Sass source:
 * src/stories/global/_global.scss
 *
 * BREAKPOINTS: re-derived directly from src/stories/global/_variables.scss
 * ($grid-breakpoints map, lines 349-356 -- this theme does not override
 * Bootstrap's default breakpoint values). `lg` is 992px
 * (--site-grid-breakpoints-lg in css/base/variables.css). Verified against
 * the current compiled output (dist/css/bootstrap.css): media-breakpoint-up(lg)
 * compiles to `@media (min-width: 992px)`, and media-breakpoint-down(lg)
 * compiles to `@media (max-width: 991.98px)` (Bootstrap's breakpoint-down
 * subtracts .02px from the next breakpoint up to avoid overlap at the
 * boundary).
 */

.block--layout-builder + .block--layout-builder {
  margin-top: 24px;
}

/* --site-grid-breakpoints-lg: 992px */
@media (min-width: 992px) {

  .block--layout-builder + .block--layout-builder {
    margin-top: 48px;
  }
}

/* Custom class to stretch element below lg.
 * --site-grid-breakpoints-lg: 992px */
@media (max-width: 991.98px) {

  .resp-width-100,
  .resp-width-100 .btn {
    width: 100% !important;
  }
}