/* Theme Name: Bayberry Cleaning Description: Custom Bayberry design with an editable block homepage and contact settings. Version: 2.3.2 Requires at least: 6.6 Requires PHP: 7.4 Text Domain: bayberry License: GPL-2.0-or-later */ :root{--ink:#122f3b;--green:#245f4d;--paper:#fff;--light:#eef4f4;--line:#cedbdc;--muted:#48616c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit}a:focus-visible{outline:3px solid #d5a835;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.notice{background:var(--ink);color:white;text-align:center;padding:8px 20px;font-size:14px;letter-spacing:.04em}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0}.brand{display:flex;flex-direction:column;text-decoration:none;line-height:1}.brand strong{font:700 35px Georgia,serif;letter-spacing:-1.3px}.brand span{font-size:12px;letter-spacing:.32em;text-transform:uppercase;margin-top:8px}nav{display:flex;align-items:center;gap:30px;font-size:15px}nav a{text-decoration:none}.button{display:inline-block;background:var(--green);color:white;text-decoration:none;padding:14px 24px;border-radius:4px;font-size:16px;font-weight:700}.eyebrow{color:var(--green);font-size:13px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;margin:0 0 22px}h1{font:400 clamp(48px,5.3vw,76px)/1.07 Georgia,serif;letter-spacing:-2px;margin:0 0 26px}h1 em{color:var(--green);font-weight:400}h2{font:400 clamp(34px,3.3vw,48px)/1.15 Georgia,serif;letter-spacing:-1px;margin:0 0 20px}h3{font:400 27px/1.25 Georgia,serif;margin:18px 0 12px}p{margin:0 0 24px}.intro{max-width:440px;color:var(--muted);font-size:18px}.small-link{margin-left:20px;font-size:15px;text-underline-offset:5px}.strip{background:var(--light);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip .wrap{display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:15px}.strip span:before{content:"✓";color:var(--green);margin-right:12px}section{padding:90px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.section-top p{max-width:370px;color:var(--muted);margin-bottom:3px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.card{border-top:1px solid var(--line);padding:28px 0 0}.num{font-size:14px;letter-spacing:.12em;color:var(--green)}.card p{color:var(--muted);font-size:16px}.tag{font-size:13px;display:inline-block;border:1px solid var(--line);padding:5px 12px;border-radius:30px}.about{background:var(--ink);color:white}.about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about .eyebrow{color:#aad3bd}.about p{color:#d3e1e5}.about p:last-child{margin-bottom:0}.contact{max-width:780px;text-align:center;margin:auto}.contact p{color:var(--muted)}.contact-note{border:1px solid var(--line);padding:22px 30px;border-radius:4px;background:var(--light);max-width:570px;margin:30px auto 0}.contact-note strong{display:block;font-size:18px;margin-bottom:6px}.contact-note p{font-size:15px;margin:0}footer{border-top:1px solid var(--line);padding:32px 0}footer .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}footer p{margin:0;font-size:14px;color:var(--muted)}footer .brand strong{font-size:26px}footer .brand span{font-size:10px} @media(max-width:800px){.wrap{width:calc(100% - 40px)}header{padding:23px 0}nav{gap:18px}nav a:not(.button){display:none}nav .button{font-size:14px;padding:11px 16px}.brand strong{font-size:29px}.intro{max-width:100%}h1{max-width:600px}.strip .wrap{flex-wrap:wrap;gap:8px 24px;padding:18px 0}.section-top{display:block}.section-top p{max-width:100%}.cards{grid-template-columns:1fr;gap:30px}.card p{max-width:550px}.about .wrap{grid-template-columns:1fr;gap:20px}section{padding:60px 0}footer .wrap{align-items:start;flex-direction:column}.contact-note{padding:22px}.small-link{display:inline-block;margin-top:18px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} .brand .logo-crop{position:relative;display:block;width:250px;height:94px;overflow:hidden;margin:0;letter-spacing:normal}.logo-crop img{position:absolute;width:325px;max-width:none;height:auto;left:-48px;top:-112px}.strip .wrap{flex-wrap:wrap;justify-content:center;gap:12px 28px}.moving-note{margin:35px 0 0;padding:20px 24px;background:var(--light);font-size:16px}.pricing{background:var(--light)}.estimate-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.estimate-grid h3{margin-top:0}.estimate-grid ul{padding-left:22px;color:var(--muted)}.estimate-grid li{margin-bottom:12px}.estimate-note{max-width:780px;color:var(--muted);margin-top:22px}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:34px 0 24px}.contact-option{border:1px solid var(--line);border-radius:4px;padding:22px;background:var(--light)}.contact-option h3{margin-top:0}.contact-option p{font-size:16px}.contact-option span{font-size:15px}.contact-option a{font-weight:bold;overflow-wrap:anywhere}.booking-note{font-size:14px}.notice a{font-weight:700;text-underline-offset:3px}.brand{flex-shrink:0} @media(max-width:800px){.estimate-grid{grid-template-columns:1fr;gap:24px}.contact-options{grid-template-columns:1fr}.brand .logo-crop{width:175px;height:67px}.logo-crop img{width:228px;left:-34px;top:-79px}nav .button{max-width:140px;text-align:center}header{gap:12px}.notice{font-size:14px}.strip .wrap{justify-content:flex-start}} @media(max-width:370px){header{flex-wrap:wrap}} .wp-block-group{box-sizing:border-box}.wp-block-group> :first-child{margin-top:0}.strip p{margin:0;font-size:15px}.strip p:before{content:"✓";color:var(--green);margin-right:12px}.wp-block-button__link{background:var(--green);color:white;border-radius:4px;padding:14px 24px;font-size:16px;font-weight:700;text-decoration:none}.wp-block-buttons{margin-bottom:16px}.small-link{margin-left:0}.custom-logo-link img{width:250px;height:auto;max-height:110px;object-fit:contain}.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:12px;top:12px;background:white;padding:14px;z-index:10000}.page-content{padding:55px 0;min-height:50vh}.page-content img{max-width:100%;height:auto}.post-list article{padding:30px 0;border-bottom:1px solid var(--line)}.site-header{padding:26px 0}.editor-styles-wrapper{font-family:Arial,sans-serif;color:var(--ink)}.editor-styles-wrapper .wp-block{max-width:1200px}.editor-styles-wrapper .block-editor-block-list__layout .wp-block-group{margin-top:0;margin-bottom:0}@media(max-width:800px){.custom-logo-link img{width:175px}} /* Service navigation */ .services-menu{position:relative}.services-menu summary{cursor:pointer;list-style:none;padding:10px 0;font-size:15px}.services-menu summary::-webkit-details-marker{display:none}.services-menu summary:after{content:"⌄";margin-left:8px}.service-dropdown{position:absolute;top:100%;left:0;min-width:250px;padding:8px;background:white;border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 25px #122f3b18;z-index:30}.service-dropdown a{display:block;padding:12px 14px;border-radius:3px;color:var(--ink);font-size:15px}.service-dropdown a:hover, .service-dropdown a:focus-visible{background:var(--light)}summary:focus-visible{outline:3px solid #d5a835;outline-offset:4px}#residential-cleaning, #window-cleaning{scroll-margin-top:32px} @media(max-width:800px){header{flex-wrap:wrap}.site-header nav, header nav{flex-wrap:wrap;gap:12px 20px;width:100%;justify-content:space-between}nav .service-dropdown a{display:block}nav>a[href="#about"], nav>a[href$="/#about"]{display:block}.service-dropdown{min-width:230px}.services-menu summary{font-size:14px}} .category-intro{color:var(--muted);max-width:620px}#residential-cleaning, #commercial-cleaning, #specialty-cleaning{scroll-margin-top:30px} /* WordPress classic Group blocks add a wrapper at render time. Flatten only the Bayberry layout wrappers so their children participate in the existing grid/flex layouts, including already-saved homepages. */ #main-content .about .wrap > .wp-block-group__inner-container > *{ margin-block-start:0; margin-block-end:0; min-width:0; } #main-content .strip .wrap > .wp-block-group__inner-container > p{margin:0;} /* Preserve the preview's side-by-side action links in the block markup. */ /* Keep editor layout consistent where legacy group wrappers occur. */ /* Contact graphics and simplified pricing introduction. */ .contact-option a.contact-icon{display:flex;width:64px;height:64px;align-items:center;justify-content:center;margin:0 auto 14px;border:1px solid #c3d8cc;border-radius:50%;background:#fff;transition:background .15s,transform .15s} .contact-option a.contact-icon:hover{background:#dcebe2;transform:translateY(-2px)} .contact-icon img{display:block;width:32px;height:32px} #pricing .section-top{display:block;margin-bottom:34px} #pricing .section-top p:not(.eyebrow){max-width:760px;font-size:18px;margin-top:22px} /* Local service area. */ .areas-served{background:#f8faf7;border-bottom:1px solid var(--line)} .areas-intro, .areas-note{color:var(--muted)} .areas-served ul.town-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;list-style:none;padding:0;margin:30px 0;width:100%;max-width:none} .areas-served .town-list li{padding:12px 0;border-bottom:1px solid var(--line);margin:0;font-size:17px;color:var(--ink)} .areas-note{margin-bottom:0;font-size:16px}.areas-note a{color:var(--green);font-weight:700;text-underline-offset:4px} @media(max-width:650px){.areas-served ul.town-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.areas-served .town-list li{font-size:16px}} @media(max-width:360px){.areas-served ul.town-list{grid-template-columns:1fr}} @media(max-width:1100px){header{flex-wrap:wrap}header nav{flex-wrap:wrap;gap:14px 22px}} @media(max-width:800px){nav>a.areas-nav{display:block}} .contact-photo{margin:32px 0 24px;overflow:hidden;border-radius:8px}.contact-photo img{display:block;width:100%;max-width:100%;height:auto}.contact-photo + .contact-options{margin-top:24px} /* Compact contact banner. */ .contact-photo{max-width:780px;margin:28px auto 24px}.contact-photo img{width:100%;height:clamp(180px,26vw,260px);object-fit:cover;object-position:50% 58%} #residential-cleaning .cards, #commercial-cleaning .cards{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:650px){#residential-cleaning .cards, #commercial-cleaning .cards{grid-template-columns:1fr}} /* Clear section hierarchy and prominent contact details. */ .section-heading, #main-content .section-heading{font-size:clamp(39.1px,4.42vw,57.8px);line-height:1.08;margin:0 0 24px;letter-spacing:-1.6px} #contact .contact-option a:not(.contact-icon){font-size:clamp(20px,2.1vw,27px);font-weight:700;color:#000;line-height:1.35;display:inline-block;overflow-wrap:anywhere} #contact .contact{max-width:1000px}#contact .contact-photo{max-width:780px} #contact h2:not(.section-heading), #services .section-top h2:not(.section-heading), #pricing .section-top h2:not(.section-heading), #about h2:not(.section-heading){font-size:clamp(25.5px,2.55vw,35.7px)} .service-dropdown{min-width:260px} /* Contact inquiry form. */ .bayberry-inquiry{max-width:880px;margin:40px auto 0;padding:32px;background:#f5f8f5;border:1px solid #d3dfd6;border-radius:12px;text-align:left} .bayberry-inquiry h3{font-size:30px;margin:0 0 12px}.inquiry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.inquiry-wide{grid-column:1/-1} .inquiry-grid label{display:block;font-weight:600;color:#122f3b}.inquiry-grid label span{font-size:13px;font-weight:400}.inquiry-grid input, .inquiry-grid select, .inquiry-grid textarea{box-sizing:border-box;display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #9caea3;border-radius:5px;background:#fff;color:#122f3b;font:inherit;font-size:16px}.inquiry-grid textarea{resize:vertical}.inquiry-grid :is(input,select,textarea):focus{outline:2px solid #245f4d;outline-offset:2px}.inquiry-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.inquiry-form button{font:inherit;cursor:pointer;border:0}.inquiry-form button:disabled{opacity:.65;cursor:wait}.inquiry-status{margin:16px 0 0}.inquiry-status:empty{display:none} @media(max-width:650px){.bayberry-inquiry{padding:24px 18px}.inquiry-grid{grid-template-columns:1fr}} /* A calmer heading scale and stacked services introduction. */ .section-heading, #main-content .section-heading{font-size:clamp(33.23px,3.757vw,49.13px)} #contact h2:not(.section-heading), #services .section-top h2:not(.section-heading), #pricing .section-top h2:not(.section-heading), #about h2:not(.section-heading){font-size:clamp(21.68px,2.167vw,30.35px)} h3{font-size:22.953px}.bayberry-inquiry h3{font-size:25.506px} #services .section-top{display:block}#services .section-top p{max-width:720px}#services .section-top .eyebrow{margin-bottom:18px} /* Room-by-room residential checklist page. */ .page-content{padding-top:40px;padding-bottom:60px}.page-content>h1{font-size:clamp(40px,5vw,64px)} .checklist-nav{padding:22px 26px;background:#eef4f4;border-radius:8px;margin:30px 0}.checklist-nav p{margin:0;line-height:2.2}.checklist-nav a{color:#245f4d;font-weight:700;text-underline-offset:4px} .checklist-section{padding:42px 0;border-top:1px solid #cedbdc;scroll-margin-top:24px}.checklist-section>h2{font-size:clamp(25.5px,2.89vw,37.4px)}.checklist-section>p{max-width:800px;color:#48616c} .checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.checklist-grid>.wp-block-group__inner-container{display:contents}.checklist-card{padding:24px 28px;background:#f5f8f5;border:1px solid #dce5df;border-radius:8px}.checklist-card h3{margin:0 0 16px;color:#245f4d}.checklist-card ul{padding-left:21px;margin:0}.checklist-card li{padding-left:4px;margin-bottom:10px}.checklist-card li::marker{color:#245f4d}.checklist-note{border-left:3px solid #245f4d;padding:14px 20px;margin-top:24px}.checklist-note p{margin:0;font-size:15px;color:#48616c}.checklist-cta{text-align:center;background:#eef4f4;padding:36px 24px;border-radius:8px;margin-top:24px}.checklist-link{font-weight:700;color:#245f4d;text-underline-offset:4px} @media(max-width:650px){.checklist-grid{grid-template-columns:1fr}.checklist-card{padding:22px}.checklist-nav a{display:block}.checklist-nav{font-size:0}.checklist-nav a{font-size:16px}} /* Quote and general contact forms. */ .inquiry-grid [hidden], .inquiry-form [hidden]{display:none!important}.residential-rooms{margin:0}.inquiry-grid select{min-width:0}#pricing>.wrap>p:not(.eyebrow){max-width:800px}#pricing .bayberry-inquiry{max-width:none;margin-top:26px}.inquiry-grid label:has(input[name="customer_phone"]){font-weight:700} @media(max-width:800px){nav>a.contact-nav{display:block}} /* Three photo benefit cards beneath the hero. */ .benefits{padding:10px 0 0}.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.benefits-grid>.wp-block-group__inner-container{display:contents}.benefit-card{padding:18px 20px 24px;background:#f5f8f5;border:1px solid #d5e1d9;border-radius:9px;overflow:hidden}.benefit-card .benefit-photo{margin:0 0 18px}.benefit-card .benefit-photo img{display:block;width:100%;height:145px;object-fit:cover;border-radius:5px}.benefit-card:first-child .benefit-photo img{object-position:center 35%}.benefit-card:nth-child(2) .benefit-photo img{object-position:center 58%}.benefit-card h3{font:24px/1.25 Georgia,serif;color:#245f4d;margin:0 0 10px}.benefit-card p{font-size:16px;line-height:1.55;color:#48616c;margin:0}@media(max-width:650px){.benefits-grid{grid-template-columns:1fr;gap:16px}.benefit-card .benefit-photo img{height:150px}} /* Small graphic accents for the benefit cards. */ .benefit-card{position:relative;padding:24px}.benefit-card h3{padding-right:50px;min-height:34px;margin-bottom:10px}.benefit-card .benefit-symbol{position:absolute;right:22px;top:21px;margin:0;width:34px;height:34px}.benefit-card .benefit-symbol img{display:block;width:34px;height:34px}.benefit-card p{margin:0} /* Soft green service shortcuts. */ .service-strip{display:block;background:#eef4f4;border-top:1px solid #cedbdc;border-bottom:1px solid #cedbdc}.service-strip .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 0;gap:0}.service-strip a{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 14px;color:#245f4d;text-decoration:none;font-size:16px;font-weight:600;border-radius:3px}.service-strip a+a{border-left:1px solid #cedbdc}.service-strip img{width:26px;height:26px;flex-shrink:0}.service-strip a:hover{background:#e0ebe5;text-decoration:underline;text-underline-offset:4px}@media(max-width:800px){.service-strip .wrap{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0}.service-strip a:not(.button){display:flex}.service-strip a:nth-child(3){border-left:0}.service-strip a:nth-child(n/**/+3){border-top:1px solid #cedbdc}.service-strip a{font-size:15px;padding:14px 8px;gap:9px}}@media(max-width:360px){.service-strip .wrap{grid-template-columns:1fr}.service-strip a+a{border-left:0;border-top:1px solid #cedbdc}} /* Benefit cards above the service shortcuts. */ .benefits-restored{padding:10px 0 38px}@media(max-width:650px){.benefits-restored{padding-bottom:26px}} .about .about-shore{margin:26px 0 0}.about-shore img{display:block;width:100%;height:auto;border-radius:6px} /* Keep slideshow controls out of view until interaction. */ /* Shore photo behind the About headings, without adding image height. */ .about .wrap div:has(> .about-shore){position:relative;isolation:isolate;overflow:hidden;border-radius:8px;padding:32px;min-height:260px;display:flex;flex-direction:column;justify-content:center;background:#122f3b} .about .wrap div:has(> .about-shore)::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(9,30,40,.35),rgba(9,30,40,.12));pointer-events:none} .about .wrap div:has(> .about-shore)>.about-shore{position:absolute;inset:0;z-index:-2;margin:0!important;width:100%;height:100%;opacity:.48;pointer-events:none} .about .wrap .about-shore img{width:100%;height:100%;object-fit:cover;object-position:center 60%;border-radius:0} .about .wrap div:has(> .about-shore)>h2{color:#fff}.about .wrap div:has(> .about-shore)>.eyebrow{color:#d3e9dd}.about .wrap div:has(> .about-shore)>h2:last-of-type{margin-bottom:0} @media(max-width:800px){.about .wrap div:has(> .about-shore){padding:28px;min-height:245px}} /* Compact specialty service list. */ .specialty-list{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:0}.specialty-list li{padding:11px 0;border-bottom:1px solid #cedbdc;font-size:16px;line-height:1.4;color:#245f4d}.specialty-list li::before{content:"✓";margin-right:9px;color:#245f4d}@media(max-width:900px){.specialty-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}@media(max-width:500px){.specialty-list{grid-template-columns:1fr}.specialty-list li{padding:9px 0}} /* CSS autoplay also works when HTML previews do not execute scripts. */ /* Meet the owner: immediately beneath the hero */ .preview-tag{position:fixed;bottom:16px;right:16px;background:#122f3b;color:white;padding:8px 13px;border-radius:7px;font:12px Arial,sans-serif;z-index:1000;box-shadow:0 4px 14px #0002} /* 2026 approachable redesign preview */ main > [hidden]{display:none!important} .social-buttons{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.social{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;text-decoration:none!important;border:1px solid transparent;padding:0;color:#fff;box-shadow:0 3px 10px rgba(18,47,59,.10);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.social svg{width:17px;height:17px;display:block}.social:hover{transform:translateY(-1px);box-shadow:0 7px 14px rgba(18,47,59,.15);opacity:.96}.social-facebook{background:#245f4d;border-color:#245f4d}.social-google{background:#16384a;border-color:#16384a}.foot-social{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.footer-right .social-buttons{margin-top:10px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}nav{gap:14px;flex-wrap:wrap} nav>a{font-size:14px}.service-menu{position:relative}.service-menu-toggle{font:inherit;color:inherit;border:0;background:none;padding:8px 0;cursor:pointer}.service-dropdown{position:absolute;z-index:30;top:100%;left:0;min-width:250px;background:white;box-shadow:0 14px 36px #0b2b3240;border:1px solid #d9e5e2;border-radius:12px;padding:10px;display:none}.service-dropdown a{display:block;padding:9px 11px;border-radius:7px}.service-dropdown a:hover{background:#eaf4f0}.service-menu:hover .service-dropdown, .service-menu:focus-within .service-dropdown, .service-menu.open .service-dropdown{display:block} .services-extra{text-align:center;margin:30px 0 6px} .guarantee-band{background:#eaf3eb;padding:72px 0}.guarantee-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.guarantee-band h2, .reviews-section h2, .gallery-teaser h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,56px);line-height:1.15;margin:8px 0 15px}.subtle{font-size:14px;color:#5c6f73}.reviews-section{padding:75px 0;background:#fff}.reviews-section>.wrap{max-width:920px}.review-empty{display:flex;gap:24px;border:1px solid #d4e3df;border-radius:15px;padding:25px;background:#f8fbfa;margin:28px 0}.review-empty p{margin:4px 0}.review-stars{font-size:25px;letter-spacing:3px;color:#caa53a}.gallery-teaser{padding:70px 0;background:#f4f8f7}.gallery-teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.beforeafter-demo{display:grid;grid-template-columns:1fr 1fr;min-height:245px;border:1px solid #aebfbb;border-radius:13px;overflow:hidden}.demo-side{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e1e8e5;color:#4c655f;font-size:22px;letter-spacing:.1em;font-weight:800}.demo-side.after{background:#d3e5dc}.demo-side small{font:400 13px Arial;margin-top:12px;letter-spacing:0}.outline-button{display:inline-block;padding:12px 20px;border:1px solid #245f4d;color:#245f4d;border-radius:6px;text-decoration:none;font-weight:700} .virtual-page[hidden]{display:none!important}.virtual-page{padding-bottom:65px}.back-home{display:inline-block;margin-bottom:35px;color:#27694d;text-decoration:none;font-weight:700}.page-body{padding:80px 0;display:grid;grid-template-columns:1fr 1fr;gap:65px}.page-body h2, .page-cta h2{font:700 39px Georgia,serif;line-height:1.2}.checklist-panel{background:#f2f7f5;padding:35px;border-radius:14px}.checklist-panel ul{padding-left:20px}.checklist-panel li{padding:9px 0;border-bottom:1px solid #d8e4df}.page-note{border-left:3px solid #2d7c60;padding-left:18px;color:#4b6368}.page-cta{background:#eef5f1;padding:36px;border-radius:18px;text-align:center}.gallery-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:62px;padding-bottom:62px}.gallery-pair{border:1px solid #d6e2de;border-radius:12px;overflow:hidden}.gallery-pair h3, .gallery-pair>p{margin:13px 18px}.gallery-pair-images{display:grid;grid-template-columns:1fr 1fr;height:200px}.gallery-pair-images>div{background:#e2e9e6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;text-align:center;font-size:14px}.gallery-pair-images>div+div{background:#d5e6db}.gallery-pair-images p{font-size:12px} @media(max-width:1050px){nav{gap:10px}.social-buttons{margin-top:5px}}@media(max-width:720px){.guarantee-grid, .gallery-teaser-grid, .page-body, .gallery-page-grid{grid-template-columns:1fr}.guarantee-band, .reviews-section, .gallery-teaser{padding:48px 0}.review-empty{flex-direction:column}.page-body{padding:40px 0;gap:25px}.service-dropdown{left:-50px}nav{justify-content:center}} /* Requested compact refinements */ #services .section-heading{margin-bottom:18px} .review-guarantee{margin-top:30px;border-radius:15px;background:#edf5ee;border:1px solid #d2e4d6;padding:25px} .guarantee-inline{display:flex;gap:19px;align-items:flex-start}.guarantee-inline h3{font:700 24px Georgia,serif;color:#234c3c;margin:0 0 8px}.guarantee-inline p{margin:0 0 8px} .guarantee-seal{width:54px;height:54px;flex-shrink:0;display:grid;place-items:center;border:3px solid #287350;border-radius:50%;color:#287350;font-size:30px;font-weight:800;box-shadow:0 0 0 4px #daeadd} .gallery-single-photo{height:195px;display:grid;place-items:center;background:#e4ece8;color:#536b60;font-weight:700;letter-spacing:.02em} .quote-preview-form{margin:34px auto 5px;background:#f7faf8;border:1px solid #dce7e1;border-radius:14px;padding:28px;max-width:850px} .quote-preview-form h3{font:700 25px Georgia,serif;margin:0 0 20px;color:#193e37} .quote-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px} .quote-fields label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;color:#294943} .quote-fields input, .quote-fields select, .quote-fields textarea{border:1px solid #b9ccc5;border-radius:7px;background:white;min-height:43px;padding:10px 12px;font:inherit;font-weight:400;width:100%;box-sizing:border-box} .quote-fields textarea{resize:vertical}.quote-wide{grid-column:1/-1} .quote-preview-form button{margin-top:17px;cursor:pointer} @media(max-width:760px){.quote-fields{grid-template-columns:1fr}.guarantee-inline{gap:12px}.guarantee-seal{height:40px;width:40px;font-size:24px}} /* Round 3: targeted adjustments */ .about-goal{background:#edf5f1;border:1px solid #d8e8dd;border-left:4px solid #39845b;padding:20px 24px;border-radius:12px;color:#214d3e;font-weight:600;margin-top:22px!important} .residential-checklist-link{margin:18px auto 32px;padding:22px 28px;border-radius:14px;background:#edf5f1;border:1px solid #d8e8dd} .residential-checklist-link h2{margin:0 0 6px;font:700 26px Georgia,serif;color:#244f3e}.residential-checklist-link p{margin:0 0 12px} .checklist-original-content{padding-top:35px;padding-bottom:45px}.checklist-original-content .checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .checklist-original-content .checklist-card{padding:20px;background:#f7faf8;border:1px solid #dce7e1;border-radius:12px} .checklist-original-content .checklist-section{margin-bottom:34px}.checklist-original-content .checklist-section h2{color:#254c3f}.checklist-original-content li{margin-bottom:6px} @media(max-width:760px){.checklist-original-content .checklist-grid{grid-template-columns:1fr}} /* Round 4: requested changes only */ .social-buttons{display:inline-flex;gap:9px;align-items:center;flex-wrap:wrap} .social-buttons .social{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0!important;border-radius:50%!important;background:#a26565!important;color:#fff!important;border:0!important;font-family:Arial,sans-serif;text-decoration:none!important;font-size:39px!important;font-weight:800!important;line-height:1!important;box-sizing:border-box;transition:transform .15s} .social-buttons .social:hover{transform:translateY(-2px);background:#895252!important} .social-buttons .social svg{width:35px;height:35px;fill:currentColor} footer{border-top:1px solid var(--line);padding:32px 0} footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap} footer .brand{display:inline-flex;align-items:center} footer .brand .logo-crop{display:block} footer .footer-right{display:flex;gap:24px;align-items:center;flex-wrap:wrap;justify-content:flex-end} footer .footer-right p{white-space:normal} @media(max-width:750px){.social-buttons .social{width:48px;height:48px;font-size:30px!important}.social-buttons .social svg{width:28px;height:28px}footer .wrap{flex-direction:column;align-items:flex-start}footer .footer-right{justify-content:flex-start}} /* v6 requested refinements */ .social-buttons .social, .social-buttons .social-facebook, .social-buttons .social-google{background:#16384a!important;border-color:#16384a!important;color:#fff!important;width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;box-sizing:border-box!important} .social-buttons .social svg{width:13px!important;height:13px!important} .social-buttons{gap:7px!important} #page-cleaning-checklists .checklist-nav{margin:22px 0 12px;padding:17px 22px} #page-cleaning-checklists .checklist-nav p{margin:0;line-height:1.85} #page-cleaning-checklists .checklist-section{scroll-margin-top:25px} /* v7 precise changes: consistent site grid, restrained icon sizing, guarantee position */ .social-buttons .social, .social-buttons .social-facebook, .social-buttons .social-google{width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important} .social-buttons .social svg{width:16px!important;height:16px!important} .reviews-section>.wrap{max-width:unset!important;width:auto!important;margin-left:inherit;margin-right:inherit} .reviews-section>.wrap{max-width:1050px!important;width:calc(100% - 40px)!important;margin-inline:auto!important} #services .review-guarantee{margin:40px 0 0;width:100%;padding:0} #services .review-guarantee .guarantee-inline{max-width:none} /* Editable WordPress production: hide static placeholder when live widget inserted */ .bayberry-google-reviews-slot{margin:24px 0;} .wp-form-live{margin-top:28px} /* v2.0 editor-friendly group layouts and fixes */ #main-content .checklist-original-content{width:min(1100px,calc(100% - 64px));margin:0 auto;padding:38px 0 60px} #main-content .checklist-nav{margin:28px auto;padding:20px 25px} #main-content .checklist-section{scroll-margin-top:45px} #about .about-goal, #about .about-goal *{color:#122f3b!important} #reviews>.wrap{width:min(1200px,calc(100% - 64px));max-width:1200px;margin-inline:auto} .add-on-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding:58px 0 38px} .add-on-card{border:1px solid #dbe5e0;border-radius:14px;padding:18px;background:#fff;box-shadow:0 6px 22px #12323c0a} .add-on-card .wp-block-image{margin:0 0 14px} .add-on-card img{display:block;width:100%;height:220px;object-fit:cover;border-radius:9px} .add-on-card h2{font-size:26px;margin:0 0 8px} .add-on-card p{font-size:15px;line-height:1.65;color:#48616c;margin:0} #contact .contact-option .wp-block-shortcode a{font-weight:700;color:#122f3b;font-size:23px} #contact .contact-option p:has(a){font-weight:700;color:#122f3b} @media(max-width:760px){#main-content .checklist-original-content, #reviews>.wrap{width:calc(100% - 40px)}.add-on-grid{grid-template-columns:1fr;padding-top:34px}.add-on-card img{height:190px}} /* 2.1: Explicit Gutenberg layout rules. No reliance on non-block HTML structure. */ /* Keep owner layout functional even if WP adds its is-layout-constrained helpers. */ .mobile-nav-toggle{display:none;} @media(max-width:850px){ .site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative;gap:8px;} .mobile-nav-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;padding:8px;background:white;border:1px solid #cbdad7;border-radius:7px;cursor:pointer;margin-left:auto;color:#122f3b;} .mobile-nav-toggle span{display:block;width:21px;height:2px;background:currentColor;border-radius:2px;} .site-header #bayberry-primary-nav{display:none!important;position:relative;flex-basis:100%;width:100%;padding:16px;gap:4px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid #cedbdc;border-radius:10px;box-shadow:0 14px 28px #122f3b15;} .site-header #bayberry-primary-nav.is-open{display:flex!important;} .site-header #bayberry-primary-nav>a{display:block!important;max-width:none!important;font-size:16px;padding:10px 12px;text-align:left;} .site-header #bayberry-primary-nav>.button{color:white;text-align:center!important;margin-top:7px;} .site-header #bayberry-primary-nav .service-menu{display:block;width:100%;} .site-header #bayberry-primary-nav .service-menu-toggle{display:block;width:100%;text-align:left;padding:10px 12px;font-size:16px;} .site-header #bayberry-primary-nav .service-dropdown{position:static;box-shadow:none;border:0;min-width:0;padding:0 0 0 12px;background:#f5f8f6;} .site-header #bayberry-primary-nav .service-menu.open .service-dropdown{display:block;} .site-header #bayberry-primary-nav .service-menu:not(.open) .service-dropdown{display:none!important;} .site-header #bayberry-primary-nav .social-buttons{padding:10px 12px;} } @media(min-width:851px){.site-header #bayberry-primary-nav{display:flex!important;}} /* 2.1.1 owner layout: account for WordPress legacy Group inner-container wrappers in existing editable Gutenberg page content. */ /* v2.2 - compact photo-first mobile hero; reliable three-slide carousel */ /* v2.2.1 robust layout + carousel repair */ /* Bayberry carousel v2.2.3. Only carousel.js changes slides. No CSS keyframe cycles or arrow/Play controls. */ /* Incoming frame fades over the fully visible old frame, never over blank. */ /* ------------------------------------------------------------------ Bayberry 2.3.0: canonical Gutenberg hero, owner, services & carousel. These replace the multiple conflicting historical selectors. The carousel is driven exclusively by assets/carousel.js. ------------------------------------------------------------------ */ #main-content .hero, #main-content .hero.wp-block-group{ display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); column-gap:clamp(28px,3.5vw,52px);align-items:center; margin:18px auto 0;padding:0 0 58px;min-height:510px; } #main-content .hero > .wp-block-group__inner-container{display:contents} #main-content .hero > :first-child, #main-content .hero > .wp-block-group__inner-container > :first-child{grid-column:1;min-width:0;margin:0} #main-content .hero > .hero-carousel, #main-content .hero > .wp-block-group__inner-container > .hero-carousel{grid-column:2;min-width:0;margin:0} #main-content .hero h1{font:400 clamp(43px,4.5vw,69px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:0 0 28px;color:#122f3b} #main-content .hero h1 em{display:inline-block;color:#246a43;font-size:.69em;font-weight:400;line-height:1.22;white-space:normal} #main-content .hero .eyebrow{font-weight:800;letter-spacing:.17em;font-size:13px;color:#245f4d;margin:0 0 24px} #main-content .hero .intro{font-size:19px;max-width:540px;color:#48616c;margin:0 0 24px;line-height:1.65} #main-content .hero a.small-link{display:inline-block;margin:0 0 0 16px;line-height:1.6} #main-content .hero .wp-block-buttons{display:inline-flex;margin:0 0 15px} #main-content .hero .wp-block-group p a[href="#contact"]{display:inline-block;background:#245f4d;color:white!important;padding:12px 24px;border-radius:5px;text-decoration:none;font-size:16px;font-weight:700} #main-content .hero-image.hero-carousel{ position:relative;width:100%;height:490px;min-height:490px; overflow:hidden;isolation:isolate;background:#e5ebe8;border-radius:6px; } #main-content .hero-carousel > .wp-block-group__inner-container{display:contents} #main-content .hero-carousel figure.hero-slide{ position:absolute;inset:0;width:100%;height:100%;margin:0; opacity:0;visibility:visible;z-index:1;pointer-events:none; transition:opacity .55s ease-in-out; } #main-content .hero-carousel figure.hero-slide.is-active{opacity:1;z-index:2} #main-content .hero-carousel figure.hero-slide.is-preparing{opacity:0;z-index:3} #main-content .hero-carousel figure.hero-slide.is-entering{opacity:1;z-index:3} #main-content .hero-carousel figure.hero-slide img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;opacity:1;animation:none!important;transition:none} #main-content .hero-carousel .photo-label, #main-content .hero-carousel .carousel-controls{display:none!important} #main-content .hero-carousel .carousel-heading{display:none} /* A single editable WordPress Columns block for the owner introduction. */ #main-content #meet-owner{background:#f8faf6;border-top:1px solid #e5ece5;border-bottom:1px solid #e5ece5;padding:50px 0 56px} #main-content #meet-owner > .wp-block-group__inner-container{display:contents} #main-content #meet-owner > .wrap{width:min(1160px,calc(100% - 64px));max-width:1160px;margin-inline:auto} #main-content #meet-owner .owner-simple-columns{display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr);align-items:center;gap:clamp(30px,4vw,64px);width:100%;margin:0} #main-content #meet-owner .owner-simple-columns > .wp-block-column{flex-basis:auto!important;min-width:0;width:auto;margin:0} #main-content #meet-owner .owner-headshot{margin:0;width:100%;max-width:250px} #main-content #meet-owner .owner-headshot img{display:block;width:100%;height:315px;object-fit:cover;object-position:center 34%;border-radius:17px} #main-content #meet-owner .owner-copy{display:block;min-width:0;width:100%;max-width:none;margin:0} #main-content #meet-owner .owner-copy h2{font:400 clamp(28px,3vw,43px)/1.15 Georgia,serif;color:#245f4d;letter-spacing:-.025em;max-width:none;margin:0 0 20px;overflow-wrap:normal;word-break:normal} #main-content #meet-owner .owner-copy p{font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:#405c68;max-width:820px;margin:0 0 18px} #main-content #meet-owner .owner-copy .owner-lead{font-size:clamp(18px,1.6vw,22px);color:#173c46} #main-content #meet-owner .owner-copy p:last-child{margin-bottom:0} #main-content #meet-owner .owner-copy a{color:#245f4d;text-underline-offset:5px;font-weight:700} /* Fallback for previous theme's owner group structure, if user has not upgraded blocks. */ #main-content #meet-owner .meet-owner-grid{display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr);gap:clamp(30px,4vw,64px);align-items:center;width:min(1160px,calc(100% - 64px));margin:auto} #main-content #meet-owner .meet-owner-grid > .wp-block-group__inner-container{display:contents} #main-content #meet-owner .meet-owner-grid .owner-photo-wrap{grid-column:1;min-width:0;max-width:250px} #main-content #meet-owner .meet-owner-grid .owner-photo-wrap img{display:block;width:100%;height:315px;object-fit:cover;border-radius:17px} #main-content #meet-owner .meet-owner-grid .owner-copy{grid-column:2;min-width:0} /* Services layout: current saved Gutenberg page uses three Columns rows. */ #main-content #services{width:100%;max-width:none} #main-content #services > .wrap{width:min(1200px,calc(100% - 64px));max-width:1200px!important;margin-inline:auto} #main-content #services > .wrap > .wp-block-columns:has(.service-tile){max-width:none!important;width:100%!important;margin-inline:0!important} #main-content #services .wp-block-columns:has(.service-tile){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px;width:100%;max-width:none!important} #main-content #services .wp-block-columns:has(.service-tile) > .wp-block-column{min-width:0;flex-basis:auto!important;width:100%;margin:0} #main-content #services .wp-block-columns:not(:has(.service-tile)){display:none} #main-content #services .service-cards, #main-content #services .service-cards > .wp-block-group__inner-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;width:100%} #main-content #services .service-tile{display:flow-root;position:relative;background:#fff;border:1px solid #d7e3de;border-radius:13px;padding:16px;min-height:145px;box-shadow:0 5px 20px #10323c08;margin:0} #main-content #services .service-tile .service-thumb, #main-content #services .service-tile figure.wp-block-image{float:left;width:94px;height:94px;max-width:94px;margin:0 14px 8px 0} #main-content #services .service-tile img.service-thumb, #main-content #services .service-tile .wp-block-image img{display:block;width:94px;height:94px;max-width:94px;object-fit:cover;border-radius:8px} #main-content #services .service-tile h3{font:700 20px/1.25 Georgia,serif;color:#122f3b;margin:0 0 6px} #main-content #services .service-tile p{font-size:14px;line-height:1.5;color:#526871;margin:0 0 7px} #main-content #services .service-tile a{font-size:13px;font-weight:700;color:#245f4d} #main-content #services .services-gallery{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;border-top:1px solid #dce6df;margin:22px 0 4px;padding:20px 0 0;text-align:center;color:#50676c} #main-content #services .services-gallery p{margin:0} /* Sections containing editable Gutenberg blocks should fill their own .wrap, not inherit WordPress's narrow default paragraph content-width. */ #main-content #areas-served,#main-content #contact{max-width:none;width:100%} #main-content #areas-served > .wrap{width:min(1200px,calc(100% - 64px));max-width:1200px!important;margin-inline:auto} @media(min-width:801px){ #main-content #areas-served ul.wp-block-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;list-style:none;padding:0;margin:30px 0;max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important} #main-content #areas-served ul.wp-block-list>li{padding:12px 0;border-bottom:1px solid var(--line);margin:0;font-size:17px;color:var(--ink);list-style:none} } #main-content #areas-served ul.town-list{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important} #main-content #contact > .wrap.contact{width:min(1200px,calc(100% - 64px));max-width:1200px!important;margin-inline:auto} #main-content #contact .contact-photo{width:min(920px,100%);max-width:920px!important;margin-left:auto!important;margin-right:auto!important} #main-content #contact .contact-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px;width:100%!important;max-width:none!important;margin:34px 0 24px!important} #main-content #contact .contact-options > .wp-block-group__inner-container{display:contents} #main-content #contact .contact-option{width:100%;max-width:none!important;min-width:0;margin:0!important} #main-content #contact .contact-options .wp-block-shortcode{max-width:100%} @media(max-width:800px){ #main-content .hero,#main-content .hero.wp-block-group{display:flex;flex-direction:column;gap:0;align-items:stretch;min-height:0;margin:0;padding:0 0 26px} #main-content .hero > .hero-carousel, #main-content .hero > .wp-block-group__inner-container > .hero-carousel{order:0;flex:none;max-width:none;width:100%;height:clamp(325px,90vw,470px);min-height:0;margin:0} #main-content .hero > :not(.hero-carousel), #main-content .hero > .wp-block-group__inner-container > :not(.hero-carousel){order:1;width:100%;max-width:none;padding:12px 0 0;min-width:0} #main-content .hero.hero-carousel-ready h1{display:none} #main-content .hero .eyebrow{font-size:11px;margin:0 0 8px} #main-content .hero .intro{font-size:16px;margin:0 0 12px} #main-content .hero a.small-link{margin:0 0 0 12px;font-size:14px} #main-content .hero-image.hero-carousel{height:clamp(325px,90vw,470px);min-height:0;border-radius:9px} #main-content .hero-carousel::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,rgba(6,32,37,.56),transparent 60%)} #main-content .hero-carousel .carousel-heading{display:block;position:absolute;left:18px;right:18px;top:24px;z-index:5;color:#fff;font:400 clamp(33px,9vw,48px)/1.05 Georgia,serif;letter-spacing:-.035em;margin:0;text-shadow:0 2px 10px #14292399} #main-content .hero-carousel .carousel-heading em{display:block;font-size:.73em;line-height:1.12;color:#e2f2e4;margin-top:8px;white-space:normal} #main-content #meet-owner{padding:35px 0 44px} #main-content #meet-owner > .wrap{width:calc(100% - 40px)} #main-content #meet-owner .owner-simple-columns,#main-content #meet-owner .meet-owner-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px} #main-content #meet-owner .owner-simple-columns > .wp-block-column{grid-column:auto;flex-basis:auto!important} #main-content #meet-owner .owner-headshot{max-width:210px} #main-content #meet-owner .owner-headshot img{height:280px} #main-content #meet-owner .meet-owner-grid .owner-photo-wrap,#main-content #meet-owner .meet-owner-grid .owner-copy{grid-column:1} #main-content #meet-owner .owner-copy h2{font-size:clamp(26px,7vw,34px)} #main-content #services > .wrap{width:calc(100% - 40px)} #main-content #areas-served > .wrap,#main-content #contact > .wrap.contact{width:calc(100% - 40px)} #main-content #contact .contact-options{grid-template-columns:1fr!important;gap:16px} #main-content #services .wp-block-columns:has(.service-tile), #main-content #services .service-cards, #main-content #services .service-cards > .wp-block-group__inner-container{grid-template-columns:minmax(0,1fr)} } @media (prefers-reduced-motion:reduce){#main-content .hero-carousel figure.hero-slide{transition:none}} /* Canonical layout for the owner section already saved in Gutenberg on staging. */ #main-content #meet-owner.bb-owner-rebuild{background:#f8faf6;border-top:1px solid #e5ece5;border-bottom:1px solid #e5ece5;padding:50px 0 56px} #main-content #meet-owner .bb-owner-inner{width:min(1160px,calc(100% - 64px));max-width:1160px;margin-inline:auto} #main-content #meet-owner .bb-owner-columns{display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr);gap:clamp(30px,4vw,64px);align-items:center;width:100%;margin:0} #main-content #meet-owner .bb-owner-columns > .wp-block-column{flex-basis:auto!important;width:auto;min-width:0;margin:0} #main-content #meet-owner .bb-owner-image{margin:0;width:100%;max-width:250px} #main-content #meet-owner .bb-owner-image img{display:block;width:100%;height:315px;object-fit:cover;object-position:center 34%;border-radius:17px} #main-content #meet-owner .bb-owner-text-column{min-width:0;width:100%;max-width:none} #main-content #meet-owner .bb-owner-text-column h2{font:400 clamp(28px,3vw,43px)/1.15 Georgia,serif;color:#245f4d;letter-spacing:-.025em;max-width:100%;margin:0 0 20px;word-break:normal;overflow-wrap:normal} #main-content #meet-owner .bb-owner-text-column p{font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:#405c68;max-width:820px;margin:0 0 18px} #main-content #meet-owner .bb-owner-text-column .bb-owner-lead{font-size:clamp(18px,1.6vw,22px);color:#173c46} #main-content #meet-owner .bb-owner-text-column p:last-child{margin-bottom:0} #main-content #meet-owner .bb-owner-text-column a{color:#245f4d;text-underline-offset:5px;font-weight:700} @media(max-width:800px){ #main-content #meet-owner.bb-owner-rebuild{padding:35px 0 44px} #main-content #meet-owner .bb-owner-inner{width:calc(100% - 40px)} #main-content #meet-owner .bb-owner-columns{grid-template-columns:minmax(0,1fr);gap:24px} #main-content #meet-owner .bb-owner-columns > .wp-block-column{grid-column:1} #main-content #meet-owner .bb-owner-image{max-width:210px} #main-content #meet-owner .bb-owner-image img{height:280px} #main-content #meet-owner .bb-owner-text-column h2{font-size:clamp(26px,7vw,34px)} } /* Spacing within the service guarantee is not affected by WordPress's Group margins. */ #main-content #services .review-guarantee{padding:24px 28px;background:#edf5ee;border:1px solid #d2e4d6;border-radius:14px;margin:35px 0 0;width:100%} #main-content #services .review-guarantee h3{margin:0 0 8px} @media(max-width:800px){#main-content #services .review-guarantee{padding:20px}} /* v2.3.2: canonical editable Services grid. One WordPress Group contains all six service card Groups; avoid independent Columns rows being limited by WordPress layout-constrained content widths. No CSS slideshow or other section changes. */ #main-content #services > .wrap > .wp-block-group__inner-container{width:100%!important;max-width:none!important;} #main-content #services .section-heading, #main-content #services .services-gallery, #main-content #services .review-guarantee{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;} #main-content #services .service-tile figure.wp-block-image.service-thumb{margin-right:14px!important;} #main-content #services .service-cards.wp-block-group, #main-content #services .service-cards{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px!important; width:100%!important;max-width:none!important; margin:18px 0 0!important; justify-self:stretch!important; align-items:stretch!important; } #main-content #services .service-cards > .wp-block-group__inner-container{display:contents!important} #main-content #services .service-cards > .service-tile, #main-content #services .service-cards > .wp-block-group__inner-container > .service-tile{ width:100%!important;max-width:none!important;min-width:0!important; margin:0!important;box-sizing:border-box; } @media(max-width:800px){ #main-content #services .service-cards.wp-block-group, #main-content #services .service-cards{grid-template-columns:minmax(0,1fr)!important;} }