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

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

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

.mh-icon svg{fill:#fff}.mh-brand-logo{width:195px;height:90px}.mh-brand .mh-brand-logo img{width:500px;height:500px;left:-8px;top:-4px}.mh-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:920px){.mh-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.mh-service-grid{grid-template-columns:1fr}.mh-brand-logo{width:170px;height:78px}.mh-brand .mh-brand-logo img{width:440px;height:440px;left:-7px;top:-3px}}
