/*
Theme Name: Mighty Plumbers Cape Town
Author: Mighty Plumbers
Description: Cape Town plumbing repairs and installations. Six responsive pages.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mighty-plumbers
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
.mp-site{--red:#063b99;--black:#080808;--ink:#202124;--muted:#62666b;--line:#dcdfe3;--silver:#f3f4f5;--wa:#25d366;margin:0;background:#fff;color:var(--ink);font:17px/1.65 Figtree,system-ui,Arial,sans-serif;overflow-wrap:break-word}.mp-site *,.mp-site *:before,.mp-site *:after{box-sizing:border-box}.mp-site img{max-width:100%;height:auto}.mp-site h1,.mp-site h2,.mp-site h3{font-family:'Bricolage Grotesque',Figtree,system-ui,sans-serif;line-height:1.12;letter-spacing:-.025em;margin:0 0 18px;font-weight:800}.mp-site h1{font-size:clamp(34px,4.5vw,60px)}.mp-site h2{font-size:clamp(28px,3.5vw,41px)}.mp-site h3{font-size:22px}.mp-site p{margin:0 0 18px}.mp-site a{color:inherit}.mp-site button,.mp-site input,.mp-site select,.mp-site textarea{font:inherit}.mp-site a:focus-visible,.mp-site button:focus-visible,.mp-site summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}.mp-wrap{max-width:1160px;margin:auto;padding:0 24px}.mp-section{padding:60px 0}.mp-alt{background:var(--silver)}.mp-kicker{color:var(--red);font-size:11px;letter-spacing:1.6px;font-weight:800;line-height:1.6;margin-bottom:16px!important}.mp-intro{color:var(--muted);max-width:780px;margin-bottom:30px!important}.mp-site em{font-style:normal;color:var(--red)}.mp-lead{font-size:18px;color:var(--muted)}.mp-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:25px}.mp-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border:2px solid var(--red);border-radius:10px;background:var(--red);color:#fff!important;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.4;text-align:center}.mp-button.mp-outline{background:transparent;color:var(--ink)!important;border-color:var(--ink)}.mp-button.mp-wa{background:var(--wa);border-color:var(--wa);color:#052c15!important}.mp-text-link{color:var(--red)!important;font-size:14px;text-decoration:none;font-weight:700;margin-top:auto;padding-top:16px}.mp-skip{position:absolute;top:-100px;left:15px;padding:12px;background:#fff;color:#111;z-index:150}.mp-skip:focus{top:10px}.mp-header{background:#080808;color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 14px #0002}.mp-topbar{background:#191919;font-size:11px;line-height:1.4;color:#d0d1d3}.mp-topbar .mp-wrap{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px}.mp-topbar a{text-decoration:none}.mp-header-inner{min-height:100px;display:flex;align-items:center;gap:22px;position:relative}.mp-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}.mp-brand img{width:76px;height:76px;object-fit:contain}.mp-brand strong{display:block;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:18px;letter-spacing:.4px;line-height:1.15}.mp-brand small{display:block;font-size:10px;color:#bbb;margin-top:5px;letter-spacing:.4px}.mp-nav{margin-left:auto}.mp-nav ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:3px}.mp-nav a{display:block;font-size:14px;font-weight:600;white-space:nowrap;padding:10px;border-radius:8px;text-decoration:none}.mp-nav a[aria-current=page],.mp-nav .current-menu-item>a{color:var(--red);background:#063b9918}.mp-header-call{font-size:14px;min-height:44px;padding:11px 15px}.mp-mobile{display:none;border:0;margin:0;padding:0}.mp-mobile summary{list-style:none;border:1px solid #ffffff55;border-radius:8px;padding:9px 12px;font-size:13px;cursor:pointer}.mp-mobile summary::-webkit-details-marker{display:none}.mp-mobile nav{position:absolute;top:100%;left:0;right:0;background:#080808;padding:12px 20px 20px;max-height:75vh;overflow:auto;box-shadow:0 14px 20px #0004}.mp-mobile nav a{display:block;text-decoration:none;padding:12px;border-radius:8px;font-size:15px}.mp-mobile nav a[aria-current=page]{color:var(--red);background:#063b9918}.mp-hero{background:linear-gradient(120deg,#fff,#f6f6f6);padding:44px 0 50px;border-bottom:4px solid var(--red)}.mp-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.mp-hero-art img{display:block;width:100%;border-radius:16px;box-shadow:0 12px 36px #0002}.mp-ticks{list-style:none;padding:0;margin:24px 0 0}.mp-ticks li{position:relative;padding-left:25px;margin-bottom:10px;font-size:15px}.mp-ticks li:before{content:'✓';position:absolute;left:0;color:var(--red);font-weight:900}.mp-strip{background:#111;color:#e3e3e3;padding:17px 0;text-align:center;font-size:11px;font-weight:700;letter-spacing:.8px}.mp-strip span{color:var(--red);margin:0 12px}.mp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.mp-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mp-two{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-card{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.mp-card h3{margin:0;font-size:21px}.mp-card p{margin:0;font-size:15px;color:var(--muted)}.mp-icon{width:55px;height:55px;display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:white;border-radius:12px;flex:none;margin-bottom:6px}.mp-icon svg{width:32px;height:32px;fill:#fff;stroke:none;display:block}.mp-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.mp-feature-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mp-gallery figure,.mp-feature-gallery figure{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.mp-gallery img,.mp-feature-gallery img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.mp-gallery figcaption,.mp-feature-gallery figcaption{padding:15px;font-size:15px;font-weight:700;line-height:1.4}.mp-split,.mp-service-detail{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:28px}.mp-split img,.mp-service-detail img{display:block;border-radius:16px;width:100%}.mp-service-detail{scroll-margin-top:155px}.mp-service-detail ul{padding-left:22px}.mp-service-detail p,.mp-split p{color:var(--muted)}.mp-service-detail>.mp-icon{margin-top:0}.mp-steps{display:grid;gap:22px}.mp-steps article{padding:3px 0 3px 22px;border-left:4px solid var(--red)}.mp-steps b{color:var(--red);font-size:25px}.mp-steps h3{margin:8px 0;font-size:20px}.mp-steps p{font-size:15px;margin:0}.mp-faq{max-width:950px;margin-top:25px}.mp-faq details{border-bottom:1px solid var(--line);padding:19px 0}.mp-faq summary{font-size:17px;font-weight:700;cursor:pointer}.mp-faq details p{color:var(--muted);margin:15px 0 0}.mp-page-hero{padding:48px 0;background:#111;color:#fff;border-bottom:4px solid var(--red)}.mp-page-hero h1{max-width:850px;font-size:clamp(34px,4.2vw,54px)}.mp-page-hero>div>p:last-child{max-width:760px;color:#d0d1d3;margin-bottom:0;font-size:18px}.mp-cta{background:#111;color:white}.mp-cta-row{display:flex;justify-content:space-between;gap:35px;align-items:center}.mp-cta h2{color:white}.mp-cta p{color:#ccc;margin-bottom:0}.mp-cta .mp-kicker{color:#1eb4ff}.mp-cta .mp-actions{flex:none}.mp-contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;margin-top:28px}.mp-contact-grid dt{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:24px}.mp-contact-grid dd{margin:6px 0 24px;font-weight:600}.mp-contact-grid dd a{text-decoration:none;overflow-wrap:anywhere}.mp-contact-grid ul{padding-left:23px}.mp-form{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 35px #0000000d}.mp-form h2{font-size:26px}.mp-form>p{font-size:14px;color:var(--muted)}.mp-form label{display:block;font-size:12px;font-weight:700;margin-bottom:18px}.mp-form input,.mp-form select,.mp-form textarea{display:block;width:100%;padding:12px;border:1px solid #c9cdd2;border-radius:9px;color:#222;background:#fff;font:400 16px/1.5 Figtree,system-ui,sans-serif;margin-top:7px}.mp-form input:focus,.mp-form select:focus,.mp-form textarea:focus{outline:2px solid var(--red);outline-offset:1px}.mp-form textarea{resize:vertical}.mp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mp-form .mp-button{width:100%}.mp-form small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:15px}.mp-footer{background:#080808;color:#c9c9cc;padding:44px 0 0;font-size:14px}.mp-footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr;gap:30px;padding-bottom:35px}.mp-footer h3{font-size:15px;color:#fff;letter-spacing:.5px}.mp-footer a{display:block;text-decoration:none;margin-bottom:6px;overflow-wrap:anywhere}.mp-footer-logo{width:105px;height:95px;object-fit:contain;margin-bottom:16px}.mp-footer-bottom{border-top:1px solid #ffffff25;display:flex;justify-content:space-between;padding-top:18px;padding-bottom:20px;gap:20px;font-size:12px}.mp-floating{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;flex-direction:column;gap:10px}.mp-floating a{border-radius:99px;box-shadow:0 6px 20px #0003;padding:13px 20px;min-height:48px}.mp-content{max-width:1120px;margin:auto;padding:50px 24px}.mp-content img{max-width:100%;height:auto}body.admin-bar .mp-header{top:32px}
@media(max-width:1100px){.mp-header-inner{gap:14px}.mp-brand strong{font-size:16px}.mp-brand img{width:65px;height:65px}.mp-nav a{padding:9px 8px;font-size:13px}.mp-header-call{font-size:12px;padding:10px}.mp-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:920px){.mp-nav{display:none}.mp-mobile{display:block}.mp-header-call{margin-left:auto}.mp-header-inner{min-height:88px}.mp-topbar span{display:none}.mp-topbar .mp-wrap{justify-content:center}.mp-hero-grid{gap:28px}.mp-hero h1{font-size:40px}.mp-cta-row{display:block}.mp-cta .mp-actions{margin-top:25px}.mp-contact-grid{gap:28px}.mp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.mp-wrap{padding-left:18px;padding-right:18px}.mp-section{padding:40px 0}.mp-hero{padding:32px 0}.mp-hero-grid,.mp-split,.mp-service-detail,.mp-contact-grid{grid-template-columns:1fr;gap:28px}.mp-hero h1{font-size:40px}.mp-hero-art{max-width:540px}.mp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-feature-gallery,.mp-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-service-detail{scroll-margin-top:130px}.mp-strip{font-size:10px;line-height:2.2}.mp-strip span{margin:0 6px}body.admin-bar .mp-header{top:46px}.mp-floating a{font-size:12px;padding:12px 16px}.mp-footer{padding-bottom:50px}}
@media(max-width:520px){.mp-brand img{width:56px;height:56px}.mp-brand strong{font-size:15px}.mp-brand small{font-size:9px}.mp-header-inner{gap:8px;min-height:80px}.mp-header-call{display:none}.mp-mobile{margin-left:auto}.mp-mobile summary{padding:9px;font-size:12px}.mp-grid,.mp-gallery,.mp-feature-gallery,.mp-footer-grid,.mp-form-row{grid-template-columns:1fr}.mp-card{padding:22px}.mp-hero h1{font-size:35px}.mp-actions .mp-button{width:100%}.mp-footer-bottom{flex-direction:column;gap:8px}.mp-form{padding:22px}.mp-floating{right:12px;bottom:12px;gap:8px}.mp-floating a{min-height:42px;padding:10px 15px}.mp-footer-grid{gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mp-site *{transition:none!important;animation:none!important}}

.mp-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-brand-logo{width:195px;height:88px;background:white;border-radius:8px;overflow:hidden;display:block;position:relative}.mp-brand .mp-brand-logo img{position:absolute;left:-8px;top:-11px;width:500px;height:500px;max-width:none;object-fit:contain}.mp-brand>span:last-child{display:none}.mp-footer-wordmark{font-family:'Bricolage Grotesque',system-ui,sans-serif;color:#fff;font-weight:800;font-size:27px;line-height:1;margin-bottom:18px}.mp-offer{background:#edf8ff;border:1px solid #bce9ff;color:#063b99;padding:6px 11px;border-radius:99px;font-size:12px;font-weight:800}.mp-plan-note{font-size:13px;color:var(--muted);margin-top:22px!important}.mp-bundle-poster{width:100%;max-width:600px;height:auto;border-radius:16px;display:block;margin:auto}.mp-areas{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.mp-areas span{border:1px solid #dcdfe3;border-radius:99px;padding:8px 14px;background:#fff;font-size:14px}.mp-form fieldset{padding:0;margin:20px 0;border:0;min-width:0}.mp-form legend{font-weight:800;font-size:15px;margin-bottom:14px}.mp-footer{padding-bottom:45px}.mp-header-inner{min-height:108px}.mp-content-poster{width:100%;height:auto;border-radius:16px}@media(max-width:1050px){.mp-header-call{display:none}.mp-brand-logo{width:180px;height:82px}.mp-brand .mp-brand-logo img{width:465px;height:465px;top:-10px;left:-7px}}@media(max-width:920px){.mp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-header-inner{min-height:100px}.mp-header-call{display:inline-flex}.mp-mobile{margin-left:auto}}@media(max-width:520px){.mp-service-grid{grid-template-columns:1fr}.mp-header-call{display:none}.mp-brand-logo{width:170px;height:77px}.mp-brand .mp-brand-logo img{width:440px;height:440px;top:-9px;left:-6px}.mp-header-inner{min-height:92px}}

.mp-header{background:#082950}.mp-topbar{background:#051d3c}.mp-footer{background:#082950}.mp-icon{background:#063b99}.mp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-brand-logo{width:210px;height:90px}.mp-brand .mp-brand-logo img{width:500px;height:500px;left:-8px;top:-10px}.mp-kicker{color:#0750a6}.mp-hero{background:linear-gradient(135deg,#fff,#ecf8ff)}.mp-cta .mp-kicker{color:#fff}.mp-nav a[aria-current=page]{color:#1eb4ff}.mp-form label{display:block;margin-bottom:16px}.mp-hero-art img{display:block}@media(max-width:520px){.mp-service-grid{grid-template-columns:1fr}.mp-brand-logo{width:170px;height:76px}.mp-brand .mp-brand-logo img{width:430px;height:430px;left:-7px;top:-10px}}