/*
Theme Name: SBP
Theme URI: https://www.sbp.com/
Author: Specialty Building Products
Description: A lightweight accessible theme for editable Elementor pages.
Version: 1.5.1
Requires PHP: 7.4
Text Domain: sbp
*/
:root{--ink:#153525;--green:#214c30;--mid:#3c674a;--pale:#e0efb7;--cream:#f6f8f4;--line:#dce5dc;--text:#344c3c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif;background:#fff}a{color:inherit}img{max-width:100%;height:auto}button,input,select{font:inherit}:focus-visible{outline:3px solid #83aa3b;outline-offset:3px}.screen-reader-text{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.screen-reader-text:focus{clip-path:none;width:auto;height:auto;z-index:999;background:#fff;padding:10px}.sbp-utility{background:#143623;color:#fff;font-size:12px}.sbp-utility-inner{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:7px 20px}.sbp-utility a{text-decoration:none;margin-left:24px}.sbp-header{background:#fff;position:relative;z-index:30;box-shadow:0 1px 0 var(--line)}.sbp-header-inner{max-width:1240px;margin:auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:28px}.sbp-brand img{display:block;width:120px;height:auto}.sbp-nav{display:flex;align-items:center;gap:30px}.sbp-nav ul{list-style:none;display:flex;gap:30px;align-items:center;margin:0;padding:0}.sbp-nav a{text-decoration:none;font-weight:600;font-size:15px}.sbp-nav a:hover,.sbp-footer a:hover{text-decoration:underline;text-underline-offset:5px}.sbp-header-portal,.sbp-footer-portal{display:inline-block;background:var(--green);color:#fff!important;text-decoration:none;padding:11px 20px;border-radius:3px;font-weight:700;white-space:nowrap}.sbp-menu-toggle{display:none;border:1px solid var(--line);background:#fff;color:var(--ink);padding:7px 12px;cursor:pointer}.sbp-footer{background:#143623;color:#fff;padding:60px 20px 20px}.sbp-footer-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;gap:35px}.sbp-footer img{width:135px}.sbp-footer h2{font-size:15px;margin:0 0 20px}.sbp-footer p{color:#d3dfd5}.sbp-footer a{display:block;color:#fff;text-decoration:none;margin:9px 0;font-size:14px}.sbp-footer-legal{max-width:1240px;margin:55px auto 0;border-top:1px solid #55705d;padding:20px 0;display:flex;gap:24px;flex-wrap:wrap}.sbp-footer-legal a{font-size:12px}.sbp-copyright{max-width:1240px;margin:auto;color:#d3dfd5;font-size:12px}.sbp-main{min-height:50vh}.sbp-main .elementor{overflow:hidden}.sbp-main .elementor-section>.elementor-container{max-width:1240px;padding:0 20px;margin:auto}.sbp-main .elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:0}.sbp-main .elementor-section{padding:68px 0}.sbp-main .elementor-widget:not(:last-child){margin-bottom:18px}.sbp-main .elementor-widget-heading .elementor-heading-title{font:inherit;color:var(--ink);font-size:clamp(30px,4vw,52px);font-weight:650;line-height:1.12;letter-spacing:-.035em}.sbp-main .elementor-widget-heading h1.elementor-heading-title{font-size:clamp(40px,5.6vw,76px)}.sbp-main .elementor-widget-heading h3.elementor-heading-title{font-size:22px;letter-spacing:-.015em;line-height:1.25}.sbp-main .elementor-widget-heading h6.elementor-heading-title{font-size:12px;letter-spacing:.14em;font-weight:700;color:#3d6d48}.sbp-main .elementor-widget-text-editor{color:var(--text);font-size:18px;line-height:1.65}.sbp-main .elementor-widget-text-editor p{margin:0 0 12px}.sbp-main .elementor-button{background:var(--green);border-radius:3px;color:#fff;padding:15px 22px;font-weight:700;text-transform:none;line-height:1.2}.sbp-main .elementor-button:hover{background:#326442}.sbp-main .sbp-button-light .elementor-button{background:var(--pale);color:var(--ink)}.sbp-main .elementor-widget-button{display:inline-block;margin-right:12px}.sbp-main .sbp-home-hero{background:#143623;padding:0;color:white}.sbp-home-hero>.elementor-container{max-width:none!important;padding:0!important;min-height:610px;display:grid!important;grid-template-columns:43% 57%}.sbp-home-hero .elementor-column{width:100%!important}.sbp-home-hero .elementor-column:first-child{padding:70px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center}.sbp-home-hero .elementor-column:first-child .elementor-widget-wrap{display:block}.sbp-home-hero .elementor-column:last-child{position:relative;overflow:hidden}.sbp-home-hero .elementor-column:last-child .elementor-widget-image:first-child,.sbp-home-hero .hero-photo,.sbp-home-hero .hero-photo .elementor-widget-container,.sbp-home-hero .hero-photo img{height:100%}.sbp-home-hero .hero-photo{position:absolute;inset:0}.sbp-home-hero .hero-photo img{width:100%;object-fit:cover}.sbp-home-hero .elementor-column:last-child>.elementor-widget-wrap{position:static}.sbp-home-hero .elementor-widget-heading .elementor-heading-title,.sbp-home-hero .elementor-widget-text-editor{color:white}.sbp-home-hero .elementor-widget-heading h6.elementor-heading-title{color:var(--pale)}.sbp-home-hero .hero-lead{font-size:21px}.sbp-home-hero .hero-portal-logo,.sbp-home-hero .elementor-column:last-child .elementor-widget-heading,.sbp-home-hero .elementor-column:last-child .elementor-widget-button{position:relative;z-index:2;margin-left:auto;margin-right:26px;max-width:295px;background:#fff;padding:15px 20px}.sbp-home-hero .hero-portal-logo{margin-top:350px;margin-bottom:0;padding-top:20px}.sbp-home-hero .hero-portal-logo img{width:92px}.sbp-home-hero .elementor-column:last-child .elementor-widget-heading{margin-bottom:0}.sbp-home-hero .elementor-column:last-child .elementor-widget-heading h3.elementor-heading-title{font-size:13px;line-height:1.55}.sbp-home-hero .elementor-column:last-child .elementor-widget-button{padding-bottom:20px}.sbp-home-hero .elementor-column:last-child .elementor-button{padding:6px 0;background:none;color:var(--green)}.sbp-intro>.elementor-container,.sbp-duo>.elementor-container,.sbp-coverage>.elementor-container{gap:70px}.sbp-intro .elementor-column{width:50%!important}.sbp-people{background:#1e4830;color:#fff;padding:0!important}.sbp-people>.elementor-container{max-width:none!important;padding:0!important;min-height:450px;display:grid!important;grid-template-columns:50% 50%}.sbp-people .elementor-column{width:100%!important}.sbp-people .elementor-column:first-child{padding:80px max(24px,calc((100vw - 1200px)/2))}.sbp-people .elementor-column:last-child .elementor-widget-wrap,.sbp-people .elementor-column:last-child .elementor-widget-image,.sbp-people .elementor-column:last-child .elementor-widget-container,.sbp-people img{height:100%}.sbp-people img{width:100%;object-fit:cover}.sbp-people .elementor-widget-heading .elementor-heading-title{color:#fff}.sbp-home-products{background:#fff}.sbp-home-portal,.sbp-mysbp-hero{background:var(--cream)}.sbp-home-portal>.elementor-container,.sbp-mysbp-hero>.elementor-container{align-items:center;gap:50px}.sbp-home-portal .elementor-column,.sbp-mysbp-hero .elementor-column{width:50%!important}.sbp-home-portal .portal-logo img,.sbp-mysbp-hero .portal-logo img{width:130px}.sbp-home-portal .elementor-column:last-child img,.sbp-mysbp-hero .elementor-column:last-child img{max-height:430px;object-fit:contain}.sbp-coverage .elementor-column{width:50%!important}.sbp-coverage img{width:100%;height:380px;object-fit:cover}.sbp-careers{background:var(--green)}.sbp-careers .elementor-heading-title{color:white!important}.sbp-page-hero{background:#e8f0e8;padding:62px 0!important}.sbp-page-hero>.elementor-container{align-items:center;gap:30px}.sbp-page-hero-image .elementor-column{width:50%!important}.sbp-page-hero-image img{width:100%;max-height:390px;object-fit:cover}.sbp-page-hero:not(.sbp-page-hero-image) .elementor-column:first-child{width:90%!important}.sbp-article>.elementor-container,.sbp-legal>.elementor-container{max-width:880px!important}.sbp-article .elementor-widget-heading,.sbp-legal .elementor-widget-heading{margin-top:22px}.sbp-legal .elementor-widget-heading .elementor-heading-title{font-size:24px}.sbp-legal .elementor-widget-text-editor{font-size:16px}.sbp-values>.elementor-container{gap:25px}.sbp-values .elementor-column{width:33.333%!important;background:#f3f7ef;padding:30px}.sbp-values .elementor-widget-heading .elementor-heading-title{font-size:30px}.sbp-leader:nth-of-type(odd){background:#f6f8f4}.sbp-leader>.elementor-container{gap:70px;align-items:center}.sbp-leader .elementor-column{width:50%!important}.sbp-leader img{width:100%;max-height:420px;object-fit:cover;object-position:top}.sbp-feature{padding:26px 0!important}.sbp-feature>.elementor-container{background:#f4f8f0;padding:22px 30px!important;border-left:4px solid #87b660}.sbp-feature .elementor-widget-heading .elementor-heading-title{font-size:24px}.sbp-related{background:var(--cream)}.sbp-product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0 34px}.sbp-product-grid a{display:block;background:#f1f5ee;text-decoration:none;transition:transform .2s,box-shadow .2s}.sbp-product-grid a:hover{transform:translateY(-3px);box-shadow:0 8px 24px #15352520}.sbp-product-grid img{width:100%;aspect-ratio:1.35;object-fit:cover;display:block}.sbp-product-grid span{display:flex;justify-content:space-between;padding:15px;color:var(--ink);font-weight:700;font-size:15px}.sbp-product-grid span span{padding:0;color:#407546}.sbp-map-section{padding:10px 0 60px!important}.sbp-map-section>.elementor-container{max-width:1400px!important}.sbp-map{border:1px solid var(--line);width:100%;height:750px;display:block}.sbp-map-note{font-size:13px;color:#617267}.sbp-directory label{display:block;font-weight:700;margin:24px 0 6px}.sbp-directory input{width:100%;max-width:480px;border:1px solid #91a496;padding:13px 15px;border-radius:3px}.sbp-directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sbp-directory-grid article{border:1px solid var(--line);padding:20px;border-radius:3px}.sbp-directory-grid article[hidden]{display:none}.sbp-directory-grid h3{margin:0 0 10px;font-size:19px}.sbp-directory-grid p{font-size:15px}.sbp-directory-grid a{color:#1d5836;font-weight:700}
@media(max-width:900px){.sbp-menu-toggle{display:block}.sbp-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 10px 20px #0002;padding:20px}.sbp-nav.is-open{display:block}.sbp-nav ul{display:block}.sbp-nav li{padding:11px 0}.sbp-header-portal{margin-top:10px}.sbp-footer-grid{grid-template-columns:repeat(2,1fr)}.sbp-home-hero>.elementor-container{grid-template-columns:1fr}.sbp-home-hero .elementor-column:first-child{padding:60px 24px}.sbp-home-hero .elementor-column:last-child{height:400px}.sbp-home-hero .hero-portal-logo{margin-top:130px}.sbp-product-grid{grid-template-columns:repeat(3,1fr)}.sbp-directory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.sbp-utility-inner{display:block}.sbp-utility-inner>div{display:none}.sbp-header-inner{padding:13px 16px}.sbp-brand img{width:100px}.sbp-footer-grid{grid-template-columns:1fr 1fr;gap:24px}.sbp-main .elementor-section{padding:48px 0}.sbp-main .elementor-section>.elementor-container{display:block!important;padding:0 18px}.sbp-main .elementor-column{width:100%!important}.sbp-main .elementor-widget-heading h1.elementor-heading-title{font-size:40px}.sbp-home-hero>.elementor-container,.sbp-people>.elementor-container{padding:0!important}.sbp-home-hero .elementor-column:first-child,.sbp-people .elementor-column:first-child{padding:50px 18px}.sbp-people .elementor-column:last-child{height:310px}.sbp-home-portal .elementor-column:last-child,.sbp-mysbp-hero .elementor-column:last-child{margin-top:32px}.sbp-page-hero-image .elementor-column:last-child{margin-top:28px}.sbp-values .elementor-column{margin-bottom:14px}.sbp-product-grid{grid-template-columns:repeat(2,1fr)}.sbp-directory-grid{grid-template-columns:1fr}.sbp-map{height:700px}.sbp-footer-legal{gap:12px}.sbp-coverage img{height:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.sbp-nav .menu-item-has-children{position:relative}.sbp-nav .sub-menu{position:absolute;top:100%;left:-18px;display:none;min-width:240px;padding:12px 18px;background:#fff;box-shadow:0 10px 26px #15352525;z-index:50}.sbp-nav .menu-item-has-children:hover .sub-menu,.sbp-nav .menu-item-has-children:focus-within .sub-menu{display:block}.sbp-nav .sub-menu li{padding:7px 0}
@media(max-width:900px){.sbp-nav .sub-menu{position:static;box-shadow:none;display:block;padding:0 0 0 18px}.sbp-nav .sub-menu li{padding:6px 0}}
.sbp-nav .sub-menu{display:none}.sbp-nav .menu-item-has-children:hover>.sub-menu,.sbp-nav .menu-item-has-children:focus-within>.sub-menu{display:block}
.sbp-home-hero .elementor-column:last-child .hero-portal-logo,.sbp-home-hero .elementor-column:last-child .elementor-widget-heading,.sbp-home-hero .elementor-column:last-child .elementor-widget-button{position:absolute;right:24px;left:auto;z-index:3;width:330px;max-width:calc(100% - 48px);margin:0;padding:8px 20px;background:#fff}
.sbp-home-hero .elementor-column:last-child .hero-portal-logo{bottom:112px;padding-top:16px}.sbp-home-hero .elementor-column:last-child .elementor-widget-heading{bottom:40px}.sbp-home-hero .elementor-column:last-child .elementor-widget-button{bottom:12px;padding-bottom:14px}.sbp-home-hero .elementor-column:last-child .elementor-widget-heading h3.elementor-heading-title{font-size:13px;color:var(--ink)}
@media(max-width:900px){.sbp-nav .sub-menu{display:block;position:static}}
.sbp-home-hero .elementor-column:last-child>.elementor-widget-wrap{position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end;align-content:flex-end;padding:0 24px 24px}
.sbp-home-hero .elementor-column:last-child .hero-portal-logo,.sbp-home-hero .elementor-column:last-child .elementor-widget-heading,.sbp-home-hero .elementor-column:last-child .elementor-widget-button{position:relative;bottom:auto;right:auto;left:auto;width:330px;max-width:100%;margin:0!important;padding:6px 20px;background:white}
.sbp-home-hero .elementor-column:last-child .hero-portal-logo{padding-top:16px}.sbp-home-hero .elementor-column:last-child .elementor-widget-button{padding-bottom:14px}.sbp-home-hero .elementor-column:last-child .elementor-widget-heading h3.elementor-heading-title{line-height:1.5}
.sbp-blog-section{background:#fff}.sbp-blog-filters{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:0 0 14px}.sbp-blog-filters label{font-weight:700;font-size:14px}.sbp-blog-filters input,.sbp-blog-filters select{border:1px solid #9bae9c;background:#fff;border-radius:3px;padding:12px 14px;color:var(--ink);min-height:46px}.sbp-blog-filters input{min-width:min(100%,330px)}#sbp-blog-count{font-size:14px;color:#5e6e62}.sbp-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sbp-blog-grid article{background:#fff;border:1px solid var(--line);transition:box-shadow .2s,transform .2s}.sbp-blog-grid article:hover{box-shadow:0 12px 30px #1535251a;transform:translateY(-3px)}.sbp-blog-grid article[hidden]{display:none}.sbp-blog-image{display:block;background:#e8efe5}.sbp-blog-image img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block}.sbp-blog-card-body{padding:22px}.sbp-blog-meta{font-size:12px!important;letter-spacing:.05em;color:#4c754d!important;text-transform:uppercase;font-weight:700}.sbp-blog-card-body h2{font-size:22px;line-height:1.25;letter-spacing:-.02em;margin:10px 0}.sbp-blog-card-body h2 a{text-decoration:none}.sbp-blog-card-body h2 a:hover{text-decoration:underline}.sbp-blog-card-body p{color:#4c5e50;font-size:15px}.sbp-blog-more{font-size:14px;font-weight:700;text-decoration:none;color:var(--green);display:inline-block;margin-top:10px}.sbp-blog-more:hover{text-decoration:underline}.sbp-blog-article>.elementor-container{max-width:850px!important}.sbp-blog-article .elementor-widget-image img{width:100%;max-height:470px;object-fit:cover}.sbp-blog-article .elementor-widget-heading h6.elementor-heading-title{color:#4c754d}.sbp-blog-article .elementor-widget-button{margin-top:10px}.sbp-main .sbp-blog-article{padding:72px 0 90px}
@media(max-width:900px){.sbp-blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.sbp-blog-grid{grid-template-columns:1fr}.sbp-blog-filters{display:block}.sbp-blog-filters label{display:block;margin:9px 0 5px}.sbp-blog-filters input,.sbp-blog-filters select{width:100%}}
.sbp-blog-card-body h2 a{display:block}
/* A compact portal mark gives mySBP one clear destination in the header. */
.sbp-header-portal{display:flex;align-items:center;justify-content:center;min-width:126px;min-height:49px;background:#e8f0e8;border:1px solid #b5cdb6;padding:8px 15px!important}
.sbp-header-portal:hover{background:#dbeadb}
.sbp-header-portal img{display:block;width:88px;height:auto;max-height:32px;object-fit:contain}
.sbp-blog-article .elementor-widget-heading h2.elementor-heading-title{font-size:28px;line-height:1.25;letter-spacing:-.02em}
.sbp-blog-article .elementor-widget-text-editor{font-size:18px;line-height:1.68}
/* Leadership profiles sit in a balanced three-column editorial grid. */
body.sbp-leadership-page .sbp-main .elementor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1240px;padding:0 20px 76px;margin:auto}
body.sbp-leadership-page .sbp-page-hero,body.sbp-leadership-page .sbp-careers{grid-column:1/-1}
body.sbp-leadership-page .sbp-page-hero{margin:0 -20px 24px;padding:54px 20px!important}
body.sbp-leadership-page .sbp-page-hero>.elementor-container{display:block!important}
body.sbp-leadership-page .sbp-page-hero .elementor-column:first-child{width:100%!important}
body.sbp-leadership-page .sbp-page-hero h1.elementor-heading-title{font-size:clamp(32px,3.3vw,46px);max-width:1050px;line-height:1.13}
body.sbp-leadership-page .sbp-leader{padding:0!important;background:#fff!important;border:1px solid #d9e4d8;border-radius:4px;overflow:hidden}
body.sbp-leadership-page .sbp-leader>.elementor-container{display:block!important;padding:0!important;max-width:none!important}
body.sbp-leadership-page .sbp-leader .elementor-column{width:100%!important}
body.sbp-leadership-page .sbp-leader .elementor-widget-image{margin:0!important}
body.sbp-leadership-page .sbp-leader img{width:100%;height:265px;max-height:none;object-fit:cover;object-position:center 20%;display:block}
body.sbp-leadership-page .sbp-leader .elementor-widget-heading{padding:19px 22px 0;margin:0!important}
body.sbp-leadership-page .sbp-leader .elementor-widget-heading h2.elementor-heading-title{font-size:25px;line-height:1.18}
body.sbp-leadership-page .sbp-leader .elementor-widget-text-editor{padding:0 22px;font-size:15px;line-height:1.58}
body.sbp-leadership-page .sbp-leader .elementor-column:last-child .elementor-widget-text-editor{padding-bottom:20px}
body.sbp-leadership-page .sbp-leader:nth-last-child(2){grid-column:2}
body.sbp-leadership-page .sbp-careers{margin-top:26px}
@media(max-width:900px){body.sbp-leadership-page .sbp-main .elementor{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}body.sbp-leadership-page .sbp-leader:nth-last-child(2){grid-column:auto}}
@media(max-width:650px){body.sbp-leadership-page .sbp-main .elementor{grid-template-columns:1fr;padding:0 18px 50px}body.sbp-leadership-page .sbp-page-hero{margin:0 -18px 10px;padding:40px 18px!important}body.sbp-leadership-page .sbp-page-hero h1.elementor-heading-title{font-size:32px}body.sbp-leadership-page .sbp-leader img{height:285px}body.sbp-leadership-page .sbp-careers{margin-top:12px}}
/* Interior headings use their actual available width. Generated text-only heroes have an empty second column. */
.sbp-main .sbp-page-hero:not(.sbp-page-hero-image)>.elementor-container{display:block!important}
.sbp-main .sbp-page-hero:not(.sbp-page-hero-image)>.elementor-container>.elementor-column:first-child{width:100%!important}
.sbp-main .sbp-page-hero:not(.sbp-page-hero-image)>.elementor-container>.elementor-column:last-child{display:none!important}
.sbp-main .sbp-page-hero .elementor-widget-heading h1.elementor-heading-title,.sbp-main .sbp-mysbp-hero .elementor-widget-heading h1.elementor-heading-title,.sbp-main .sbp-blog-article .elementor-widget-heading h1.elementor-heading-title{font-size:clamp(34px,3.8vw,50px);line-height:1.16;letter-spacing:-.025em}
.sbp-main .sbp-page-hero:not(.sbp-page-hero-image) h1.elementor-heading-title{max-width:1050px}
body.sbp-leadership-page .sbp-main .sbp-page-hero h1.elementor-heading-title{font-size:clamp(32px,3.3vw,46px)}
@media(max-width:650px){.sbp-main .sbp-page-hero .elementor-widget-heading h1.elementor-heading-title,.sbp-main .sbp-mysbp-hero .elementor-widget-heading h1.elementor-heading-title,.sbp-main .sbp-blog-article .elementor-widget-heading h1.elementor-heading-title{font-size:clamp(31px,8vw,40px)}body.sbp-leadership-page .sbp-main .sbp-page-hero h1.elementor-heading-title{font-size:32px}}
body.sbp-long-title .sbp-main .sbp-page-hero h1.elementor-heading-title,body.sbp-long-title .sbp-main .sbp-mysbp-hero h1.elementor-heading-title{font-size:clamp(34px,3.2vw,43px);line-height:1.18}
@media(max-width:650px){body.sbp-long-title .sbp-main .sbp-page-hero h1.elementor-heading-title,body.sbp-long-title .sbp-main .sbp-mysbp-hero h1.elementor-heading-title{font-size:32px}}
/* Button widgets share a row when they are adjacent in an Elementor column. */
.sbp-main .elementor-widget-button{width:auto!important;flex:0 0 auto;max-width:100%;vertical-align:middle}
/* Corporate Sustainability uses the source program marks with clearer content groups. */
.sbp-sustain-intro{background:#f6f8f4}
.sbp-sustain-intro>.elementor-container{max-width:980px!important}
.sbp-main .sbp-sustain-intro .elementor-widget-text-editor{font-size:clamp(19px,2vw,23px);line-height:1.55;color:#25422e}
.sbp-sustain-standards>.elementor-container{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.sbp-sustain-standards .elementor-column{width:100%!important;background:#fff;border:1px solid #d9e4d8;border-top:5px solid #245332;padding:27px 25px}
.sbp-sustain-standards .elementor-widget-wrap{height:100%;display:flex;flex-direction:column}
.sbp-main .sbp-sustain-standards h3.elementor-heading-title{font-size:26px;line-height:1.2}
.sbp-sustain-standards .elementor-widget-text-editor{font-size:16px!important;line-height:1.62!important}
.sbp-sustain-standards .elementor-widget-button{margin-top:auto!important}
.sbp-sustain-standards .elementor-button{font-size:14px;padding:13px 15px!important}
.sbp-sustain-giving{background:#194328;color:#fff}
.sbp-sustain-giving>.elementor-container{display:grid!important;grid-template-columns:2fr 1fr;align-items:center;gap:65px}
.sbp-sustain-giving .elementor-column{width:100%!important}
.sbp-sustain-giving .elementor-widget-heading .elementor-heading-title,.sbp-sustain-giving .elementor-widget-text-editor{color:#fff}
.sbp-sustain-giving .giving-logo img{width:100%;max-width:315px;height:auto}
.sbp-sustain-programs{background:#e8f0e8}
.sbp-sustain-programs>.elementor-container{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.sbp-sustain-programs .elementor-column{width:100%!important;background:#fff;border:1px solid #d6e3d6}
.sbp-sustain-programs .elementor-widget-image{background:#194328;padding:35px;min-height:190px;display:flex;align-items:center;justify-content:center;margin:0!important}
.sbp-sustain-programs .elementor-widget-image .elementor-widget-container{width:100%;text-align:center}
.sbp-sustain-programs .elementor-widget-image img{width:auto;height:auto;max-height:112px;max-width:240px;object-fit:contain}
.sbp-sustain-programs .elementor-widget-heading,.sbp-sustain-programs .elementor-widget-text-editor{padding:0 26px}
.sbp-sustain-programs .elementor-widget-heading{margin-top:24px}
.sbp-main .sbp-sustain-programs h3.elementor-heading-title{font-size:27px}
.sbp-sustain-programs .elementor-widget-text-editor{font-size:16px!important;line-height:1.62!important;padding-bottom:28px}
@media(max-width:900px){.sbp-sustain-standards>.elementor-container{grid-template-columns:1fr}.sbp-sustain-standards .elementor-column{padding:24px}.sbp-sustain-giving>.elementor-container{gap:25px}}
@media(max-width:650px){.sbp-sustain-giving>.elementor-container,.sbp-sustain-programs>.elementor-container{grid-template-columns:1fr}.sbp-sustain-giving .giving-logo img{max-width:220px}.sbp-sustain-programs .elementor-column{margin-bottom:20px}}
/* Home introduction combines the organization and values paths beside its people image. */
.sbp-main .sbp-home-about{background:#f3f7ef;padding:0!important}
.sbp-home-about>.elementor-container{max-width:none!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:430px}
.sbp-home-about .elementor-column{width:100%!important;min-width:0}
.sbp-home-about .elementor-column:first-child{padding:72px clamp(24px,5vw,86px) 72px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center}
.sbp-home-about .elementor-column:first-child>.elementor-widget-wrap{display:block}
.sbp-home-about .elementor-column:first-child .elementor-widget-heading{display:block}
.sbp-home-about .elementor-column:first-child .eyebrow{margin-bottom:16px}
.sbp-main .sbp-home-about .elementor-widget-heading h2.elementor-heading-title{font-size:clamp(30px,3.3vw,49px);line-height:1.16;letter-spacing:-.035em;max-width:640px;margin-bottom:29px}
.sbp-home-about .elementor-widget-button{display:inline-block!important;margin:0 12px 12px 0!important}
.sbp-home-about .elementor-column:last-child .elementor-widget-wrap,.sbp-home-about .elementor-column:last-child .elementor-widget-image,.sbp-home-about .elementor-column:last-child .elementor-widget-container{height:100%}
.sbp-home-about .elementor-column:last-child img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover}
@media(max-width:900px){.sbp-home-about>.elementor-container{min-height:370px}.sbp-home-about .elementor-column:first-child{padding:52px 26px}.sbp-main .sbp-home-about .elementor-widget-heading h2.elementor-heading-title{font-size:clamp(29px,3.7vw,39px)}.sbp-home-about .elementor-column:last-child img{min-height:370px}}
@media(min-width:651px) and (max-width:900px){.sbp-home-about .elementor-button{padding:12px!important}.sbp-home-about .elementor-widget-button{margin-right:7px!important}}
@media(max-width:650px){.sbp-home-about>.elementor-container{display:block!important}.sbp-home-about .elementor-column:first-child{padding:48px 20px 40px}.sbp-main .sbp-home-about .elementor-widget-heading h2.elementor-heading-title{font-size:clamp(30px,8vw,39px);margin-bottom:24px}.sbp-home-about .elementor-column:last-child img{height:280px;min-height:0}.sbp-home-about .elementor-widget-button{margin-right:8px!important}.sbp-home-about .elementor-button{padding:13px 16px!important}}
@media(max-width:650px){.sbp-home-about .elementor-column:last-child{margin-top:20px}}

/* Homepage alignment, pale-button feedback, and one accessible mySBP card. */
.sbp-main .elementor-button{transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
.sbp-main .sbp-button-light .elementor-button:hover,.sbp-main .sbp-button-light .elementor-button:focus-visible{background:#cfe39e;color:#153525}
.sbp-home-hero>.elementor-container{grid-template-columns:46% 54%;min-height:590px}
.sbp-home-hero .elementor-column:first-child{padding:64px clamp(28px,4vw,64px) 64px max(24px,calc((100vw - 1200px)/2))}
.sbp-home-hero .elementor-column:first-child .elementor-widget-wrap{display:flex;flex-wrap:wrap;align-content:center;align-items:center;column-gap:12px;row-gap:0}
.sbp-home-hero .elementor-column:first-child .elementor-widget-button{margin:6px 0 0!important;align-self:center}
.sbp-home-hero .elementor-column:first-child .elementor-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center}
.sbp-main .sbp-home-hero h1.elementor-heading-title{font-size:clamp(44px,5.1vw,70px);line-height:1.08}
.sbp-home-hero .elementor-column:last-child .hero-portal-logo,.sbp-home-hero .elementor-column:last-child .elementor-widget-heading,.sbp-main .sbp-home-hero .elementor-column:last-child .elementor-widget-button{width:330px!important;max-width:100%;box-sizing:border-box;flex:none;padding:0 22px;transition:background-color .18s ease}
.sbp-home-hero .elementor-column:last-child .hero-portal-logo{height:48px;padding-top:17px;border-radius:4px 4px 0 0;text-align:left}
.sbp-home-hero .hero-portal-logo .elementor-widget-container{text-align:left}
.sbp-home-hero .elementor-column:last-child .elementor-widget-heading{height:64px;display:flex;align-items:center}
.sbp-home-hero .elementor-column:last-child .elementor-widget-heading h3.elementor-heading-title{font-size:14px;line-height:1.45}
.sbp-main .sbp-home-hero .elementor-column:last-child .elementor-widget-button{height:48px;border-radius:0 0 4px 4px;position:relative}
.sbp-home-hero .elementor-column:last-child .elementor-button{font-size:14px;padding:5px 0;background:transparent}
.sbp-home-hero .elementor-column:last-child .elementor-button::after{content:'';position:absolute;right:0;bottom:0;width:100%;height:160px;z-index:5;border-radius:4px;box-shadow:0 8px 26px #14362320;cursor:pointer}
.sbp-home-hero .elementor-column:last-child:has(.elementor-button:hover) .hero-portal-logo,.sbp-home-hero .elementor-column:last-child:has(.elementor-button:hover) .elementor-widget-heading,.sbp-home-hero .elementor-column:last-child:has(.elementor-button:hover) .elementor-widget-button{background:#edf3e6}
.sbp-home-hero .elementor-column:last-child .elementor-button:focus-visible::after{outline:3px solid #83aa3b;outline-offset:3px}
@media(max-width:900px){.sbp-home-hero>.elementor-container{grid-template-columns:1fr}.sbp-home-hero .elementor-column:first-child{padding:50px 24px}.sbp-main .sbp-home-hero h1.elementor-heading-title{max-width:660px;font-size:clamp(40px,7vw,62px)}}
@media(max-width:650px){.sbp-home-hero .elementor-column:first-child{padding:44px 20px}.sbp-main .sbp-home-hero h1.elementor-heading-title{font-size:clamp(38px,10vw,52px)}.sbp-home-hero .hero-lead{font-size:19px}.sbp-home-hero .elementor-column:first-child .elementor-button{padding:14px 16px;font-size:14px}.sbp-home-hero .elementor-column:last-child>.elementor-widget-wrap{padding:0 20px 20px}}

/* Homepage coverage map: preserve every location marker without cropping. */
.elementor-2 .sbp-coverage img{height:auto!important;max-height:none;object-fit:contain;display:block}
.elementor-2 .sbp-coverage>.elementor-container{align-items:center}
.elementor-2 .sbp-coverage .elementor-widget-image a{display:block;transition:opacity .18s ease}
.elementor-2 .sbp-coverage .elementor-widget-image a:hover{opacity:.88}

/* One editable Image Box provides the entire mySBP card. */
.sbp-home-hero .sbp-portal-card{position:relative;z-index:3;width:330px!important;max-width:100%;margin:0!important;flex:none;background:#fff;border-radius:4px;box-shadow:0 8px 26px #14362320;transition:background-color .18s ease}
.sbp-home-hero .sbp-portal-card:hover,.sbp-home-hero .sbp-portal-card:focus-within{background:#edf3e6}
.sbp-portal-card-link,.sbp-portal-card .elementor-image-box-wrapper{display:block;padding:20px 22px;text-decoration:none;color:#153525;text-align:left}
.sbp-portal-card-link img,.sbp-portal-card .elementor-image-box-img img{width:92px;height:auto;max-height:32px;object-fit:contain;display:block}
.sbp-portal-card .elementor-image-box-img{margin:0 0 12px!important;width:92px!important}
.sbp-portal-card-link h3,.sbp-portal-card .elementor-image-box-title{margin:12px 0;font:700 14px/1.45 Arial,Helvetica,sans-serif;color:#153525}
.sbp-portal-card-link p,.sbp-portal-card .elementor-image-box-description{margin:0;font:700 14px/1.5 Arial,Helvetica,sans-serif;color:#245338}
.sbp-product-availability{background:#eef4e9;padding:32px max(20px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.sbp-product-availability p{margin:0;font-size:20px;font-weight:700}.sbp-product-availability a{display:inline-block;background:#245338;color:#fff;padding:14px 22px;border-radius:3px;text-decoration:none;font-weight:700}.sbp-product-availability a:hover{background:#326442}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sbp-main a,.sbp-main .elementor-button{transition:none!important}}

.sbp-header-portal span{color:#153525!important}

/* Shared brand presentation: equal specificity in editor and published views. */
.sbp-main .elementor.elementor.elementor .elementor-widget-heading .elementor-heading-title{color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.sbp-main .elementor.elementor.elementor .elementor-widget-text-editor{color:var(--text);font-family:Arial,Helvetica,sans-serif}
.sbp-main .elementor.elementor.elementor .elementor-widget-heading h6.elementor-heading-title{color:#3d6d48}
.sbp-main .elementor.elementor.elementor .elementor-button{background:var(--green);color:#fff;font-family:Arial,Helvetica,sans-serif}
.sbp-main .elementor.elementor.elementor .elementor-button:hover,.sbp-main .elementor.elementor.elementor .elementor-button:focus-visible{background:#326442;color:#fff}
.sbp-main .elementor.elementor.elementor .sbp-button-light .elementor-button{background:var(--pale);color:var(--ink)}
.sbp-main .elementor.elementor.elementor .sbp-button-light .elementor-button:hover,.sbp-main .elementor.elementor.elementor .sbp-button-light .elementor-button:focus-visible{background:#cfe39e;color:var(--ink)}
.sbp-main .elementor.elementor.elementor .sbp-home-hero .elementor-heading-title,.sbp-main .elementor.elementor.elementor .sbp-home-hero .elementor-widget-text-editor,.sbp-main .elementor.elementor.elementor .sbp-people .elementor-heading-title,.sbp-main .elementor.elementor.elementor .sbp-careers .elementor-heading-title{color:#fff}
.sbp-main .elementor.elementor.elementor .sbp-home-hero h6.elementor-heading-title{color:var(--pale)}
/* Who We Are is a distinct people-and-purpose band between two light rows. */
.sbp-main .elementor.elementor.elementor .sbp-home-about{background:#143623;color:#fff}
.sbp-main .elementor.elementor.elementor .sbp-home-about .elementor-heading-title{color:#fff}
.sbp-main .elementor.elementor.elementor .sbp-home-about h6.elementor-heading-title{color:#e0efb7}
.sbp-main .elementor.elementor.elementor .sbp-home-about .elementor-button{background:#e0efb7;color:#153525;border:0}
.sbp-main .elementor.elementor.elementor .sbp-home-about .elementor-button:hover,.sbp-main .elementor.elementor.elementor .sbp-home-about .elementor-button:focus-visible{background:#cfe39e;border-color:#cfe39e;color:#153525}
.sbp-main .elementor.elementor.elementor .sbp-home-about .sbp-button-light .elementor-button{background:var(--green);border:0;color:#fff}
.sbp-main .elementor.elementor.elementor .sbp-home-about .sbp-button-light .elementor-button:hover,.sbp-main .elementor.elementor.elementor .sbp-home-about .sbp-button-light .elementor-button:focus-visible{background:#326442;border:0;color:#fff}

/* Giving Back: readable text on its existing dark-green band. */
.sbp-main .elementor.elementor.elementor .sbp-sustain-giving .elementor-heading-title,.sbp-main .elementor.elementor.elementor .sbp-sustain-giving .elementor-widget-text-editor,.sbp-main .elementor.elementor.elementor .sbp-sustain-giving p{color:#fff}
/* DW announcement uses the green sampled from the mySBP lettering. */
body.page-id-709 .sbp-brand-announcement{background:#64b646!important;color:#fff!important}

/* Sticky navigation and balanced Core Values layout. */
.sbp-header{position:sticky;top:0;z-index:100;box-shadow:0 1px 0 var(--line),0 5px 18px #1535250c}
body.admin-bar .sbp-header{top:32px}
html{scroll-padding-top:110px}
@media(max-width:782px){body.admin-bar .sbp-header{top:46px}}
@media(max-width:600px){body.admin-bar .sbp-header{top:0}}
@media(min-width:901px){.sbp-nav,.sbp-nav>ul{gap:24px}}
@media(min-width:901px) and (max-width:1100px){.sbp-header-inner{gap:16px}.sbp-nav,.sbp-nav>ul{gap:16px}.sbp-nav a{font-size:14px}.sbp-brand img{width:105px}}
@media(max-width:900px){.sbp-nav{max-height:calc(100dvh - 110px);overflow-y:auto}}
.sbp-main .elementor-527 .sbp-page-hero>.elementor-container{max-width:960px;text-align:center}
.sbp-main .elementor-527 .sbp-page-hero .elementor-column:first-child{width:100%!important}
.sbp-main .elementor-527 .sbp-page-hero .elementor-column:last-child{display:none}
.sbp-main .elementor-527 .sbp-intro{padding:52px 0 36px}
.sbp-main .elementor-527 .sbp-intro>.elementor-container{max-width:900px}
.sbp-main .elementor-527 .sbp-intro .elementor-column{width:100%!important}
.sbp-main .elementor-527 .sbp-values{padding:20px 0 64px}
.sbp-main .elementor-527 .sbp-values>.elementor-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sbp-main .elementor-527 .sbp-values .elementor-column{width:100%!important;margin:0;padding:30px;background:#f3f7ef;border:1px solid #dce6d6;border-top:4px solid #64b646;border-radius:4px}
.sbp-main .elementor-527 .sbp-values .elementor-widget-wrap{display:grid;grid-template-rows:auto 76px repeat(3,1fr);gap:20px;align-content:start}
.sbp-main .elementor-527 .sbp-values .elementor-widget{margin:0;width:100%}
.sbp-main .elementor-527 .sbp-values h6.elementor-heading-title{font-size:12px;line-height:1.3;letter-spacing:.14em}
.sbp-main .elementor-527 .sbp-values h2.elementor-heading-title{font-size:30px;line-height:1.15;text-transform:capitalize}
.sbp-main .elementor-527 .sbp-values .elementor-widget-text-editor{font-size:17px;line-height:1.55;border-top:1px solid #d8e2d2;padding-top:18px}
.sbp-main .elementor-527 .sbp-values p{margin:0}
.sbp-main .elementor-527 .sbp-careers{text-align:center}
.sbp-main .elementor-527 .sbp-careers .elementor-widget-button{margin-right:0}
@media(max-width:900px){.sbp-main .elementor-527 .sbp-values>.elementor-container{grid-template-columns:1fr;max-width:740px}.sbp-main .elementor-527 .sbp-values .elementor-widget-wrap{grid-template-rows:none;gap:18px}.sbp-main .elementor-527 .sbp-values .elementor-column{margin-bottom:20px}}

.sbp-main .elementor-527 .sbp-careers .elementor-button-wrapper{text-align:center}

.sbp-main .elementor-527 .sbp-careers .elementor-widget-button{width:100%!important;max-width:none!important}

.sbp-main .elementor-527 .sbp-careers .elementor-widget-wrap{justify-content:center!important}

/* Editable supplier partner grids on product pages. */
.sbp-main .elementor .sbp-supplier-heading{background:#f3f7ef;padding:52px 0 16px;text-align:center}
.sbp-main .elementor .sbp-supplier-heading .elementor-column{width:100%!important}
.sbp-main .elementor .sbp-supplier-heading .elementor-heading-title{font-size:clamp(30px,3vw,42px)}
.sbp-main .elementor .sbp-supplier-heading .elementor-widget-text-editor{font-size:17px}
.sbp-main .elementor .sbp-supplier-logos{background:#f3f7ef;padding:12px 0 56px}
.sbp-main .elementor .sbp-supplier-logos>.elementor-container{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sbp-main .elementor .sbp-supplier-logos .elementor-column{width:100%!important;min-width:0;background:#fff;border:1px solid #dce6d6;border-radius:4px;overflow:hidden}
.sbp-main .elementor .sbp-supplier-logos .elementor-widget-wrap{padding:0!important;display:block}
.sbp-main .elementor .sbp-supplier-logos img{display:block;width:100%;aspect-ratio:222/155;object-fit:contain}
.sbp-main .elementor .sbp-supplier-logos .elementor-widget{margin:0}
@media(max-width:900px){.sbp-main .elementor .sbp-supplier-logos>.elementor-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:650px){.sbp-main .elementor .sbp-supplier-logos>.elementor-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Consistent homepage hero and Who We Are button geometry. */
.sbp-main .elementor.elementor.elementor :is(.sbp-home-hero,.sbp-home-about) .elementor-column:first-child .elementor-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border:0;border-radius:4px;padding:15px 30px;font-size:16px;font-weight:500;line-height:1.2}
@media(max-width:900px){.sbp-main .elementor.elementor.elementor :is(.sbp-home-hero,.sbp-home-about) .elementor-column:first-child .elementor-button{padding:14px 16px!important;font-size:14px;min-height:46px}}
