/* Skirting Depot 1.0.33: neutral charcoal and light gray with orange accents. */
:root{--orange:#d18a50;--orange-dark:#a95f2b;--cream:#f2f4f6;--ink:#262626;--line:#dce1e5}
body{background:#f2f4f6}
.topbar{background:#191b1b;border-top:2px solid var(--orange);color:#e2e6ea}
.topbar a{color:#e2e6ea}
.site-header{background:#252a2f;border:0}
.header-main{background:#252a2f}
.brand{background:transparent;padding-left:0;box-shadow:none}
.product-search{background:#ffffff;border-color:#ffffff}
.product-search input{color:#262626}
.product-search button{color:#262626}
.header-help,.header-help strong{color:white}
.header-help>span{color:#cbd1d6}
.header-help:hover,.header-help:hover strong{color:#dfad88}
.main-nav{background:var(--orange);border-top:0;border-bottom:2px solid #b66c38}
.nav-list{gap:36px;color:#20252a}
.nav-list a{color:#20252a;padding-inline:3px}
.nav-list a:hover,.nav-list a:focus-visible{color:#000;text-decoration:underline;text-underline-offset:6px}
.nav-list .sub-menu{background:#f3f5f7;border:1px solid #b66c38}
.hero{background:#e4e8ec;border-bottom:2px solid var(--orange)}
.hero h1{color:#262c32}
.hero h1 em{color:#b76c30}
.hero-description{color:#56616b}
.hero-copy .eyebrow{color:#975629}
.hero-actions .text-link{color:#303a44;border-color:#ca8a59}
.hero-actions .text-link:hover{color:#975629}
.hero-note{color:#5e6771}
.hero-note span{color:#975629}
.hero-caption{color:#5e6771}
.hero-photo{border:1px solid #bcc5cd;box-shadow:none}
.material-card{border:1px solid #c5cdd4;background:#ffffff;box-shadow:none;color:#262626}
.material-card small{color:#626a72}
.material-dot{border-color:#e6eaee}
.benefits{background:#e9edf1;border:1px solid #d3d9df;border-top:0;border-radius:0 0 8px 8px;padding-inline:26px;box-shadow:0 5px 14px #17233007}
.benefits>div+div{border-color:#cbd2d9}
.benefits strong{color:#262c32}
.benefits div div span{color:#5b636c}
.benefit-number{color:#975629;font-weight:bold}
.category-card{border-color:#d5dce3;border-top:2px solid var(--orange);box-shadow:0 4px 12px #17233008}
.category-card:hover{border-color:var(--orange);box-shadow:0 12px 30px #1723301a}
.category-image{background:#fafbfc}
.category-label{background:#edf0f3;border-top:1px solid #d9dfe5}
.category-label small{color:#5f6871}
.category-label h3{color:#262c32}
.category-label>span{color:#975629}
.section-tinted{background:#30363c;border-block:2px solid #b6794c;color:#ffffff}
.section-tinted .section-heading h2{color:#ffffff}
.section-tinted .section-heading .eyebrow{color:#d8a078}
.section-tinted .section-heading>.text-link{color:#ffffff;border-color:#ca8a59}
.section-tinted .section-heading>.text-link:hover{color:#dfad88}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{border-color:#d5dce3;border-top:2px solid var(--orange);color:#262626;box-shadow:0 5px 18px #1723300a}
.woocommerce ul.products li.product .sd-details{background:#f1f4f6;border:1px solid #d8e0e7;border-radius:3px;color:#333c45;padding:11px 12px;gap:10px}
.woocommerce ul.products li.product .sd-details:hover{background:var(--orange);color:#20252a;border-color:var(--orange)}
.planning-title .eyebrow{color:#975629}
.planning-steps li>span{background:var(--orange);border-color:var(--orange);color:#262626;font-weight:700}
.planning-steps li+li{border-color:#d5dce3}
.help-strip{background:#e3e7eb;border-top:2px solid var(--orange);color:#20252a}
.help-strip h2{color:#20252a}
.help-strip .eyebrow{color:#263039}
.button-light{background:#252a2f;border-color:#252a2f;color:#ffffff}
.button-light:hover{background:#15191d;border-color:#15191d;color:#fff}
.site-footer{background:#1e242a;border-top:2px solid #b6794c}
.site-footer h2{color:#d8a27b}
.footer-store{color:#d8a27b}
.catalog-main{background:#ffffff;margin-block:32px;border:1px solid #d9e0e6;border-top:3px solid var(--orange);border-radius:6px;padding:26px 28px 55px}
.catalog-topline{background:#e9edf1;border:1px solid #d3d9df;border-radius:4px;padding:12px 16px;color:#414c56}
.catalog-topline .eyebrow{color:#414c56}
.woocommerce .woocommerce-products-header{border-left:5px solid var(--orange);padding-left:22px;margin-bottom:30px}
.woocommerce .woocommerce-products-header h1{color:#262c32}
.woocommerce div.product div.images{border-color:#d9e0e6;background:#fff}
.woocommerce div.product .woocommerce-tabs ul.tabs{background:#30373e;border-radius:5px;padding:3px 20px;color:#ffffff}
.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:transparent;color:#ffffff}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#ffffff}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom:3px solid var(--orange)}
.woocommerce div.product .woocommerce-tabs ul.tabs:before{border:0}
.page-article{border-top:3px solid var(--orange);padding:30px 35px 35px;background:#ffffff;border-radius:5px;box-shadow:0 5px 25px #17233008}
.post-card{border-top:2px solid var(--orange);background:#ffffff}
.post-date{color:#5b6671}
@media(max-width:1100px){.nav-list{gap:25px}}
@media(max-width:800px){.menu-toggle{background:var(--orange);border-color:var(--orange);color:#20252a}.main-nav{border-bottom-width:3px}.nav-list .sub-menu{background:#e9edf1;box-shadow:none}.catalog-main{padding-inline:22px}.benefits{padding-inline:20px}}
@media(max-width:560px){.benefits{padding-inline:15px}.benefits>div+div{border-top-color:#cbd2d9}.catalog-main{padding:20px 12px 40px;margin-block:20px}.catalog-topline{padding:10px}.woocommerce .woocommerce-products-header{padding-left:15px}.page-article{padding:25px 20px}.woocommerce div.product .woocommerce-tabs ul.tabs{padding-inline:15px}}

@media(max-width:560px){.topbar .container>.topbar-styles{display:block}.topbar .container{justify-content:space-between}.topbar .container>span:first-child{display:block;font-size:9px}.topbar .container>.topbar-styles{font-size:9px}}

/* Let the measuring guide use the full page container on desktop. */
.page-article.page-article-wide{max-width:none;width:100%}

/* Compact desktop navigation while preserving comfortable mobile links. */
.nav-list{min-height:40px}
.nav-list a{padding-block:9px}
@media(min-width:801px){.header-main{min-height:88px}.brand{width:260px;padding-block:8px}}
@media(max-width:800px){.nav-list{min-height:0}.nav-list a{padding-block:12px}.main-nav{border-bottom-width:2px}}

/* Crisp hero presentation with no haze, overlay or image effects. */
.hero{background:#e4e8ec;background-image:none;opacity:1;filter:none;box-shadow:none}
.hero-photo:before,.hero-photo:after{display:none;content:none;background:none}
.hero-photo img{opacity:1;filter:none;mix-blend-mode:normal}
.hero-description{color:#454f58}
.nav-list a{text-transform:capitalize}
.woocommerce .price,.woocommerce .onsale{display:none!important}

/* Bold white navigation and full-width information pages. */
.main-nav{background:#c47535;border-bottom-color:#ac622b}
.main-nav .nav-list a{color:#fff;font-weight:700}
.main-nav .nav-list a:hover,.main-nav .nav-list a:focus-visible{color:#fff;background:#aa602c}
.main-nav .nav-list .sub-menu{background:#30373e;border-color:#59636c}
.main-nav .nav-list .sub-menu a{color:#fff}
.page-article{max-width:none;width:100%}
@media(min-width:801px){.product-search{max-width:680px;margin-left:auto}}

/* Sticky header, readable navigation and a keyboard-accessible back-to-top link. */
.site-header{position:sticky;top:var(--sd-sticky-offset,0px);z-index:1000;box-shadow:0 2px 8px #16233018}
body.admin-bar .site-header{top:var(--sd-sticky-offset,32px)}
html{scroll-padding-top:calc(var(--sd-header-height,165px) + var(--sd-sticky-offset,0px) + 16px)}
.nav-list{font-size:16px;line-height:1.2;gap:20px}
.main-nav .nav-list a{font-weight:700}
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:1100;display:grid;place-items:center;width:46px;height:46px;border:1px solid #59636c;border-radius:6px;background:#252a2f;color:#fff;box-shadow:0 3px 12px #16233024}
.back-to-top[hidden]{display:none}
.back-to-top:hover{background:#414b55;color:#fff}
.back-to-top:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(min-width:801px) and (max-width:1000px){.header-main{min-height:90px;flex-wrap:wrap;gap:12px;padding-block:12px}.brand{width:230px;padding-block:8px}.product-search{order:3;max-width:none;flex-basis:100%;margin-left:0}.menu-toggle{display:flex;gap:8px;align-items:center;margin-left:auto;border:1px solid var(--orange);border-radius:4px;padding:9px 12px;background:var(--orange);color:#20252a;font-size:13px}.main-nav{display:none}.main-nav.is-open{display:block}.nav-list{display:block;padding:8px 0;min-height:0}.nav-list a{padding-block:12px}.nav-list .sub-menu{position:static;display:block;padding:0 15px;box-shadow:none}}
@media(max-width:1000px){.main-nav.is-open{max-height:calc(100vh - var(--sd-header-row-height,180px) - var(--sd-sticky-offset,0px));max-height:calc(100dvh - var(--sd-header-row-height,180px) - var(--sd-sticky-offset,0px));overflow-y:auto}.nav-list{font-size:16px}}
@media(max-width:800px){.header-main{padding-block:12px;gap:12px}.brand{padding-block:8px}.product-search{height:44px}.product-search button{height:42px}}
@media(max-width:782px){body.admin-bar .site-header{top:var(--sd-sticky-offset,46px)}}
@media(max-width:560px){.back-to-top{right:16px;bottom:max(18px,env(safe-area-inset-bottom));width:44px;height:44px}}

/* Three public style cards after retiring Panels & Trim. */
@media(min-width:801px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}

/* Original information-page structure, with the wider current content area. */
.page-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:#667078;margin-bottom:22px;}
.page-breadcrumb a{color:#30383d;}
.information-navigation{border-top:1px solid #dce0e2;border-bottom:1px solid #dce0e2;margin-bottom:30px;}
.information-navigation ul{display:flex;flex-wrap:wrap;gap:6px 22px;list-style:none;margin:0;padding:13px 0;}
.information-navigation a{display:block;font-size:14px;line-height:1.5;padding:4px 0;color:#41494e;}
.information-navigation a[aria-current="page"]{font-weight:700;color:#8e4a1b;text-decoration:underline;text-underline-offset:5px;}
.page-article-wide>.entry-content{max-width:none;}
.page-article-wide>.entry-content>h2,.page-article-wide>.entry-content>b{margin-top:26px;margin-bottom:12px;}
.page-article-wide>.entry-content>b{display:block;}
.measuring-figure{margin:0 0 30px;}
.measuring-figure img{display:block;width:min(100%,740px);height:auto;}
.public-site-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;}
@media(max-width:560px){.information-navigation ul{gap:4px 18px;}.information-navigation a{font-size:13px;}.public-site-map{grid-template-columns:1fr;gap:20px;}}

/* Clear navigation within blog articles. */
.blog-back-link{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;color:var(--ink);margin:0 0 24px;}
.blog-back-link:hover{text-decoration:underline;text-underline-offset:4px;}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr)260px;gap:28px;align-items:start;}
.blog-layout>.page-article{grid-column:1;grid-row:1;width:100%;min-width:0;margin:0;}
.blog-sidebar{grid-column:2;grid-row:1;min-width:0;background:#fff;border:1px solid #dce0e2;border-top:3px solid var(--orange);border-radius:5px;padding:23px;}
.blog-sidebar h2{font-size:19px;margin:0 0 17px;letter-spacing:-.02em;}
.blog-sidebar ul{list-style:none;padding:0;margin:0;}
.blog-sidebar li+li{border-top:1px solid #e9ebec;margin-top:11px;padding-top:11px;}
.blog-sidebar a{display:block;font-size:14px;line-height:1.5;}
.blog-sidebar a[aria-current="page"]{font-weight:700;color:#8e4a1b;}
.blog-article-footer{margin-top:30px;padding-top:22px;border-top:1px solid #e2e5e7;}
.blog-article-footer .blog-back-link{margin-bottom:0;}
@media(max-width:900px){.blog-layout{grid-template-columns:minmax(0,1fr);gap:22px;}.blog-sidebar,.blog-layout>.page-article{grid-column:1;grid-row:auto;}.blog-sidebar{padding:19px;}.blog-sidebar ul{display:flex;flex-wrap:wrap;gap:10px 20px;}.blog-sidebar li+li{border:0;margin:0;padding:0;}.blog-sidebar h2{margin-bottom:12px;}}

/* Compact cards on the main blog page. */
.entry-content .sd-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:25px;}
.sd-blog-card{min-width:0;display:flex;flex-direction:column;border:1px solid #dce0e2;border-radius:5px;overflow:hidden;background:#fff;}
.blog-card-media{display:block;overflow:hidden;background:#edf0f2;}
.entry-content .sd-blog-card .blog-card-image{display:block;width:100%;height:180px;object-fit:cover;margin:0;border-radius:0;}
.blog-card-body{display:flex;flex:1;flex-direction:column;padding:21px;}
.entry-content .sd-blog-card h2{font-size:22px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px;}
.entry-content .sd-blog-card h2 a{color:var(--ink);text-decoration:none;}
.entry-content .sd-blog-card h2 a:hover{text-decoration:underline;}
.entry-content .blog-card-date{font-size:13px;color:#606970;margin:0 0 10px;}
.entry-content .blog-card-excerpt{font-size:15px;line-height:1.65;margin:0 0 20px;}
.blog-card-more{font-size:15px;font-weight:700;margin-top:auto;}
@media(max-width:1000px){.entry-content .sd-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.entry-content .sd-blog-grid{grid-template-columns:minmax(0,1fr);gap:20px;}}

/* Emphasize headings on the home page. */
.home h1,.home h2,.home h3,.home h4,.home h5,.home h6,.home .benefits strong,.home .material-card strong{text-transform:uppercase;}

.home-introduction{padding-bottom:0;}
.home-introduction>p:not(.eyebrow){max-width:1000px;}

.sd-product-breadcrumbs{margin:4px 0 24px;font-size:14px;line-height:1.6;}
.sd-product-breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:6px 10px;}
.sd-product-breadcrumbs li{max-width:100%;overflow-wrap:anywhere;}
.sd-product-breadcrumbs li+li:before{content:"›";color:#6d757b;margin-right:10px;}
.sd-product-breadcrumbs a,.sd-product-browse a{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px;}
.sd-product-breadcrumbs [aria-current]{color:#606970;}
.sd-product-browse{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin:30px 0 12px;padding:22px 0;border-top:1px solid var(--line);font-size:15px;}
@media(max-width:640px){.sd-product-breadcrumbs{font-size:13px;}.sd-product-browse{flex-direction:column;align-items:flex-start;}}
