/* local-overrides.css — post-Weebly layout tweaks: * full-browser-width layout and no empty band at the top. * Loaded last in so it wins over main_style.css and page style blocks. */ html, body { margin: 0; padding: 0; } /* the old logo/email header row is empty now — drop the 90px band */ #header { display: none; } /* stretch the fixed 968px layout to the full viewport */ #wrapper { width: auto; margin: 0; } #banner { width: auto; float: none; } #banner-right { float: none; width: auto; overflow: hidden; } .landing-page .wsite-header, .tall-header-page .wsite-header, .short-header-page .wsite-header, .wsite-header { width: auto; background-size: cover !important; background-position: center center; } #contentcontainer { width: auto; background-size: 100% auto; } /* beat the per-page-type width rules (.tall-header-page #content etc.) */ #content, .no-header-page #content, .short-header-page #content, .tall-header-page #content, .landing-page #content { width: auto; background-size: 100% auto; } /* footer block is empty after removing the Weebly signup banner */ #footer { display: none; } /* tighter vertical rhythm — the theme's 40-80px paddings push content below * the fold now that the header band is gone */ #content, .no-header-page #content, .short-header-page #content, .tall-header-page #content, .landing-page #content { padding-bottom: 24px; } h2.wsite-content-title { margin-top: 0 !important; } /* keep slideshows on-screen: wSlideshow makes its box 3/4 as tall as it is * wide, so cap the width from the viewport height (box + captions ~ 75vh) */ div[id$="-slideshow"] { max-width: min(900px, calc((100vh - 280px) * 1.3333)); margin: 0 auto; } /* larger, more readable base type (theme default was 12-13px) */ body { font-size: 15px; } div.paragraph, p { font-size: 16px !important; line-height: 1.55 !important; } #bannerleft p, #bannerleft div.paragraph { font-size: 17px !important; } .wslide-caption-text { font-size: 15px !important; } #navigation li a { font-size: 15px !important; }