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

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

.container {
  width: 100%;
  /*max-width: var(--max-width);*/
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem
}

@media (min-width: 75rem) {

.container {
    padding-left: 1rem;
    padding-right: 1rem
}
  }

.page-wrapper {
  max-width: 120rem;
  background: #fff;
  margin: 0 auto;
  min-height: 100vh;
}

#page {
  min-height: 100vh;
}

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

@media (min-width: 75rem) {

.layout-main {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap
}
  }

@media (min-width: 75rem) {

[dir="ltr"] .main-content {
    margin-right: auto
  }

[dir="rtl"] .main-content {
    margin-left: auto
  }

.main-content {
    width: calc(100% - 5.625rem)
}
  }

.main-content__container {
  padding-top: 3rem;
  padding-left: 1rem;
  padding-right: 1rem
}

@media (min-width: 43.75rem) {

.main-content__container {
    padding-top: 2rem
}
  }

@media (min-width: 75rem) {

.main-content__container {
    padding-top: 2rem;
    padding-left: 0;
    padding-right: 0
}
  }

.main-content__container {

  /*@media (--max-nav) {*/
  /*  padding-inline: var(--container-padding-nav);*/
  /*}*/
}

@media (min-width: 75rem) {

#main-wrapper {
    margin-left: 5.625rem;
    padding: 0;
    min-height: calc(100vh - 13.9375rem)
}
  }