/* ---- tokens.css ---- */
/* ============================================================================
TOKENS — Glengarry Windows & Doors.
Every value here was read off glengarrywindows.com (WordPress 7.1.2, Divi
4.27.9) in headless Chrome on 2026-10-05, as computed style. The
measurement files are in .scrape/measure/ (git-ignored).
========================================================================= */
:root {
/* Brand. Two blues on the original: the theme accent (links, top bar,
current menu item, icons) and the one its page builder's headings and
blue buttons use, one step greener. */
--blue: #024a97;
--blue-heading: #004a97;
--orange: #f47122;
/* Neutrals */
--text: #666666; /* body copy */
--ink: #333333; /* headings */
--light: #eeeeee; /* grey bands; also the top bar's text */
--line: #cccccc; /* product-card border */
--footer-bg: #222222;
--footer-head: #818285; /* footer widget titles and bullets */
--white: #ffffff;
--nav-link: rgba(0, 0, 0, 0.6);
--shade: rgba(0, 0, 0, 0.1);
/* Type: Open Sans, self-hosted (base/fonts.css). */
--font: 'Open Sans', Arial, sans-serif;
}
/* ---- base/fonts.css ---- */
/* ============================================================================
FONTS — self-hosted. Every typeface this site uses is served from its own
origin, out of assets/fonts/, which build.js copies into dist/.
No font is loaded from a third-party host: no to a font service, no
@import, and no font host in the CSP (_headers keeps font-src at 'self').
The hostnames are deliberately not spelled out in this comment: two checks
grep src/ for them, and a comment naming them would fail both.
A remote font is one more origin that can be slow, blocked or gone, and it
is the one request on every page that tells a third party who visited.
One @font-face per family, weight and style the CSS actually uses:
font-family the exact name tokens.css puts in --font
src the woff2 under /assets/fonts/, with format("woff2")
font-weight one weight per rule, as the source declared it
font-style normal or italic
font-display swap
unicode-range copy it when the source CSS gives one; a subset the page
never uses is then never downloaded
Where the files come from, on a conversion: the original site's own font
files (the scrape downloads them), or for a Google font the css2 URL fetched
with a desktop Chrome User-Agent — other User-Agents are served other
formats — saving every woff2 it lists. Keep the families, weights, styles and
unicode-range exactly as the source had them.
Until a face is declared here, the family in --font falls back to the system
stack after it, which is what the bare template renders with.
The example is described in words on purpose: verify.js reads every
url() in the bundle, comments included, and fails the build on one that
does not resolve.
========================================================================= */
/* Open Sans, as the original requested it from Google Fonts on 2026-10-05:
300, 400, 600, 700 and 800, each upright and italic, subsets latin and
latin-ext. Google serves one variable file per subset and style and declares
each weight separately against it; that is copied as it is, because the
declared single weights decide what the browser draws (the original's body
text asks for 500, which has no face of its own and falls back to 400 —
so does this one). */
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-ext-italic.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-italic.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-ext-italic.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-italic.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-ext-italic.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-italic.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-ext-italic.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-italic.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-ext-italic.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-italic.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-ext-normal.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-normal.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-ext-normal.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-normal.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-ext-normal.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-normal.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-ext-normal.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-normal.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-ext-normal.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url(/assets/fonts/open-sans-latin-normal.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* The theme's icon font, ETmodules, which the original draws its icons with
(menu caret, phone-menu bars, blurb icons, slider arrows, button arrows,
the gallery magnifier, e-mail and Facebook marks). Only the 22 glyphs this
site uses, cut from the original's modules.ttf with fontTools' subsetter
(.scrape/icon-fonts/; licence: see the README's open questions). */
@font-face {
font-family: ETmodules;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(/assets/fonts/etmodules-subset.woff2) format('woff2');
}
/* ---- base/reset.css ---- */
/* ---- reset & document defaults ---------------------------------------------
The original theme zeroes every margin and padding and puts spacing back
per element; the rebuild does the same, so the measured values carry over
one for one.
-------------------------------------------------------------------------- */
*,
*::before,
*::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, strong, em, b, i,
ul, ol, li, form, label, fieldset, table, tr, th, td, figure, figcaption,
header, footer, nav, section, article, aside, main {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul { list-style: none; }
body {
font-family: var(--font);
font-size: 18px;
font-weight: 500;
line-height: 1.4em;
color: var(--text);
background-color: var(--white);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img { max-width: 100%; height: auto; }
/* an embed never wider than its column (the contact page's 600px map) */
embed, iframe, object, video { max-width: 100%; }
/* the theme's reset: no browser border round a frame (the Financeit form) */
iframe { border: 0; }
a { color: var(--blue); text-decoration: none; }
strong, b { font-weight: 700; }
button, input, textarea, select { font-family: inherit; }
/* Keyboard focus. The original showed the browser's ring on some elements and
none on others; every focusable element gets one here. Mouse users never
see it. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
outline: 2px solid var(--orange);
outline-offset: 2px;
}
.visually-hidden {
position: absolute !important;
width: 1px !important; height: 1px !important;
padding: 0 !important; margin: -1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.skip-link {
position: absolute;
top: -60px;
left: 12px;
z-index: 100001;
padding: 10px 18px;
background: var(--blue);
color: var(--white);
font-weight: 600;
}
.skip-link:focus { top: 12px; }
/* Icons from src/partials/icons.html. An icon-font glyph is 1em x 1em. */
.icon {
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
vertical-align: baseline;
}
/* ---- base/typography.css ---- */
/* ---- typography ------------------------------------------------------------
The original's theme scale, measured: h1 40, h2 34, h3 29, h4 24, h5 21,
h6 18 px, all bold with -1px tracking and 1.2em leading, #333; paragraphs
1em apart with no space under the last one in a block. The theme's
customizer sets every heading upright, undecorated and in its own case, so
a heading never takes a module's uppercase (Financing's "Get pre-approved"
sits in an uppercase text module and is not uppercase).
-------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
color: var(--ink);
padding-bottom: 10px;
line-height: 1.2em;
font-weight: 700;
font-style: normal;
text-transform: none;
text-decoration: none;
letter-spacing: -1px;
}
h1 { font-size: 40px; }
h2 { font-size: 34px; }
h3 { font-size: 29px; }
h4 { font-size: 24px; }
h5 { font-size: 21px; }
h6 { font-size: 18px; }
p { padding-bottom: 1em; }
p:last-of-type { padding-bottom: 0; }
/* Lists written into page copy. */
.copy ul {
list-style-type: disc;
padding: 0 0 1em 1em;
line-height: 26px;
}
.copy ol {
list-style-type: decimal;
padding: 0 0 1em 1.5em;
line-height: 26px;
}
/* A heading whose level the rebuild changed so that each page has one h1
keeps its original level's look. A former h1 is a ,
so it takes the h1 look here. */
.was-h1 {
color: var(--ink);
padding-bottom: 10px;
line-height: 1.2em;
font-weight: 700;
font-style: normal;
text-transform: none;
text-decoration: none;
letter-spacing: -1px;
font-size: 40px;
}
.was-h2 { font-size: 34px; }
.c13 .was-h1, .c14 .was-h1, .c15 .was-h1, .c16 .was-h1, .c25 .was-h1 { font-size: 26px; }
.c13 .was-h2, .c14 .was-h2, .c15 .was-h2, .c16 .was-h2, .c25 .was-h2 { font-size: 23px; }
/* Headings in narrow columns (a third, a quarter, two fifths) are drawn
smaller by the theme. */
.c13 h1, .c14 h1, .c15 h1, .c16 h1, .c25 h1 { font-size: 26px; }
.c13 h2, .c14 h2, .c15 h2, .c16 h2, .c25 h2 { font-size: 23px; }
.c13 h3, .c14 h3, .c15 h3, .c16 h3, .c25 h3 { font-size: 20px; }
.c13 h4, .c14 h4, .c15 h4, .c16 h4, .c25 h4 { font-size: 18px; }
.c13 h5, .c14 h5, .c15 h5, .c16 h5, .c25 h5 { font-size: 16px; }
.c13 h6, .c14 h6, .c15 h6, .c16 h6, .c25 h6 { font-size: 15px; }
/* ---- base/layout.css ---- */
/* ---- the grid ----------------------------------------------------------------
The original is laid out by its page builder: SECTIONS (full-width bands)
hold ROWS (80% of the window, at most 1080px) that hold COLUMNS (floats with
a 5.5% gutter) that hold MODULES. These classes reproduce that model with
the same numbers, so a page measured on the original can be rebuilt by
naming the same section / row / column shape. Values per breakpoint are the
theme's own:
section padding >=1350: 40px 0 981-1349: 3% 0 <=980: 50px 0
row padding >=981: 0 <=980: 30px 0
columns >=981: side by side <=980: stacked, 30px apart
(four quarter columns go two by two at <=980;
every column is full width below 480)
module spacing the gap under a module depends on its column's width
(2.75% of a full column, 5.82% of a half ...), 30px when
stacked; never under the last one
-------------------------------------------------------------------------- */
.sec {
position: relative;
background-color: var(--white);
background-position: 50%;
background-size: cover;
padding: 50px 0;
}
@media (min-width: 981px) { .sec { padding: 3% 0; } }
@media (min-width: 1350px) { .sec { padding: 40px 0; } }
.sec--flush { padding: 0 !important; }
.row {
position: relative;
width: 80%;
max-width: 1080px;
margin: auto;
padding: 30px 0;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 981px) { .row { padding: 0; } }
.row::after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.col {
position: relative;
z-index: 2;
float: left;
min-height: 1px;
width: 100%;
margin-bottom: 30px;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.col:last-child { margin-bottom: 0; }
.mod { position: relative; }
.col > .mod { margin-bottom: 30px; }
.col > .mod:last-child { margin-bottom: 0; }
@media (min-width: 981px) {
.col { margin-bottom: 0; margin-right: 5.5%; }
.col:last-child { margin-right: 0; }
.c44 { width: 100%; }
.c34 { width: 73.625%; }
.c23 { width: 64.833%; }
.c35 { width: 57.8%; }
.c12 { width: 47.25%; }
.c25 { width: 36.7%; }
.c13 { width: 29.6667%; }
.c14 { width: 20.875%; }
.c16 { width: 12.0833%; }
.c44 > .mod { margin-bottom: 2.75%; }
.c34 > .mod { margin-bottom: 3.735%; }
.c23 > .mod { margin-bottom: 4.242%; }
.c35 > .mod { margin-bottom: 4.758%; }
.c12 > .mod { margin-bottom: 5.82%; }
.c25 > .mod { margin-bottom: 7.493%; }
.c13 > .mod { margin-bottom: 9.27%; }
.c14 > .mod { margin-bottom: 13.174%; }
.c16 > .mod { margin-bottom: 22.759%; }
.col > .mod:last-child { margin-bottom: 0; }
}
/* A column the builder left empty keeps its place beside the others, and
disappears once the columns stack. */
@media (max-width: 980px) { .col--empty { display: none; } }
/* Rows of four quarter columns go two by two at 980 and below (and one by one
under 480, from the rule after this one). */
@media (max-width: 980px) {
.row--4col { display: flex; flex-wrap: wrap; }
.row--4col > .c14 { width: 47.25%; margin-right: 5.5%; }
.row--4col > .c14:nth-child(2n) { margin-right: 0; }
.row--4col > .col:nth-last-child(-n+2) { margin-bottom: 0; }
}
/* Rows of six sixth columns go three by three at 980 and below. */
@media (max-width: 980px) {
.row--6col { display: flex; flex-wrap: wrap; }
.row--6col > .c16 { width: 29.666%; margin-right: 5.5%; }
.row--6col > .c16:nth-child(3n) { margin-right: 0; }
.row--6col > .col:nth-last-child(-n+3) { margin-bottom: 0; }
}
@media (max-width: 479px) {
.col { width: 100% !important; }
.row--6col > .col,
.row--6col > .col:nth-last-child(-n+3) { margin: 0 0 30px; }
.row--6col > .col:last-child { margin-bottom: 0; }
.row--4col > .col,
.row--4col > .col:nth-last-child(-n+2) { margin: 0 0 30px; }
.row--4col > .col:last-child { margin-bottom: 0; }
}
/* ---- per-row settings the builder offers ---- */
/* gutter width 1 (no space between columns) and 2 (3%) */
@media (min-width: 981px) {
.g1 > .col { margin-right: 0; }
.g1 > .c44 { width: 100%; } .g1 > .c34 { width: 75%; } .g1 > .c23 { width: 66.667%; }
.g1 > .c12 { width: 50%; } .g1 > .c13 { width: 33.3333%; } .g1 > .c14 { width: 25%; } .g1 > .c16 { width: 16.6667%; }
.g1 > .col > .mod { margin-bottom: 0; }
.g2 > .col { margin-right: 3%; }
.g2 > .col:last-child { margin-right: 0; }
.g2 > .c44 { width: 100%; } .g2 > .c34 { width: 74.25%; } .g2 > .c23 { width: 65.667%; }
.g2 > .c12 { width: 48.5%; } .g2 > .c13 { width: 31.3333%; } .g2 > .c14 { width: 22.75%; } .g2 > .c16 { width: 14.1667%; }
.g2 > .c16 > .mod { margin-bottom: 10.588%; }
.g2 > .c44 > .mod { margin-bottom: 1.5%; } .g2 > .c34 > .mod { margin-bottom: 2.02%; }
.g2 > .c23 > .mod { margin-bottom: 2.284%; } .g2 > .c12 > .mod { margin-bottom: 3.093%; }
.g2 > .c13 > .mod { margin-bottom: 4.787%; } .g2 > .c14 > .mod { margin-bottom: 6.593%; }
.g2 > .col > .mod:last-child { margin-bottom: 0; }
/* "equal column height" */
.row--equal { display: flex; }
}
@media (max-width: 980px) {
.g1 > .col, .g1 > .col > .mod { margin-bottom: 0; }
}
@media (max-width: 479px) {
.g1 > .col { margin: 0 !important; }
}
/* the builder's "inner shadow" on a section */
.inner-shadow { box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.07); }
/* ---- components/topbar.css ---- */
/* ---- top bar ---------------------------------------------------------------
The blue strip above the header: e-mail and Facebook on the left, the
secondary menu and phone number on the right. At 980 and below only the
e-mail address shows, centred. Measured: 41px tall, 16px semibold #eee with
-1px tracking, 30px side padding at desktop.
-------------------------------------------------------------------------- */
.topbar {
position: relative;
z-index: 100000;
background-color: var(--blue);
color: var(--light);
font-size: 16px;
line-height: 16px;
letter-spacing: -1px;
}
.topbar a { color: var(--light); }
.topbar__inner {
position: relative;
width: 100%;
max-width: 100%;
padding: 12px 30px 0;
font-weight: 600;
text-align: left;
}
.topbar__inner::after { content: ""; display: block; clear: both; }
.topbar__info { float: left; padding-bottom: 12px; }
.topbar__email span { position: relative; }
.topbar__email span::before {
content: "\e076";
margin-right: 4px;
font-family: ETmodules;
font-size: 16px;
font-weight: 400;
line-height: 16px;
speak: never;
}
.topbar__social { display: inline-block; }
.topbar__social li { display: inline-block; margin: -2px 0 0 12px; }
.topbar__social a {
display: inline-block;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
transition: color 0.3s;
}
.topbar__social a::before { content: "\e093"; font-family: ETmodules; font-size: 16px; font-weight: 400; line-height: 16px; }
.topbar__social a:hover { opacity: 0.7; }
.topbar__menu { float: right; }
.topbar__menu ul { display: inline-block; }
.topbar__menu li {
display: inline-block;
position: relative;
margin-right: 15px;
text-align: right;
}
.topbar__menu li:last-child { margin-right: 0; }
.topbar__menu a {
display: block;
padding-bottom: 12px;
transition: background-color 0.4s, color 0.4s;
}
.topbar__menu a:hover { opacity: 0.7; }
.topbar__menu .fa-phone {
width: 14px;
height: 14px;
vertical-align: -1.75px;
transform: scaleX(-1);
}
@media (max-width: 980px) {
.topbar__inner {
width: 80%;
max-width: 1080px;
margin: 0 auto;
padding: 0;
}
.topbar__info { float: none; padding: 12px 0; }
.topbar__social,
.topbar__menu { display: none; }
}
@media (max-width: 767px) {
.topbar__info { text-align: center; }
}
/* ---- components/header.css ---- */
/* ---- header ----------------------------------------------------------------
White bar, logo left, menu right; not sticky (the original's header scrolls
away with the page). Measured at 1440: 100.5px tall, the logo 66% of that
(331.6 x 66.3), menu items 20px bold black at 60% with -1px tracking, 40px
under each. The current page's item is blue. "More" opens a 240px white
panel with a blue top rule on hover. Get Quote is an outlined orange button
that fills on hover.
At 980 and below the menu becomes the theme's drop-down: a blue three-line
icon opens a white panel under the header listing every menu item, the
top-bar links and the phone number.
The layout model (inline-block items, the logo's height a share of the
header's) is the original's, kept so the numbers fall out the same at every
width rather than being pinned at a few.
-------------------------------------------------------------------------- */
.site-header {
position: relative;
z-index: 99999;
width: 100%;
background-color: var(--white);
box-shadow: 0 1px 0 var(--shade);
font-weight: 500;
line-height: 23px;
}
.site-header__inner {
position: relative;
width: 100%;
max-width: 100%;
padding: 0 32px 0 0;
text-align: left;
}
.site-header__inner::after { content: ""; display: block; clear: both; }
.brand-wrap {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
height: 100%;
padding-left: 30px;
}
.brand-wrap::before {
/* the original's "logo helper": a zero-width, full-height inline box that
the logo centres itself against */
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.brand { color: var(--blue); }
.brand img {
display: inline-block;
max-height: 66%;
width: auto;
vertical-align: middle;
}
.nav-wrap {
position: relative;
float: right;
padding: 28px 0 0 361px;
font-weight: 600;
}
/* ---- desktop menu ---- */
.main-nav { float: left; line-height: 0; }
.nav-list { float: left; }
.nav-list > li {
display: inline-block;
position: relative;
padding: 0 10px;
font-size: 14px;
line-height: 1em;
}
.nav-list > li > a {
display: block;
position: relative;
padding-bottom: 40px;
color: var(--nav-link);
font-size: 20px;
font-weight: 700;
letter-spacing: -1px;
transition: opacity 0.4s, background-color 0.4s;
}
.nav-list > li > a:hover { opacity: 0.7; }
.nav-list > li.is-active > a { color: var(--blue); }
.nav-list .fa-home {
width: 1.125em;
height: 1em;
vertical-align: -0.125em;
overflow: visible;
}
.nav-list > li.has-sub > a { padding-right: 20px; }
.nav-list > li.has-sub > a::after {
content: "3";
position: absolute;
top: 0;
right: 0;
font-family: ETmodules;
font-size: 16px;
font-weight: 800;
}
.nav-list > li.nav-cta > a {
display: block;
padding: 16px;
border: 2px solid var(--orange);
border-radius: 5px;
color: var(--orange);
line-height: 9px;
transition: all 0.5s ease;
}
.nav-list > li.nav-cta > a:hover {
opacity: 1;
color: var(--white);
background-color: var(--orange);
}
/* the drop-down panel. Scoped to .nav-list: the phone menu carries its own
copy of the sub-menu, which the original shows as a plain indented list */
.nav-list .sub-nav {
position: absolute;
top: 100%;
left: 10px;
z-index: 9999;
width: 240px;
padding: 20px 0;
border-top: 3px solid var(--blue);
background-color: var(--white);
box-shadow: 0 2px 5px var(--shade);
text-align: left;
visibility: hidden;
opacity: 0;
transition: opacity 0.2s, visibility 0s linear 0.2s;
}
.nav-list > li.has-sub:hover > .sub-nav,
.nav-list > li.has-sub:focus-within > .sub-nav {
visibility: visible;
opacity: 1;
transition: opacity 0.2s, visibility 0s;
}
.nav-list .sub-nav li {
display: inline-block;
position: relative;
padding: 0 10px;
line-height: 28px;
}
.nav-list .sub-nav a {
display: block;
position: relative;
width: 200px;
padding: 6px 20px;
color: var(--nav-link);
font-size: 15px;
font-weight: 700;
letter-spacing: -1px;
transition: opacity 0.4s, background-color 0.4s;
}
.nav-list .sub-nav a:hover { opacity: 0.7; background-color: rgba(0, 0, 0, 0.03); }
.nav-list .sub-nav a[aria-current="page"] { color: var(--blue); }
/* ---- the drop-down menu (980 and below) ---- */
.nav-toggle {
display: none;
float: right;
position: relative;
padding: 0 0 24px;
border: 0;
background: none;
color: var(--blue);
font-size: 32px;
line-height: 0;
cursor: pointer;
}
.nav-toggle::before {
content: "a";
position: relative;
font-family: ETmodules;
font-size: 32px;
font-weight: 400;
line-height: 32px;
}
.mobile-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 9999;
width: 100%;
padding: 5%;
border-top: 3px solid var(--blue);
background-color: var(--white);
box-shadow: 0 2px 5px var(--shade);
color: var(--text);
font-size: 18px;
font-weight: 600;
text-align: left;
}
.mobile-menu.is-open { display: block; }
.mobile-menu li { position: relative; }
.mobile-menu a {
display: block;
padding: 10px 5%;
color: var(--text);
font-size: 14px;
font-weight: 600;
line-height: 23px;
}
.mobile-menu a:hover { background-color: var(--orange); color: var(--white); }
.mobile-menu .has-sub > a { font-weight: 700; background-color: rgba(0, 0, 0, 0.03); }
.mobile-menu ul { padding-left: 10px; }
.mobile-menu li li { padding-left: 5%; }
.mobile-menu .nav-cta > a {
padding: 16px;
border: 2px solid var(--orange);
border-radius: 5px;
color: var(--orange);
line-height: 9px;
text-transform: uppercase;
}
.mobile-menu .nav-cta > a:hover { color: var(--white); }
.mobile-menu .fa-home { width: 1.125em; height: 1em; vertical-align: -0.125em; }
/* Font Awesome's fa-sm, as the original's: 0.875em, sitting 0.125 of its own size below the line */
.mobile-menu .fa-phone { width: 0.875em; height: 0.875em; vertical-align: -0.109375em; transform: scaleX(-1); }
@media (max-width: 980px) {
.site-header__inner {
width: 90%;
max-width: 1080px;
margin: auto;
padding: 0;
}
.brand-wrap { padding-left: 0; }
.brand img { max-height: 100%; max-width: 65%; }
.nav-wrap { padding-left: 258px; }
.main-nav { display: none; }
.nav-toggle { display: block; }
}
/* ---- back to top: appears once the page has scrolled 800px ---- */
.to-top {
display: none;
position: fixed;
right: 0;
bottom: 125px;
z-index: 99999;
padding: 5px;
border: 0;
border-radius: 5px 0 0 5px;
background: rgba(0, 0, 0, 0.4);
color: var(--white);
font-family: ETmodules;
font-size: 30px;
line-height: 1;
text-align: center;
cursor: pointer;
}
.to-top::before { content: "2"; font-family: ETmodules; font-weight: 400; }
.to-top.is-visible { display: block; opacity: 1; animation: to-top-in 1s cubic-bezier(0.77, 0, 0.175, 1); }
.to-top.is-leaving { display: block; opacity: 0; pointer-events: none; animation: to-top-out 1s cubic-bezier(0.77, 0, 0.175, 1); }
@keyframes to-top-in { from { opacity: 0; transform: translateX(100%); } to { opacity: 1; transform: none; } }
@keyframes to-top-out { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateX(100%); } }
/* ---- components/footer.css ---- */
/* ---- footer ----------------------------------------------------------------
#222 band, four widget columns in the 1080 row (each 20.875% wide, 5.5%
apart, 6% padding above), grey 20px titles, white 14px links with small
round grey bullets; then a darker strip with the copyright, the maintainer
credit and the Facebook icon. At 980 and below the columns stack and centre
and the bullets go.
-------------------------------------------------------------------------- */
.site-footer {
background-color: var(--footer-bg);
}
.site-footer__inner {
position: relative;
width: 80%;
max-width: 1080px;
margin: 0 auto;
text-align: left;
}
.footer-widgets { padding: 6% 0 0; }
.footer-widgets::after { content: ""; display: block; clear: both; }
.footer-widget {
float: left;
width: 20.875%;
margin: 0 5.5% 5.5% 0;
color: var(--white);
font-size: 14px;
}
.footer-widget:last-child { margin-right: 0; }
.footer-widget__box { float: left; max-width: 100%; }
.footer-widget h4 {
padding-bottom: 10px;
color: var(--footer-head);
font-size: 24px;
font-weight: 700;
line-height: 1.2em;
}
@media (min-width: 981px) { .footer-widget h4 { font-size: 20px; } }
.footer-widget__body { line-height: 1.2em; }
.footer-widget li {
position: relative;
margin-bottom: 7px;
padding-left: 14px;
}
.footer-widget li::before {
content: "";
position: absolute;
top: 5.4px;
left: 0;
border: 3px solid var(--footer-head);
border-radius: 3px;
}
.footer-widget a { color: var(--white); }
.footer-widget a:hover { opacity: 0.8; }
.footer-store__name { font-size: 16px; font-weight: 700; line-height: 1.4em; }
.footer-store__phone { color: var(--orange) !important; font-size: 20px; font-weight: 700; }
.footer-store__phone .fa-phone {
width: 0.75em;
height: 0.75em;
vertical-align: -0.09375em;
transform: scaleX(-1);
}
.footer-store__note { font-size: 11px; }
.footer-bottom {
padding: 15px 0 5px;
background-color: rgba(0, 0, 0, 0.32);
}
.footer-bottom .site-footer__inner::after { content: ""; display: block; clear: both; }
.footer-social { float: right; }
.footer-social li { display: inline-block; margin-left: 20px; }
.footer-social a {
display: inline-block;
position: relative;
color: var(--text);
font-size: 20px;
text-align: center;
transition: all 0.4s;
}
.footer-social a::before { content: "\e093"; font-family: ETmodules; font-size: 20px; font-weight: 400; line-height: 20px; }
.footer-social a:hover { opacity: 0.7; }
.footer-info {
float: left;
padding-bottom: 10px;
color: var(--text);
font-size: 13px;
}
.footer-info a { color: var(--text); font-weight: 700; transition: all 0.4s; }
.footer-info a:hover { opacity: 0.7; }
@media (max-width: 980px) {
/* the widgets stack, each 46.25% wide at the left with its text centred in
it; 8% above and below them */
.footer-widgets { padding: 8% 0; }
.footer-widget {
float: none;
width: 46.25%;
margin: 0 7.5% 7.5% 0;
text-align: center;
}
.footer-widget:nth-child(2n) { margin-right: 0; }
.footer-widget:nth-last-child(-n+2) { margin-bottom: 0; }
.footer-widget__box { float: none; max-width: 100%; }
.footer-widget li::before { display: none; }
/* the Facebook icon on its own centred line above the copyright */
.footer-social { float: none; display: block; margin-bottom: 5px; text-align: center; }
.footer-info { float: none; text-align: center; }
}
/* one widget per row: 10% above and below, 9.5% between (none under the
last) from 480 to 767; 12% and 11.5% (under every one) below 480 */
@media (max-width: 767px) {
.footer-widgets { padding: 10% 0; }
.footer-widget,
.footer-widget:nth-last-child(-n+2) { width: 100%; margin: 0 0 9.5%; }
.footer-widget:last-child { margin-bottom: 0; }
}
@media (max-width: 479px) {
.footer-widgets { padding: 12% 0; }
.footer-widget,
.footer-widget:nth-last-child(-n+2),
.footer-widget:last-child { margin: 0 0 11.5%; }
}
/* ---- components/modules.css ---- */
/* ---- modules: text, blurb, call to action, button, image ---------------------
The original's page builder gives each kind of block a default look, and each
block on a page then overrides some of it (pages/*.css, sections/*.css). These
are the defaults, as the theme draws them, for the kinds this site uses.
-------------------------------------------------------------------------- */
/* layout and colour switches every module may carry */
.mod.ta-left { text-align: left; }
.mod.ta-center { text-align: center; }
.mod.ta-right { text-align: right; }
.has-border { position: relative; border: 0 solid var(--ink); }
.is-dark,
.is-dark h1, .is-dark h2, .is-dark h3, .is-dark h4, .is-dark h5, .is-dark h6, .is-dark .was-h1 { color: var(--white) !important; }
/* the theme's icon font (base/fonts.css), as its icon spans and pseudo-elements use it */
.et-icon {
display: inline-block;
box-sizing: border-box;
font-family: ETmodules;
font-size: 96px;
font-style: normal;
font-weight: 400;
font-variant: normal;
line-height: 1;
text-transform: none;
direction: ltr;
speak: never;
-webkit-font-smoothing: antialiased;
}
/* ---- text ---- */
.text { word-wrap: break-word; }
.text ol, .text ul { padding-bottom: 1em; }
.text > :last-child { padding-bottom: 0; }
.text__inner { position: relative; }
/* lists in copy: 1em under them, even the last thing in a block (measured) */
.text__inner ul { list-style-type: disc; padding: 0 0 1em 1em; line-height: 26px; }
.text__inner ol { list-style-type: decimal; padding: 0 0 1em 1em; line-height: 26px; }
.alignright { float: right; margin-left: 15px; }
.alignleft { float: left; margin-right: 15px; }
.aligncenter { display: block; margin: 0 auto; }
/* ---- blurb: an icon or picture, a title, a sentence ---- */
.blurb__content {
position: relative;
width: 100%;
max-width: 550px;
margin: 0 auto;
text-align: center;
word-wrap: break-word;
}
.blurb.ta-left .blurb__body { text-align: left; }
.blurb.ta-right .blurb__body { text-align: right; }
.blurb.ta-center .blurb__body { text-align: center; }
.blurb__content p:last-of-type { padding-bottom: 0; }
.blurb .img-wrap { display: block; margin: auto; }
.blurb__media {
display: inline-block;
max-width: 100%;
margin-bottom: 30px;
line-height: 0;
}
.blurb__media img { border-radius: inherit; }
.blurb .et-icon { color: var(--blue); }
.blurb--left .blurb__content { display: table; text-align: left; }
.blurb--left .blurb__media { display: table-cell; width: 32px; line-height: 0; }
.blurb--left .blurb__media img { width: inherit; }
.blurb--left .et-icon { font-size: 32px; }
.blurb--left .blurb__body { display: table-cell; padding-left: 15px; vertical-align: top; }
/* ---- call to action: title, copy, button ---- */
.no-bg { padding: 0 !important; }
.cta { padding: 40px 60px; text-align: center; }
.c12 > .cta, .c13 > .cta, .c14 > .cta,
.col-in.c12 > .cta, .col-in.c13 > .cta, .col-in.c14 > .cta { padding: 40px; }
.cta__text { position: relative; padding-bottom: 20px; }
.cta__text p:last-of-type { padding-bottom: 0; }
.cta__btn { display: inline-block; color: inherit; }
.is-light .cta__btn { color: var(--blue); }
@media (max-width: 767px) { .cta { padding: 40px; } }
/* ---- buttons: outlined, an arrow slides in on hover ---- */
.btn {
position: relative;
display: inline-block;
padding: 0.3em 1em;
border: 2px solid;
border-radius: 3px;
background-color: transparent;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
font-size: 20px;
font-weight: 500;
line-height: 1.7em !important;
transition-duration: 0.2s;
transition-property: all !important;
}
.btn:hover {
padding: 0.3em 2em 0.3em 0.7em;
border: 2px solid transparent;
background-color: rgba(255, 255, 255, 0.2);
}
.is-light .btn:hover, .is-light.btn:hover { background-color: rgba(0, 0, 0, 0.05); }
.btn::after,
.btn::before {
content: "5";
position: absolute;
margin-left: -1em;
opacity: 0;
font-family: ETmodules !important;
font-size: 32px;
font-style: normal;
font-weight: 400;
font-variant: none;
font-feature-settings: "kern" off;
line-height: 1em;
text-transform: none;
text-shadow: none;
transition: all 0.2s;
}
.btn::before { display: none; }
.btn:hover::after { opacity: 1; margin-left: 0; }
.btn[data-icon]:not([data-icon=""])::after { content: attr(data-icon); }
.btn-module { position: relative; }
.btn-module--left { text-align: left; }
.btn-module--right { text-align: right; }
.btn-module--center { text-align: center; }
.btn-module > a { display: inline-block; }
/* ---- image, with the white wash and magnifier on hover ---- */
.image { display: block; margin-left: auto; margin-right: auto; line-height: 0; }
.image .img-wrap { display: inline-block; position: relative; max-width: 100%; }
.image img { position: relative; }
.overlay {
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.9);
opacity: 0;
pointer-events: none;
transition: all 0.3s;
backface-visibility: hidden;
}
.overlay::before {
content: "\e050";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--blue);
font-family: ETmodules;
font-size: 32px;
line-height: 1em;
transition: all 0.4s;
}
.image.has-overlay .img-wrap:hover .overlay,
.image.has-overlay a:focus-visible .overlay { z-index: 3; opacity: 1; }
/* ---- Font Awesome icons (the original's inline SVGs, from the sprite) ---- */
.fa {
display: inline-block;
height: 1em;
overflow: visible;
font-size: inherit;
vertical-align: -0.125em;
fill: currentColor;
}
.fa-w-16 { width: 1em; }
.fa-w-18 { width: 1.125em; }
.fa-flip-horizontal { transform: scaleX(-1); }
.fa-xs { font-size: 0.75em; }
.fa-sm { font-size: 0.875em; }
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; }
.clearfix::after { content: ""; display: block; clear: both; visibility: hidden; height: 0; }
/* ---- scroll-in motion (50-appear.js): hidden until revealed, and only once
the script is running ---- */
.has-appear [data-anim]:not(.is-animated),
.has-appear .wp-anim:not(.is-animated) { opacity: 0; }
/* a block the original made clickable as a whole (62-clickable.js) */
[data-href] { cursor: pointer; }
/* ---- components/slider.css ---- */
/* ---- sliders: the home page's picture slides, the blue page banners, the
testimonials ----------------------------------------------------------------
As the theme draws them: every slide sits in the same place (floats with a
-100% margin), only the active one shows; the box is as tall as its padding
(16% / 8% of the slide's width) and its text; 7px dots 20px from the bottom;
arrows that slide in from the edges on hover. 30-slider.js moves between
slides (a 6s autoplay where the original has one) and draws the dots and
arrows; with JS off the first slide shows.
-------------------------------------------------------------------------- */
.slider { position: relative; overflow: hidden; }
.slides::after { content: ""; display: block; clear: both; visibility: hidden; height: 0; }
.slide {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
padding: 0 6%;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
list-style: none !important;
}
.slide:first-child { display: block; }
.js .slider .slide { display: block; opacity: 0; visibility: hidden; z-index: 1; }
.js .slider .slide.is-active { opacity: 1; visibility: visible; z-index: 2; }
.js .slider .slide.is-leaving { visibility: visible; z-index: 1; }
.slide[data-href] { cursor: pointer; }
.slide__link { position: absolute; inset: 0; z-index: 3; }
.slide__container {
position: relative;
z-index: 2;
display: table;
table-layout: fixed;
width: 100%;
margin: 0 auto;
}
.slide__inner { display: table-cell; width: 100%; vertical-align: middle; }
.slide__desc {
width: auto;
margin: auto;
padding: 16% 8%;
word-wrap: break-word;
}
.is-dark .slide__desc { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.slide.is-active .slide__desc {
animation: slide-text-in 0.7s ease-in-out 0.9s both;
}
@keyframes slide-text-in {
from { opacity: 0; transform: translateY(10%); }
to { opacity: 1; transform: translateY(0); }
}
.slide__title { margin-top: 0; font-size: 61px; font-weight: 300; }
.slide__title a { color: inherit; }
/* the theme customiser: slide titles bold, -1px, 1.2em, like every heading */
.slide__desc .slide__title { font-weight: 700; letter-spacing: -1px; line-height: 1.2em; }
.slide__content { color: var(--ink); font-size: 20px; font-weight: 400; }
.is-dark .slide__content { color: var(--white); }
.slide__content p:last-of-type { padding-bottom: 0; }
/* a slide's button sits 20px under its copy */
.more-btn { display: inline-block; margin-top: 20px; color: inherit; text-shadow: none; text-decoration: none; }
/* the dots */
.slider__dots {
position: absolute;
bottom: 20px;
left: 0;
z-index: 10;
width: 100%;
height: 25.2px;
line-height: 25.2px;
text-align: center;
}
/* the theme's dots are 7px, 10px apart. Each is a 24 x 24 target here (WCAG
2.2's minimum) that looks the same: 8.5px of padding round the 7px dot,
painted only inside the dot, and given back by the margins so every dot
stays where it was. (Padding, not a transparent border: Chrome rounds a
border down to whole pixels, which made the target 23px.) The targets
overlap by 7px; a tap there takes the later dot */
.slider__dots button {
display: inline-block;
box-sizing: content-box;
width: 7px;
height: 7px;
margin: -8.5px 1.5px -8.5px -8.5px;
padding: 8.5px;
border: 0;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);
background-clip: content-box;
opacity: 0.5;
text-indent: -9999px;
overflow: hidden;
vertical-align: top;
cursor: pointer;
}
.slider__dots button:last-child { margin-right: -8.5px; }
.slider__dots button[aria-current="true"] { background-color: var(--white); opacity: 1; }
.slider--no-dots .slider__dots { display: none; }
/* the arrows */
.slider__arrow {
position: absolute;
top: 50%;
z-index: 100;
margin-top: -24px;
padding: 0;
border: 0;
background: none;
color: var(--white);
font-family: ETmodules;
font-size: 48px;
line-height: 48px;
opacity: 0;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.slider__arrow--prev { left: -22px; }
.slider__arrow--next { right: -22px; }
.slider__arrow--prev::before { content: "4"; }
.slider__arrow--next::before { content: "5"; }
.slider:hover .slider__arrow--prev, .slider__arrow--prev:focus-visible { left: 22px; opacity: 1; }
.slider:hover .slider__arrow--next, .slider__arrow--next:focus-visible { right: 22px; opacity: 1; }
@media (max-width: 980px) {
.slide__title { font-size: 26px; font-weight: 500; }
.slide__desc .slide__title { font-weight: 500; }
.slide__desc { text-align: center; }
}
@media (max-width: 767px) {
.slider__dots { bottom: 5%; height: 14px; }
.slider:hover .slider__arrow--prev { left: 0; }
.slider:hover .slider__arrow--next { right: 0; }
.slider .slides .slide__content { font-size: 14px; }
.slider .slides .slide__desc h2.slide__title,
.slider .slides .slide__desc .slide__title.was-h2 { font-size: 20px; }
}
@media (max-width: 479px) {
.slide__title { font-size: 20px; }
}
/* ---- components/gallery.css ---- */
/* ---- picture galleries ---------------------------------------------------------
The theme's grid gallery: in a full-width column four across, 5.5% apart; three
across at 980 and below, two at 767, one at 479. Each picture gets the image
module's white wash and magnifier on hover and opens in the lightbox
(40-lightbox.js). The pictures slide in from the left as the page loads
(1s, the theme's fadeLeft).
-------------------------------------------------------------------------- */
.gallery__items { width: 100%; }
.gallery__items::after { content: ""; display: block; clear: both; }
.gallery__item { position: relative; float: left; word-wrap: break-word; animation: gallery-in 1s cubic-bezier(0.77, 0, 0.175, 1) 1; }
@keyframes gallery-in { from { opacity: 0; transform: translateX(-10%); } to { opacity: 1; transform: translateX(0); } }
.gallery__image { position: relative; line-height: 0; }
.gallery__image a { display: block; position: relative; }
/* the original shows WordPress's 400 x 284 thumbnails, cropped from the
centre of each photo; the rebuild ships the photo once and crops it the
same way. Below 480 the original switches to the whole photo, so the crop
starts at 480 and phones get the photo's own shape, from its width and
height attributes (its real size) */
.gallery__image img { width: 100%; }
@media (min-width: 480px) {
.gallery__image img { aspect-ratio: 400 / 284; object-fit: cover; object-position: 50% 50%; }
/* a gallery set to portrait (the "Endless In-Store Possibilities"
pictures): WordPress's 400 x 516 crops */
.gallery__image--portrait img { aspect-ratio: 400 / 516; }
}
.gallery__image:hover .overlay,
.gallery__image a:focus-visible .overlay { z-index: 3; opacity: 1; }
@media (min-width: 981px) {
.c44 .gallery__item { width: 20.875%; margin: 0 5.5% 5.5% 0; }
.c44 .gallery__item:nth-child(4n) { margin-right: 0; }
.c44 .gallery__item:nth-child(4n+1) { clear: both; }
.row:not(.g2) > .c44 .gallery__item:nth-last-child(-n+4):nth-child(4n+1),
.row:not(.g2) > .c44 .gallery__item:nth-last-child(-n+4):nth-child(4n+1) ~ .gallery__item { margin-bottom: 0; }
/* in a gutter-2 row (the product pages' galleries): 22.75% wide, 3% apart */
.g2 > .c44 .gallery__item { width: 22.75%; margin: 0 3% 3% 0; }
.g2 > .c44 .gallery__item:nth-child(4n) { margin-right: 0; }
/* (the last row keeps its 3% under it: measured 32.4px on the original) */
.c23 .gallery__item { width: 45.758%; margin: 0 8.483% 8.483% 0; }
.c34 .gallery__item { width: 28.353%; margin: 0 7.47% 7.47% 0; }
.c34 .gallery__item:nth-child(3n) { margin-right: 0; }
.c12 .gallery__item { width: 44.18%; margin: 0 11.64% 11.64% 0; }
.c23 .gallery__item:nth-child(2n), .c12 .gallery__item:nth-child(2n) { margin-right: 0; }
.c23 .gallery__item:nth-child(2n+1), .c12 .gallery__item:nth-child(2n+1) { clear: both; }
.c23 .gallery__item:nth-last-child(-n+2):nth-child(2n+1),
.c23 .gallery__item:nth-last-child(-n+2):nth-child(2n+1) ~ .gallery__item,
.c12 .gallery__item:nth-last-child(-n+2):nth-child(2n+1),
.c12 .gallery__item:nth-last-child(-n+2):nth-child(2n+1) ~ .gallery__item { margin-bottom: 0; }
}
@media (max-width: 980px) {
.gallery__item { width: 29.666%; margin: 0 5.5% 7.5% 0; clear: none; }
.gallery__item:nth-child(3n) { margin-right: 0; }
.gallery__item:nth-child(3n+1) { clear: both; }
}
@media (max-width: 767px) {
.gallery__item { width: 47.25%; margin: 0 5.5% 9.5% 0; }
.gallery__item:nth-child(3n) { margin-right: 5.5%; }
.gallery__item:nth-child(3n+1) { clear: none; }
.gallery__item:nth-child(2n) { margin-right: 0; }
.gallery__item:nth-child(odd) { clear: both; }
}
@media (max-width: 479px) {
.gallery__item { width: 100%; margin: 0 0 11.5%; }
}
/* ---- lightbox, as the original's (the theme's Magnific Popup): an 80%
near-black backdrop fading in over 0.5s, the picture at its own size (at
most the window's height, 40px clear above and below) on a #444 card with a
soft shadow, its title bottom left and "n of m" bottom right, a thin white
cross above it at 20% opacity, and the theme's white arrows at the window's
edges at 55% ---- */
.lightbox { display: none; }
.lightbox.is-open { display: block; }
.lightbox__bg {
position: fixed;
top: 0; left: 0;
z-index: 1000000;
width: 100%;
height: 100%;
overflow: hidden;
background: #0b0b0b;
opacity: 0.8;
animation: lightbox-bg 0.5s ease-out;
}
@keyframes lightbox-bg { from { opacity: 0.001; } to { opacity: 0.8; } }
.lightbox__wrap {
position: fixed;
top: 0; left: 0;
z-index: 1000001;
width: 100%;
height: 100%;
outline: none;
}
.lightbox__container {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
padding: 0 8px;
text-align: center;
}
.lightbox__container::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.lightbox__content {
position: relative;
z-index: 1045;
display: inline-block;
max-width: 100%;
margin: 0 auto;
text-align: left;
vertical-align: middle;
animation: lightbox-in 0.5s ease-out;
}
@keyframes lightbox-in { from { opacity: 0.001; } to { opacity: 1; } }
.lightbox__figure { position: relative; margin: 0; line-height: 0; }
.lightbox__figure::after {
content: "";
position: absolute;
top: 40px; right: 0; bottom: 40px; left: 0;
z-index: -1;
display: block;
background: #444;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lightbox__img {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: 100vh;
margin: 0 auto;
padding: 40px 0;
line-height: 0;
}
.lightbox__bar { position: absolute; top: 100%; left: 0; width: 100%; margin-top: -36px; cursor: auto; }
.lightbox__title { padding-right: 36px; color: #f3f3f3; line-height: 18px; text-align: left; word-wrap: break-word; }
.lightbox__count { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; }
.lightbox__close {
position: absolute;
top: -10px;
right: -6px;
z-index: 1046;
display: block;
width: 100%;
height: 44px;
padding: 0 6px 18px 10px;
border: 0;
background: transparent;
color: var(--white);
font-family: 'Open Sans', Arial, sans-serif;
font-size: 64px;
font-weight: 200;
line-height: 44px;
text-align: right;
opacity: 0.2;
cursor: pointer;
}
.lightbox__close:hover, .lightbox__close:focus-visible { opacity: 1; }
.lightbox__arrow {
position: absolute;
top: 50%;
z-index: 1046;
display: block;
width: 48px;
height: 48px;
margin: -32px 0 0;
padding: 0;
border: 0;
background: none;
line-height: 1em;
opacity: 0.55;
cursor: pointer;
}
.lightbox__arrow:hover, .lightbox__arrow:focus-visible { opacity: 1; }
.lightbox__arrow--prev { left: 0; }
.lightbox__arrow--next { right: 10px; }
.lightbox__arrow::after {
display: block;
width: 48px;
height: 48px;
color: var(--white);
font-family: ETmodules;
font-size: 64px;
font-weight: 400;
line-height: 1;
}
.lightbox__arrow--prev::after { content: "4"; }
.lightbox__arrow--next::after { content: "5"; }
@media (max-width: 900px) {
.lightbox__arrow { transform: scale(0.75); }
.lightbox__arrow--prev { transform-origin: 0; }
.lightbox__arrow--next { transform-origin: 100%; }
.lightbox__container { padding-left: 6px; padding-right: 6px; }
}
/* ---- components/sections.css ---- */
/* ---- section furniture: curved dividers, side-column sections, the banner
module, code blocks -------------------------------------------------------
The curved edges between bands are SVG shapes the original draws as a
background on an absolutely placed layer at a section's top or bottom; their
shape, colour and height come with each section's values (pages/, sections/).
-------------------------------------------------------------------------- */
.divider {
position: absolute;
left: 0;
right: 0;
display: block;
width: 100%;
height: 100%;
background-repeat: repeat-x;
pointer-events: none;
}
.has-divider .row { z-index: 5; }
/* a section with a side column and nested rows (the product pages' quote form
beside the copy) */
.row-in { position: relative; width: 100%; }
.row-in::after { content: ""; display: block; clear: both; visibility: hidden; height: 0; }
.row-in > .col:last-child { margin-right: 0 !important; }
.col-in { position: relative; }
@media (min-width: 981px) {
.sec--specialty > .row { padding: 0; }
/* a side column holding its modules directly */
.col--single { padding: 2.855% 0; }
.col--single > .mod:first-child { margin-top: 0; }
.col--single > .mod:last-child { margin-bottom: 0; }
.c23 > .row-in { padding: 4.2415% 0; }
.c12 > .row-in { padding: 5.82% 0; }
.c23 > .row-in > .c44 { width: 100%; }
.c23 > .row-in > .c44 > .mod { margin-bottom: 4.242%; }
.c23 > .row-in > .c13 { width: 45.758%; margin-right: 8.483%; }
.c23 > .row-in > .c13 > .mod { margin-bottom: 9.27%; }
.c12 > .row-in > .c44 { width: 100%; }
.c12 > .row-in > .c44 > .mod { margin-bottom: 5.82%; }
.row-in > .col > .mod:last-child { margin-bottom: 0; }
/* in a gutter-2 section (every product page's) the nested spacing is tighter */
.g2 > .c23 > .row-in > .c44 > .mod { margin-bottom: 2.284%; }
.g2 > .c23 > .row-in > .c13 { width: 47.716%; margin-right: 4.569%; }
.g2 > .c23 > .row-in > .c13 > .mod { margin-bottom: 4.787%; }
.g2 > .c12 > .row-in > .c44 > .mod { margin-bottom: 3.093%; }
.g2 > .c34 > .row-in > .c44 > .mod { margin-bottom: 2.02%; }
.g2 > .col > .row-in > .col > .mod:last-child { margin-bottom: 0; }
/* a nested column the builder left without a width (the financing page's):
it shrinks to its content, as a float with no width does */
.row-in > .col.c-auto { width: auto; }
}
@media (max-width: 980px) {
.col > .row-in { padding: 30px 0; }
.sec--specialty > .row { padding: 0; }
.sec--specialty .row > .col { padding-bottom: 0; }
}
/* the full-width banner module (the grills page's header) */
.fwh { position: relative; padding: 50px 0; background-position: 50%; background-size: cover; }
.fwh p { padding-bottom: 0; }
.fwh__subhead { display: block; }
.fwh__container { position: relative; z-index: 3; width: 80%; max-width: 1080px; margin-left: auto; margin-right: auto; }
.fwh__content { padding: 10px; text-align: center; }
.fwh__container.center .fwh__content { width: 80%; max-width: 800px; margin: 20px auto; }
.fwh__container .fwh__content a.btn { display: inline-block; margin-top: 20px; }
.fwh__container .btn--one { margin-right: 15px; }
.code { position: relative; }
.code__inner { position: relative; }
/* ---- components/form.css ---- */
/* ---- forms -------------------------------------------------------------------
The original's contact-form look: grey (#eee) boxes with grey 14px text and
16px padding, each field 3% from the next, half-width fields side by side,
the button floated right under them. Each form's own colours, borders and
button come with its section's values (pages/, sections/). The labels are
kept for screen readers and hidden, as the original hid them.
-------------------------------------------------------------------------- */
.form-box { position: relative; }
.form-title {
position: relative;
padding-bottom: 16px;
font-weight: 500;
word-wrap: break-word;
}
/* the theme customiser draws every form title (an h1 on the original, an h2
here so each page has one h1) at 40px; in a third or quarter column the
builder's own 22px wins */
.form-title { font-size: 40px; }
.c13 .form-title, .c14 .form-title { font-size: 22px; }
.cform-wrap { position: relative; }
.cform { margin-left: -3%; }
.cform::after { content: ""; display: block; clear: both; }
.field {
padding: 0 0 0 3%;
margin-bottom: 3%;
background-position: 50%;
background-size: cover;
}
.field:not(.field--last),
.field--last + .field--last,
.field--half + .field--last:not(.field--half) { clear: both; }
.field--half { width: 50%; float: left; }
.field * { position: relative; }
.cform .input {
-webkit-appearance: none;
appearance: none;
display: inline-block;
width: 100%;
padding: 16px;
border: 0 solid var(--ink);
border-radius: 0;
background-color: var(--light);
color: #999999;
font-family: inherit;
font-size: 14px;
font-weight: 400;
}
.cform .input::placeholder { color: #999999; opacity: 1; }
.cform textarea.input { display: block; min-height: 150px; }
/* A required field left wrong after the visitor has used it: the original's
orange error outline. */
.cform .input:user-invalid { border: 2px solid var(--orange) !important; }
.form-actions {
display: flex;
float: right;
margin-top: -1.5%;
text-align: right;
}
.form-submit {
display: inline-block;
margin: 0 0 0 18px;
color: var(--blue);
font-family: inherit;
cursor: pointer;
}
.form-submit:hover { background-color: rgba(0, 0, 0, 0.05); }
.form-submit[disabled] { cursor: wait; }
.cf-turnstile { clear: both; padding-left: 3%; }
/* the message line: the original's orange bold, above the fields */
.form-status { display: none; position: relative; padding-bottom: 1em; color: var(--orange); font-weight: 700; }
.form-status.is-ok, .form-status.is-err { display: block; }
/* the honeypot: hidden from people, present for bots */
.form-hp {
position: absolute !important;
left: -9999px !important;
width: 1px;
height: 1px;
overflow: hidden;
}
/* ---- the brochure band's one-row form (the original's
da_contact_form_brochure_dark class) ---- */
.form--brochure-band .form-actions { float: left; padding-left: 20px; }
.form--brochure-band .form-submit { width: 100%; }
.form--brochure-band p.field { max-width: 24% !important; margin-top: -1.5%; clear: none !important; }
@media (max-width: 1100px) {
.form--brochure-band p.field { max-width: 23% !important; }
}
@media (min-width: 768px) and (max-width: 980px) {
.form--brochure-band p.field { max-width: 20% !important; }
}
@media (max-width: 767px) {
.col .cform-wrap p.field--half { width: 100%; margin-right: 0; }
.form--brochure-band p.field { max-width: 100% !important; }
.form--brochure-band .form-actions { width: 100%; padding-left: 0; }
.form--brochure-band .form-submit { float: left; width: 96%; }
/* 16px on phones: iOS zooms the page into any field smaller than that.
The original's fields are 14px; the padding gives back the 2.8px the
bigger line takes, so the boxes stay the original's 51px. */
.cform .input { font-size: 16px; padding-top: 14.6px; padding-bottom: 14.6px; }
}
/* ---- components/plain.css ---- */
/* ---- the theme's plain page (/products/ and the 404) ------------------------
The 1080 row, 58px from the header, the content column 79.125% wide with
5.5% of space to its right, and a 1px #e2e2e2 rule down the side where the
theme's sidebar would sit. The rule goes at 980 and below, where the column
takes the full width.
-------------------------------------------------------------------------- */
.plain { background-color: var(--white); }
.plain__inner {
position: relative;
width: 80%;
max-width: 1080px;
margin: auto;
padding-top: 58px;
}
.plain__inner::before {
content: "";
position: absolute;
top: 0;
left: 79.125%;
width: 1px;
height: 100%;
background-color: #e2e2e2;
}
.plain__inner::after { content: ""; display: block; clear: both; }
.plain__main { float: left; width: 79.125%; padding: 0 5.5% 23px 0; }
.plain__title { margin-bottom: 20px; }
.plain__notfound { margin-bottom: 60px; }
@media (max-width: 980px) {
.plain__inner::before { display: none; }
.plain__main { float: none; width: 100%; padding: 0; }
}
/* /form-problem/ (not a page of the original): a plain section in the site's
type, with an outlined blue button */
.form-problem { padding: 80px 0; }
.form-problem h1 { color: var(--blue-heading); }
.form-problem .btn { color: var(--blue); }
/* the theme's post margin: 60px above 1100, 42px at 1100 and below */
@media (max-width: 1100px) {
.plain__notfound { margin-bottom: 42px; }
}
/* ---- sections/brochure-band-2.css ---- */
/* "brochure-band-2" section (src/partials/sec-brochure-band-2.html), on: about-us, contact-us, photos.
The per-element values every copy shares, ported from the original's generated stylesheets by
.scrape/gen/convert.py. A value only some pages' copies have is in those pages' stylesheets. */
.x-brochure-band-2.brochure-band-2_s15.sec {
padding-top:40px;
padding-bottom:40px;
background-color:#024a97!important;
}
.x-brochure-band-2 .brochure-band-2_t10 h2,
.x-brochure-band-2 .brochure-band-2_t10 .was-h2 {
font-size:36px;
color:#ffffff!important;
text-align:center;
}
.x-brochure-band-2 .brochure-band-2_t10 {
padding-top:20px!important;
padding-bottom:10px!important;
}
.x-brochure-band-2 .form--brochure-band.form-box h1,
.x-brochure-band-2 .form--brochure-band.form-box h2.form-title,
.x-brochure-band-2 .form--brochure-band.form-box h3.form-title,
.x-brochure-band-2 .form--brochure-band.form-box h4.form-title,
.x-brochure-band-2 .form--brochure-band.form-box h5.form-title,
.x-brochure-band-2 .form--brochure-band.form-box h6.form-title,
.x-brochure-band-2 .form--brochure-band.form-box .was-h1,
.x-brochure-band-2 .form--brochure-band.form-box .was-h2.form-title {
font-weight:800;
font-size:36px;
color:#ffffff!important;
text-align:center;
}
.x-brochure-band-2.sec .form--brochure-band.form-box.mod .btn {
color:#ffffff!important;
border-color:#f47122;
font-size:21px;
font-weight:600!important;
text-transform:uppercase!important;
background-color:#f47122!important;
}
.x-brochure-band-2.sec .form--brochure-band.form-box.mod .btn:hover {
border-color:#3e92cc!important;
background-image:initial!important;
background-color:#3e92cc!important;
}
.x-brochure-band-2.sec .form--brochure-band.form-box.mod .btn,
.x-brochure-band-2.sec .form--brochure-band.form-box.mod .btn:hover {
padding:0.3em 1em!important;
}
.x-brochure-band-2.sec .form--brochure-band.form-box.mod .btn:before,
.x-brochure-band-2.sec .form--brochure-band.form-box.mod .btn:after {
display:none!important;
}
.x-brochure-band-2 .form--brochure-band.form-box.mod .btn {
transition:background-color 300ms ease 0ms,border 300ms ease 0ms;
}
.x-brochure-band-2 .brochure-band-2_t11.text {
color:#eeeeee!important;
}
.x-brochure-band-2 .brochure-band-2_t11 {
line-height:1.2em;
font-size:10px;
line-height:1.2em;
margin-top:-20px!important;
}
.x-brochure-band-2 .brochure-band-2_r10.row {
margin-left:auto!important;
margin-right:auto!important;
}
@media (min-width:981px) {
.x-brochure-band-2 .brochure-band-2_r10,
.x-brochure-band-2 .brochure-band-2_r10.row {
width:89%;
max-width:89%;
}
}
@media (max-width:980px) {
.x-brochure-band-2 .brochure-band-2_r10,
.x-brochure-band-2 .brochure-band-2_r10.row {
width:80%;
max-width:80%;
}
.x-brochure-band-2 .brochure-band-2_t10 h2,
.x-brochure-band-2 .brochure-band-2_t10 .was-h2 {
font-size:28px;
}
.x-brochure-band-2 .form--brochure-band.form-box {
margin-top:-20px!important;
}
.x-brochure-band-2.sec .form--brochure-band.form-box.mod .btn {
font-size:14px!important;
}
}
/* ---- sections/brochure-band.css ---- */
/* "brochure-band" section (src/partials/sec-brochure-band.html), on: financing, free-quote, index, products-accessories, products-doors, products-solariums, products-windows, products-wood-pellet-grills-bbqs, services.
The per-element values every copy shares, ported from the original's generated stylesheets by
.scrape/gen/convert.py. A value only some pages' copies have is in those pages' stylesheets. */
.x-brochure-band.brochure-band_s12.sec {
padding-top:40px;
padding-bottom:40px;
background-color:#024a97!important;
}
.x-brochure-band.brochure-band_s12.has-divider.has-top-divider .divider.divider--top {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNlZWVlZWUiPjxwYXRoIGQ9Ik02NDAgMTQwTDEyODAgMEgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik02NDAgOThsNjQwLTk4SDB6Ii8+PC9nPjwvc3ZnPg==);
background-size:100% 30px;
top:0;
height:30px;
z-index:1;
transform:scale(1,1);
}
.x-brochure-band .brochure-band_t5 h2,
.x-brochure-band .brochure-band_t5 .was-h2 {
font-size:36px;
color:#ffffff!important;
text-align:center;
}
.x-brochure-band .brochure-band_t5 {
padding-top:20px!important;
padding-bottom:10px!important;
}
.x-brochure-band .form--brochure-band.form-box h1,
.x-brochure-band .form--brochure-band.form-box h2.form-title,
.x-brochure-band .form--brochure-band.form-box h3.form-title,
.x-brochure-band .form--brochure-band.form-box h4.form-title,
.x-brochure-band .form--brochure-band.form-box h5.form-title,
.x-brochure-band .form--brochure-band.form-box h6.form-title,
.x-brochure-band .form--brochure-band.form-box .was-h1,
.x-brochure-band .form--brochure-band.form-box .was-h2.form-title {
font-weight:800;
font-size:36px;
color:#ffffff!important;
text-align:center;
}
.x-brochure-band.sec .form--brochure-band.form-box.mod .btn {
color:#ffffff!important;
border-color:#f47122;
font-size:21px;
font-weight:600!important;
text-transform:uppercase!important;
background-color:#f47122!important;
}
.x-brochure-band.sec .form--brochure-band.form-box.mod .btn:hover {
border-color:#3e92cc!important;
background-image:initial!important;
background-color:#3e92cc!important;
}
.x-brochure-band.sec .form--brochure-band.form-box.mod .btn,
.x-brochure-band.sec .form--brochure-band.form-box.mod .btn:hover {
padding:0.3em 1em!important;
}
.x-brochure-band.sec .form--brochure-band.form-box.mod .btn:before,
.x-brochure-band.sec .form--brochure-band.form-box.mod .btn:after {
display:none!important;
}
.x-brochure-band .form--brochure-band.form-box.mod .btn {
transition:background-color 300ms ease 0ms,border 300ms ease 0ms;
}
.x-brochure-band .brochure-band_t6.text {
color:#eeeeee!important;
}
.x-brochure-band .brochure-band_t6 {
line-height:1.2em;
font-size:10px;
line-height:1.2em;
margin-top:-20px!important;
}
.x-brochure-band .brochure-band_r11.row {
margin-left:auto!important;
margin-right:auto!important;
}
@media (min-width:981px) {
.x-brochure-band .brochure-band_r11,
.x-brochure-band .brochure-band_r11.row {
width:89%;
max-width:89%;
}
}
@media (max-width:980px) {
.x-brochure-band .brochure-band_r11,
.x-brochure-band .brochure-band_r11.row {
width:80%;
max-width:80%;
}
.x-brochure-band .brochure-band_t5 h2,
.x-brochure-band .brochure-band_t5 .was-h2 {
font-size:28px;
}
.x-brochure-band .form--brochure-band.form-box {
margin-top:-20px!important;
}
.x-brochure-band.sec .form--brochure-band.form-box.mod .btn {
font-size:14px!important;
}
}
/* ---- sections/call-band.css ---- */
/* "call-band" section (src/partials/sec-call-band.html), on: about-us, contact-us, financing, free-quote, index, photos, products-accessories, products-all-weather-enclosures, products-doors, products-garage-doors, products-solariums, products-windows, products-wood-pellet-grills-bbqs, services.
The per-element values every copy shares, ported from the original's generated stylesheets by
.scrape/gen/convert.py. A value only some pages' copies have is in those pages' stylesheets. */
.x-call-band .call-band_a6.cta .cta__btn.btn,
.x-call-band .call-band_a7.cta .cta__btn.btn {
transition:color 300ms ease 0ms,background-color 300ms ease 0ms,border 300ms ease 0ms,border-radius 300ms ease 0ms;
}
.x-call-band.call-band_s6.sec {
padding-top:60px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
background-color:#eeeeee!important;
}
.x-call-band .call-band_r7.row {
padding-bottom:0px!important;
padding-bottom:0px;
}
.x-call-band .call-band_a6.cta h2,
.x-call-band .call-band_a6.cta h1.mod-title,
.x-call-band .call-band_a6.cta h3.mod-title,
.x-call-band .call-band_a6.cta h4.mod-title,
.x-call-band .call-band_a6.cta h5.mod-title,
.x-call-band .call-band_a6.cta h6.mod-title,
.x-call-band .call-band_a6.cta .was-h2,
.x-call-band .call-band_a6.cta .was-h1.mod-title {
font-size:32px!important;
}
.x-call-band .call-band_a6.cta .cta__text div {
font-size:24px;
line-height:1.2em;
}
.x-call-band .call-band_a6.cta {
padding-top:4%!important;
}
.x-call-band.sec .call-band_a6.cta .cta__btn.btn,
.x-call-band.sec .call-band_a7.cta .cta__btn.btn {
color:#ffffff!important;
border-width:5px!important;
border-color:#004a97;
border-radius:5px;
background-color:#004a97;
}
.x-call-band.sec .call-band_a6.cta .cta__btn.btn:hover,
.x-call-band.sec .call-band_a7.cta .cta__btn.btn:hover {
color:#ffffff!important;
border-color:#004a97!important;
border-radius:5px!important;
background-image:initial;
background-color:#004a97;
}
.x-call-band.sec .call-band_a6.cta .cta__btn.btn:after,
.x-call-band.sec .call-band_a7.cta .cta__btn.btn:after {
color:#ffffff;
}
.x-call-band .call-band_a7.cta h2,
.x-call-band .call-band_a7.cta h1.mod-title,
.x-call-band .call-band_a7.cta h3.mod-title,
.x-call-band .call-band_a7.cta h4.mod-title,
.x-call-band .call-band_a7.cta h5.mod-title,
.x-call-band .call-band_a7.cta h6.mod-title,
.x-call-band .call-band_a7.cta .was-h2,
.x-call-band .call-band_a7.cta .was-h1.mod-title {
font-size:32px!important;
text-align:center!important;
}
.x-call-band .call-band_a7.cta .cta__text div {
font-size:24px;
line-height:1.2em;
text-align:center;
}
.x-call-band .call-band_a7.cta {
padding-bottom:40px!important;
}
.x-call-band .call-band_a7 {
max-width:79%;
margin:0 auto;
}
.x-call-band .call-band_a7.cta.mod {
margin-left:auto!important;
margin-right:auto!important;
}
@media (min-width:981px) {
.x-call-band .call-band_a7 {
display:none!important;
}
}
@media (max-width:980px) {
.x-call-band.sec .call-band_a6.cta .cta__btn.btn:after,
.x-call-band.sec .call-band_a7.cta .cta__btn.btn:after {
display:inline-block;
opacity:0;
}
.x-call-band.sec .call-band_a6.cta .cta__btn.btn:hover:after,
.x-call-band.sec .call-band_a7.cta .cta__btn.btn:hover:after {
opacity:1;
}
.x-call-band.call-band_s6.sec {
padding-top:0px;
padding-bottom:40px;
}
.x-call-band .call-band_a7.cta {
padding-top:20px!important;
padding-bottom:40px!important;
}
}
@media (min-width:768px) and (max-width:980px) {
.x-call-band .call-band_t2,
.x-call-band .call-band_a6 {
display:none!important;
}
}
@media (max-width:767px) {
.x-call-band.sec .call-band_a6.cta .cta__btn.btn:after,
.x-call-band.sec .call-band_a7.cta .cta__btn.btn:after {
display:inline-block;
opacity:0;
}
.x-call-band.sec .call-band_a6.cta .cta__btn.btn:hover:after,
.x-call-band.sec .call-band_a7.cta .cta__btn.btn:hover:after {
opacity:1;
}
.x-call-band .call-band_r7.row {
padding-top:0px!important;
padding-bottom:0px!important;
padding-top:0px!important;
padding-bottom:0px!important;
}
.x-call-band .call-band_t2,
.x-call-band .call-band_a6 {
display:none!important;
}
.x-call-band .call-band_a7.cta h2,
.x-call-band .call-band_a7.cta h1.mod-title,
.x-call-band .call-band_a7.cta h3.mod-title,
.x-call-band .call-band_a7.cta h4.mod-title,
.x-call-band .call-band_a7.cta h5.mod-title,
.x-call-band .call-band_a7.cta h6.mod-title,
.x-call-band .call-band_a7.cta .was-h2,
.x-call-band .call-band_a7.cta .was-h1.mod-title {
font-size:26px!important;
}
.x-call-band .call-band_a7.cta .cta__text div {
font-size:19px;
}
.x-call-band .call-band_a7.cta {
padding-bottom:30px!important;
}
}
/* ---- sections/in-store.css ---- */
/* "in-store" section (src/partials/sec-in-store.html), on: about-us, photos, thank-you, thank-you-brochure, thank-you-for-contacting-us.
The per-element values every copy shares, ported from the original's generated stylesheets by
.scrape/gen/convert.py. A value only some pages' copies have is in those pages' stylesheets. */
.x-in-store.in-store_s4.sec {
padding-top:0px;
padding-bottom:0px;
}
.x-in-store .in-store_t1 h2,
.x-in-store .in-store_t1 .was-h2 {
color:#024a97!important;
text-align:center;
}
@media (max-width:980px) {
.x-in-store .in-store_r1.row {
padding-top:0px!important;
padding-top:0px!important;
}
}
@media (max-width:767px) {
.x-in-store .in-store_t1 h2,
.x-in-store .in-store_t1 .was-h2 {
font-size:24px;
}
.x-in-store .in-store_r1.row {
padding-top:0px!important;
padding-top:0px!important;
}
}
/* ---- sections/leading.css ---- */
/* "leading" section (src/partials/sec-leading.html), on: free-quote, index.
The per-element values every copy shares, ported from the original's generated stylesheets by
.scrape/gen/convert.py. A value only some pages' copies have is in those pages' stylesheets. */
.x-leading .leading_r1.row {
padding-right:100px!important;
padding-left:100px!important;
padding-right:100px;
padding-left:100px;
}
.x-leading .leading_t0 {
font-size:22px;
padding-top:20px!important;
padding-bottom:20px!important;
}
.x-leading .leading_t0 h1,
.x-leading .leading_t0 .was-h1 {
font-weight:700;
color:#004a97!important;
}
.x-leading .leading_r2.row {
padding-top:40px!important;
padding-bottom:40px!important;
padding-top:40px;
padding-bottom:40px;
}
.x-leading .leading_b0.blurb .mod-title,
.x-leading .leading_b0.blurb .mod-title a,
.x-leading .leading_b1.blurb .mod-title,
.x-leading .leading_b1.blurb .mod-title a,
.x-leading .leading_b2.blurb .mod-title,
.x-leading .leading_b2.blurb .mod-title a {
font-size:30px;
}
.x-leading .leading_b0 .et-icon,
.x-leading .leading_b1 .et-icon,
.x-leading .leading_b2 .et-icon {
color:#024a97;
font-family:ETmodules!important;
font-weight:400!important;
}
@media (min-width:981px) {
.x-leading .leading_r1,
.x-leading .leading_r1.row {
width:94%;
max-width:94%;
}
}
@media (max-width:980px) {
.x-leading.leading_s3.sec {
padding-top:20px;
padding-bottom:20px;
}
.x-leading .leading_r1.row {
padding-right:40px!important;
padding-left:40px!important;
padding-right:40px!important;
padding-left:40px!important;
}
.x-leading .leading_r1,
.x-leading .leading_r1.row {
width:80%;
max-width:80%;
}
.x-leading .leading_b0 .et-icon,
.x-leading .leading_b1 .et-icon,
.x-leading .leading_b2 .et-icon {
font-size:86px;
}
}
@media (max-width:767px) {
.x-leading.leading_s3.sec {
padding-right:20px;
padding-left:20px;
}
.x-leading .leading_r1.row {
padding-top:10px!important;
padding-right:0px!important;
padding-bottom:10px!important;
padding-left:0px!important;
padding-top:10px!important;
padding-right:0px!important;
padding-bottom:10px!important;
padding-left:0px!important;
}
.x-leading .leading_t0 {
font-size:17px;
line-height:1.2em;
}
.x-leading .leading_t0 h1,
.x-leading .leading_b0.blurb .mod-title,
.x-leading .leading_b0.blurb .mod-title a,
.x-leading .leading_b1.blurb .mod-title,
.x-leading .leading_b1.blurb .mod-title a,
.x-leading .leading_b2.blurb .mod-title,
.x-leading .leading_b2.blurb .mod-title a,
.x-leading .leading_t0 .was-h1 {
font-size:24px;
}
.x-leading .leading_r2.row {
padding-top:0px!important;
padding-top:0px!important;
}
.x-leading .leading_b0.blurb,
.x-leading .leading_b1.blurb,
.x-leading .leading_b2.blurb {
font-size:17px;
}
.x-leading .leading_b0.blurb p,
.x-leading .leading_b1.blurb p,
.x-leading .leading_b2.blurb p {
line-height:1.2em;
}
.x-leading .leading_b0 .et-icon,
.x-leading .leading_b1 .et-icon,
.x-leading .leading_b2 .et-icon {
font-size:60px;
}
}
/* ---- sections/products-services.css ---- */
/* "products-services" section (src/partials/sec-products-services.html), on: about-us, contact-us, financing, photos, products-accessories, products-all-weather-enclosures, products-doors, products-garage-doors, products-solariums, products-windows, products-wood-pellet-grills-bbqs, services.
The per-element values every copy shares, ported from the original's generated stylesheets by
.scrape/gen/convert.py. A value only some pages' copies have is in those pages' stylesheets. */
.x-products-services .products-services_a2.cta .cta__text div,
.x-products-services .products-services_a3.cta .cta__text div,
.x-products-services .products-services_a4.cta .cta__text div,
.x-products-services .products-services_a5.cta .cta__text div,
.x-products-services .products-services_a2.cta .btn-wrap,
.x-products-services .products-services_a3.cta .btn-wrap,
.x-products-services .products-services_a4.cta .btn-wrap,
.x-products-services .products-services_i3,
.x-products-services .products-services_a5.cta .btn-wrap {
text-align:center;
}
.x-products-services .products-services_a2.cta .cta__btn.btn,
.x-products-services .products-services_a3.cta .cta__btn.btn,
.x-products-services .products-services_a4.cta .cta__btn.btn,
.x-products-services .products-services_a5.cta .cta__btn.btn {
transition:color 300ms ease 0ms,background-color 300ms ease 0ms,border 300ms ease 0ms,border-radius 300ms ease 0ms;
}
.x-products-services.products-services_s13.sec {
padding-top:0px;
padding-bottom:0px;
background-color:#ffffff!important;
}
.x-products-services .products-services_r7.row {
padding-right:100px!important;
padding-left:100px!important;
padding-right:100px;
padding-left:100px;
}
.x-products-services .products-services_t8 {
font-size:22px;
padding-top:60px!important;
padding-bottom:60px!important;
}
.x-products-services .products-services_t8 h1,
.x-products-services .products-services_t8 .was-h1 {
font-weight:700;
color:#004a97!important;
}
.x-products-services .products-services_t8 h2,
.x-products-services .products-services_t8 .was-h2 {
font-size:40px;
color:#004a97!important;
}
.x-products-services .products-services_r8.row {
padding-bottom:45px!important;
padding-bottom:45px;
}
.x-products-services .products-services_i0,
.x-products-services .products-services_i1,
.x-products-services .products-services_i2 {
text-align:left;
margin-left:0;
}
.x-products-services .products-services_i0 .overlay,
.x-products-services .products-services_i1 .overlay,
.x-products-services .products-services_i2 .overlay,
.x-products-services .products-services_i3 .overlay {
background-color:rgba(255,255,255,0.8);
}
.x-products-services .products-services_a2.cta h2,
.x-products-services .products-services_a2.cta h1.mod-title,
.x-products-services .products-services_a2.cta h3.mod-title,
.x-products-services .products-services_a2.cta h4.mod-title,
.x-products-services .products-services_a2.cta h5.mod-title,
.x-products-services .products-services_a2.cta h6.mod-title,
.x-products-services .products-services_a3.cta h2,
.x-products-services .products-services_a3.cta h1.mod-title,
.x-products-services .products-services_a3.cta h3.mod-title,
.x-products-services .products-services_a3.cta h4.mod-title,
.x-products-services .products-services_a3.cta h5.mod-title,
.x-products-services .products-services_a3.cta h6.mod-title,
.x-products-services .products-services_a4.cta h2,
.x-products-services .products-services_a4.cta h1.mod-title,
.x-products-services .products-services_a4.cta h3.mod-title,
.x-products-services .products-services_a4.cta h4.mod-title,
.x-products-services .products-services_a4.cta h5.mod-title,
.x-products-services .products-services_a4.cta h6.mod-title,
.x-products-services .products-services_a5.cta h2,
.x-products-services .products-services_a5.cta h1.mod-title,
.x-products-services .products-services_a5.cta h3.mod-title,
.x-products-services .products-services_a5.cta h4.mod-title,
.x-products-services .products-services_a5.cta h5.mod-title,
.x-products-services .products-services_a5.cta h6.mod-title,
.x-products-services .products-services_a2.cta .was-h2,
.x-products-services .products-services_a2.cta .was-h1.mod-title,
.x-products-services .products-services_a3.cta .was-h2,
.x-products-services .products-services_a3.cta .was-h1.mod-title,
.x-products-services .products-services_a4.cta .was-h2,
.x-products-services .products-services_a4.cta .was-h1.mod-title,
.x-products-services .products-services_a5.cta .was-h2,
.x-products-services .products-services_a5.cta .was-h1.mod-title {
font-weight:800!important;
font-size:20px!important;
letter-spacing:-1px!important;
line-height:1.2em!important;
text-align:center!important;
}
.x-products-services .products-services_a2.cta,
.x-products-services .products-services_a3.cta,
.x-products-services .products-services_a4.cta,
.x-products-services .products-services_a5.cta {
padding-right:20px!important;
padding-bottom:20px!important;
padding-left:20px!important;
}
.x-products-services.sec .products-services_a2.cta .cta__btn.btn,
.x-products-services.sec .products-services_a3.cta .cta__btn.btn,
.x-products-services.sec .products-services_a4.cta .cta__btn.btn,
.x-products-services.sec .products-services_a5.cta .cta__btn.btn {
color:#ffffff!important;
border-width:5px!important;
border-color:#f47122;
border-radius:5px;
font-size:16px;
background-color:#f47122;
}
.x-products-services.sec .products-services_a2.cta .cta__btn.btn:hover,
.x-products-services.sec .products-services_a3.cta .cta__btn.btn:hover,
.x-products-services.sec .products-services_a4.cta .cta__btn.btn:hover,
.x-products-services.sec .products-services_a5.cta .cta__btn.btn:hover {
color:#ffffff!important;
border-color:#f47122!important;
border-radius:5px!important;
background-image:initial;
background-color:#f47122;
}
.x-products-services.sec .products-services_a2.cta .cta__btn.btn:after,
.x-products-services.sec .products-services_a3.cta .cta__btn.btn:after,
.x-products-services.sec .products-services_a4.cta .cta__btn.btn:after,
.x-products-services.sec .products-services_a5.cta .cta__btn.btn:after {
font-size:1.6em;
color:#ffffff;
}
.x-products-services .btn--icon .products-services_a2.cta .cta__btn.btn:after,
.x-products-services .btn--icon .products-services_a3.cta .cta__btn.btn:after,
.x-products-services .btn--icon .products-services_a4.cta .cta__btn.btn:after,
.x-products-services .btn--icon .products-services_a5.cta .cta__btn.btn:after {
font-size:16px;
}
.x-products-services .products-services_r9.row {
padding-bottom:40px!important;
padding-bottom:40px;
}
.x-products-services .products-services_k12,
.x-products-services .products-services_k13,
.x-products-services .products-services_k14,
.x-products-services .products-services_k15 {
background-color:#ffffff;
border:1px solid #ccc;
}
@media (min-width:981px) {
.x-products-services .products-services_r7,
.x-products-services .products-services_r7.row,
.x-products-services .products-services_r8,
.x-products-services .products-services_r8.row {
width:94%;
max-width:94%;
}
}
@media (max-width:980px) {
.x-products-services .products-services_r7,
.x-products-services .products-services_r7.row,
.x-products-services .products-services_r8,
.x-products-services .products-services_r8.row {
width:80%;
max-width:80%;
}
.x-products-services.sec .products-services_a2.cta .cta__btn.btn:after,
.x-products-services.sec .products-services_a3.cta .cta__btn.btn:after,
.x-products-services.sec .products-services_a4.cta .cta__btn.btn:after,
.x-products-services.sec .products-services_a5.cta .cta__btn.btn:after {
display:inline-block;
opacity:0;
}
.x-products-services.sec .products-services_a2.cta .cta__btn.btn:hover:after,
.x-products-services.sec .products-services_a3.cta .cta__btn.btn:hover:after,
.x-products-services.sec .products-services_a4.cta .cta__btn.btn:hover:after,
.x-products-services.sec .products-services_a5.cta .cta__btn.btn:hover:after {
opacity:1;
}
.x-products-services .products-services_r7.row {
padding-top:20px!important;
padding-right:20px!important;
padding-bottom:20px!important;
padding-left:20px!important;
padding-top:20px!important;
padding-right:20px!important;
padding-bottom:20px!important;
padding-left:20px!important;
}
.x-products-services .products-services_t8 {
padding-top:60px!important;
}
.x-products-services .products-services_i0,
.x-products-services .products-services_i1,
.x-products-services .products-services_i2 {
text-align:center;
margin-left:auto;
margin-right:auto;
}
.x-products-services .products-services_i0 .img-wrap img,
.x-products-services .products-services_i1 .img-wrap img,
.x-products-services .products-services_i2 .img-wrap img,
.x-products-services .products-services_i3 .img-wrap img {
width:auto;
}
}
@media (max-width:767px) {
.x-products-services .products-services_r9.row {
padding-top:0px!important;
padding-top:0px!important;
}
.x-products-services.sec .products-services_a2.cta .cta__btn.btn:after,
.x-products-services.sec .products-services_a3.cta .cta__btn.btn:after,
.x-products-services.sec .products-services_a4.cta .cta__btn.btn:after,
.x-products-services.sec .products-services_a5.cta .cta__btn.btn:after {
display:inline-block;
opacity:0;
}
.x-products-services.sec .products-services_a2.cta .cta__btn.btn:hover:after,
.x-products-services.sec .products-services_a3.cta .cta__btn.btn:hover:after,
.x-products-services.sec .products-services_a4.cta .cta__btn.btn:hover:after,
.x-products-services.sec .products-services_a5.cta .cta__btn.btn:hover:after {
opacity:1;
}
.x-products-services .products-services_r7.row {
padding-top:0px!important;
padding-right:10px!important;
padding-left:10px!important;
padding-top:0px!important;
padding-right:10px!important;
padding-left:10px!important;
}
.x-products-services .products-services_t8 {
font-size:16px;
line-height:1.2em;
padding-top:60px!important;
padding-bottom:0px!important;
}
.x-products-services .products-services_t8 h2,
.x-products-services .products-services_t8 .was-h2 {
font-size:25px;
}
.x-products-services .products-services_i0 .img-wrap img,
.x-products-services .products-services_i1 .img-wrap img,
.x-products-services .products-services_i2 .img-wrap img,
.x-products-services .products-services_i3 .img-wrap img {
width:auto;
}
}
/* ---- sections/quote-band.css ---- */
/* "quote-band" section (src/partials/sec-quote-band.html), on: financing, products-accessories, products-doors, products-solariums, products-windows, products-wood-pellet-grills-bbqs, services.
The per-element values every copy shares, ported from the original's generated stylesheets by
.scrape/gen/convert.py. A value only some pages' copies have is in those pages' stylesheets. */
.x-quote-band.sec .quote-band_btn0,
.x-quote-band.sec .quote-band_btn1 {
color:#ffffff!important;
border-color:#ffffff;
font-size:18px;
padding-right:0.7em;
padding-left:2em;
}
.x-quote-band.sec .quote-band_btn0:after,
.x-quote-band.sec .quote-band_btn1:after {
display:none;
}
.x-quote-band.sec .quote-band_btn0:before,
.x-quote-band.sec .quote-band_btn1:before {
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
line-height:inherit;
font-size:inherit!important;
opacity:1;
margin-left:-1.3em;
right:auto;
display:inline-block;
font-family:ETmodules!important;
font-weight:400!important;
}
.x-quote-band.sec .quote-band_btn0:hover:before,
.x-quote-band.sec .quote-band_btn1:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
.x-quote-band .quote-band_btn0,
.x-quote-band .quote-band_btn0:after,
.x-quote-band .quote-band_btn1,
.x-quote-band .quote-band_btn1:after {
transition:all 300ms ease 0ms;
}
.x-quote-band .quote-band_k3 {
background-color:#024a97;
}
.x-quote-band .quote-band_k4 {
background-color:#f47122;
}
.x-quote-band .quote-band_r1.row {
margin-left:auto!important;
margin-right:auto!important;
}
@media (min-width:981px) {
.x-quote-band.quote-band_s4 {
display:none!important;
}
.x-quote-band .quote-band_r1,
.x-quote-band .quote-band_r1.row {
width:100%;
max-width:100%;
}
}
@media (max-width:980px) {
.x-quote-band.sec .quote-band_btn0:after,
.x-quote-band.sec .quote-band_btn1:after {
display:none;
}
.x-quote-band .quote-band_r1,
.x-quote-band .quote-band_r1.row {
width:100%;
max-width:100%;
}
.x-quote-band.sec .quote-band_btn0:before,
.x-quote-band.sec .quote-band_btn1:before {
line-height:inherit;
font-size:inherit!important;
margin-left:-1.3em;
right:auto;
display:inline-block;
opacity:1;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.x-quote-band.sec .quote-band_btn0:hover:before,
.x-quote-band.sec .quote-band_btn1:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
}
@media (min-width:768px) and (max-width:980px) {
.x-quote-band.quote-band_s4 {
display:none!important;
}
}
@media (max-width:767px) {
.x-quote-band.sec .quote-band_btn0:after,
.x-quote-band.sec .quote-band_btn1:after {
display:none;
}
.x-quote-band.quote-band_s4.sec {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
.x-quote-band .quote-band_r1.row {
padding-top:0px!important;
padding-bottom:0px!important;
padding-top:0px!important;
padding-bottom:0px!important;
}
.x-quote-band.sec .quote-band_btn0:before,
.x-quote-band.sec .quote-band_btn1:before {
line-height:inherit;
font-size:inherit!important;
margin-left:-1.3em;
right:auto;
display:inline-block;
opacity:1;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.x-quote-band.sec .quote-band_btn0:hover:before,
.x-quote-band.sec .quote-band_btn1:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
.x-quote-band .quote-band_k3,
.x-quote-band .quote-band_k4 {
padding-top:20px;
padding-bottom:20px;
}
}
/* ---- sections/since-1981.css ---- */
/* "since-1981" section (src/partials/sec-since-1981.html), on: thank-you, thank-you-brochure, thank-you-for-contacting-us.
The per-element values every copy shares, ported from the original's generated stylesheets by
.scrape/gen/convert.py. A value only some pages' copies have is in those pages' stylesheets. */
.x-since-1981.since-1981_s1.sec {
padding-bottom:0px;
}
.x-since-1981 .since-1981_t0 h2,
.x-since-1981 .since-1981_t0 .was-h2 {
color:#024a97!important;
}
@media (max-width:980px) {
.x-since-1981.since-1981_s1.sec {
padding-bottom:0px;
}
}
@media (max-width:767px) {
.x-since-1981.since-1981_s1.sec {
padding-top:0px;
padding-bottom:0px;
}
.x-since-1981 .since-1981_t0 h2,
.x-since-1981 .since-1981_t0 .was-h2 {
font-size:24px;
}
}
/* ---- sections/spacer.css ---- */
/* "spacer" section (src/partials/sec-spacer.html), on: financing, products-accessories, products-doors, products-solariums, products-windows, products-wood-pellet-grills-bbqs, services.
The per-element values every copy shares, ported from the original's generated stylesheets by
.scrape/gen/convert.py. A value only some pages' copies have is in those pages' stylesheets. */
.x-spacer.spacer_s2.sec {
padding-bottom:0px;
background-color:#eeeeee!important;
}
.x-spacer .spacer_r0.row {
padding-top:0px!important;
padding-bottom:0px!important;
padding-top:0px;
padding-bottom:0px;
}
.x-spacer .spacer_k2 {
padding-top:0px;
padding-bottom:0px;
}
/* ---- sections/testimonials.css ---- */
/* "testimonials" section (src/partials/sec-testimonials.html), on: about-us, contact-us, financing, free-quote, index, photos, products-accessories, products-all-weather-enclosures, products-doors, products-garage-doors, products-solariums, products-windows, products-wood-pellet-grills-bbqs, services.
The per-element values every copy shares, ported from the original's generated stylesheets by
.scrape/gen/convert.py. A value only some pages' copies have is in those pages' stylesheets. */
.x-testimonials .testimonials_t3 h1,
.x-testimonials .testimonials_t3 .was-h1 {
text-align:center;
}
.x-testimonials.testimonials_s8.sec {
padding-top:60px;
padding-bottom:60px;
background-color:#f47122!important;
}
.x-testimonials .testimonials_t3 h2,
.x-testimonials .testimonials_t3 .was-h2 {
font-size:40px;
}
.x-testimonials .testimonials_sd3,
.x-testimonials .testimonials_sd4,
.x-testimonials .slider .testimonials_sd3,
.x-testimonials .slider .testimonials_sd4 {
background-color:rgba(255,255,255,0);
}
.x-testimonials .testimonials_sl1.slider .slide__desc .slide__title {
font-size:30px!important;
}
.x-testimonials .testimonials_sl1.slider {
overflow-x:hidden;
overflow-y:hidden;
}
.x-testimonials .testimonials_sl1 .slide__desc,
.x-testimonials .slider--boxed.testimonials_sl1 .slide__desc {
padding-top:0px;
padding-bottom:0px;
}
@media (max-width:767px) {
.x-testimonials .testimonials_t3 h2,
.x-testimonials .testimonials_t3 .was-h2 {
font-size:24px;
}
.x-testimonials.testimonials_s8.sec {
padding-top:20px;
padding-bottom:20px;
}
.x-testimonials .testimonials_sl1.slider .slides .slide__desc .slide__title {
font-size:24px!important;
}
}
/* ---- sections/thanks-banner.css ---- */
/* "thanks-banner" section (src/partials/sec-thanks-banner.html), on: thank-you, thank-you-for-contacting-us.
The per-element values every copy shares, ported from the original's generated stylesheets by
.scrape/gen/convert.py. A value only some pages' copies have is in those pages' stylesheets. */
.x-thanks-banner.sec.thanks-banner_s0 {
background-image:url(/assets/img/header_aboutus.jpg)!important;
}
.x-thanks-banner.thanks-banner_s0.has-divider.has-bottom-divider .divider.divider--bottom {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
background-size:100% 80px;
bottom:0;
height:80px;
z-index:10;
transform:scale(1,1);
}
.x-thanks-banner.sec .slider .thanks-banner_sd0.slide .more-btn.btn {
padding-right:0.7em;
padding-left:2em;
}
.x-thanks-banner.sec .slider .thanks-banner_sd0.slide .more-btn.btn:after {
display:none;
}
.x-thanks-banner.sec .slider .thanks-banner_sd0.slide .more-btn.btn:before {
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
line-height:inherit;
font-size:inherit!important;
opacity:1;
margin-left:-1.3em;
right:auto;
display:inline-block;
font-family:ETmodules!important;
font-weight:400!important;
}
.x-thanks-banner.sec .slider .thanks-banner_sd0.slide .more-btn.btn:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
.x-thanks-banner .thanks-banner_sd0,
.x-thanks-banner .slider .thanks-banner_sd0 {
background-color:rgba(2,74,151,0.9);
}
.x-thanks-banner .thanks-banner_fsl0 .slide__desc,
.x-thanks-banner .slider--boxed.thanks-banner_fsl0 .slide__desc {
padding-top:60px;
padding-bottom:100px;
}
.x-thanks-banner .slider .thanks-banner_sd0.slide .slide__desc .slide__title {
font-weight:700!important;
font-size:36px!important;
text-shadow:0em 0em 0.3em rgba(0,0,0,0.4)!important;
}
.x-thanks-banner .slider.mod .thanks-banner_sd0.slide .slide__desc .slide__content {
font-size:20px!important;
}
@media (max-width:980px) {
.x-thanks-banner.sec .slider .thanks-banner_sd0.slide .more-btn.btn:before {
line-height:inherit;
font-size:inherit!important;
margin-left:-1.3em;
right:auto;
display:inline-block;
opacity:1;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.x-thanks-banner.sec .slider .thanks-banner_sd0.slide .more-btn.btn:after {
display:none;
}
.x-thanks-banner.sec .slider .thanks-banner_sd0.slide .more-btn.btn:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
.x-thanks-banner .slider .thanks-banner_sd0.slide .slide__desc .slide__title {
font-size:32px!important;
}
.x-thanks-banner .slider.mod .thanks-banner_sd0.slide .slide__desc .slide__content {
font-size:22px!important;
}
}
@media (max-width:767px) {
.x-thanks-banner.thanks-banner_s0.sec {
padding-right:0px;
padding-left:0px;
}
.x-thanks-banner.sec .slider .thanks-banner_sd0.slide .more-btn.btn {
font-size:16px!important;
}
.x-thanks-banner.sec .slider .thanks-banner_sd0.slide .more-btn.btn:before {
line-height:inherit;
font-size:inherit!important;
margin-left:-1.3em;
right:auto;
display:inline-block;
opacity:1;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.x-thanks-banner.sec .slider .thanks-banner_sd0.slide .more-btn.btn:after {
display:none;
}
.x-thanks-banner.sec .slider .thanks-banner_sd0.slide .more-btn.btn:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
.x-thanks-banner .thanks-banner_fsl0 .slide__desc,
.x-thanks-banner .slider--boxed.thanks-banner_fsl0 .slide__desc {
padding-top:40px;
padding-right:0px;
padding-bottom:100px;
padding-left:0px;
}
.x-thanks-banner .slider .thanks-banner_sd0.slide .slide__desc .slide__title {
font-size:16px!important;
letter-spacing:-2px!important;
}
.x-thanks-banner .slider.mod .thanks-banner_sd0.slide .slide__desc .slide__content {
font-size:17px!important;
letter-spacing:-1px!important;
}
.x-thanks-banner .thanks-banner_sd0 p {
line-height:1.2em!important;
}
}
/* ---- sections/why-choose.css ---- */
/* "why-choose" section (src/partials/sec-why-choose.html), on: about-us, contact-us, financing, free-quote, index, photos, products-accessories, products-all-weather-enclosures, products-doors, products-garage-doors, products-solariums, products-windows, products-wood-pellet-grills-bbqs, services.
The per-element values every copy shares, ported from the original's generated stylesheets by
.scrape/gen/convert.py. A value only some pages' copies have is in those pages' stylesheets. */
.x-why-choose.why-choose_s10.sec {
padding-top:0px;
padding-bottom:40px;
background-color:#eeeeee!important;
}
.x-why-choose .why-choose_r9.row {
padding-top:20px!important;
padding-bottom:20px!important;
padding-top:20px;
padding-bottom:20px;
}
.x-why-choose .why-choose_t4 h1,
.x-why-choose .why-choose_t4 .was-h1 {
font-size:32px;
}
.x-why-choose .why-choose_t4 h2,
.x-why-choose .why-choose_t4 .was-h2 {
font-weight:700;
font-size:40px;
color:#004a97!important;
}
.x-why-choose .why-choose_t4 {
padding-top:40px!important;
padding-right:80px!important;
padding-bottom:40px!important;
padding-left:80px!important;
}
.x-why-choose .why-choose_b3.blurb .mod-title,
.x-why-choose .why-choose_b3.blurb .mod-title a,
.x-why-choose .why-choose_b4.blurb .mod-title,
.x-why-choose .why-choose_b4.blurb .mod-title a,
.x-why-choose .why-choose_b5.blurb .mod-title,
.x-why-choose .why-choose_b5.blurb .mod-title a,
.x-why-choose .why-choose_b6.blurb .mod-title,
.x-why-choose .why-choose_b6.blurb .mod-title a,
.x-why-choose .why-choose_b7.blurb .mod-title,
.x-why-choose .why-choose_b7.blurb .mod-title a,
.x-why-choose .why-choose_b8.blurb .mod-title,
.x-why-choose .why-choose_b8.blurb .mod-title a {
font-weight:700;
}
.x-why-choose .why-choose_b3 .et-icon,
.x-why-choose .why-choose_b4 .et-icon,
.x-why-choose .why-choose_b5 .et-icon,
.x-why-choose .why-choose_b6 .et-icon,
.x-why-choose .why-choose_b7 .et-icon,
.x-why-choose .why-choose_b8 .et-icon {
color:#024a97;
font-family:ETmodules!important;
font-weight:400!important;
}
@media (min-width:981px) {
.x-why-choose .why-choose_r10,
.x-why-choose .why-choose_r10.row {
width:89%;
max-width:89%;
}
}
@media (max-width:980px) {
.x-why-choose .why-choose_r10,
.x-why-choose .why-choose_r10.row {
width:80%;
max-width:80%;
}
}
@media (max-width:767px) {
.x-why-choose .why-choose_t4 h2,
.x-why-choose .why-choose_t4 .was-h2 {
font-size:24px;
}
.x-why-choose .why-choose_r9.row {
padding-right:0px!important;
padding-left:0px!important;
padding-right:0px!important;
padding-left:0px!important;
}
.x-why-choose .why-choose_t4 {
font-size:17px;
line-height:1.2em;
padding-right:0px!important;
padding-bottom:0px!important;
padding-left:0px!important;
}
.x-why-choose .why-choose_k17 {
padding-right:0px;
padding-left:0px;
}
}
/* ---- pages/about-us.css ---- */
/* /about-us/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-about-us .sec.s1 {
background-image:url(/assets/img/header_aboutus.jpg)!important;
}
.pg-about-us .s1.has-divider.has-bottom-divider .divider.divider--bottom {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
background-size:100% 80px;
bottom:0;
height:80px;
z-index:10;
transform:scale(1,1);
}
.pg-about-us .sec .slider .sd0.slide .more-btn.btn {
padding-right:0.7em;
padding-left:2em;
}
.pg-about-us .sec .slider .sd0.slide .more-btn.btn:after {
display:none;
}
.pg-about-us .sec .slider .sd0.slide .more-btn.btn:before {
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
line-height:inherit;
font-size:inherit!important;
opacity:1;
margin-left:-1.3em;
right:auto;
display:inline-block;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-about-us .sec .slider .sd0.slide .more-btn.btn:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
.pg-about-us .sd0,
.pg-about-us .slider .sd0 {
background-color:rgba(2,74,151,0.9);
}
.pg-about-us .fsl0 .slide__desc,
.pg-about-us .slider--boxed.fsl0 .slide__desc {
padding-top:60px;
padding-bottom:100px;
}
.pg-about-us .s2.sec {
padding-bottom:0px;
}
.pg-about-us .t0 h2,
.pg-about-us .t0 .was-h2 {
color:#024a97!important;
}
.pg-about-us .slider .sd0.slide .slide__desc .slide__title {
font-weight:700!important;
font-size:36px!important;
text-shadow:0em 0em 0.3em rgba(0,0,0,0.4)!important;
}
.pg-about-us .slider.mod .sd0.slide .slide__desc .slide__content {
font-size:20px!important;
}
.pg-about-us .x-brochure-band-2.brochure-band-2_s15.has-divider.has-top-divider .divider.divider--top {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik02NDAgMTQwTDEyODAgMEgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik02NDAgOThsNjQwLTk4SDB6Ii8+PC9nPjwvc3ZnPg==);
background-size:100% 30px;
top:0;
height:30px;
z-index:1;
transform:scale(1,1);
}
@media (max-width:980px) {
.pg-about-us .sec .slider .sd0.slide .more-btn.btn:before {
line-height:inherit;
font-size:inherit!important;
margin-left:-1.3em;
right:auto;
display:inline-block;
opacity:1;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-about-us .sec .slider .sd0.slide .more-btn.btn:after {
display:none;
}
.pg-about-us .sec .slider .sd0.slide .more-btn.btn:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
.pg-about-us .s2.sec {
padding-bottom:0px;
}
.pg-about-us .s5.sec {
padding-top:0px;
}
.pg-about-us .slider .sd0.slide .slide__desc .slide__title {
font-size:32px!important;
}
.pg-about-us .slider.mod .sd0.slide .slide__desc .slide__content {
font-size:22px!important;
}
}
@media (max-width:767px) {
.pg-about-us .s1.sec {
padding-right:0px;
padding-left:0px;
}
.pg-about-us .sec .slider .sd0.slide .more-btn.btn {
font-size:16px!important;
}
.pg-about-us .sec .slider .sd0.slide .more-btn.btn:before {
line-height:inherit;
font-size:inherit!important;
margin-left:-1.3em;
right:auto;
display:inline-block;
opacity:1;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-about-us .sec .slider .sd0.slide .more-btn.btn:after {
display:none;
}
.pg-about-us .sec .slider .sd0.slide .more-btn.btn:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
.pg-about-us .fsl0 .slide__desc,
.pg-about-us .slider--boxed.fsl0 .slide__desc {
padding-top:40px;
padding-right:0px;
padding-bottom:100px;
padding-left:0px;
}
.pg-about-us .s2.sec {
padding-top:0px;
padding-bottom:0px;
}
.pg-about-us .t0 h2,
.pg-about-us .t0 .was-h2 {
font-size:24px;
}
.pg-about-us .s5.sec {
padding-top:0px;
}
.pg-about-us .slider .sd0.slide .slide__desc .slide__title {
font-size:16px!important;
letter-spacing:-2px!important;
}
.pg-about-us .slider.mod .sd0.slide .slide__desc .slide__content {
font-size:17px!important;
letter-spacing:-1px!important;
}
.pg-about-us .sd0 p {
line-height:1.2em!important;
}
}
/* ---- pages/contact-us.css ---- */
/* /contact-us/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-contact-us .sec.s1 {
background-position:center top;
background-image:url(/assets/img/5-window-and-door-specialists.jpg)!important;
}
.pg-contact-us .s1.has-divider.has-bottom-divider .divider.divider--bottom {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNlZWVlZWUiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
background-size:100% 80px;
bottom:0;
height:80px;
z-index:10;
transform:scale(1,1);
}
.pg-contact-us .sec .slider .sd0.slide .more-btn.btn {
padding-right:0.7em;
padding-left:2em;
}
.pg-contact-us .sec .slider .sd0.slide .more-btn.btn:after {
display:none;
}
.pg-contact-us .sec .slider .sd0.slide .more-btn.btn:before {
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
line-height:inherit;
font-size:inherit!important;
opacity:1;
margin-left:-1.3em;
right:auto;
display:inline-block;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-contact-us .sec .slider .sd0.slide .more-btn.btn:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
.pg-contact-us .sd0,
.pg-contact-us .slider .sd0 {
background-color:rgba(2,74,151,0.9);
}
.pg-contact-us .fsl0 .slide__desc,
.pg-contact-us .slider--boxed.fsl0 .slide__desc {
padding-top:60px;
padding-bottom:100px;
}
.pg-contact-us .s2.sec {
padding-top:40px;
padding-bottom:60px;
background-color:#eeeeee!important;
}
.pg-contact-us .t0 h3,
.pg-contact-us .form--contact.form-box h1,
.pg-contact-us .form--contact.form-box h2.form-title,
.pg-contact-us .form--contact.form-box h3.form-title,
.pg-contact-us .form--contact.form-box h4.form-title,
.pg-contact-us .form--contact.form-box h5.form-title,
.pg-contact-us .form--contact.form-box h6.form-title,
.pg-contact-us .form--contact.form-box .was-h1,
.pg-contact-us .form--contact.form-box .was-h2.form-title {
color:#024a97!important;
}
.pg-contact-us .i0 {
text-align:left;
margin-left:0;
}
.pg-contact-us .form--contact.form-box .input,
.pg-contact-us .form--contact.form-box .input[type="checkbox"]+label i,
.pg-contact-us .form--contact.form-box .input[type="radio"]+label i {
border-width:1px;
border-color:#c9c9c9;
}
.pg-contact-us .sec .form--contact.form-box.mod .btn {
color:#ffffff!important;
border-color:#024a97;
background-color:#024a97!important;
}
.pg-contact-us .sec .form--contact.form-box.mod .btn:after {
color:#024a97;
}
.pg-contact-us .form--contact .input,
.pg-contact-us .form--contact .input[type="checkbox"]+label i,
.pg-contact-us .form--contact .input[type="radio"]+label i {
background-color:#ffffff;
}
.pg-contact-us .slider .sd0.slide .slide__desc .slide__title {
font-weight:700!important;
font-size:36px!important;
text-shadow:0em 0em 0.3em rgba(0,0,0,0.4)!important;
}
.pg-contact-us .slider.mod .sd0.slide .slide__desc .slide__content {
font-size:20px!important;
}
.pg-contact-us .x-brochure-band-2.brochure-band-2_s15.has-divider.has-top-divider .divider.divider--top {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNlZWVlZWUiPjxwYXRoIGQ9Ik02NDAgMTQwTDEyODAgMEgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik02NDAgOThsNjQwLTk4SDB6Ii8+PC9nPjwvc3ZnPg==);
background-size:100% 30px;
top:0;
height:30px;
z-index:1;
transform:scale(1,1);
}
@media (max-width:980px) {
.pg-contact-us .sec .slider .sd0.slide .more-btn.btn:before {
line-height:inherit;
font-size:inherit!important;
margin-left:-1.3em;
right:auto;
display:inline-block;
opacity:1;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-contact-us .sec .slider .sd0.slide .more-btn.btn:after {
display:none;
}
.pg-contact-us .sec .slider .sd0.slide .more-btn.btn:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
.pg-contact-us .i0 {
text-align:center;
margin-left:auto;
margin-right:auto;
}
.pg-contact-us .i0 .img-wrap img {
width:auto;
}
.pg-contact-us .sec .form--contact.form-box.mod .btn:after {
display:inline-block;
opacity:0;
}
.pg-contact-us .sec .form--contact.form-box.mod .btn:hover:after {
opacity:1;
}
.pg-contact-us .slider .sd0.slide .slide__desc .slide__title {
font-size:32px!important;
}
.pg-contact-us .slider.mod .sd0.slide .slide__desc .slide__content {
font-size:22px!important;
}
}
@media (max-width:767px) {
.pg-contact-us .s1.sec {
padding-right:0px;
padding-left:0px;
}
.pg-contact-us .sec .slider .sd0.slide .more-btn.btn {
font-size:16px!important;
}
.pg-contact-us .sec .slider .sd0.slide .more-btn.btn:before {
line-height:inherit;
font-size:inherit!important;
margin-left:-1.3em;
right:auto;
display:inline-block;
opacity:1;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-contact-us .sec .slider .sd0.slide .more-btn.btn:after {
display:none;
}
.pg-contact-us .sec .slider .sd0.slide .more-btn.btn:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
.pg-contact-us .fsl0 .slide__desc,
.pg-contact-us .slider--boxed.fsl0 .slide__desc {
padding-top:40px;
padding-right:0px;
padding-bottom:100px;
padding-left:0px;
}
.pg-contact-us .s2.sec {
padding-top:0px;
}
.pg-contact-us .t0 h3 {
font-size:20px;
}
.pg-contact-us .i0 .img-wrap img {
width:auto;
}
.pg-contact-us .sec .form--contact.form-box.mod .btn:after {
display:inline-block;
opacity:0;
}
.pg-contact-us .sec .form--contact.form-box.mod .btn:hover:after {
opacity:1;
}
.pg-contact-us .slider .sd0.slide .slide__desc .slide__title {
font-size:16px!important;
letter-spacing:-2px!important;
}
.pg-contact-us .slider.mod .sd0.slide .slide__desc .slide__content {
font-size:17px!important;
letter-spacing:-1px!important;
}
.pg-contact-us .sd0 p {
line-height:1.2em!important;
}
}
/* ---- pages/download-brochure.css ---- */
/* /download-brochure/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-download-brochure .sec.s0 {
background-blend-mode:multiply;
background-image:url(/assets/img/door-and-window-company.jpg)!important;
}
.pg-download-brochure .s0.sec {
padding-top:0px;
padding-bottom:0px;
background-color:rgba(0,0,0,0.58)!important;
}
.pg-download-brochure .t0.text {
color:#ffffff!important;
}
.pg-download-brochure .t0 h1,
.pg-download-brochure .t0 .was-h1 {
font-weight:800;
font-size:58px;
color:#f47122!important;
}
.pg-download-brochure .t0 {
background-color:rgba(12,12,12,0.72);
border-color:#e02b20;
padding-top:40px!important;
padding-right:40px!important;
padding-bottom:40px!important;
padding-left:40px!important;
}
.pg-download-brochure .t1 {
background-color:rgba(0,74,151,0.9);
padding-top:30px!important;
padding-right:30px!important;
padding-left:30px!important;
margin-top:0px!important;
margin-bottom:0px!important;
}
.pg-download-brochure .form--brochure.form-box h1,
.pg-download-brochure .form--brochure.form-box h2.form-title,
.pg-download-brochure .form--brochure.form-box h3.form-title,
.pg-download-brochure .form--brochure.form-box h4.form-title,
.pg-download-brochure .form--brochure.form-box h5.form-title,
.pg-download-brochure .form--brochure.form-box h6.form-title,
.pg-download-brochure .form--brochure.form-box .was-h1,
.pg-download-brochure .form--brochure.form-box .was-h2.form-title {
font-weight:700;
letter-spacing:-2px;
text-align:center;
}
.pg-download-brochure .form--brochure.form-box {
background-color:rgba(0,74,151,0.9);
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
}
.pg-download-brochure .form--brochure.form-box .input,
.pg-download-brochure .form--brochure.form-box .input[type="checkbox"]+label i,
.pg-download-brochure .form--brochure.form-box .input[type="radio"]+label i {
border-radius:0px 0px 0px 0px;
overflow:hidden;
border-width:1px;
border-color:#d3d3d3;
}
.pg-download-brochure .sec .form--brochure.form-box.mod .btn {
color:#ffffff!important;
border-width:5px!important;
border-color:#f47122;
border-radius:5px;
font-weight:700!important;
background-color:#f47122!important;
}
.pg-download-brochure .sec .form--brochure.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-download-brochure .sec .form--brochure.form-box.mod .btn:after {
color:#ffffff;
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-download-brochure .form--brochure.form-box.form-box .form-actions .form-submit.btn {
margin-top:10px;
}
.pg-download-brochure .t2 {
line-height:1.2em;
font-size:10px;
line-height:1.2em;
background-color:rgba(0,74,151,0.9);
padding-right:25px!important;
padding-bottom:40px!important;
padding-left:25px!important;
margin-top:-25px!important;
}
.pg-download-brochure .k0 {
padding-top:60px;
}
.pg-download-brochure .k1 {
padding-left:60px;
}
.pg-download-brochure .r0.row {
padding-left:40px!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:40px;
}
@media (max-width:980px) {
.pg-download-brochure .s0.sec {
padding-right:0px;
padding-left:0px;
}
.pg-download-brochure .r0.row {
padding-right:40px!important;
padding-left:40px!important;
padding-right:40px!important;
padding-left:40px!important;
}
.pg-download-brochure .t1 {
font-size:17px;
}
.pg-download-brochure .sec .form--brochure.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-download-brochure .sec .form--brochure.form-box.mod .btn:before {
display:none;
}
.pg-download-brochure .sec .form--brochure.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-download-brochure .k0 {
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
}
.pg-download-brochure .k1 {
padding-right:40px;
padding-left:40px;
}
}
@media (min-width:768px) and (max-width:980px) {
.pg-download-brochure .t0 {
display:none!important;
}
}
@media (max-width:767px) {
.pg-download-brochure .r0.row {
padding-top:0px!important;
padding-right:0px!important;
padding-left:0px!important;
padding-top:0px!important;
padding-right:0px!important;
padding-left:0px!important;
}
.pg-download-brochure .t0 {
display:none!important;
}
.pg-download-brochure .t1 {
line-height:1.2em;
}
.pg-download-brochure .t1 h2,
.pg-download-brochure .form--brochure.form-box h1,
.pg-download-brochure .form--brochure.form-box h2.form-title,
.pg-download-brochure .form--brochure.form-box h3.form-title,
.pg-download-brochure .form--brochure.form-box h4.form-title,
.pg-download-brochure .form--brochure.form-box h5.form-title,
.pg-download-brochure .form--brochure.form-box h6.form-title,
.pg-download-brochure .t1 .was-h2,
.pg-download-brochure .form--brochure.form-box .was-h1,
.pg-download-brochure .form--brochure.form-box .was-h2.form-title {
font-size:24px;
}
.pg-download-brochure .sec .form--brochure.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-download-brochure .sec .form--brochure.form-box.mod .btn:before {
display:none;
}
.pg-download-brochure .sec .form--brochure.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-download-brochure .k0 {
padding-top:0px;
}
.pg-download-brochure .k1 {
padding-right:10px;
padding-left:10px;
}
}
/* ---- pages/financing.css ---- */
/* /financing/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-financing .s0.sec {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
background-color:#eeeeee!important;
}
.pg-financing .form--quote.form-box h1,
.pg-financing .form--quote.form-box h2.form-title,
.pg-financing .form--quote.form-box h3.form-title,
.pg-financing .form--quote.form-box h4.form-title,
.pg-financing .form--quote.form-box h5.form-title,
.pg-financing .form--quote.form-box h6.form-title,
.pg-financing .form--quote.form-box .was-h1,
.pg-financing .form--quote.form-box .was-h2.form-title {
font-weight:700;
font-size:31px;
color:#ffffff!important;
letter-spacing:-2px;
text-align:center;
}
.pg-financing .form--quote.form-box {
background-color:#024a97;
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
border-radius:5px;
-webkit-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
-moz-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
}
.pg-financing .form--quote.form-box .input,
.pg-financing .form--quote.form-box .input[type="checkbox"]+label i,
.pg-financing .form--quote.form-box .input[type="radio"]+label i {
border-radius:0px 0px 0px 0px;
overflow:hidden;
border-width:1px;
border-color:#d3d3d3;
}
.pg-financing .form--quote,
.pg-financing .quote-f0,
.pg-financing .quote-f1,
.pg-financing .quote-f2,
.pg-financing .quote-f3 {
max-width:100%;
z-index:0;
position:relative;
}
.pg-financing .sec .form--quote.form-box.mod .btn {
color:#ffffff!important;
border-width:5px!important;
border-color:#f47122;
border-radius:5px;
background-color:#f47122!important;
}
.pg-financing .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-financing .sec .form--quote.form-box.mod .btn:after {
color:#ffffff;
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-financing .form--quote.form-box .form-title {
margin-bottom:15px;
}
.pg-financing .ri0.row-in {
padding-bottom:20px!important;
}
.pg-financing .col .ri0 {
padding-bottom:20px;
}
.pg-financing .t1.text,
.pg-financing .t5.text {
color:#212121!important;
}
.pg-financing .t1 {
line-height:1.2em;
font-weight:700;
font-size:35px;
letter-spacing:-1px;
line-height:1.2em;
padding-top:20px!important;
margin-top:-20px!important;
}
.pg-financing .t1 h1,
.pg-financing .t5 h1,
.pg-financing .t1 .was-h1,
.pg-financing .t5 .was-h1 {
font-size:32px;
letter-spacing:-2px;
}
.pg-financing .t1 h2,
.pg-financing .t5 h2,
.pg-financing .t1 .was-h2,
.pg-financing .t5 .was-h2 {
font-weight:700;
font-size:18px;
color:#2d7f69!important;
line-height:1.8em;
}
.pg-financing .t2 h2,
.pg-financing .t2 .was-h2 {
font-weight:700;
font-size:20px;
color:#004a97!important;
line-height:1.2em;
}
.pg-financing .t2 {
padding-bottom:0px!important;
margin-top:-20px!important;
}
.pg-financing .ri1.row-in {
padding-top:0px!important;
padding-bottom:20px!important;
}
.pg-financing .col .ri1 {
padding-top:0px;
padding-bottom:20px;
}
.pg-financing .t3,
.pg-financing .t4 {
padding-bottom:10px!important;
}
.pg-financing .ri2.row-in {
padding-top:0px!important;
padding-right:0px!important;
padding-bottom:0px!important;
padding-left:0px!important;
}
.pg-financing .col .ri2 {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
.pg-financing .t4 h3 {
font-weight:300;
font-size:20px;
color:#024a97!important;
}
.pg-financing .b0 .et-icon,
.pg-financing .b2 .et-icon,
.pg-financing .b3 .et-icon {
color:#024a97;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-financing .ri3.row-in {
padding-top:40px!important;
padding-bottom:40px!important;
padding-left:80px!important;
}
.pg-financing .col .ri3 {
padding-top:40px;
padding-bottom:40px;
padding-left:80px;
}
.pg-financing .t5 {
line-height:1.2em;
text-transform:uppercase;
font-size:24px;
letter-spacing:-1px;
line-height:1.2em;
padding-top:20px!important;
padding-bottom:20px!important;
margin-top:-20px!important;
}
.pg-financing .sec .btn0 {
color:#ffffff!important;
border-width:5px!important;
border-color:#006be3;
border-radius:5px;
background-color:#006be3;
}
.pg-financing .btn0,
.pg-financing .btn0:after {
transition:all 300ms ease 0ms;
}
@media (max-width:980px) {
.pg-financing .sec .form--quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-financing .sec .form--quote.form-box.mod .btn:before {
display:none;
}
.pg-financing .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-financing .sec .btn0:after {
display:inline-block;
opacity:0;
}
.pg-financing .sec .btn0:hover:after {
opacity:1;
}
}
@media (min-width:768px) and (max-width:980px) {
.pg-financing .form--quote {
display:none!important;
}
}
@media (max-width:767px) {
.pg-financing .row>.col.k0,
.pg-financing .row>.col.k1 {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
.pg-financing .sec .form--quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-financing .sec .form--quote.form-box.mod .btn:before {
display:none;
}
.pg-financing .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-financing .form--quote {
display:none!important;
}
.pg-financing .ri0.row-in,
.pg-financing .ri1.row-in,
.pg-financing .col .ri0,
.pg-financing .col .ri1 {
padding-top:0px!important;
padding-right:0px!important;
padding-bottom:0px!important;
padding-left:0px!important;
}
.pg-financing .t1 h1,
.pg-financing .t5 h1,
.pg-financing .t1 .was-h1,
.pg-financing .t5 .was-h1 {
font-size:20px;
}
.pg-financing .t2 {
margin-top:-30px!important;
}
.pg-financing .t3 {
padding-bottom:30px!important;
}
.pg-financing .sec .btn0:after {
display:inline-block;
opacity:0;
}
.pg-financing .sec .btn0:hover:after {
opacity:1;
}
.pg-financing .ki0,
.pg-financing .ki1,
.pg-financing .ki2 {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
}
/* ---- pages/free-quote.css ---- */
/* /free-quote/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-free-quote .sec.s0 {
background-blend-mode:multiply;
background-image:url(/assets/img/door-and-window-company.jpg)!important;
}
.pg-free-quote .s0.sec {
padding-top:0px;
padding-bottom:0px;
background-color:rgba(0,0,0,0.58)!important;
}
.pg-free-quote .t0.text {
color:#ffffff!important;
}
.pg-free-quote .t0 h1,
.pg-free-quote .t0 .was-h1 {
font-weight:800;
font-size:58px;
color:#f47122!important;
}
.pg-free-quote .t0 {
background-color:rgba(12,12,12,0.72);
border-color:#e02b20;
padding-top:40px!important;
padding-right:40px!important;
padding-bottom:40px!important;
padding-left:40px!important;
}
.pg-free-quote .t1 {
background-color:rgba(0,74,151,0.9);
padding-top:30px!important;
padding-right:30px!important;
padding-left:30px!important;
margin-top:0px!important;
margin-bottom:0px!important;
}
.pg-free-quote .form--free-quote.form-box h1,
.pg-free-quote .form--free-quote.form-box h2.form-title,
.pg-free-quote .form--free-quote.form-box h3.form-title,
.pg-free-quote .form--free-quote.form-box h4.form-title,
.pg-free-quote .form--free-quote.form-box h5.form-title,
.pg-free-quote .form--free-quote.form-box h6.form-title,
.pg-free-quote .form--free-quote.form-box .was-h1,
.pg-free-quote .form--free-quote.form-box .was-h2.form-title {
font-weight:700;
letter-spacing:-2px;
text-align:center;
}
.pg-free-quote .form--free-quote.form-box {
background-color:rgba(0,74,151,0.9);
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
}
.pg-free-quote .form--free-quote.form-box .input,
.pg-free-quote .form--free-quote.form-box .input[type="checkbox"]+label i,
.pg-free-quote .form--free-quote.form-box .input[type="radio"]+label i {
border-radius:0px 0px 0px 0px;
overflow:hidden;
border-width:1px;
border-color:#d3d3d3;
}
.pg-free-quote .sec .form--free-quote.form-box.mod .btn {
color:#ffffff!important;
border-width:5px!important;
border-color:#f47122;
border-radius:5px;
font-weight:700!important;
background-color:#f47122!important;
}
.pg-free-quote .sec .form--free-quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-free-quote .sec .form--free-quote.form-box.mod .btn:after {
color:#ffffff;
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-free-quote .form--free-quote.form-box.form-box .form-actions .form-submit.btn {
margin-top:10px;
}
.pg-free-quote .t2 h6 {
color:#024a97!important;
}
.pg-free-quote .k0 {
padding-top:60px;
}
.pg-free-quote .k1 {
padding-left:60px;
}
.pg-free-quote .r0.row {
padding-left:40px!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:40px;
}
@media (min-width:981px) {
.pg-free-quote .s1 {
display:none!important;
}
}
@media (max-width:980px) {
.pg-free-quote .s0.sec {
padding-right:0px;
padding-left:0px;
}
.pg-free-quote .r0.row {
padding-right:40px!important;
padding-left:40px!important;
padding-right:40px!important;
padding-left:40px!important;
}
.pg-free-quote .t1 {
font-size:17px;
}
.pg-free-quote .sec .form--free-quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-free-quote .sec .form--free-quote.form-box.mod .btn:before {
display:none;
}
.pg-free-quote .sec .form--free-quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-free-quote .k0 {
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
}
.pg-free-quote .k1 {
padding-right:40px;
padding-left:40px;
}
}
@media (min-width:768px) and (max-width:980px) {
.pg-free-quote .t0,
.pg-free-quote .s1 {
display:none!important;
}
}
@media (max-width:767px) {
.pg-free-quote .r0.row {
padding-top:0px!important;
padding-right:0px!important;
padding-left:0px!important;
padding-top:0px!important;
padding-right:0px!important;
padding-left:0px!important;
}
.pg-free-quote .t0,
.pg-free-quote .s1 {
display:none!important;
}
.pg-free-quote .t1 {
line-height:1.2em;
}
.pg-free-quote .t1 h2,
.pg-free-quote .form--free-quote.form-box h1,
.pg-free-quote .form--free-quote.form-box h2.form-title,
.pg-free-quote .form--free-quote.form-box h3.form-title,
.pg-free-quote .form--free-quote.form-box h4.form-title,
.pg-free-quote .form--free-quote.form-box h5.form-title,
.pg-free-quote .form--free-quote.form-box h6.form-title,
.pg-free-quote .t1 .was-h2,
.pg-free-quote .form--free-quote.form-box .was-h1,
.pg-free-quote .form--free-quote.form-box .was-h2.form-title {
font-size:24px;
}
.pg-free-quote .sec .form--free-quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-free-quote .sec .form--free-quote.form-box.mod .btn:before {
display:none;
}
.pg-free-quote .sec .form--free-quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-free-quote .k0 {
padding-top:0px;
}
.pg-free-quote .k1 {
padding-right:10px;
padding-left:10px;
}
}
/* ---- pages/index.css ---- */
/* / -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-index .s0.sec {
padding-top:0px;
padding-bottom:0px;
}
.pg-index .r0 {
background-color:#1a2f5a;
}
.pg-index .r0.row {
padding-top:0px!important;
padding-bottom:0px!important;
padding-top:0px;
padding-bottom:0px;
}
.pg-index .r0,
.pg-index .r0.row {
width:100%;
max-width:2560px;
}
.pg-index .sd0,
.pg-index .sd1,
.pg-index .sd2 {
background-color:#024a97;
}
.pg-index .sl0.slider {
overflow-x:hidden;
overflow-y:hidden;
}
.pg-index .slider .sd0 {
background-image:url(/assets/img/nefinance.jpg);
background-color:#024a97;
}
.pg-index .slider .sd1 {
background-image:url(/assets/img/window-door-quote-cornwall.jpg);
background-color:#024a97;
}
.pg-index .slider .sd2 {
background-image:url(/assets/img/window-door-company-cornwall-brochure.jpg);
background-color:#024a97;
}
.pg-index .s4.sec {
padding-bottom:0px;
background-color:#eeeeee!important;
}
.pg-index .s4.has-divider.has-top-divider .divider.divider--top {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDUxLjc2YzM2LjIxLTIuMjUgNzcuNTctMy41OCAxMjYuNDItMy41OCAzMjAgMCAzMjAgNTcgNjQwIDU3IDI3MS4xNSAwIDMxMi41OC00MC45MSA1MTMuNTgtNTMuNFYwSDB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYwSDB6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTAgMHYzLjRDMjguMiAxLjYgNTkuNC41OSA5NC40Mi41OWMzMjAgMCAzMjAgODQuMyA2NDAgODQuMyAyODUgMCAzMTYuMTctNjYuODUgNTQ1LjU4LTgxLjQ5VjB6Ii8+PC9nPjwvc3ZnPg==);
background-size:100% 40px;
top:0;
height:40px;
z-index:1;
transform:scale(1,1);
}
.pg-index .r3.row {
padding-right:100px!important;
padding-left:100px!important;
padding-right:100px;
padding-left:100px;
}
.pg-index .t1 {
font-size:22px;
padding-top:60px!important;
padding-bottom:60px!important;
}
.pg-index .t1 h1,
.pg-index .t1 .was-h1 {
font-weight:700;
color:#004a97!important;
}
.pg-index .t1 h2,
.pg-index .t1 .was-h2 {
font-size:40px;
color:#004a97!important;
}
.pg-index .r4.row {
padding-bottom:80px!important;
padding-bottom:80px;
}
.pg-index .i0,
.pg-index .i1,
.pg-index .i2 {
text-align:left;
margin-left:0;
}
.pg-index .i0 .overlay,
.pg-index .i1 .overlay,
.pg-index .i2 .overlay,
.pg-index .i3 .overlay {
background-color:rgba(255,255,255,0.8);
}
.pg-index .a0.cta h2,
.pg-index .a0.cta h1.mod-title,
.pg-index .a0.cta h3.mod-title,
.pg-index .a0.cta h4.mod-title,
.pg-index .a0.cta h5.mod-title,
.pg-index .a0.cta h6.mod-title,
.pg-index .a1.cta h2,
.pg-index .a1.cta h1.mod-title,
.pg-index .a1.cta h3.mod-title,
.pg-index .a1.cta h4.mod-title,
.pg-index .a1.cta h5.mod-title,
.pg-index .a1.cta h6.mod-title,
.pg-index .a2.cta h2,
.pg-index .a2.cta h1.mod-title,
.pg-index .a2.cta h3.mod-title,
.pg-index .a2.cta h4.mod-title,
.pg-index .a2.cta h5.mod-title,
.pg-index .a2.cta h6.mod-title,
.pg-index .a3.cta h2,
.pg-index .a3.cta h1.mod-title,
.pg-index .a3.cta h3.mod-title,
.pg-index .a3.cta h4.mod-title,
.pg-index .a3.cta h5.mod-title,
.pg-index .a3.cta h6.mod-title,
.pg-index .a0.cta .was-h2,
.pg-index .a0.cta .was-h1.mod-title,
.pg-index .a1.cta .was-h2,
.pg-index .a1.cta .was-h1.mod-title,
.pg-index .a2.cta .was-h2,
.pg-index .a2.cta .was-h1.mod-title,
.pg-index .a3.cta .was-h2,
.pg-index .a3.cta .was-h1.mod-title {
font-weight:800!important;
font-size:20px!important;
letter-spacing:-1px!important;
line-height:1.2em!important;
text-align:center!important;
}
.pg-index .a0.cta .cta__text div,
.pg-index .a1.cta .cta__text div,
.pg-index .a2.cta .cta__text div,
.pg-index .a3.cta .cta__text div,
.pg-index .a0.cta .btn-wrap,
.pg-index .a1.cta .btn-wrap,
.pg-index .a2.cta .btn-wrap,
.pg-index .i3,
.pg-index .a3.cta .btn-wrap {
text-align:center;
}
.pg-index .a0.cta,
.pg-index .a1.cta,
.pg-index .a2.cta,
.pg-index .a3.cta {
padding-right:20px!important;
padding-bottom:20px!important;
padding-left:20px!important;
}
.pg-index .sec .a0.cta .cta__btn.btn,
.pg-index .sec .a1.cta .cta__btn.btn,
.pg-index .sec .a2.cta .cta__btn.btn,
.pg-index .sec .a3.cta .cta__btn.btn {
color:#ffffff!important;
border-width:5px!important;
border-color:#f47122;
border-radius:5px;
font-size:16px;
background-color:#f47122;
}
.pg-index .sec .a0.cta .cta__btn.btn:hover,
.pg-index .sec .a1.cta .cta__btn.btn:hover,
.pg-index .sec .a2.cta .cta__btn.btn:hover,
.pg-index .sec .a3.cta .cta__btn.btn:hover {
color:#ffffff!important;
border-color:#f47122!important;
border-radius:5px!important;
background-image:initial;
background-color:#f47122;
}
.pg-index .sec .a0.cta .cta__btn.btn:after,
.pg-index .sec .a1.cta .cta__btn.btn:after,
.pg-index .sec .a2.cta .cta__btn.btn:after,
.pg-index .sec .a3.cta .cta__btn.btn:after {
font-size:1.6em;
color:#ffffff;
}
.pg-index .btn--icon .a0.cta .cta__btn.btn:after,
.pg-index .btn--icon .a1.cta .cta__btn.btn:after,
.pg-index .btn--icon .a2.cta .cta__btn.btn:after,
.pg-index .btn--icon .a3.cta .cta__btn.btn:after {
font-size:16px;
}
.pg-index .a0.cta .cta__btn.btn,
.pg-index .a1.cta .cta__btn.btn,
.pg-index .a2.cta .cta__btn.btn,
.pg-index .a3.cta .cta__btn.btn {
transition:color 300ms ease 0ms,background-color 300ms ease 0ms,border 300ms ease 0ms,border-radius 300ms ease 0ms;
}
.pg-index .r5 {
background-repeat:repeat;
background-image:url(/assets/img/traeger-wood-pellet-grills-bbqs.jpg);
}
.pg-index .a4.cta {
background-color:#f47122;
padding-top:80px!important;
padding-right:100px!important;
padding-bottom:80px!important;
padding-left:100px!important;
}
.pg-index .r6 {
background-image:url(/assets/img/header-home.jpg);
}
.pg-index .a5.cta {
background-color:#024a97;
padding-top:80px!important;
padding-right:100px!important;
padding-bottom:80px!important;
padding-left:100px!important;
}
.pg-index .sec.s13 {
background-blend-mode:hue;
background-image:url(/assets/img/door-and-window-company.jpg)!important;
}
.pg-index .s13.sec {
padding-top:40px;
padding-bottom:40px;
background-color:rgba(22,22,22,0.72)!important;
}
.pg-index .a8.cta h2,
.pg-index .a8.cta h1.mod-title,
.pg-index .a8.cta h3.mod-title,
.pg-index .a8.cta h4.mod-title,
.pg-index .a8.cta h5.mod-title,
.pg-index .a8.cta h6.mod-title,
.pg-index .a8.cta .was-h2,
.pg-index .a8.cta .was-h1.mod-title {
font-weight:700!important;
font-size:51px!important;
line-height:1.2em!important;
}
.pg-index .a8.cta .cta__text div {
font-weight:300;
font-size:32px;
line-height:1.2em;
}
.pg-index .a8.cta,
.pg-index .a9.cta {
padding-top:8%!important;
}
.pg-index .sec .a8.cta .cta__btn.btn,
.pg-index .sec .a9.cta .cta__btn.btn {
color:#303030!important;
border-width:5px!important;
border-color:#ffffff;
border-radius:5px;
font-size:24px;
font-weight:700!important;
background-color:#ffffff;
}
.pg-index .sec .a8.cta .cta__btn.btn:after,
.pg-index .sec .a9.cta .cta__btn.btn:after {
font-size:1.6em;
}
.pg-index .btn--icon .a8.cta .cta__btn.btn:after,
.pg-index .btn--icon .a9.cta .cta__btn.btn:after {
font-size:24px;
}
.pg-index .a8.cta.cta .btn.cta__btn,
.pg-index .a9.cta.cta .btn.cta__btn {
margin-top:15px;
}
.pg-index .a8.cta .cta__text h2,
.pg-index .a9.cta .cta__text h2,
.pg-index .form--email.form-box .form-title,
.pg-index .a8.cta .cta__text .was-h2,
.pg-index .a9.cta .cta__text .was-h2 {
margin-bottom:15px;
}
.pg-index .a9.cta h2,
.pg-index .a9.cta h1.mod-title,
.pg-index .a9.cta h3.mod-title,
.pg-index .a9.cta h4.mod-title,
.pg-index .a9.cta h5.mod-title,
.pg-index .a9.cta h6.mod-title,
.pg-index .a9.cta .was-h2,
.pg-index .a9.cta .was-h1.mod-title {
font-weight:700!important;
font-size:51px!important;
line-height:1.2em!important;
text-align:center!important;
}
.pg-index .a9.cta .cta__text div {
font-weight:300;
font-size:32px;
line-height:1.2em;
text-align:center;
}
.pg-index .form--email.form-box h1,
.pg-index .form--email.form-box h2.form-title,
.pg-index .form--email.form-box h3.form-title,
.pg-index .form--email.form-box h4.form-title,
.pg-index .form--email.form-box h5.form-title,
.pg-index .form--email.form-box h6.form-title,
.pg-index .form--email.form-box .was-h1,
.pg-index .form--email.form-box .was-h2.form-title {
font-weight:700;
letter-spacing:-2px;
text-align:center;
}
.pg-index .form--email.form-box {
background-color:#ffffff;
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
border-radius:5px;
-webkit-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
-moz-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
}
.pg-index .form--email.form-box .input,
.pg-index .form--email.form-box .input[type="checkbox"]+label i,
.pg-index .form--email.form-box .input[type="radio"]+label i {
border-radius:0px 0px 0px 0px;
overflow:hidden;
border-width:1px;
border-color:#d3d3d3;
}
.pg-index .sec .form--email.form-box.mod .btn {
color:#ffffff!important;
border-width:5px!important;
border-color:#f47122;
border-radius:5px;
background-color:#f47122!important;
}
.pg-index .sec .form--email.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-index .sec .form--email.form-box.mod .btn:after {
color:#ffffff;
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-index .k6,
.pg-index .k7,
.pg-index .k8,
.pg-index .k9 {
background-color:#ffffff;
border:1px solid #ccc;
}
.pg-index .k22 {
padding-top:20px;
padding-right:60px;
padding-bottom:20px;
padding-left:20px;
}
.pg-index .r12.row {
margin-left:auto!important;
margin-right:auto!important;
}
@media (min-width:981px) {
.pg-index .r3,
.pg-index .r3.row,
.pg-index .r4,
.pg-index .r4.row {
width:94%;
max-width:94%;
}
.pg-index .r5,
.pg-index .r5.row,
.pg-index .r6,
.pg-index .r6.row {
width:100%;
max-width:100%;
}
.pg-index .a9 {
display:none!important;
}
}
@media (max-width:980px) {
.pg-index .r3.row {
padding-bottom:0px!important;
padding-bottom:0px!important;
}
.pg-index .r3,
.pg-index .r3.row,
.pg-index .r4,
.pg-index .r4.row {
width:80%;
max-width:80%;
}
.pg-index .i0,
.pg-index .i1,
.pg-index .i2 {
text-align:center;
margin-left:auto;
margin-right:auto;
}
.pg-index .i0 .img-wrap img,
.pg-index .i1 .img-wrap img,
.pg-index .i2 .img-wrap img,
.pg-index .i3 .img-wrap img {
width:auto;
}
.pg-index .sec .a0.cta .cta__btn.btn:after,
.pg-index .sec .a1.cta .cta__btn.btn:after,
.pg-index .sec .a2.cta .cta__btn.btn:after,
.pg-index .sec .a3.cta .cta__btn.btn:after,
.pg-index .sec .a8.cta .cta__btn.btn:after,
.pg-index .sec .a9.cta .cta__btn.btn:after {
display:inline-block;
opacity:0;
}
.pg-index .sec .a0.cta .cta__btn.btn:hover:after,
.pg-index .sec .a1.cta .cta__btn.btn:hover:after,
.pg-index .sec .a2.cta .cta__btn.btn:hover:after,
.pg-index .sec .a3.cta .cta__btn.btn:hover:after,
.pg-index .sec .a8.cta .cta__btn.btn:hover:after,
.pg-index .sec .a9.cta .cta__btn.btn:hover:after {
opacity:1;
}
.pg-index .r5.row {
padding-top:0px!important;
padding-bottom:0px!important;
padding-top:0px!important;
padding-bottom:0px!important;
}
.pg-index .r5,
.pg-index .r5.row,
.pg-index .r6,
.pg-index .r6.row {
width:100%;
max-width:100%;
}
.pg-index .r12.row {
padding-top:0px!important;
padding-top:0px!important;
}
.pg-index .a8.cta,
.pg-index .a9.cta {
padding-top:8%!important;
padding-bottom:40px!important;
}
.pg-index .a9.cta h2,
.pg-index .a9.cta h1.mod-title,
.pg-index .a9.cta h3.mod-title,
.pg-index .a9.cta h4.mod-title,
.pg-index .a9.cta h5.mod-title,
.pg-index .a9.cta h6.mod-title,
.pg-index .a9.cta .was-h2,
.pg-index .a9.cta .was-h1.mod-title {
font-size:46px!important;
}
.pg-index .a9.cta .cta__text div {
font-size:22px;
}
.pg-index .sec .form--email.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-index .sec .form--email.form-box.mod .btn:before {
display:none;
}
.pg-index .sec .form--email.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-index .k22 {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
}
@media (min-width:768px) and (max-width:980px) {
.pg-index .a8 {
display:none!important;
}
}
@media (max-width:767px) {
.pg-index .r3.row,
.pg-index .r5.row {
padding-top:0px!important;
padding-right:0px!important;
padding-bottom:0px!important;
padding-left:0px!important;
padding-top:0px!important;
padding-right:0px!important;
padding-bottom:0px!important;
padding-left:0px!important;
}
.pg-index .t1 {
font-size:17px;
line-height:1.2em;
padding-bottom:0px!important;
}
.pg-index .t1 h2,
.pg-index .t1 .was-h2 {
font-size:24px;
}
.pg-index .i0 .img-wrap img,
.pg-index .i1 .img-wrap img,
.pg-index .i2 .img-wrap img,
.pg-index .i3 .img-wrap img {
width:auto;
}
.pg-index .sec .a0.cta .cta__btn.btn:after,
.pg-index .sec .a1.cta .cta__btn.btn:after,
.pg-index .sec .a2.cta .cta__btn.btn:after,
.pg-index .sec .a3.cta .cta__btn.btn:after,
.pg-index .sec .a8.cta .cta__btn.btn:after {
display:inline-block;
opacity:0;
}
.pg-index .sec .a0.cta .cta__btn.btn:hover:after,
.pg-index .sec .a1.cta .cta__btn.btn:hover:after,
.pg-index .sec .a2.cta .cta__btn.btn:hover:after,
.pg-index .sec .a3.cta .cta__btn.btn:hover:after,
.pg-index .sec .a8.cta .cta__btn.btn:hover:after,
.pg-index .sec .a9.cta .cta__btn.btn:hover:after {
opacity:1;
}
.pg-index .a4.cta h2,
.pg-index .a4.cta h1.mod-title,
.pg-index .a4.cta h3.mod-title,
.pg-index .a4.cta h4.mod-title,
.pg-index .a4.cta h5.mod-title,
.pg-index .a4.cta h6.mod-title,
.pg-index .a5.cta h2,
.pg-index .a5.cta h1.mod-title,
.pg-index .a5.cta h3.mod-title,
.pg-index .a5.cta h4.mod-title,
.pg-index .a5.cta h5.mod-title,
.pg-index .a5.cta h6.mod-title,
.pg-index .a4.cta .was-h2,
.pg-index .a4.cta .was-h1.mod-title,
.pg-index .a5.cta .was-h2,
.pg-index .a5.cta .was-h1.mod-title {
font-size:28px!important;
}
.pg-index .a4.cta,
.pg-index .a5.cta {
padding-top:60px!important;
padding-right:40px!important;
padding-bottom:60px!important;
padding-left:40px!important;
}
.pg-index .r6.row {
padding-top:0px!important;
padding-bottom:0px!important;
padding-top:0px!important;
padding-bottom:0px!important;
}
.pg-index .a8 {
display:none!important;
}
.pg-index .a9.cta h2,
.pg-index .a9.cta h1.mod-title,
.pg-index .a9.cta h3.mod-title,
.pg-index .a9.cta h4.mod-title,
.pg-index .a9.cta h5.mod-title,
.pg-index .a9.cta h6.mod-title,
.pg-index .a9.cta .was-h2,
.pg-index .a9.cta .was-h1.mod-title {
font-size:44px!important;
}
.pg-index .a9.cta .cta__text div {
font-size:16px;
}
.pg-index .sec .a9.cta .cta__btn.btn {
font-size:18px!important;
}
.pg-index .sec .a9.cta .cta__btn.btn:after {
display:inline-block;
opacity:0;
font-size:1.6em;
}
.pg-index .btn--icon .a9.cta .cta__btn.btn:after {
font-size:18px;
}
.pg-index .sec .form--email.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-index .sec .form--email.form-box.mod .btn:before {
display:none;
}
.pg-index .sec .form--email.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-index .k5 {
padding-bottom:0px;
}
.pg-index .k10,
.pg-index .k11 {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
.pg-index .k12,
.pg-index .k13 {
padding-top:0px;
padding-bottom:0px;
}
}
/* ---- pages/online-financing-application-form.css ---- */
/* /online-financing-application-form/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-online-financing-application-form .s0.sec,
.pg-online-financing-application-form .s1.sec,
.pg-online-financing-application-form .k1 {
padding-top:0px;
padding-bottom:0px;
}
.pg-online-financing-application-form .r0 {
background-color:#eeeeee;
}
.pg-online-financing-application-form .r0.row,
.pg-online-financing-application-form .r1.row {
padding-top:0px!important;
padding-bottom:0px!important;
padding-top:0px;
padding-bottom:0px;
}
.pg-online-financing-application-form .r0,
.pg-online-financing-application-form .r0.row,
.pg-online-financing-application-form .r1,
.pg-online-financing-application-form .r1.row {
width:100%;
max-width:2560px;
}
.pg-online-financing-application-form .t0 h1,
.pg-online-financing-application-form .t0 .was-h1 {
font-size:36px;
color:#00234f!important;
}
.pg-online-financing-application-form .t0 {
padding-top:30px!important;
padding-right:20px!important;
padding-bottom:0px!important;
padding-left:20px!important;
margin-bottom:20px!important;
}
.pg-online-financing-application-form .t1 {
padding-top:0px!important;
padding-bottom:0px!important;
}
.pg-online-financing-application-form .t2 {
padding-top:0px!important;
}
.pg-online-financing-application-form .k0 {
border-bottom-color:#024a97;
}
@media (min-width:981px) {
.pg-online-financing-application-form .t2 {
display:none!important;
}
}
@media (max-width:980px) {
.pg-online-financing-application-form .t0 h1,
.pg-online-financing-application-form .t0 .was-h1 {
font-size:30px;
}
.pg-online-financing-application-form .k0 {
border-bottom-color:#024a97;
}
}
@media (min-width:768px) and (max-width:980px) {
.pg-online-financing-application-form .t1 {
display:none!important;
}
}
@media (max-width:767px) {
.pg-online-financing-application-form .t0 h1,
.pg-online-financing-application-form .t0 .was-h1 {
font-size:24px;
}
.pg-online-financing-application-form .t1 {
display:none!important;
}
.pg-online-financing-application-form .t2 {
padding-top:0px!important;
padding-right:20px!important;
padding-left:20px!important;
}
.pg-online-financing-application-form .k0 {
border-bottom-color:#024a97;
}
}
/* ---- pages/photos.css ---- */
/* /photos/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-photos .sec.s2 {
background-image:url(/assets/img/solariums-cornwall-solarium-gazebos-sun-rooms.jpg)!important;
}
.pg-photos .s2.has-divider.has-bottom-divider .divider.divider--bottom {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
background-size:100% 80px;
bottom:0;
height:80px;
z-index:10;
transform:scale(1,1);
}
.pg-photos .sd0,
.pg-photos .slider .sd0 {
background-color:rgba(2,74,151,0.9);
}
.pg-photos .fsl0 .slide__desc,
.pg-photos .slider--boxed.fsl0 .slide__desc {
padding-top:60px;
padding-bottom:120px;
}
.pg-photos .g0.gallery .gallery__item {
margin:0!important;
clear:none!important;
width:33.33%!important;
padding:10px;
}
.pg-photos .g0 .overlay:before {
color:rgba(255,255,255,0)!important;
}
.pg-photos .g0 .overlay {
background-color:rgba(255,255,255,0.56);
border-color:rgba(255,255,255,0.56);
}
.pg-photos .slider .sd0.slide .slide__desc .slide__title {
font-weight:700!important;
font-size:36px!important;
text-shadow:0em 0em 0.3em rgba(0,0,0,0.4)!important;
}
.pg-photos .slider.mod .sd0.slide .slide__desc .slide__content {
font-size:20px!important;
}
.pg-photos .r0.row {
margin-left:auto!important;
margin-right:auto!important;
}
.pg-photos .x-brochure-band-2.brochure-band-2_s15.has-divider.has-top-divider .divider.divider--top {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik02NDAgMTQwTDEyODAgMEgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik02NDAgOThsNjQwLTk4SDB6Ii8+PC9nPjwvc3ZnPg==);
background-size:100% 30px;
top:0;
height:30px;
z-index:1;
transform:scale(1,1);
}
@media (max-width:980px) {
.pg-photos .slider .sd0.slide .slide__desc .slide__title {
font-size:32px!important;
}
.pg-photos .slider.mod .sd0.slide .slide__desc .slide__content {
font-size:22px!important;
}
}
@media (max-width:767px) {
.pg-photos .s2.sec {
padding-right:0px;
padding-left:0px;
}
.pg-photos .fsl0 .slide__desc,
.pg-photos .slider--boxed.fsl0 .slide__desc {
padding-top:40px;
padding-bottom:100px;
}
.pg-photos .s3.sec {
padding-top:0px;
padding-bottom:20px;
}
.pg-photos .slider .sd0.slide .slide__desc .slide__title {
font-size:18px!important;
}
.pg-photos .slider.mod .sd0.slide .slide__desc .slide__content {
font-size:17px!important;
letter-spacing:-1px!important;
}
.pg-photos .sd0 p {
line-height:1.2em!important;
}
.pg-photos .slider .sd0 .slide__desc,
.pg-photos .slider--boxed .sd0 .slide__desc {
padding-right:0px!important;
padding-left:0px!important;
}
}
/* ---- pages/products-accessories.css ---- */
/* /products/accessories/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-products-accessories .s2.sec {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
background-color:#eeeeee!important;
}
.pg-products-accessories .form--quote.form-box h1,
.pg-products-accessories .form--quote.form-box h2.form-title,
.pg-products-accessories .form--quote.form-box h3.form-title,
.pg-products-accessories .form--quote.form-box h4.form-title,
.pg-products-accessories .form--quote.form-box h5.form-title,
.pg-products-accessories .form--quote.form-box h6.form-title,
.pg-products-accessories .form--quote.form-box .was-h1,
.pg-products-accessories .form--quote.form-box .was-h2.form-title {
font-weight:700;
font-size:31px;
color:#ffffff!important;
letter-spacing:-2px;
text-align:center;
}
.pg-products-accessories .form--quote.form-box {
background-color:#024a97;
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
border-radius:5px;
-webkit-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
-moz-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
}
.pg-products-accessories .form--quote.form-box .input,
.pg-products-accessories .form--quote.form-box .input[type="checkbox"]+label i,
.pg-products-accessories .form--quote.form-box .input[type="radio"]+label i {
border-radius:0px 0px 0px 0px;
overflow:hidden;
border-width:1px;
border-color:#d3d3d3;
}
.pg-products-accessories .form--quote,
.pg-products-accessories .quote-f0,
.pg-products-accessories .quote-f1,
.pg-products-accessories .quote-f2,
.pg-products-accessories .quote-f3 {
max-width:100%;
z-index:0;
position:relative;
}
.pg-products-accessories .sec .form--quote.form-box.mod .btn {
color:#ffffff!important;
border-width:5px!important;
border-color:#f47122;
border-radius:5px;
background-color:#f47122!important;
}
.pg-products-accessories .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-products-accessories .sec .form--quote.form-box.mod .btn:after {
color:#ffffff;
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-accessories .form--quote.form-box .form-title {
margin-bottom:15px;
}
.pg-products-accessories .t1.text {
color:#212121!important;
}
.pg-products-accessories .t1 {
line-height:1.2em;
font-weight:700;
font-size:35px;
letter-spacing:-1px;
line-height:1.2em;
padding-top:20px!important;
margin-top:-20px!important;
}
.pg-products-accessories .t1 h1,
.pg-products-accessories .t1 .was-h1 {
font-size:32px;
letter-spacing:-2px;
}
.pg-products-accessories .t1 h2,
.pg-products-accessories .t1 .was-h2 {
font-weight:700;
font-size:18px;
color:#2d7f69!important;
line-height:1.8em;
}
.pg-products-accessories .t2 h2,
.pg-products-accessories .t2 .was-h2 {
font-weight:700;
font-size:20px;
color:#004a97!important;
line-height:1.2em;
}
.pg-products-accessories .t2 {
padding-bottom:0px!important;
margin-top:-20px!important;
}
.pg-products-accessories .t3 {
padding-bottom:10px!important;
}
.pg-products-accessories .ri1.row-in {
padding-top:0px!important;
padding-right:0px!important;
padding-bottom:0px!important;
padding-left:0px!important;
}
.pg-products-accessories .col .ri1 {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
.pg-products-accessories .b0 .et-icon,
.pg-products-accessories .b1 .et-icon,
.pg-products-accessories .b2 .et-icon {
color:#024a97;
font-family:ETmodules!important;
font-weight:400!important;
}
@media (max-width:980px) {
.pg-products-accessories .sec .form--quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-accessories .sec .form--quote.form-box.mod .btn:before {
display:none;
}
.pg-products-accessories .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
}
@media (min-width:768px) and (max-width:980px) {
.pg-products-accessories .form--quote {
display:none!important;
}
}
@media (max-width:767px) {
.pg-products-accessories .form--quote {
display:none!important;
}
.pg-products-accessories .sec .form--quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-accessories .sec .form--quote.form-box.mod .btn:before {
display:none;
}
.pg-products-accessories .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-products-accessories .t1 h1,
.pg-products-accessories .t1 .was-h1 {
font-size:22px;
}
}
/* ---- pages/products-all-weather-enclosures.css ---- */
/* /products/all-weather-enclosures/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-products-all-weather-enclosures .s0.sec {
padding-top:10px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
background-color:#024a97!important;
}
.pg-products-all-weather-enclosures .r0.row {
padding-top:1px!important;
padding-right:0px!important;
padding-bottom:0px!important;
padding-left:0px!important;
padding-top:1px;
padding-right:0px;
padding-bottom:0;
padding-left:0px;
}
.pg-products-all-weather-enclosures .t0 h1,
.pg-products-all-weather-enclosures .t0 .was-h1 {
color:#ffffff!important;
}
.pg-products-all-weather-enclosures .s1.sec {
padding-top:0px;
padding-right:0px;
padding-bottom:40px;
padding-left:0px;
}
@media (max-width:980px) {
.pg-products-all-weather-enclosures .s0.sec {
padding-top:0px;
}
.pg-products-all-weather-enclosures .t0 h1,
.pg-products-all-weather-enclosures .t0 .was-h1 {
font-size:32px;
}
}
@media (max-width:767px) {
.pg-products-all-weather-enclosures .t0 h1,
.pg-products-all-weather-enclosures .t0 .was-h1 {
font-size:28px;
}
}
/* ---- pages/products-doors.css ---- */
/* /products/doors/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-products-doors .s2.sec {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
background-color:#eeeeee!important;
}
.pg-products-doors .form--quote.form-box h1,
.pg-products-doors .form--quote.form-box h2.form-title,
.pg-products-doors .form--quote.form-box h3.form-title,
.pg-products-doors .form--quote.form-box h4.form-title,
.pg-products-doors .form--quote.form-box h5.form-title,
.pg-products-doors .form--quote.form-box h6.form-title,
.pg-products-doors .form--quote.form-box .was-h1,
.pg-products-doors .form--quote.form-box .was-h2.form-title {
font-weight:700;
font-size:31px;
color:#ffffff!important;
letter-spacing:-2px;
text-align:center;
}
.pg-products-doors .form--quote.form-box {
background-color:#024a97;
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
border-radius:5px;
-webkit-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
-moz-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
}
.pg-products-doors .form--quote.form-box .input,
.pg-products-doors .form--quote.form-box .input[type="checkbox"]+label i,
.pg-products-doors .form--quote.form-box .input[type="radio"]+label i {
border-radius:0px 0px 0px 0px;
overflow:hidden;
border-width:1px;
border-color:#d3d3d3;
}
.pg-products-doors .form--quote,
.pg-products-doors .quote-f0,
.pg-products-doors .quote-f1,
.pg-products-doors .quote-f2,
.pg-products-doors .quote-f3 {
max-width:100%;
z-index:0;
position:relative;
}
.pg-products-doors .sec .form--quote.form-box.mod .btn {
color:#ffffff!important;
border-width:5px!important;
border-color:#f47122;
border-radius:5px;
background-color:#f47122!important;
}
.pg-products-doors .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-products-doors .sec .form--quote.form-box.mod .btn:after {
color:#ffffff;
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-doors .form--quote.form-box .form-title {
margin-bottom:15px;
}
.pg-products-doors .t1.text {
color:#212121!important;
}
.pg-products-doors .t1 {
line-height:1.2em;
font-weight:700;
font-size:35px;
letter-spacing:-1px;
line-height:1.2em;
padding-top:20px!important;
margin-top:-20px!important;
}
.pg-products-doors .t1 h1,
.pg-products-doors .t1 .was-h1 {
font-size:32px;
letter-spacing:-2px;
}
.pg-products-doors .t1 h2,
.pg-products-doors .t1 .was-h2 {
font-weight:700;
font-size:18px;
color:#2d7f69!important;
line-height:1.8em;
}
.pg-products-doors .t2 h2,
.pg-products-doors .t2 .was-h2 {
font-weight:700;
font-size:20px;
color:#004a97!important;
line-height:1.2em;
}
.pg-products-doors .t2 {
padding-bottom:0px!important;
margin-top:-20px!important;
}
.pg-products-doors .t3 {
padding-bottom:10px!important;
}
.pg-products-doors .ri1.row-in {
padding-top:0px!important;
padding-right:0px!important;
padding-bottom:0px!important;
padding-left:0px!important;
}
.pg-products-doors .col .ri1 {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
.pg-products-doors .b0 .et-icon,
.pg-products-doors .b1 .et-icon,
.pg-products-doors .b2 .et-icon,
.pg-products-doors .b3 .et-icon,
.pg-products-doors .b4 .et-icon {
color:#024a97;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-doors .s4.sec {
background-color:#eeeeee!important;
}
.pg-products-doors .r1.row {
padding-bottom:20px!important;
padding-bottom:20px;
}
.pg-products-doors .g0 .overlay:before {
color:#024a97!important;
}
.pg-products-doors .btn0,
.pg-products-doors .btn0:after {
transition:all 300ms ease 0ms;
}
@media (max-width:980px) {
.pg-products-doors .sec .form--quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-doors .sec .form--quote.form-box.mod .btn:before {
display:none;
}
.pg-products-doors .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
}
@media (min-width:768px) and (max-width:980px) {
.pg-products-doors .form--quote {
display:none!important;
}
}
@media (max-width:767px) {
.pg-products-doors .form--quote {
display:none!important;
}
.pg-products-doors .sec .form--quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-doors .sec .form--quote.form-box.mod .btn:before {
display:none;
}
.pg-products-doors .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-products-doors .t1 h1,
.pg-products-doors .t1 .was-h1 {
font-size:22px;
}
}
/* ---- pages/products-garage-doors.css ---- */
/* /products/garage-doors/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-products-garage-doors .s0.sec {
padding-top:10px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
background-color:#024a97!important;
}
.pg-products-garage-doors .r0.row {
padding-top:1px!important;
padding-right:0px!important;
padding-bottom:0px!important;
padding-left:0px!important;
padding-top:1px;
padding-right:0px;
padding-bottom:0;
padding-left:0px;
}
.pg-products-garage-doors .t0 h1,
.pg-products-garage-doors .t0 .was-h1 {
color:#ffffff!important;
}
.pg-products-garage-doors .s1.sec {
padding-top:0px;
padding-right:0px;
padding-bottom:40px;
padding-left:0px;
}
.pg-products-garage-doors .i0 {
text-align:left;
margin-left:0;
}
@media (max-width:980px) {
.pg-products-garage-doors .s0.sec {
padding-top:0px;
}
.pg-products-garage-doors .t0 h1,
.pg-products-garage-doors .t0 .was-h1 {
font-size:32px;
}
.pg-products-garage-doors .i0 {
text-align:center;
margin-left:auto;
margin-right:auto;
}
.pg-products-garage-doors .i0 .img-wrap img {
width:auto;
}
}
@media (max-width:767px) {
.pg-products-garage-doors .t0 h1,
.pg-products-garage-doors .t0 .was-h1 {
font-size:28px;
}
.pg-products-garage-doors .i0 .img-wrap img {
width:auto;
}
}
/* ---- pages/products-solariums.css ---- */
/* /products/solariums/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-products-solariums .s2.sec {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
background-color:#eeeeee!important;
}
.pg-products-solariums .form--quote.form-box h1,
.pg-products-solariums .form--quote.form-box h2.form-title,
.pg-products-solariums .form--quote.form-box h3.form-title,
.pg-products-solariums .form--quote.form-box h4.form-title,
.pg-products-solariums .form--quote.form-box h5.form-title,
.pg-products-solariums .form--quote.form-box h6.form-title,
.pg-products-solariums .form--quote.form-box .was-h1,
.pg-products-solariums .form--quote.form-box .was-h2.form-title {
font-weight:700;
font-size:31px;
color:#ffffff!important;
letter-spacing:-2px;
text-align:center;
}
.pg-products-solariums .form--quote.form-box {
background-color:#024a97;
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
border-radius:5px;
-webkit-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
-moz-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
}
.pg-products-solariums .form--quote.form-box .input,
.pg-products-solariums .form--quote.form-box .input[type="checkbox"]+label i,
.pg-products-solariums .form--quote.form-box .input[type="radio"]+label i {
border-radius:0px 0px 0px 0px;
overflow:hidden;
border-width:1px;
border-color:#d3d3d3;
}
.pg-products-solariums .form--quote,
.pg-products-solariums .quote-f0,
.pg-products-solariums .quote-f1,
.pg-products-solariums .quote-f2,
.pg-products-solariums .quote-f3 {
max-width:100%;
z-index:0;
position:relative;
}
.pg-products-solariums .sec .form--quote.form-box.mod .btn {
color:#ffffff!important;
border-width:5px!important;
border-color:#f47122;
border-radius:5px;
background-color:#f47122!important;
}
.pg-products-solariums .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-products-solariums .sec .form--quote.form-box.mod .btn:after {
color:#ffffff;
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-solariums .form--quote.form-box .form-title {
margin-bottom:15px;
}
.pg-products-solariums .t1.text {
color:#212121!important;
}
.pg-products-solariums .t1 {
line-height:1.2em;
font-weight:700;
font-size:35px;
letter-spacing:-1px;
line-height:1.2em;
padding-top:20px!important;
margin-top:-20px!important;
}
.pg-products-solariums .t1 h1,
.pg-products-solariums .t1 .was-h1 {
font-size:32px;
letter-spacing:-2px;
}
.pg-products-solariums .t1 h2,
.pg-products-solariums .t1 .was-h2 {
font-weight:700;
font-size:18px;
color:#2d7f69!important;
line-height:1.8em;
}
.pg-products-solariums .t2 h2,
.pg-products-solariums .t2 .was-h2 {
font-weight:700;
font-size:20px;
color:#004a97!important;
line-height:1.2em;
}
.pg-products-solariums .t2 {
padding-bottom:0px!important;
margin-top:-20px!important;
}
.pg-products-solariums .t3 {
padding-bottom:10px!important;
}
.pg-products-solariums .ri1.row-in {
padding-top:0px!important;
padding-right:0px!important;
padding-bottom:0px!important;
padding-left:0px!important;
}
.pg-products-solariums .col .ri1 {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
.pg-products-solariums .b0 .et-icon,
.pg-products-solariums .b1 .et-icon,
.pg-products-solariums .b2 .et-icon,
.pg-products-solariums .b3 .et-icon {
color:#024a97;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-solariums .s4.sec {
background-color:#eeeeee!important;
}
.pg-products-solariums .r1.row {
padding-bottom:20px!important;
padding-bottom:20px;
}
.pg-products-solariums .g0 .overlay:before {
color:#024a97!important;
}
.pg-products-solariums .btn0,
.pg-products-solariums .btn0:after {
transition:all 300ms ease 0ms;
}
@media (min-width:981px) {
.pg-products-solariums .b2 {
display:none!important;
}
}
@media (max-width:980px) {
.pg-products-solariums .sec .form--quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-solariums .sec .form--quote.form-box.mod .btn:before {
display:none;
}
.pg-products-solariums .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
}
@media (min-width:768px) and (max-width:980px) {
.pg-products-solariums .form--quote,
.pg-products-solariums .b2 {
display:none!important;
}
}
@media (max-width:767px) {
.pg-products-solariums .form--quote,
.pg-products-solariums .b2 {
display:none!important;
}
.pg-products-solariums .sec .form--quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-solariums .sec .form--quote.form-box.mod .btn:before {
display:none;
}
.pg-products-solariums .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-products-solariums .t1 h1,
.pg-products-solariums .t1 .was-h1 {
font-size:22px;
}
}
/* ---- pages/products-windows.css ---- */
/* /products/windows/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-products-windows .s1.sec {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
background-color:#eeeeee!important;
}
.pg-products-windows .form--quote.form-box h1,
.pg-products-windows .form--quote.form-box h2.form-title,
.pg-products-windows .form--quote.form-box h3.form-title,
.pg-products-windows .form--quote.form-box h4.form-title,
.pg-products-windows .form--quote.form-box h5.form-title,
.pg-products-windows .form--quote.form-box h6.form-title,
.pg-products-windows .form--quote.form-box .was-h1,
.pg-products-windows .form--quote.form-box .was-h2.form-title {
font-weight:700;
font-size:31px;
color:#ffffff!important;
letter-spacing:-2px;
text-align:center;
}
.pg-products-windows .form--quote.form-box {
background-color:#024a97;
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
border-radius:5px;
-webkit-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
-moz-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
}
.pg-products-windows .form--quote.form-box .input,
.pg-products-windows .form--quote.form-box .input[type="checkbox"]+label i,
.pg-products-windows .form--quote.form-box .input[type="radio"]+label i {
border-radius:0px 0px 0px 0px;
overflow:hidden;
border-width:1px;
border-color:#d3d3d3;
}
.pg-products-windows .form--quote,
.pg-products-windows .quote-f0,
.pg-products-windows .quote-f1,
.pg-products-windows .quote-f2,
.pg-products-windows .quote-f3 {
max-width:100%;
z-index:0;
position:relative;
}
.pg-products-windows .sec .form--quote.form-box.mod .btn {
color:#ffffff!important;
border-width:5px!important;
border-color:#f47122;
border-radius:5px;
background-color:#f47122!important;
}
.pg-products-windows .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-products-windows .sec .form--quote.form-box.mod .btn:after {
color:#ffffff;
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-windows .form--quote.form-box .form-title {
margin-bottom:15px;
}
.pg-products-windows .t1.text {
color:#212121!important;
}
.pg-products-windows .t1 {
line-height:1.2em;
font-weight:700;
font-size:35px;
letter-spacing:-1px;
line-height:1.2em;
padding-top:20px!important;
margin-top:-20px!important;
}
.pg-products-windows .t1 h1,
.pg-products-windows .t1 .was-h1 {
font-size:32px;
letter-spacing:-2px;
}
.pg-products-windows .t1 h2,
.pg-products-windows .t1 .was-h2 {
font-weight:700;
font-size:18px;
color:#2d7f69!important;
line-height:1.8em;
}
.pg-products-windows .t2 h2,
.pg-products-windows .t2 .was-h2 {
font-weight:700;
font-size:20px;
color:#004a97!important;
line-height:1.2em;
}
.pg-products-windows .t2 {
padding-bottom:0px!important;
margin-top:-20px!important;
}
.pg-products-windows .t3 {
padding-bottom:10px!important;
}
.pg-products-windows .ri1.row-in {
padding-top:0px!important;
padding-right:0px!important;
padding-bottom:0px!important;
padding-left:0px!important;
}
.pg-products-windows .col .ri1 {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
.pg-products-windows .b0 .et-icon,
.pg-products-windows .b1 .et-icon,
.pg-products-windows .b2 .et-icon,
.pg-products-windows .b3 .et-icon,
.pg-products-windows .b4 .et-icon,
.pg-products-windows .b5 .et-icon {
color:#024a97;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-windows .s3.sec {
background-color:#eeeeee!important;
}
.pg-products-windows .r1.row {
padding-bottom:20px!important;
padding-bottom:20px;
}
.pg-products-windows .btn0,
.pg-products-windows .btn0:after {
transition:all 300ms ease 0ms;
}
@media (max-width:980px) {
.pg-products-windows .sec .form--quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-windows .sec .form--quote.form-box.mod .btn:before {
display:none;
}
.pg-products-windows .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
}
@media (min-width:768px) and (max-width:980px) {
.pg-products-windows .form--quote {
display:none!important;
}
}
@media (max-width:767px) {
.pg-products-windows .row>.col.k0,
.pg-products-windows .row>.col.k1 {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
.pg-products-windows .sec .form--quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-windows .sec .form--quote.form-box.mod .btn:before {
display:none;
}
.pg-products-windows .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-products-windows .form--quote {
display:none!important;
}
.pg-products-windows .ri0.row-in,
.pg-products-windows .col .ri0 {
padding-top:0px!important;
padding-right:0px!important;
padding-bottom:0px!important;
padding-left:0px!important;
}
.pg-products-windows .t1 h1,
.pg-products-windows .t1 .was-h1 {
font-size:20px;
}
.pg-products-windows .t2 {
margin-top:-30px!important;
}
.pg-products-windows .t3 {
padding-bottom:30px!important;
}
.pg-products-windows .ki0 {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
}
/* ---- pages/products-wood-pellet-grills-bbqs.css ---- */
/* /products/wood-pellet-grills-bbqs/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-products-wood-pellet-grills-bbqs .s1.sec {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
background-color:#eeeeee!important;
}
.pg-products-wood-pellet-grills-bbqs .form--quote.form-box h1,
.pg-products-wood-pellet-grills-bbqs .form--quote.form-box h2.form-title,
.pg-products-wood-pellet-grills-bbqs .form--quote.form-box h3.form-title,
.pg-products-wood-pellet-grills-bbqs .form--quote.form-box h4.form-title,
.pg-products-wood-pellet-grills-bbqs .form--quote.form-box h5.form-title,
.pg-products-wood-pellet-grills-bbqs .form--quote.form-box h6.form-title,
.pg-products-wood-pellet-grills-bbqs .form--quote.form-box .was-h1,
.pg-products-wood-pellet-grills-bbqs .form--quote.form-box .was-h2.form-title {
font-weight:700;
font-size:31px;
color:#ffffff!important;
letter-spacing:-2px;
text-align:center;
}
.pg-products-wood-pellet-grills-bbqs .form--quote.form-box {
background-color:#024a97;
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
border-radius:5px;
-webkit-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
-moz-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
}
.pg-products-wood-pellet-grills-bbqs .form--quote.form-box .input,
.pg-products-wood-pellet-grills-bbqs .form--quote.form-box .input[type="checkbox"]+label i,
.pg-products-wood-pellet-grills-bbqs .form--quote.form-box .input[type="radio"]+label i {
border-radius:0px 0px 0px 0px;
overflow:hidden;
border-width:1px;
border-color:#d3d3d3;
}
.pg-products-wood-pellet-grills-bbqs .form--quote,
.pg-products-wood-pellet-grills-bbqs .quote-f0,
.pg-products-wood-pellet-grills-bbqs .quote-f1,
.pg-products-wood-pellet-grills-bbqs .quote-f2,
.pg-products-wood-pellet-grills-bbqs .quote-f3 {
max-width:100%;
z-index:0;
position:relative;
}
.pg-products-wood-pellet-grills-bbqs .sec .form--quote.form-box.mod .btn {
color:#ffffff!important;
border-width:5px!important;
border-color:#f47122;
border-radius:5px;
background-color:#f47122!important;
}
.pg-products-wood-pellet-grills-bbqs .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-products-wood-pellet-grills-bbqs .sec .form--quote.form-box.mod .btn:after {
color:#ffffff;
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-wood-pellet-grills-bbqs .form--quote.form-box .form-title {
margin-bottom:15px;
}
.pg-products-wood-pellet-grills-bbqs .t1.text {
color:#212121!important;
}
.pg-products-wood-pellet-grills-bbqs .t1 {
line-height:1.2em;
font-weight:700;
font-size:35px;
letter-spacing:-1px;
line-height:1.2em;
padding-top:20px!important;
margin-top:-20px!important;
}
.pg-products-wood-pellet-grills-bbqs .t1 h1,
.pg-products-wood-pellet-grills-bbqs .t1 .was-h1 {
font-size:32px;
letter-spacing:-2px;
}
.pg-products-wood-pellet-grills-bbqs .t1 h2,
.pg-products-wood-pellet-grills-bbqs .t1 .was-h2 {
font-weight:700;
font-size:18px;
color:#2d7f69!important;
line-height:1.8em;
}
.pg-products-wood-pellet-grills-bbqs .t2 h2,
.pg-products-wood-pellet-grills-bbqs .t2 .was-h2 {
font-weight:700;
font-size:20px;
color:#004a97!important;
line-height:1.2em;
}
.pg-products-wood-pellet-grills-bbqs .t2 {
padding-bottom:0px!important;
margin-top:-20px!important;
}
.pg-products-wood-pellet-grills-bbqs .t3 {
padding-bottom:10px!important;
}
.pg-products-wood-pellet-grills-bbqs .s5.sec {
padding-bottom:0px;
background-color:#eeeeee!important;
}
.pg-products-wood-pellet-grills-bbqs .sec.s3 {
background-image:url(/assets/img/6ways-bg.jpg)!important;
}
.pg-products-wood-pellet-grills-bbqs .t4.text,
.pg-products-wood-pellet-grills-bbqs .t5.text,
.pg-products-wood-pellet-grills-bbqs .t6.text,
.pg-products-wood-pellet-grills-bbqs .t7.text,
.pg-products-wood-pellet-grills-bbqs .t8.text,
.pg-products-wood-pellet-grills-bbqs .t9.text,
.pg-products-wood-pellet-grills-bbqs .t10.text {
color:#ffffff!important;
}
.pg-products-wood-pellet-grills-bbqs .t4 h2,
.pg-products-wood-pellet-grills-bbqs .t4 .was-h2 {
font-weight:800;
font-size:43px;
color:#ffffff!important;
}
.pg-products-wood-pellet-grills-bbqs .t4 {
padding-bottom:140px!important;
}
.pg-products-wood-pellet-grills-bbqs .t5,
.pg-products-wood-pellet-grills-bbqs .t6,
.pg-products-wood-pellet-grills-bbqs .t7,
.pg-products-wood-pellet-grills-bbqs .t8,
.pg-products-wood-pellet-grills-bbqs .t9,
.pg-products-wood-pellet-grills-bbqs .t10 {
font-weight:700;
text-transform:uppercase;
font-size:26px;
}
.pg-products-wood-pellet-grills-bbqs .s4.sec {
padding-bottom:80px;
}
.pg-products-wood-pellet-grills-bbqs .t11.text,
.pg-products-wood-pellet-grills-bbqs .t16.text {
color:#444444!important;
}
.pg-products-wood-pellet-grills-bbqs .t11 h2,
.pg-products-wood-pellet-grills-bbqs .t16 h2,
.pg-products-wood-pellet-grills-bbqs .t11 .was-h2,
.pg-products-wood-pellet-grills-bbqs .t16 .was-h2 {
font-weight:800;
font-size:43px;
color:#4c443b!important;
}
.pg-products-wood-pellet-grills-bbqs .t11 {
padding-top:40px!important;
padding-bottom:60px!important;
}
.pg-products-wood-pellet-grills-bbqs .i0,
.pg-products-wood-pellet-grills-bbqs .i1,
.pg-products-wood-pellet-grills-bbqs .i2,
.pg-products-wood-pellet-grills-bbqs .i3 {
text-align:left;
margin-left:0;
}
.pg-products-wood-pellet-grills-bbqs .t12,
.pg-products-wood-pellet-grills-bbqs .t13,
.pg-products-wood-pellet-grills-bbqs .t14,
.pg-products-wood-pellet-grills-bbqs .t15 {
line-height:1.2em;
font-weight:700;
font-size:23px;
letter-spacing:-2px;
line-height:1.2em;
}
.pg-products-wood-pellet-grills-bbqs .t16 {
padding-top:40px!important;
padding-bottom:40px!important;
}
.pg-products-wood-pellet-grills-bbqs .fh0.fwh .fwh__content h1,
.pg-products-wood-pellet-grills-bbqs .fh0.fwh .fwh__content h2.mod-title,
.pg-products-wood-pellet-grills-bbqs .fh0.fwh .fwh__content h3.mod-title,
.pg-products-wood-pellet-grills-bbqs .fh0.fwh .fwh__content h4.mod-title,
.pg-products-wood-pellet-grills-bbqs .fh0.fwh .fwh__content h5.mod-title,
.pg-products-wood-pellet-grills-bbqs .fh0.fwh .fwh__content h6.mod-title,
.pg-products-wood-pellet-grills-bbqs .fh0.fwh .fwh__content .was-h1,
.pg-products-wood-pellet-grills-bbqs .fh0.fwh .fwh__content .was-h2.mod-title {
font-weight:800;
font-size:42px;
color:#4c443b!important;
}
.pg-products-wood-pellet-grills-bbqs .fh0.fwh .fwh__text {
font-size:26px;
color:#6b6b6b!important;
line-height:2.4em;
}
.pg-products-wood-pellet-grills-bbqs .fh0.fwh .fwh__subhead {
font-weight:800;
font-size:42px;
color:#f47122!important;
}
/* Not the original's (client review, 2026-10-08): there this 42px line keeps the
body's 25.2px line height (14px x 1.8), so wherever it wraps its lines print
on top of one another. 1.2em is the heading's above it; the -.3em margins
take back the 25.2px the taller line adds, so where it fits on one line
nothing moves. */
.pg-products-wood-pellet-grills-bbqs .fh0.fwh .fwh__subhead {
line-height:1.2em;
margin:-.3em 0;
}
.pg-products-wood-pellet-grills-bbqs .fwh.fh0 {
background-color:#eeeeee;
}
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--one.btn {
color:#ffffff!important;
border-width:5px!important;
border-color:#024a97;
font-size:20px;
padding-right:0.7em;
padding-left:2em;
background-color:#024a97;
}
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--one.btn:hover {
color:#ffffff!important;
border-color:#001e56!important;
border-radius:5px!important;
background-image:initial;
background-color:#001e56;
}
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--one.btn:after,
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--two.btn:after {
display:none;
}
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--one.btn:before,
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--two.btn:before {
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
line-height:inherit;
font-size:inherit!important;
opacity:1;
margin-left:-1.3em;
right:auto;
display:inline-block;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--one.btn:hover:before,
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--two.btn:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--two.btn {
border-width:5px!important;
border-color:#f47122;
font-size:20px;
padding-right:0.7em;
padding-left:2em;
background-color:#f47122;
}
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--two.btn:hover {
border-color:#c1631b!important;
border-radius:5px!important;
background-image:initial;
background-color:#c1631b;
}
.pg-products-wood-pellet-grills-bbqs .fh0 .btn--one.btn,
.pg-products-wood-pellet-grills-bbqs .fh0 .btn--two.btn {
transition:color 300ms ease 0ms,background-color 300ms ease 0ms,border 300ms ease 0ms,border-radius 300ms ease 0ms;
}
.pg-products-wood-pellet-grills-bbqs .r2.row {
margin-left:auto!important;
margin-right:auto!important;
}
@media (max-width:980px) {
.pg-products-wood-pellet-grills-bbqs .sec .form--quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-wood-pellet-grills-bbqs .sec .form--quote.form-box.mod .btn:before,
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--one.btn:after,
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--two.btn:after {
display:none;
}
.pg-products-wood-pellet-grills-bbqs .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-products-wood-pellet-grills-bbqs .i0,
.pg-products-wood-pellet-grills-bbqs .i1,
.pg-products-wood-pellet-grills-bbqs .i2,
.pg-products-wood-pellet-grills-bbqs .i3 {
text-align:center;
margin-left:auto;
margin-right:auto;
}
.pg-products-wood-pellet-grills-bbqs .i0 .img-wrap img,
.pg-products-wood-pellet-grills-bbqs .i1 .img-wrap img,
.pg-products-wood-pellet-grills-bbqs .i2 .img-wrap img,
.pg-products-wood-pellet-grills-bbqs .i3 .img-wrap img {
width:auto;
}
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--one.btn:before,
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--two.btn:before {
line-height:inherit;
font-size:inherit!important;
margin-left:-1.3em;
right:auto;
display:inline-block;
opacity:1;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--one.btn:hover:before,
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--two.btn:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
}
@media (min-width:768px) and (max-width:980px) {
.pg-products-wood-pellet-grills-bbqs .form--quote {
display:none!important;
}
}
@media (max-width:767px) {
.pg-products-wood-pellet-grills-bbqs .sec .form--quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-wood-pellet-grills-bbqs .sec .form--quote.form-box.mod .btn:before,
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--one.btn:after,
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--two.btn:after {
display:none;
}
.pg-products-wood-pellet-grills-bbqs .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-products-wood-pellet-grills-bbqs .form--quote {
display:none!important;
}
.pg-products-wood-pellet-grills-bbqs .t1 h1,
.pg-products-wood-pellet-grills-bbqs .t1 .was-h1 {
font-size:22px;
}
.pg-products-wood-pellet-grills-bbqs .i0 .img-wrap img,
.pg-products-wood-pellet-grills-bbqs .i1 .img-wrap img,
.pg-products-wood-pellet-grills-bbqs .i2 .img-wrap img,
.pg-products-wood-pellet-grills-bbqs .i3 .img-wrap img {
width:auto;
}
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--one.btn:before,
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--two.btn:before {
line-height:inherit;
font-size:inherit!important;
margin-left:-1.3em;
right:auto;
display:inline-block;
opacity:1;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--one.btn:hover:before,
.pg-products-wood-pellet-grills-bbqs .sec .fh0 .btn--two.btn:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
}
/* Not the original's (client review, 2026-10-08): below 480px the six words
stack, the band grows to about 774px, and "cover" blows the 1600x358 photo up
2.2 times, so the grill lands behind the words. Here the photo keeps one size
and its bottom edge stays 276px above the band's, which puts the food just
above the first word, as on wider screens. The black meets the photo's own
edges (its top row is #000, its bottom row #080808). .sec does not stop a
background repeating, and at this size a second grill would tile in under
the words. */
@media (max-width:479px) {
.pg-products-wood-pellet-grills-bbqs .sec.s3 {
background-color:#000;
background-repeat:no-repeat;
background-size:auto 430px;
background-position:center bottom 276px;
}
}
/* ---- pages/services.css ---- */
/* /services/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-services .s1.sec {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
background-color:#eeeeee!important;
}
.pg-services .form--quote.form-box h1,
.pg-services .form--quote.form-box h2.form-title,
.pg-services .form--quote.form-box h3.form-title,
.pg-services .form--quote.form-box h4.form-title,
.pg-services .form--quote.form-box h5.form-title,
.pg-services .form--quote.form-box h6.form-title,
.pg-services .form--quote.form-box .was-h1,
.pg-services .form--quote.form-box .was-h2.form-title {
font-weight:700;
font-size:31px;
color:#ffffff!important;
letter-spacing:-2px;
text-align:center;
}
.pg-services .form--quote.form-box {
background-color:#024a97;
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
border-radius:5px;
-webkit-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
-moz-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
box-shadow:0px 0px 20px -5px rgba(0,0,0,0.5);
}
.pg-services .form--quote.form-box .input,
.pg-services .form--quote.form-box .input[type="checkbox"]+label i,
.pg-services .form--quote.form-box .input[type="radio"]+label i {
border-radius:0px 0px 0px 0px;
overflow:hidden;
border-width:1px;
border-color:#d3d3d3;
}
.pg-services .form--quote,
.pg-services .quote-f0,
.pg-services .quote-f1,
.pg-services .quote-f2,
.pg-services .quote-f3 {
max-width:100%;
z-index:0;
position:relative;
}
.pg-services .sec .form--quote.form-box.mod .btn {
color:#ffffff!important;
border-width:5px!important;
border-color:#f47122;
border-radius:5px;
background-color:#f47122!important;
}
.pg-services .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-services .sec .form--quote.form-box.mod .btn:after {
color:#ffffff;
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-services .form--quote.form-box .form-title {
margin-bottom:15px;
}
.pg-services .t1.text {
color:#212121!important;
}
.pg-services .t1 {
line-height:1.2em;
font-weight:700;
font-size:35px;
letter-spacing:-1px;
line-height:1.2em;
padding-top:20px!important;
margin-top:-20px!important;
}
.pg-services .t1 h1,
.pg-services .t1 .was-h1 {
font-size:32px;
letter-spacing:-2px;
}
.pg-services .t1 h2,
.pg-services .t1 .was-h2 {
font-weight:700;
font-size:18px;
color:#2d7f69!important;
line-height:1.8em;
}
.pg-services .t2 h2,
.pg-services .t2 .was-h2 {
font-weight:700;
font-size:20px;
color:#004a97!important;
line-height:1.2em;
}
.pg-services .t2 {
padding-bottom:0px!important;
margin-top:-20px!important;
}
.pg-services .t3 {
padding-bottom:10px!important;
}
.pg-services .ri1.row-in {
padding-top:0px!important;
padding-right:0px!important;
padding-bottom:0px!important;
padding-left:0px!important;
}
.pg-services .col .ri1 {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
.pg-services .b0 .et-icon,
.pg-services .b1 .et-icon,
.pg-services .b2 .et-icon,
.pg-services .b3 .et-icon {
color:#024a97;
font-family:ETmodules!important;
font-weight:400!important;
}
@media (max-width:980px) {
.pg-services .sec .form--quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-services .sec .form--quote.form-box.mod .btn:before {
display:none;
}
.pg-services .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-services .t1 h3 {
font-size:26px;
}
}
@media (min-width:768px) and (max-width:980px) {
.pg-services .form--quote {
display:none!important;
}
}
@media (max-width:767px) {
.pg-services .sec .form--quote.form-box.mod .btn:after {
line-height:inherit;
font-size:inherit!important;
margin-left:-1em;
left:auto;
display:inline-block;
opacity:0;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-services .sec .form--quote.form-box.mod .btn:before {
display:none;
}
.pg-services .sec .form--quote.form-box.mod .btn:hover:after {
margin-left:.3em;
left:auto;
margin-left:.3em;
opacity:1;
}
.pg-services .form--quote {
display:none!important;
}
.pg-services .t1 h3 {
font-size:24px;
line-height:1em;
}
.pg-services .t2 h2,
.pg-services .t2 .was-h2 {
line-height:1.2em;
}
}
/* ---- pages/thank-you-brochure.css ---- */
/* /thank-you-brochure/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
.pg-thank-you-brochure .sec.s0 {
background-image:url(/assets/img/header_aboutus.jpg)!important;
}
.pg-thank-you-brochure .s0.has-divider.has-bottom-divider .divider.divider--bottom {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
background-size:100% 80px;
bottom:0;
height:80px;
z-index:10;
transform:scale(1,1);
}
.pg-thank-you-brochure .sec .slider .sd0.slide .more-btn.btn:after {
display:none;
}
.pg-thank-you-brochure .sec .slider .sd0.slide .more-btn.btn:before {
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
line-height:inherit;
font-size:inherit!important;
opacity:1;
margin-left:-1.3em;
right:auto;
display:inline-block;
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-thank-you-brochure .sec .slider .sd0.slide .more-btn.btn:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
.pg-thank-you-brochure .sd0,
.pg-thank-you-brochure .slider .sd0 {
background-color:rgba(2,74,151,0.9);
}
.pg-thank-you-brochure .fsl0 .slide__desc,
.pg-thank-you-brochure .slider--boxed.fsl0 .slide__desc {
padding-top:60px;
padding-bottom:100px;
}
.pg-thank-you-brochure .slider .sd0.slide .slide__desc .slide__title {
font-weight:700!important;
font-size:36px!important;
text-shadow:0em 0em 0.3em rgba(0,0,0,0.4)!important;
}
.pg-thank-you-brochure .slider.mod .sd0.slide .slide__desc .slide__content {
font-size:20px!important;
}
.pg-thank-you-brochure .sec .slider .sd0.slide .more-btn.btn {
border-color:#f47122;
padding-right:0.7em;
padding-left:2em;
background-color:#f47122;
}
@media (max-width:980px) {
.pg-thank-you-brochure .sec .slider .sd0.slide .more-btn.btn:before {
line-height:inherit;
font-size:inherit!important;
margin-left:-1.3em;
right:auto;
display:inline-block;
opacity:1;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-thank-you-brochure .sec .slider .sd0.slide .more-btn.btn:after {
display:none;
}
.pg-thank-you-brochure .sec .slider .sd0.slide .more-btn.btn:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
.pg-thank-you-brochure .slider .sd0.slide .slide__desc .slide__title {
font-size:32px!important;
}
.pg-thank-you-brochure .slider.mod .sd0.slide .slide__desc .slide__content {
font-size:22px!important;
}
}
@media (max-width:767px) {
.pg-thank-you-brochure .s0.sec {
padding-right:0px;
padding-left:0px;
}
.pg-thank-you-brochure .sec .slider .sd0.slide .more-btn.btn {
font-size:16px!important;
}
.pg-thank-you-brochure .sec .slider .sd0.slide .more-btn.btn:before {
line-height:inherit;
font-size:inherit!important;
margin-left:-1.3em;
right:auto;
display:inline-block;
opacity:1;
content:attr(data-icon);
font-family:ETmodules!important;
font-weight:400!important;
}
.pg-thank-you-brochure .sec .slider .sd0.slide .more-btn.btn:after {
display:none;
}
.pg-thank-you-brochure .sec .slider .sd0.slide .more-btn.btn:hover:before {
margin-left:.3em;
right:auto;
margin-left:-1.3em;
}
.pg-thank-you-brochure .fsl0 .slide__desc,
.pg-thank-you-brochure .slider--boxed.fsl0 .slide__desc {
padding-top:40px;
padding-right:0px;
padding-bottom:100px;
padding-left:0px;
}
.pg-thank-you-brochure .slider .sd0.slide .slide__desc .slide__title {
font-size:16px!important;
letter-spacing:-2px!important;
}
.pg-thank-you-brochure .slider.mod .sd0.slide .slide__desc .slide__content {
font-size:17px!important;
letter-spacing:-1px!important;
}
.pg-thank-you-brochure .sd0 p {
line-height:1.2em!important;
}
}
/* ---- pages/thank-you-for-contacting-us.css ---- */
/* /thank-you-for-contacting-us/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
/* ---- pages/thank-you.css ---- */
/* /thank-you/ -- the per-element values of this page's own sections, and the values of shared sections
that only this page's copy has, ported from the original's generated stylesheet by
.scrape/gen/convert.py. The values every copy of a shared section has are in styles/sections/. */
/* ---- utilities.css ---- */
/* ---- utilities, motion, print --------------------------------------------- */
.text-center { text-align: center; }
/* Tap targets of at least 24 x 24 (WCAG 2.2 SC 2.5.8) with nothing moved.
Vertical padding on an inline link grows the box it can be tapped in, not
the line it sits on, so these links look and sit exactly as before. The
footer menu's lines are 23.8px apart, so neighbouring boxes overlap by
about 1px. (The slider's dots: slider.css.) */
.topbar__email,
.footer-widget a,
.footer-info a,
.slide__title a { padding-block: 3px; }
/* the footer's Facebook icon is 20px wide: 2px more each side, given back by
the margins */
.footer-social a { padding-inline: 2px; margin-inline: -2px; }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
@media print {
.topbar,
.site-header,
.site-footer,
.to-top,
.skip-link { display: none; }
body { color: #000; background: #fff; }
}