/* ==========================================================================
   Colors
   ========================================================================== */
/* ==========================================================================
   Fonts
   ========================================================================== */
/* ==========================================================================
   Container sizes
   ========================================================================== */
/* ==========================================================================
   Media Query Breakpoints
   ========================================================================== */
/* ==========================================================================
   Utility
   ========================================================================== */
/* line 104, ../src/styles/_config.scss */
:root {
  --max-width: 1440px;
}

/* line 2, src/styles/blocks/container.scss */
.blockContainer {
  --container-text-color: inherit;
  position: relative;
  margin: 0 auto;
  padding: 80px 80px 0 80px;
}
/* line 5, src/styles/blocks/container.scss */
.blockContainer:not(.full) {
  max-width: 1440px;
}
/* line 10, src/styles/blocks/container.scss */
.blockContainer.container-thin {
  max-width: calc(var(--max-width) - 20%);
}

/* line 15, src/styles/blocks/container.scss */
.blockContainer.has-bg-color,
.blockContainer.has-bg-image {
  padding: 0;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 24, src/styles/blocks/container.scss */
.blockContainer.text--light {
  --container-text-color: #fff;
  color: var(--container-text-color, #fff);
}

/* line 29, src/styles/blocks/container.scss */
.blockContainer-container {
  position: relative;
}

/* line 33, src/styles/blocks/container.scss */
.is-root-container .blockContainer {
  border: 1px dashed #ccc;
  padding-top: 5rem;
  padding-bottom: 5rem;
}