/**
 * Background colors for use in layouts.
 *
 * @see au_admin_ux_bootstrap_layouts_class_options_alter()
 */
.background--dark {
  background-color: #363434; }

.background--grey-transparent {
  background-color: rgba(52, 61, 70, 0.8); }

.background--light {
  background-color: #fbfaf8; }

.background--secondary {
  background-color: #f5f4f2; }

.background--light-grey {
  background-color: #f1f1f2; }

.background--menu {
  background-color: #777; }

.background--primary {
  background-color: #bca270; }

.background--primary-light {
  background-color: #efede8; }

.background--primary-transparent {
  background-color: rgba(188, 162, 112, 0.9); }

.layout__content-wrapper {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start; }

.layout__region--full {
  width: 100%; }

@media screen and (min-width: 767px) {
  .layout__content-wrapper--two-col .layout__region {
    width: 50%; } }

@media screen and (min-width: 1024px) {
  .layout__content-wrapper--two-col .layout__region.layout__region--left {
    padding-right: 7rem;
    width: 66.666%; }
  .layout__content-wrapper--two-col .layout__region.layout__region--right {
    padding-left: 1.5rem;
    width: 33.333%; } }

.layout__content-wrapper--four-col {
  padding-top: 6rem;
  padding-bottom: 1.5rem; }
  @media screen and (min-width: 767px) {
    .layout__content-wrapper--four-col .layout__region {
      width: 50%; }
      .layout__content-wrapper--four-col .layout__region.layout__region--left, .layout__content-wrapper--four-col .layout__region.layout__region--mid-right {
        padding-right: 1.5rem; }
      .layout__content-wrapper--four-col .layout__region.layout__region--mid-left, .layout__content-wrapper--four-col .layout__region.layout__region--right {
        padding-left: 1.5rem; } }
  @media screen and (min-width: 1024px) {
    .layout__content-wrapper--four-col .layout__region {
      width: 25%;
      border-right: 2px solid #f1f1f2; }
      .layout__content-wrapper--four-col .layout__region:last-child {
        border-right: 0; }
      .layout__content-wrapper--four-col .layout__region.layout__region--left {
        padding-right: 3rem; }
      .layout__content-wrapper--four-col .layout__region.layout__region--mid-left {
        padding: 0 2rem 0 1rem; }
      .layout__content-wrapper--four-col .layout__region.layout__region--mid-right {
        padding: 0 1rem 0 2rem; }
      .layout__content-wrapper--four-col .layout__region.layout__region--right {
        padding-left: 3rem; } }