/* =========================================================================== normal-scroll.css fullpage.js has been removed from the home page. fullpage used to: - add `fp-enabled` to so `.fp-enabled body { overflow:hidden }` (from fullPage.css) disabled the browser scrollbar, and - set each section to the viewport height inline. With fullpage gone the page already scrolls natively; these rules just keep the original full-screen section design intact in normal flow. =========================================================================== */ html, body { height: auto !important; overflow-x: hidden; overflow-y: auto !important; } /* The one-page wrapper + its sections now lay out as a normal document. */ .outer#acc_fullpage, #acc_fullpage { height: auto !important; position: static !important; } /* Each section keeps its full-viewport height (so inner `height:100%` content still resolves, exactly like under fullpage). The page scrolls through the stacked sections natively. overflow:hidden mirrors fullpage's per-section clipping so nothing bleeds into the neighbouring section. */ #acc_fullpage > .section { height: 100vh; position: relative; overflow: hidden; } /* The footer/contact section sizes to its own content (it is taller than a viewport and must not be clipped). */ #acc_fullpage > .footer_section { height: auto; min-height: 100vh; overflow: visible; } /* ROI section ("Return of Innovation Positive"): fullpage used to vertically centre the section content via its table-cell wrapper. The right column (.focus_right) is absolutely positioned and already centred, but the left ROI card (.vision_wrap) is in normal flow and was sticking to the top, leaving a large empty gap. Centre it to match. The absolutely-positioned decorations (.fourdots, .focus_right, .sevenBCM) are unaffected by flex. */ #acc_fullpage > .new_section { display: flex; align-items: center; }