/* CMS page background. Scoped to the page shell. Homepage canvas rules are not reused as a global class. */

[data-ag-cms-page-bg] {
  position: relative;
  isolation: isolate;
  max-width: 100%;
  overflow-x: clip;
  background-color: var(--ag-cms-page-bg-color, transparent);
}

[data-ag-cms-page-bg="image"] {
  background-image: var(--ag-cms-page-bg-image, none);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

[data-ag-cms-page-bg] > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 991.98px) {
  [data-ag-cms-page-bg="image"] {
    background-attachment: scroll;
    background-size: cover;
    background-position: center;
  }
}

@media (max-width: 767.98px) {
  [data-ag-cms-page-bg] {
    overflow-x: clip;
    max-width: 100%;
  }
}