/* Cancel preloader / pace overlays that don't apply in an SPA context. The legacy template was designed for full page reloads where the preloader slides away once. In an SPA there's no "load complete" moment to wait for, and these rules end up covering the page indefinitely. */ body.pace-running { height: auto !important; overflow: visible !important; } .custom-loader, .custom-loader::before, .custom-loader::after, .pace .pace-progress { display: none !important; } /* The legacy sheet hides EVERY inline (style.css: `.pace-done .custom-loader img, .pace-done svg { display:none }`). That rule was only meant to hide the loader graphic, but it wipes out all real inline icons app-wide (e.g. the icon-only Remove buttons in the admin). Re-show them; the loader itself stays hidden via the .custom-loader rule above. This sheet loads after style.css, so equal specificity wins. */ .pace-done svg { display: revert; } /* The project-detail banner title is an

here (the original template used a
, which costs the page its only heading). style.css only styles the
, so mirror those rules onto the heading — same look, correct document outline. / .inner-bannermenutitle h1 { font-size: 27px; font-weight: 400; font-family: 'Playfair Display', serif; padding: 0; margin: 0; color: #fff; text-transform: uppercase; } @media (max-width: 767px) { .inner-bannermenutitle h1 { font-size: 22px; } } / The legacy jQuery form handler (custom.js) drops a full-screen dark overlay (.form-overlay.doit, z-index 90) over the page whenever a submit button with the `dynamic_submit_btn` class is clicked — the loading state for the old AJAX forms. Every form here submits via Vue and shows its own inline confirmation, so this overlay only ends up covering the result (and its close button) until a 15s timeout. Neutralize it. */ .form-overlay, .form-overlay.doit { display: none !important; }