/* * Drainova rules that must stay unscoped. * * plumby-chrome.css confines every Plumby and Bootstrap selector to * .plumby-chrome, and drainova-scoped.css does the same to the chrome overrides * — so anything that styles the page body, or that hangs off a class * outside the wrapper, has to live here instead. */ /* --------------------------------------------------------------------------- Pages that wear the Plumby header and footer but keep their own body: the service and location pages, the blog, search and 404. Plumby's own .space is 120px top and bottom, which is far too much above content that already opens with its own hero card. --------------------------------------------------------------------------- */ .dn-site-space { padding: 40px 0 60px; } /* Bootstrap's .container/.row/.col-* only exist inside .plumby-chrome on these pages, so the content area brings its own — small enough not to need a grid framework. */ .dn-container { width: 100%; max-width: 1320px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .dn-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; } @media (max-width: 991px) { .dn-site-space { padding: 24px 0 40px; } } /* These pages' own

lives inside their content; this one only appears when the content has none (blog posts, search, 404, /services). / .dn-entrytitle { margin-bottom: 24px; } / On an Elementor canvas the restored title sits above the builder sections, so it needs its own tighter band rather than the full content padding. / .dn-site-space--title { padding: 40px 0 0; } .dn-site-space--title .dn-entrytitle { margin-bottom: 0; } .dn-entrycontent > :last-child { margin-bottom: 0; } /* The location pages were written against the theme's plain content area, so their images have no width cap of their own. / .dn-entrycontent img { max-width: 100%; height: auto; } .dn-pagination { margin-top: 40px; } / Keep the sticky header clear of the WP admin bar. / .admin-bar .sticky-active.active { top: 32px; } @media (max-width: 782px) { .admin-bar .sticky-active.active { top: 46px; } } / The click-to-chat bubble is hidden on the homepage only — the ~1160 location pages keep theirs, where it is their main conversion path. The homepage header, hero, footer widget and copyright band already carry WhatsApp and call links, and the bubble sat on top of the footer. / body.home .ht-ctc { display: none !important; } / back-to-top no longer has to clear the chat bubble on this page. */ .back-to-top { bottom: 40px; }