/* /assets/native-8196969f8b.css */ @font-face{font-family:Inter Tight;src:url(/assets/font-c377bf34b0ae.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--site-color-primary:#000;--site-color-secondary:#d48028;--site-color-text:#666;--site-color-accent:#d48028;--site-color-c61c004:#fff;--site-color-5d31408:#f6f6f6;--site-color-c0f9ac3:#ebebeb;--site-color-e9a8baf:#fff3e5;--site-color-4b1a30b:#1d1c1c;--site-color-33d1e33:#1d1c1c;--site-color-65f81f9:#fff3e5;--site-color-36a3699:#ebebeb;--site-color-d61a85e:#000;--site-typography-primary-font-family:"Inter Tight";--site-typography-primary-font-weight:600;--site-typography-secondary-font-family:"Inter Tight";--site-typography-secondary-font-weight:400;--site-typography-text-font-family:"Inter Tight";--site-typography-text-font-weight:400;--site-typography-accent-font-family:"Inter Tight";--site-typography-accent-font-weight:500;--brand:#cf8537;--ink:#1d1c1c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{color:var(--ink);letter-spacing:.005em;background:#fff;margin:0;font-family:Inter Tight,Arial,sans-serif;font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit}img{vertical-align:middle;max-width:100%;height:auto}figure{margin:0}svg{max-width:100%}h1,h2,h3,h4,h5,h6,p{margin:0}p+p{margin-top:1em}h1{font-size:56px;font-weight:600;line-height:1.1}h2{font-size:40px;font-weight:600;line-height:1.1}h3{font-size:36px;font-weight:600;line-height:1.3}h4{font-size:24px;line-height:1.6}h5{font-size:24px;line-height:1.1}h6{letter-spacing:.18em;font-size:18px}a:hover{color:#9e5c19}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #2674bf}[hidden]{display:none!important}.sr-only,.honeypot{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;color:#111;background:#fff;padding:12px;position:fixed;top:10px;left:10px;transform:translateY(-200%)}.skip-link:focus{transform:none}.button{background:var(--site-color-accent);color:#fff;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:14px 16px;font-size:16px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.button:hover,.button:focus-visible{background:var(--site-color-primary);color:#f6f6f6}.button svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:18px}.text-button{color:inherit;text-underline-offset:4px;background:0 0;border:0;padding:8px 0;text-decoration:underline}.button-wrap{text-align:inherit}.button-content{align-items:center;gap:10px;display:flex}.button-slimtxt{font-size:.9em;font-weight:300}.promotion{z-index:25;color:#fff;letter-spacing:-.01px;background:#000;justify-content:center;align-items:center;gap:20px;min-height:52px;padding:8px 20px 10px;font-size:14px;line-height:1;display:flex;position:relative}.promotion .promotion-quote{border:1px solid #ffffff1f;border-radius:4px;min-height:33px;padding:8px 12px;font-size:15px;font-weight:600}.site-header{z-index:20;background:#242424;justify-content:space-between;align-items:center;gap:0;width:100%;min-height:97px;margin:0;padding:10px 5%;display:flex;position:relative}.site-header.over-hero{background:0 0;position:absolute;left:0;right:0}.brand{flex:0 0 17%;min-width:0;padding-right:20px}.brand img{width:100%;height:auto}.desktop-nav{letter-spacing:-.05px;background:#fffffff0;border:1px solid #eabf9352;border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:0;min-width:0;min-height:52px;margin:18px 20px 0;padding:3px 2px 3px 5px;font-size:15px;line-height:1;display:flex}.desktop-nav>a{white-space:nowrap;padding:12px;text-decoration:none}.nav-dropdown{position:relative}.nav-dropdown>summary{cursor:pointer;align-items:center;gap:5px;min-height:44px;padding:12px;list-style:none;display:flex}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:14px;height:14px}.nav-dropdown[open]>summary svg{transform:rotate(180deg)}.desktop-nav .nav-dropdown>div{color:#fff;background:#000;border:1px solid #6666666b;border-radius:8px;min-width:235px;padding:0;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 0 10px #0003}.nav-dropdown>div>a{border-radius:4px;padding:12px 15px;text-decoration:none;display:block}.desktop-nav .nav-dropdown>div>a+a{border-top:1px solid #66666654}.desktop-nav .nav-dropdown>div>a:hover{color:var(--site-color-accent);background:#000}.quote-nav{white-space:nowrap;flex-direction:row;gap:3px;min-height:44px;padding:12px 20px;font-size:16px}.quote-nav small{font-size:.9em;font-weight:300}.menu-toggle{background:#fff;border:1px solid #ffffff7d;border-radius:4px;min-width:48px;min-height:48px;padding:12px;display:none;box-shadow:0 5px 10px #0002}.menu-toggle span{background:var(--site-color-accent);width:24px;height:2px;margin:5px auto;display:block}.mobile-nav{background:#fff;border-radius:8px;max-height:75vh;padding:18px;position:absolute;top:100%;left:20px;right:20px;overflow:auto;box-shadow:0 10px 30px #0003}.mobile-nav>a{padding:12px 5px;text-decoration:none;display:block}.mobile-nav .nav-dropdown>summary{min-height:48px;padding:12px 5px}.mobile-nav .nav-dropdown>div{padding-left:15px}.mobile-nav .nav-dropdown>div>a:hover{background:#fff3e5}.mobile-nav .button{margin:12px 0}.layout{--display:flex;--width:100%;--min-height:0;--flex-direction:column;--justify-content:initial;--align-items:initial;--flex-wrap:nowrap;--gap:20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;display:var(--display);flex-direction:var(--flex-direction);justify-content:var(--justify-content);align-items:var(--align-items);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);width:var(--width);min-width:0;min-height:var(--min-height);padding:var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);margin:var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);position:relative}.layout-boxed{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;align-items:center}.layout-inner{flex-direction:var(--flex-direction);justify-content:var(--justify-content);align-items:var(--align-items);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);width:100%;min-width:0;max-width:1340px;display:flex}.layout:before{content:var(--background-overlay,none);pointer-events:none;border-radius:inherit;opacity:var(--overlay-opacity,1);z-index:0;position:absolute;inset:0}.layout>*{z-index:1;position:relative}.layout>.layout,.layout-inner>.layout{flex-shrink:1}.widget{min-width:0;max-width:100%;position:relative}.widget-content{height:100%}.widget-image img{display:inline-block}.widget-image{line-height:0}.widget-text-editor{line-height:1.65}.widget-text-editor p{margin-bottom:1em}.widget-text-editor p:last-child{margin-bottom:0}.native-content,.template{width:100%}.heading{margin:0}.check-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.check-item{align-items:baseline;gap:10px;display:flex}.check-icon{flex:0 0 20px}.check-icon .native-symbol{width:17px;height:17px;color:inherit;background:currentColor;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.check-text{flex:1}.art-icon svg{width:50px;height:50px}.image-card{text-align:center}.image-card-figure{margin-bottom:20px}.image-card-figure img{object-fit:cover;border-radius:8px;width:100%}.image-card-title{margin-bottom:12px;font-size:24px}.image-card-title a{text-decoration:none}.divider{display:flex}.divider-line{background:#ddd;width:100%;height:1px;display:block}.spacer-inner{height:var(--spacer-size,30px)}.native-tabs>[role=tablist]{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:30px;display:flex}.native-tabs [role=tab]{background:#f3f3f3;border:1px solid #ddd;border-radius:6px;flex:1;max-width:330px;min-height:48px;padding:14px 32px;font-size:20px;font-weight:600}.native-tabs [role=tab][aria-selected=true]{color:#75440f;background:#fff3e5;border-color:#bd762d}.native-tabs [role=tabpanel]{outline:none}.card-rail,.gallery-rail,.review-rail{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:calc(33.3333% - 16px);grid-auto-flow:column;gap:24px;padding:4px 0 16px;display:grid;overflow:auto}.card-rail>*{scroll-snap-align:start}.product-card{min-width:0;position:relative}.product-card a{text-decoration:none;display:block}.product-card img{object-fit:cover;border-radius:10px;width:100%;height:360px}.product-card figcaption{padding:18px 0}.product-card h5{margin-bottom:10px;font-size:22px}.product-card p{font-size:16px;line-height:1.5}.gallery-rail{grid-auto-columns:calc(50% - 12px)}.gallery-card img{object-fit:cover;border-radius:8px;width:100%;height:420px}.review-rail{grid-auto-columns:calc(50% - 12px)}.review-card{scroll-snap-align:start;background:#fafafa;border:1px solid #eee;border-radius:10px;padding:28px}.review-stars{color:#a46523;letter-spacing:4px;margin-bottom:15px}.review-card blockquote{margin:0 0 24px;font-size:18px;line-height:1.65}.review-card strong{font-weight:600}.rail-controls{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.rail-controls button{background:#fff;border:1px solid #d4d4d4;border-radius:50%;width:48px;height:48px;font-size:22px}.rail-controls button:hover{background:#fff3e5}.faq-item,.faq-list details{border-bottom:1px solid #ddd}.faq-summary,.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;padding:20px 40px 20px 0;font-size:20px;font-weight:600;list-style:none;display:flex;position:relative}.faq-summary h3{font-size:20px;line-height:1.4}.faq-summary:after,.faq-list summary:after{content:"+";font-size:24px;font-weight:400;position:absolute;right:5px}.faq-item[open]>.faq-summary:after,.faq-list details[open]>summary:after{content:"−"}.faq-summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}.faq-item>div,.faq-answer{padding:0 0 24px;line-height:1.7}.map-link{text-align:center;background:#f5f2ed;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;gap:15px;min-height:160px;padding:25px;text-decoration:none;display:flex}.map-link span{font-size:26px}.lead-form{color:#1d1c1c;letter-spacing:0;width:100%;font-size:15px}.lead-form fieldset{border:0;min-width:0;margin:0;padding:0}.lead-form>fieldset>legend{margin-bottom:18px;font-size:16px}.lead-form label{margin:12px 0 5px;font-size:14px;display:block}.lead-form input:not([type=radio]):not([type=checkbox]),.lead-form textarea{background:#f9f9f9;border:1px solid #d3d3d3;border-radius:5px;width:100%;min-height:46px;padding:12px;display:block}.lead-form textarea{resize:vertical}.lead-form input[type=radio],.lead-form input[type=checkbox]{accent-color:#ad6922;width:18px;height:18px}.product-options{flex-direction:column;gap:9px;margin-bottom:24px;display:flex}.product-options label{cursor:pointer;background:#f4f4f4;border:1px solid #e4e4e4;border-radius:6px;align-items:center;gap:12px;min-height:48px;margin:0;padding:13px 14px;font-size:15px;font-weight:500;display:flex;position:relative}.product-options label:has(input:checked){background:#fff3e5;border-color:#ad6922}.product-checks{flex-wrap:wrap;gap:8px 20px;display:flex;margin-top:14px!important}.product-checks label{align-items:center;gap:8px;margin:0;display:flex}.product-checks legend{padding:10px 0;font-size:14px}.form-next{width:100%}.form-next svg{transform:rotate(-90deg)}.form-progress{margin-bottom:8px;font-size:13px}.progress-track{background:#eee;border-radius:4px;height:6px;margin-bottom:22px;overflow:hidden}.progress-track span{background:var(--brand);width:50%;height:100%;transition:width .2s;display:block}.estimate-form.step-two .progress-track span{width:100%}.form-actions{align-items:center;gap:20px;margin-top:20px;display:flex}.form-actions .button{flex:1}.form-status{margin-top:12px;font-size:14px;line-height:1.5}.form-status.error{color:#a12119}.form-status.success{color:#1f6236}.form-privacy{color:#626262;margin-top:16px;font-size:11px;line-height:1.5}.estimate-form{background:#fff;border-radius:14px;padding:28px}.page-2 .widget-shortcode{background:#fff;border-radius:14px}.page-2 .widget-shortcode>.widget-content{padding:0!important}.page-2 .widget-shortcode .estimate-form{border-radius:14px;padding:26px}.page-2 .block-f4b95eb .check-list{color:#eee}.page-2 .block-f4b95eb .check-icon .native-symbol{color:#111;background:#fff}.page-2 .block-f4b95eb .heading{letter-spacing:0}.contact-dialog,.privacy-dialog{color:#1d1c1c;border:0;border-radius:14px;width:min(540px,100% - 28px);max-height:90vh;padding:32px;overflow:auto;box-shadow:0 20px 70px #0004}.contact-dialog::backdrop,.privacy-dialog::backdrop{backdrop-filter:blur(3px);background:#0009}.contact-dialog h2,.privacy-dialog h2{margin-bottom:10px;padding-right:30px;font-size:30px}.dialog-close{background:#f4f4f4;border:0;border-radius:50%;width:44px;height:44px;font-size:28px;line-height:1;position:absolute;top:12px;right:14px}.privacy-dialog>label{margin:20px 0;display:block}.privacy-dialog .button{margin:10px 16px 10px 0}.privacy-dialog>a{margin-top:16px;display:block}.modal-open{overflow:hidden}.privacy-settings{background:#f5f5f5;margin-top:30px;padding:32px}.privacy-settings h2{margin-bottom:15px}.privacy-settings .button{margin-top:20px}.prose-page{max-width:980px;margin:auto;padding:60px 24px;line-height:1.8}.prose-page h1{margin-bottom:30px;font-size:44px}.prose-page h2{margin:34px 0 18px;font-size:30px;line-height:1.3}.prose-page h3{margin:24px 0 12px;font-size:24px}.prose-page p{margin-bottom:18px}.prose-page img{border-radius:8px;margin:20px 0}.prose-page table{border-collapse:collapse;width:100%}.prose-page td,.prose-page th{border:1px solid #ddd;padding:10px}.prose-page ul,.prose-page ol{padding-left:24px}.site-footer{color:#1d1c1ca3;letter-spacing:-.01px;background:#fff;padding:5% 5% 9%;font-size:15px;line-height:1.6}.footer-grid{grid-template-columns:51fr 22fr 24fr;align-items:start;gap:3%;display:grid}.footer-navigation{width:100%;min-width:0}.footer-nav{color:#000;background:#f6f6f60d;border:1px solid #000000bd;border-radius:8px;flex-wrap:wrap;align-content:start;gap:24px 20px;width:91%;margin-top:-30px;padding:24px;font-weight:500;line-height:1;display:flex}.footer-nav a{text-decoration:none}.footer-nav .footer-patios{display:none}.footer-location{min-width:0;margin-top:5px}.footer-location strong{font-weight:600}.footer-location p{margin:0 0 18px;line-height:1.6}.footer-phone,.footer-map{line-height:1.6;text-decoration:none;display:block}.footer-phone{margin-bottom:10px;font-size:14px}.footer-map{color:var(--site-color-accent);font-size:14px}.footer-divider{border-bottom:1px dotted #00000094;margin-bottom:3%;padding-top:5%}.footer-bottom{grid-template-columns:1fr 1fr;gap:20px;display:grid}.footer-identity{min-width:0}.footer-logo{width:238px;max-width:100%;margin-left:-20px;padding-bottom:60px;display:block}.footer-logo img{width:100%}.footer-logo-mobile{display:none}.footer-social{align-items:center;gap:20px;font-size:14px;display:flex}.footer-social a{color:#666;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-10px;display:flex}.footer-social svg{fill:currentColor;width:13px;height:13px}.footer-privacy{flex-wrap:wrap;align-items:center;gap:12px 30px;padding-top:20px;font-size:15px;display:flex}.footer-privacy a,.footer-policy{text-decoration:none}.footer-privacy .text-button{padding:0;font-size:14px;line-height:1.6}.footer-contact{text-align:right;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:24px;min-width:0;display:flex}.footer-question{color:var(--site-color-accent);padding:0;font-size:18px;font-weight:500;line-height:1;text-decoration:none}.footer-legal{margin:0;font-size:15px;line-height:1.6}.footer-policy{font-size:14px}.back-to-top{z-index:15;color:#222;background:#fff;border:1px solid #ddd;border-radius:50%;width:48px;height:48px;font-size:22px;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 15px #0002}.hide-desktop{display:none!important}@media (width>=1025px) and (width<=1200px){.desktop-nav{margin-left:10px;margin-right:10px;font-size:13px}.desktop-nav>a,.desktop-nav .nav-dropdown>summary{padding:12px 7px}.quote-nav{padding:12px;font-size:14px}.quote-nav small{display:none}}@media (width<=1024px){h1{font-size:42px}h2{font-size:36px}.desktop-nav{display:none}.menu-toggle{display:block}.site-header{min-height:95px;padding:10px 20px}.brand{flex-basis:20%;padding-right:0}.promotion>span{display:none}.footer-grid{grid-template-columns:27fr 40fr 33fr;gap:20px}.site-footer{padding:120px 50px 9%}.footer-nav{flex-flow:column;width:100%;margin-top:0;padding:24px 16px;font-size:16px}.footer-logo{margin-left:0}.footer-divider{margin-bottom:20px;padding-top:20px}.hide-desktop{display:initial!important}.hide-tablet{display:none!important}.card-rail{grid-auto-columns:calc(50% - 12px)}.page-2 .block-f0b9efc{--padding-left:5%;--padding-right:5%}.page-2 .block-f4b95eb{--min-height:820px}}@media (width<=767px){h1{font-size:34px}h2{font-size:32px}h3{font-size:30px}h4,h5{font-size:22px}.promotion{min-height:55px;margin-bottom:20px;padding:10px 20px 12px}.site-header{min-height:104px;padding:0 20px}.brand{flex-basis:150px;padding-right:0}.brand img{width:150px}.layout{--flex-wrap:wrap;--flex-direction:column}.layout-boxed{--padding-top:40px;--padding-bottom:40px}.layout-inner{flex-direction:column}.layout>.layout,.layout-inner>.layout{--width:100%}.hide-mobile{display:none!important}.hide-desktop,.hide-tablet{display:initial!important}.widget{width:auto;max-width:100%}.native-tabs>[role=tablist]{gap:8px}.native-tabs [role=tab]{padding:12px;font-size:17px}.card-rail,.gallery-rail,.review-rail{grid-auto-columns:88%;gap:16px}.product-card img{height:320px}.gallery-card img{height:300px}.review-card{padding:22px}.page-2 .block-f4b95eb{--min-height:0;--padding-top:115px;--padding-bottom:40px}.page-2 .block-f0b9efc{--padding-left:24px;--padding-right:24px;--row-gap:30px;--flex-direction:column}.page-2 .block-e25d8d7,.page-2 .block-f0b9efc>.layout:last-child{--width:100%}.page-2 .block-befb7b3{--widget-width:100%;width:100%;max-width:100%}.page-2 .widget-shortcode{width:100%;display:block!important}.page-2 .block-f0b9efc>.layout:last-child{display:flex!important}.estimate-form{padding:22px}.contact-dialog,.privacy-dialog{padding:26px 22px}.contact-dialog h2,.privacy-dialog h2{font-size:27px}.prose-page{padding:35px 22px}.prose-page h1{font-size:34px}.site-footer{padding:40px 20px 30px}.footer-grid{text-align:center;grid-template-columns:1fr;justify-items:center;gap:40px}.footer-nav{width:100%;max-width:400px;color:var(--site-color-accent);border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 12px;padding:0;font-size:18px;font-weight:600;display:grid}.footer-nav a{align-content:center;min-height:30px;line-height:1.3}.footer-nav a[href="/windows-coverings/"],.footer-nav .footer-areas{display:none}.footer-nav .footer-patios{grid-area:1/2;display:block}.footer-nav a[href="/windows/"]{grid-area:2/3}.footer-location{width:100%;max-width:290px;margin-top:0}.footer-divider{margin:20px 0;padding-top:20px}.footer-bottom{text-align:center;grid-template-columns:1fr;gap:30px}.footer-logo{display:none}.footer-logo-mobile{width:68%;margin:0 auto;padding:10px 0 45px;display:block}.footer-social{justify-content:center;gap:20px;padding:20px 0;font-size:18px}.footer-social a{width:30px;height:30px;margin-left:0}.footer-social svg{width:20px;height:20px}.footer-privacy{justify-content:center;gap:16px 24px;padding-top:0;font-size:14px}.footer-contact{text-align:center;align-items:center;gap:20px}.footer-legal{font-size:14px;line-height:1.65}.prose-page table{display:block;overflow:auto}.faq-summary h3{font-size:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{color:var(--site-color-text);letter-spacing:.05em}h1,h2,h3,h4,h5,h6{color:#201211;font-weight:500}h1,h5{letter-spacing:0}h3{letter-spacing:.01em}h6{line-height:1.1}.button{font-weight:400}.lead-form .button{font-weight:600}.desktop-nav,.mobile-nav{color:#000;letter-spacing:-.05px}.quote-nav{font-weight:500}.layout{--border-radius:0;border-radius:var(--border-radius,0);max-width:calc(100% - max(0px,var(--margin-left)) - max(0px,var(--margin-right)))}@media (width<=767px){h1{font-size:32px}h4{font-size:20px}h5{font-size:24px}}:root{--site-color-primary:#000;--site-color-secondary:#d48028;--site-color-text:#666;--site-color-accent:#d48028;--site-color-c61c004:#fff;--site-color-ed56d52:#000;--site-color-c28164d:#eabf93;--site-color-8301370:#f6f6f6;--site-color-85d0bfe:#ebebeb;--site-color-18ec0c2:#fff3e5;--site-color-c4b99be:#f8f8f8;--site-color-6e6559e:#1d1c1c;--site-color-2da768a:#212121;--site-color-0667848:#1d1c1c;--site-typography-primary-font-family:"Inter Tight";--site-typography-secondary-font-family:"Inter Tight";--site-typography-text-font-family:"Inter Tight";--site-typography-text-font-size:16px;--site-typography-accent-font-family:"Inter Tight";--site-typography-accent-font-size:14px;--site-typography-f2664c1-font-family:"Inter Tight";--site-typography-f2664c1-font-size:20px;--site-typography-75e5e4a-font-size:16px;--site-typography-75e5e4a-font-weight:600;--site-typography-75e5e4a-line-height:130%;--site-typography-4a10c12-font-size:16px;--site-typography-4a10c12-font-weight:600;--site-typography-f27411a-font-size:20px;--site-typography-f27411a-font-weight:500} /* /assets/design-4643d42284.css */ .page-8049 .block.block-9324383{--display:flex;--flex-direction:column;--widget-width:100%;--widget-height:initial;--widget-flex-grow:0;--widget-align-self:initial;--flex-wrap-mobile:wrap}.page-8049 .block.block-0becf08{--spacer-size:71px}.page-8049 .block.block-82fac88{width:var(--widget-width,80%);--widget-width:80%;--widget-flex-grow:0;text-align:center;max-width:80%}.page-8049 .block.block-82fac88.block{--align-self:center}.page-8049 .block.block-ce702d0{--display:flex;--flex-direction:column;--widget-width:100%;--widget-height:initial;--widget-flex-grow:0;--widget-align-self:initial;--flex-wrap-mobile:wrap}.page-8049 .block.block-e248e24{text-align:center}.page-8049 .block.block-e248e24 img{width:50%}.page-8049 .block.block-febff01{--display:flex;--flex-direction:column;--widget-width:100%;--widget-height:initial;--widget-flex-grow:0;--widget-align-self:initial;--flex-wrap-mobile:wrap}.page-8049 .block.block-bd5f975{width:var(--widget-width,85%);--widget-width:85%;--widget-flex-grow:0;text-align:start;max-width:85%}.page-8049 .block.block-bd5f975.block{--align-self:center}.page-8049 .block.block-2b14faf{--display:flex;--flex-direction:column;--widget-width:100%;--widget-height:initial;--widget-flex-grow:0;--widget-align-self:initial;--flex-wrap-mobile:wrap}.page-8049 .block.block-9ec8b59{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px}.page-8049 .block.block-9ec8b59 .divider-line{width:100%}.page-8049 .block.block-9ec8b59 .divider{padding-block:15px}.page-8049 .block.block-b790001{--display:flex}@media (width<=1024px){.page-8049 .block.block-0becf08{--spacer-size:111px}.page-8049 .block.block-82fac88{text-align:center}}@media (width<=767px){.page-8049 .block.block-0becf08{--spacer-size:149px}.page-8049 .block.block-82fac88{--widget-width:287px;--widget-flex-grow:0;width:var(--widget-width,287px);max-width:min(100%,287px)}}.promotion-quote{color:#1d1c1c!important}.button:hover.promotion-quote,.button:hover .promotion-quote{color:#fff!important}.footer-nav>a[href$=about-us\/],.footer-nav>a[href$=windows\/],.footer-nav>a[href$=doors\/],.footer-patios,.footer-nav>a[href$=specials\/],.footer-nav>a[href$=contact\/],section[aria-label="Yuba City showroom"]>.footer-map[target=_blank][rel=noopener\ noreferrer],section[aria-label=Sacramento\ location]>.footer-map[target=_blank][rel=noopener\ noreferrer],.footer-question{color:#a45b13!important}.quote-nav{color:#1d1c1c!important}.button:hover.quote-nav,.button:hover .quote-nav{color:#fff!important}small{color:#1d1c1c!important}.button:hover:is(small),.button:hover :is(small){color:#fff!important} /* /assets/sitewide-parity-4r.css */ /* Task 4R. Shared appearance fixes, loaded AFTER each page's authored CSS. Reference color sampled from the October 15 original Hawkins desktop capture. Applies to all site routes; homepage-specific sections remain scoped. */ :root { --site-color-secondary:#D48028; --site-color-accent:#D48028; --brand:#D48028; --hawkins-orange:#D48028; --hawkins-link:#565555; } /* Site CTA contrast; dark Get Started button retains its dark background. */ .button,.button:link,.button:visited, .widget-button .button,.site-header .quote-nav,.promotion .promotion-quote, .lead-form button.button,.native-content a.button, .contact-dialog .button,.site-footer .button { color:#fff !important; } .button .button-content,.button .button-text,.button .button-slimtxt, .quote-nav small,.promotion .promotion-quote *, .native-content a.button span {color:inherit !important;} .button:not(.shimmer-button .button):not(.back-to-top) { background-color:var(--hawkins-orange); } .button:not(.shimmer-button .button):hover, .button:not(.shimmer-button .button):focus-visible { background-color:#1D1C1C; color:#fff !important; } /* Keep the CTA color stable on hover; buttons remain legible on dark backgrounds. */ .promotion .promotion-quote,.site-header .quote-nav, .native-content a.button,.lead-form button.button{background-color:var(--hawkins-orange) !important;} .promotion .promotion-quote:hover,.site-header .quote-nav:hover, .native-content a.button:hover,.lead-form button.button:hover, .promotion .promotion-quote:focus-visible,.site-header .quote-nav:focus-visible, .native-content a.button:focus-visible,.lead-form button.button:focus-visible { background-color:#1D1C1C !important; } /* Icons and typography that had mixed brown/orange author values. */ .page-2 .block.block-050c7d0 .heading, .page-2 .block.block-35eee79 .heading, .page-2 .block.block-9af1bd4 .heading { color:var(--hawkins-orange) !important; } /* Footers: body links are neutral, orange only on hover/focus. */ .site-footer a:not(.footer-logo):not(.footer-social a), .site-footer .text-button,.site-footer .footer-map, .site-footer .footer-question {color:var(--hawkins-link) !important;} .site-footer a:not(.footer-logo):hover, .site-footer a:not(.footer-logo):focus-visible, .site-footer .text-button:hover, .site-footer .text-button:focus-visible {color:var(--hawkins-orange) !important;} @media (min-width:1025px) { .site-footer .footer-nav { width:100%;display:flex;align-items:center;justify-content:space-between; flex-wrap:nowrap;column-gap:10px;padding:20px 14px; } .site-footer .footer-nav a{white-space:nowrap;} /* A larger nav than the narrow first alpha while preserving logo separation. */ .site-header.over-hero .brand{flex-basis:24%;} .site-header.over-hero .desktop-nav{min-width:0;gap:0;} .site-header.over-hero .desktop-nav>a, .site-header.over-hero .desktop-nav .nav-dropdown>summary{padding-inline:8px;} } /* Product and testimonial rails hide raw browser scroll tracks sitewide. Keyboard scrolling, swipe, and existing control events remain operational. */ .card-rail,.review-rail,.gallery-rail{ scrollbar-width:none;-ms-overflow-style:none; } .card-rail::-webkit-scrollbar,.review-rail::-webkit-scrollbar, .gallery-rail::-webkit-scrollbar{display:none;width:0;height:0;} /* All homepage product rails: overlay arrows beside the first/last visible card, separate pagination bullets centered under the rail. */ .page-2 .card-rail{position:relative;scroll-snap-type:x mandatory;} .page-2 .card-rail .product-card{scroll-snap-align:start;} .page-2 .card-rail .feature-banner__text{ opacity:0;transform:translateY(8px); transition:opacity .22s ease,transform .22s ease; } .page-2 .card-rail .feature-banner__link:hover .feature-banner__text, .page-2 .card-rail .feature-banner__link:focus-visible .feature-banner__text, .page-2 .card-rail .product-card:focus-within .feature-banner__text{ opacity:1;transform:translateY(0); } .page-2 .card-rail + .rail-controls{ position:absolute;left:-23px;right:-23px;top:44%; display:flex;justify-content:space-between;align-items:center; margin:0;z-index:3;pointer-events:none; } .page-2 .card-rail + .rail-controls button{ pointer-events:auto;width:44px;height:44px;border-radius:50%; background:rgba(255,255,255,.96);color:#1D1C1C; border:1px solid #dedede;box-shadow:0 3px 12px #0003; display:grid;place-items:center;font-size:22px; } .page-2 .card-rail + .rail-controls button:hover{background:#fff3e5;} .page-2 .card-rail .feature-banner__link:focus-visible{outline-offset:-4px;} .page-2 .rail-wrap:has(>.card-rail){position:relative;padding-bottom:31px;} .page-2 .card-rail-dots{ display:flex;position:absolute;bottom:0;left:0;right:0; justify-content:center;align-items:center;gap:11px; } .page-2 .card-rail-dots button{ width:11px;height:11px;min-height:11px;border:0;border-radius:50%; padding:0;background:#bdbdbd;transition:background .2s,transform .2s; } .page-2 .card-rail-dots button[aria-current="true"]{ background:var(--hawkins-orange);transform:scale(1.12); } @media (hover:none){ .page-2 .card-rail .feature-banner__text{opacity:1;transform:none;} } /* Proper logo/nav fit and hero social proof on initial desktop view. */ @media (min-width:1025px){ body:has(>main.page-2) .site-header .brand {flex-basis:24%;} body:has(>main.page-2) .desktop-nav {margin-left:8px;} .page-2 .block.block-f4b95eb {--min-height:740px;--padding-top:104px;} .page-2 .block.block-659aeff {padding-top:0 !important;--padding-top:0 !important;} } /* The homepage Get Started animation follows reduced motion preferences. */ .page-2 .shimmer-button .button { isolation:isolate;position:relative; border:1px solid var(--hawkins-orange) !important; color:white !important;background-color:#212121 !important; box-shadow:0 0 0 1px #d4802840; } .page-2 .shimmer-button .button::after { content:"";position:absolute;inset:-3px;border:2px solid var(--hawkins-orange); border-radius:inherit;pointer-events:none;opacity:.7; animation:hawkins-border-pulse 2.8s ease-in-out infinite; } @keyframes hawkins-border-pulse {0%,100%{opacity:.28;box-shadow:0 0 0 0 #d4802800}50%{opacity:1;box-shadow:0 0 0 3px #d4802838}} /* Consultation heading: slightly lighter without changing its authored size. */ .page-2 .block.block-397b1aa .heading{font-weight:450 !important;} @media (max-width:1024px){ .page-2 .card-rail + .rail-controls{left:0;right:0;top:40%;} } @media (max-width:767px){ .page-2 .block.block-f4b95eb{--min-height:0;} .page-2 .card-rail + .rail-controls button{width:36px;height:36px;font-size:18px;} .site-footer .footer-nav{color:var(--hawkins-link);} } @media (prefers-reduced-motion:reduce){ .page-2 .shimmer-button .button::after{animation:none;opacity:1;} .page-2 .card-rail .feature-banner__text{transition:none;transform:none;} } /* /assets/hero-repair-4s.css */ /* Task 4S: Hero repair and source-of-truth header sizing. Review only. After Task 4R CSS so inherited overrides cannot silently undo it. User's yellow screenshot rectangles are annotations, not styles. */ @media (min-width:1320px){ /* The original navigation rail occupies about 70% of the padded header, ~910px at a 1440px viewport, rather than the stretched 4R white slab. */ .site-header.over-hero .brand { flex:0 0 23%; padding-right:0; } .site-header.over-hero .desktop-nav { flex:0 0 70%;width:70%;max-width:70%; margin:18px 0 0 auto;min-width:0; font-size:14px;min-height:58px; } .site-header.over-hero .desktop-nav>a, .site-header.over-hero .desktop-nav .nav-dropdown>summary {padding-inline:8px;} .site-header.over-hero .desktop-nav .quote-nav {padding-inline:11px;font-size:14px;} } @media (min-width:1025px){ /* Shrink surplus vertical hero space without changing body text or form behavior. Removing the entire bottom disclaimer allows the logos to sit higher. */ .page-2 .block.block-f4b95eb {--min-height:690px;--padding-top:88px;} .page-2 .block.block-659aeff {--padding-top:0px !important;padding-top:0 !important;} .page-2 .block.block-f0b9efc {--padding-top:0px;} } /* Confine the pulse to the button's edge; never animate its containing widget. */ .page-2 .shimmer-button .button { border:2px solid #D48028 !important; color:#fff !important; background:#212121 !important; box-shadow:0 0 0 1px rgba(212,128,40,.14); } .page-2 .shimmer-button .button::after { inset:0;border:0;border-radius:inherit;opacity:1; animation:hawkins-4s-edge-pulse 3.2s ease-in-out infinite; } @keyframes hawkins-4s-edge-pulse { 0%,100% {box-shadow:inset 0 0 0 0 rgba(212,128,40,0), 0 0 0 0 rgba(212,128,40,0)} 50% {box-shadow:inset 0 0 0 1px rgba(212,128,40,.42),0 0 0 2px rgba(212,128,40,.18)} } @media(prefers-reduced-motion:reduce){.page-2 .shimmer-button .button::after{animation:none;}} /* /assets/sitewide-visual-4u.css */ /* Task 4U | 2026-10-19 annotated review fixes. Applies after Task 4T. Preview only; no modifications to behavior/tracking. */ :root { --hawkins-orange:#D48028; } /* Shared orange-button system. All primary CTA labels inherit one white, 600-weight treatment rather than darker Elementor span-level text colors. */ .native-content .widget-button:not(.shimmer-button) a.button, .native-content .ccustom-hover-button a.button, .native-content a.button[href="/windows/"], .native-content a.button[href="/doors/"], .site-header a.quote-nav, .promotion a.promotion-quote { background-color:var(--hawkins-orange) !important; color:#fff !important; font-weight:600 !important; } .native-content .widget-button:not(.shimmer-button) a.button .button-content, .native-content .widget-button:not(.shimmer-button) a.button .button-content *, .native-content .ccustom-hover-button a.button .button-content, .native-content .ccustom-hover-button a.button .button-content *, .site-header a.quote-nav *, .promotion a.promotion-quote * { color:inherit !important; font-weight:inherit !important; } .native-content .widget-button:not(.shimmer-button) a.button:hover, .native-content .widget-button:not(.shimmer-button) a.button:focus-visible, .native-content .ccustom-hover-button a.button:hover, .native-content .ccustom-hover-button a.button:focus-visible { background-color:#1D1C1C !important; color:#fff !important; } /* Live-style black Get Started shimmer is intentionally excluded. */ /* Show the existing logos inside the first desktop viewport, below the form. Task 4T's 152px padding hid them even in a typical maximized window. */ @media (min-width:1025px) { .page-2 .block.block-f4b95eb { --padding-top:118px; --min-height:0; --padding-bottom:24px; } .page-2 .block.block-659aeff { --padding-top:20px; padding-top:20px !important; margin-top:20px; --padding-bottom:0px; } body:has(>main.page-2) .site-header.over-hero .desktop-nav { padding-left:35px; padding-right:3px; } /* Preserve 4T's 910px cap while keeping the rail balanced. */ } @media (min-width:1025px) and (max-width:1319px) { .page-2 .block.block-659aeff { --padding-top:16px; padding-top:16px !important; margin-top:16px; } } @media (min-width:1025px) and (max-width:1200px) { body:has(>main.page-2) .site-header.over-hero .desktop-nav { padding-left:12px; } } /* Both Google Business Profile links align at one baseline even though the Sacramento location has an additional appointment-only address line. */ @media (min-width:768px) { .site-footer .footer-location p { min-height:calc(4 * 1.6em); } } .site-footer a.footer-map:not(.footer-logo):not(.footer-social a), .site-footer a.footer-map:not(.footer-logo):not(.footer-social a):visited { color:var(--hawkins-orange) !important; } .site-footer a.footer-map:not(.footer-logo):not(.footer-social a):hover, .site-footer a.footer-map:not(.footer-logo):not(.footer-social a):focus-visible { color:#A45B13 !important; } /* /assets/sitewide-contrast-4v.css */ /* Task 4V | October 19, 2026 | review-only CTA text contrast repair. On 4U, CTA links had white computed color, but their Elementor-origin .button-content/.button-text children retained explicit #1d1c1c. The consultation CTA is a