/* Navbar background */ /* .page-wrapper (in header.php) only wraps

, not the rest of the page - all main content (hero, marquee, forms, etc.) sits directly under as a sibling. So the decorative background pattern belongs on body.full-max-screen itself, not page-wrapper, to actually show through in plain/unstyled sections. */ .full-max-screen { background-image: url(https://ik.imagekit.io/saubldfer/creators_collect_2026/bg_pattern_desktop.jpg?updatedAt=1783423827661); background-repeat: repeat-y; background-position: center top; background-size: 100% auto; } /* The CDN stylesheet sets body{overflow-x:hidden} to contain Bootstrap's .row{margin:0 -15px} gutter bleed, but leaves html at its default overflow-x:visible. Browsers use the root (html) element's overflow to decide the viewport scrollbar, not body's, so the clip on body alone was never effective. */ html { overflow-x: hidden; } /* Hero registration form: at >=1200px the banner image is tall enough for the form to overlay it centered; below that its rendered height shrinks past the form's own content height, so the form stacks below the image instead (same safe pattern the <768px mobile layout already uses). Replaces the old per-breakpoint pixel-tuned transform hacks in ldef_style.css that caused the form to overlap the navbar. */ @media (min-width: 1200px) { .main-form-bg { position: absolute; top: 50%; left: auto; right: 5%; transform: translateY(-50%); margin: 0; } } @media (min-width: 768px) and (max-width: 1199px) { /* .main-form-bg { position: static; transform: none; left: auto; right: auto; width: 100%; max-width: 500px; margin: 20px auto 0; } */ } .first-form-captcha { display: flex; justify-content: center; margin-bottom: 20px; } /* Mobile hero form: header.php's own inline