/* Static chrome for the design-system service pages. * * These seven pages render their header, hero, H1, footer, phone and email from * a JavaScript bundle. Google renders JavaScript; Bing, most SEO tools and the * answer engines mostly do not, so the raw HTML now carries an H1, a name and * phone line, and a working header and footer. wire-nav.js sets * data-ds-ready="1" on once the bundle has mounted its own header, and * this hides the static copy so nothing is duplicated on screen. * * The one line that is never hidden is .ror-nap-line: the local business fact, * in the visible copy, on every page. */ #ror-static-chrome, #ror-static-footer { font-family: 'Gentium Plus', georgia, serif; } .ror-static-h1 { max-width: 1100px; margin: 1.5rem auto 0.25rem; padding: 0 clamp(16px, 3vw, 50px); font-family: palatino, 'Palatino Linotype', 'Book Antiqua', georgia, serif; font-size: clamp(28px, 4vw, 36px); line-height: 1.2; color: #265c2f; } .ror-static-nap { max-width: 1100px; margin: 0 auto 1.5rem; padding: 0 clamp(16px, 3vw, 50px); color: #354a3b; } html[data-ds-ready="1"] #ror-static-chrome, html[data-ds-ready="1"] #ror-static-footer { display: none; } /* Visible in both states. */ .ror-nap-line { max-width: 1100px; margin: 0 auto; padding: 1.25rem clamp(16px, 3vw, 50px) 2rem; font-family: 'Gentium Plus', georgia, serif; font-size: 0.98rem; line-height: 1.6; color: #354a3b; text-align: center; } .ror-nap-line strong { color: #265c2f; } .ror-nap-line a { color: #2f6b45; font-weight: 600; } .ror-nap-line a:focus-visible { outline: 2px solid #2f6b45; outline-offset: 2px; } .skip-link { position: absolute; top: -100%; left: 16px; z-index: 10000; padding: 8px 16px; background: #265c2f; color: #fff; text-decoration: none; font-weight: 600; border-radius: 0 0 4px 4px; } .skip-link:focus { top: 0; }