/**
 * 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); }

.page {
  background-color: #fbfaf8;
  /** Layout Section spacings */ }
  .page .section {
    padding-top: 5rem;
    padding-bottom: 5rem; }
    @media screen and (min-width: 1024px) {
      .page .section {
        padding-top: 11.2rem;
        padding-bottom: 11.2rem; } }
  .page .section--zero {
    padding-top: 0;
    padding-bottom: 0; }
  .page .section--no-top {
    padding-top: 0;
    padding-bottom: 5rem; }
    @media screen and (min-width: 1024px) {
      .page .section--no-top {
        padding-bottom: 11.2rem; } }
  .page .section--no-bottom {
    padding-bottom: 0;
    padding-top: 5rem; }
    @media screen and (min-width: 1024px) {
      .page .section--no-bottom {
        padding-top: 11.2rem; } }
  .page .section--breadcrumb {
    padding-top: 0;
    padding-bottom: 0; }
  .page .section--bottom-margin {
    margin-bottom: 1rem; }