/* ==== WordPress host-page fixes (outside the app) ==== */

/* Our mount should be a clean, full-width block */
.rd-scope{ display:block; width:100%; max-width:100%; margin:0 !important; padding:0 !important }

/* Widen common theme containers ONLY on this page */
.rd-fullpage .site,
.rd-fullpage .site-content,
.rd-fullpage #content,
.rd-fullpage #primary,
.rd-fullpage .content-area,
.rd-fullpage .container,
.rd-fullpage .container-fluid,
.rd-fullpage .wrap,
.rd-fullpage .ast-container,
.rd-fullpage .generatepress-container,
.rd-fullpage .oceanwp-row,
.rd-fullpage .page-content,
.rd-fullpage .entry-content,
.rd-fullpage .wp-site-blocks,
.rd-fullpage .is-layout-constrained{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  overflow:visible !important;
}

/* Elementor (sections + old rows + new Flexbox containers) */
.rd-fullpage .elementor-section,
.rd-fullpage .elementor-top-section,
.rd-fullpage .elementor-container,
.rd-fullpage .elementor-section.elementor-section-boxed > .elementor-container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  overflow:visible !important;
}

/* Elementor Flexbox Container: kill the internal max width variable */
.rd-fullpage .e-con{
  --container-max-width: 100% !important;
  --content-width: 100% !important;
  width:100% !important;
  max-width:none !important;
}
.rd-fullpage .e-con-inner{
  width:100% !important;
  max-width:none !important;
}

/* Elementor "stretched" inline offsets: neutralize */
.rd-fullpage .elementor-section-stretched{
  left:0 !important; right:auto !important; width:100% !important;
}

/* Some themes clamp grandchildren of .entry-content, too. Unclamp our header. */
.rd-fullpage .entry-content > #dashboard-root > .site-header{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* Don’t let the theme create stray horizontal scrollbars */
html{ overflow-x:hidden }