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

/**
 * @file
 * Base Layout.
 */

/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

/* Navigation related breakpoints */

/* Grid related breakpoints */

/* Grid shifts from 6 to 14 columns. */

/* Width of the entire grid maxes out. */

.container {
  width: 100%;
  max-width: var(--max-width);
  padding-inline: var(--container-padding);

  /* This fixes an issue where if the toolbar is open in vertical mode, and
   * the mobile navigation is open, the "close" button gets pushed outside of
   * the viewport. */
}

body.is-fixed .container {
  width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
}

.container.center {
  margin: 0 auto;
}

.page-wrapper {
  margin: 0 auto;
  /*   max-width: var(--max-width); */
  background: var(--color--white);
}

/**
 * Creates stacking context ensuring that child elements can never appear in
 * front of mobile navigation.
 */

.layout-main-wrapper {
  position: relative;
  z-index: 2; /* Ensure dropdown is not cut off by footer. */
  background: var(--color--beige);
}

@media (min-width: 75rem) {

  .layout-main-wrapper {
    margin-top: -1.875rem;
  }
}

/* Contains the social sidebar, and the primary content area. */

@media (min-width: 75rem) {

  .layout-main {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    padding-top: 1.875rem;
  }
}

.layout__region--content {
  padding-bottom: var(--sp);
}

.main-content {
  background: var(--color--beige);
  padding-inline: 0;
}

@media (min-width: 75rem) {

  .main-content {
    width: calc(100% - var(--content-left));
    margin-inline-end: auto;
  }
}

.main-content__container {
  padding-block-start: 0;
}

@media (min-width: 43.75rem) {

  .main-content__container {
    padding-block-start: var(--sp3);
  }
}

.field--name-field-content > .paragraph > .layout {
  padding: 0 var(--sp);
}

.field--name-field-content > .paragraph > .layout.layout--onecol {
  padding: 0;
}

@media (min-width: 43.75rem) {

  .field--name-field-content > .paragraph > .layout {
    padding: 0;
  }
}

.places-related .layout,
.blog-share-links .layout,
.paragraph--type--layout .layout {
  margin-block-end: 0;
  padding-block-end: 0;
}

.places-related .layout .layout__region,
.blog-share-links .layout .layout__region,
.paragraph--type--layout .layout .layout__region {
  /*      padding-block-start: var(--sp2);
        padding-block-end: var(--sp2);
        padding: 0 var(--sp2); */
}

@media (min-width: 43.75rem) {
  .places-related .layout .layout__region,
  .blog-share-links .layout .layout__region,
  .paragraph--type--layout .layout .layout__region {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 62.5rem) {

  .places-related .layout--onecol,
  .blog-share-links .layout--onecol,
  .paragraph--type--layout .layout--onecol {
    max-width: 50rem;
    margin: 0 auto;
  }
}

.places-related .layout--twocol-section,
.blog-share-links .layout--twocol-section,
.paragraph--type--layout .layout--twocol-section {
  align-items: center;
  max-width: 75rem;
  margin: 0 auto;
}

@media (min-width: 62.5rem) {

  .page-node-type-bio-p .paragraph--type--layout .layout--onecol,
  .page-node-type-bio-v .paragraph--type--layout .layout--onecol {
    max-width: 42.5rem;
  }
}

.path-search .block-system-main-block {
  max-width: var(--max-width);
  padding-inline: var(--container-padding);
  > div {
    padding: var(--container-padding);
  }
}

.path-search .block-system-main-block .search-form {
  margin-block-end: var(--sp5);
}