/**
 * @file
 * Bartik layout styling.
 */

.container-fluid {
  max-width: 1290px;
}
.layout-main-wrapper {
  min-height: 300px;
}
.layout-main {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 20px;
  margin-bottom: 40px;
}
.main-content,
.sidebar,
.region-breadcrumb {
  grid-column: 1 / -1;
}

@media (min-width: 560px) {
  .layout-two-sidebars .layout-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .layout-two-sidebars .main-content {
    grid-column: 1 / 3;
  }
  .layout-two-sidebars #sidebar-first {
    grid-column: 1 / 2;
  }
  .layout-two-sidebars #sidebar-second {
    grid-column: 2 / 3;
  }
}

@media (min-width: 851px) {
  .layout-sidebar-first .layout-main {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .layout-sidebar-first .main-content {
    grid-column: 2 / 3;
    order: 2
  }
  .layout-sidebar-first .sidebar {
    grid-column: 1 / 2;
    order: 1;
  }

  .layout-sidebar-second .layout-main {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .layout-sidebar-second .main-content {
    grid-column: 1 / 2;
  }
  .layout-sidebar-second .sidebar {
    grid-column: 2 / 3;
  }

  .layout-two-sidebars .layout-main {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
  }
  .layout-two-sidebars .main-content {
    grid-column: 2 / 3;
    order: 2;
  }
  .layout-two-sidebars #sidebar-first {
    grid-column: 1 / 2;
    order: 1;
  }
  .layout-two-sidebars #sidebar-second {
    grid-column: 3 / 4;
    order: 3;
  }
}