/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Region default layout.
 */

.region--content-bottom .block {
  padding: var(--sp) 0;
}

@media (min-width: 43.75rem) {
  .region--content-bottom .block__content {
    max-width: var(--max-width);
    margin: 0 auto;
  }
}
@media (min-width: 75rem) {
  .region--content-bottom .block {
    padding: var(--sp2) 0;
  }
}

.region--content-bottom .block__content .view,
.region--content-bottom .block__content form {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr));
  grid-column-gap: var(--grid-gap);
  padding-inline: var(--sp);
}

.region--content-bottom .block__content .view > *,
.region--content-bottom .block__content form > * {
  grid-column: 1 / 7;
  width: 100%;
}

@media (min-width: 43.75rem) {
  .region--content-bottom .block__content .view > *,
  .region--content-bottom .block__content form > * {
    grid-column: 2 / 14;
  }
}

@media (min-width: 62.5rem) {
  .region--content-bottom .block__content .view > *,
  .region--content-bottom .block__content form > * {
    grid-column: 3 / 13;
  }
}

.region--content-bottom .light {
  background: var(--color--light);
}

.region--content-bottom .green {
  background: var(--color--secondary);
}

.region--content-bottom .background-image__light {
  background-image: url("../../images/logo_form_darker.png");
  background-repeat: no-repeat;
  background-position: 90% 30%;
  /* background-position: 80% 30%; */
}

.region--content-bottom > * {
  margin-block-end: 0 !important;
}