/*
 * Layout
 */
/* Layout -> containers */
.container {
  position: relative;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 10px;
}

/* Layout -> Main wrapper (Main + Sidebar) */
.main-wrapper {
  position: relative;
  display: block;
  padding: 2rem 0;
}

.main-container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Main
--------------------------------*/
#main {
  position: relative;
  order: 0;
}

#sidebar-left {
  order: 1;
}

#sidebar-right {
  order: 2;
}

/* No sidebar + main */
.no-sidebar #main,
.sidebar-left #main,
.sidebar-right #main,
.two-sidebar #main,
#sidebar-left,
#sidebar-right {
  flex: 1 1 100%;
  width: 100%;
}

#front-main {
  flex: 1 1 100%;
  width: 100%;
  margin: 0;
}

/* Frontpage with Sidebar
--------------------------------*/
.front-content-with-sidebar {
  display: flex;
}
/*# sourceMappingURL=layout.css.map */