/* Global Fipal theme overrides. */
#wrapper {
  background-color: #fff;
}

/*
 * Creative Elements full-width sections and looping carousels intentionally
 * render media beyond the viewport. Prevent that off-screen content from
 * creating a document-level horizontal scrolling area.
 */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}

/*
 * Full-width custom layouts remove the Bootstrap container gutters. Their
 * direct .row must therefore lose its negative margins as well; otherwise it
 * remains 30px wider than the mobile viewport and allows sideways dragging.
 */
html body#contact #wrapper > .container > .row,
html body#product #wrapper > .container > .row,
html body#authentication #wrapper > .container > .row {
  width: 100%;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

html body#contact #wrapper > .container > .row > #content-wrapper,
html body#product #wrapper > .container > .row > #content-wrapper,
html body#authentication #wrapper > .container > .row > #content-wrapper {
  left: auto !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  flex: 0 0 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}