/* ========================================================================= Northwest Equine — legacy site recreation Scoped entirely under .nwe-legacy-site so it can't leak into (or be overridden by) the active WordPress theme's own styles. ========================================================================= */ /* Neutralize theme resets that would break this fixed-width, pixel-perfect layout (many modern themes set * { box-sizing: border-box } globally). */ .nwe-legacy-site, .nwe-legacy-site *, .nwe-legacy-site *::before, .nwe-legacy-site *::after { box-sizing: content-box; } .nwe-legacy-site * { margin: 0; } /* Full-bleed wrapper: breaks out of the theme's content column so the design spans the full width AND height of the browser window, the way the original site's background did. */ .nwe-legacy-site { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); min-height: 100vh; display: flex; flex-direction: column; font-family: "century gothic", verdana, arial; font-size: 16px; line-height: 160%; background: url(../images/background.jpg) top center fixed; background-size: cover; position: relative; } /* flex:1 makes this fill all the leftover vertical space between the header and the footer, so the footer always sits at the bottom of the window (or below the fold, on tall content) instead of the old percentage-height + negative-margin "sticky footer" hack, which needs an ancestor with an explicit (not min-) height to work reliably. */ .nwe-surround { width: 100%; flex: 1 0 auto; background: url(../images/top.jpg) top repeat-x; } .nwe-top { height: 213px; width: 950px; margin: 0 auto 20px auto; background: url(../images/header.jpg) no-repeat; position: relative; } .nwe-aaep { float: right; margin-top: 15px; } .nwe-offsides { position: absolute; top: -1000px; left: -1000px; } .nwe-menu { bottom: 2px; position: absolute; } .nwe-menu ul { margin: 0; padding: 0; list-style-type: none; position: relative; } .nwe-menu ul li { float: left; margin-right: 6px; height: 35px; } .nwe-menu ul li a { color: #fff; display: block; text-decoration: none; font-weight: normal; font-size: 18px; font-family: "century gothic", verdana; background: #A76939; border: solid 1px #8F5528; border-bottom: none; padding: 6px 8px 3px 8px; border-top-right-radius: 10px; border-top-left-radius: 10px; position: relative; bottom: 0; text-shadow: 1px 1px 1px #000; } .nwe-menu ul li > a:hover { background: #8E5831; padding-bottom: 5px; bottom: 2px; } .nwe-container {} .nwe-main { background: url(../images/content-back.png); border-radius: 10px; padding: 20px; color: #3B3B3B; border: solid 1px #A3938A; width: 908px; margin: 0 auto 15px auto; box-shadow: 0px 0px 6px #A3938A; } .nwe-footer { flex-shrink: 0; height: 30px; width: 950px; margin: 0 auto; font-size: 12px; line-height: 120%; } .nwe-footer-content { width: 950px; margin: 0 auto; color: #000000; } .nwe-footer-content a { color: #000; text-decoration: none; } .nwe-footer-content a:hover { text-decoration: underline; } .nwe-petassure { font-size: 11px; } .nwe-legacy-site ul { margin-top: 0; padding: 0 0 0 25px; } .nwe-legacy-site h1 { font-size: 22px; color: #A76939; margin: 0 0 20px 0; padding: 0; font-weight: normal; } .nwe-legacy-site h2 { color: #241F1F; font-size: 16px; font-style: normal; font-weight: bold; margin: 0 0 2px 0; padding: 0; font-family: "trebuchet ms", verdana; text-transform: uppercase; } .nwe-legacy-site h3 { font-size: 16px; color: #536871; font-style: normal; margin: 15px 0 3px 0px; padding: 0; font-weight: bold; } .nwe-legacy-site h4 { font-size: 14px; color: #536871; font-style: normal; margin: 15px 0 0px 0px; padding: 0; font-weight: bold; } .nwe-legacy-site p { margin: 0 0 8px 0; } .nwe-legacy-site i { font-style: normal; } .nwe-legacy-site a { color: #614003; } .nwe-legacy-site a:hover { color: #211601; } .nwe-left { float: left; } .nwe-right { float: right; } .nwe-clear { clear: both; } .nwe-legacy-site img { border: none; } .nwe-legacy-site hr { height: 1px; border: solid #fff; background: transparent; border-width: 0 0 1px 0; margin-bottom: 12px; } /* Pet Education link list */ .nwe-edu-list li { margin-bottom: 6px; } /* Contact page two-column layout */ .nwe-contact-col-left { width: 480px; float: left; } .nwe-contact-col-right { float: right; width: 410px; } .nwe-contact-col-right iframe { border: solid 1px #A3938A; } .nwe-map-link { color: #0000FF; text-align: left; font-size: 12px; } /* Gravity Forms is intentionally left un-styled here so it keeps its own plugin styles instead of inheriting the legacy site's old form CSS. */