/*
Theme Name: Barwick
Description: Custom Barwick business website with electrical, building and maintenance services.
Version: 1.1.2
Author: Barwick
Text Domain: barwick
Requires at least: 6.0
Requires PHP: 7.4
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--arw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 12.5l9-9M5 3.5h7.5V11' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3C/svg%3E");--red:#ac1539;--dark:#242626;--muted:#626665;--paper:#f5f4ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--dark);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #db9d38;outline-offset:5px}.top{background:var(--dark);color:#fff;padding:10px 5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.2px}.top b{margin-left:16px;letter-spacing:.4px}header{padding:23px 5%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:25px;line-height:1;font-weight:800;letter-spacing:1.5px}.brand img{width:49px;height:45px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:5px;margin-top:8px}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--red);color:#fff;padding:17px 23px;font-size:13px;font-weight:700}.button:hover{background:#85102c}.button.small{padding:13px 20px}.menu{display:none}.hero{display:grid;grid-template-columns:1.06fr 1fr;min-height:620px;background:var(--paper)}.hero-copy{padding:60px 8% 26px 9.5%}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 27px}.eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:7px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-1.8px;line-height:1.13}h1{font-size:clamp(38px,4.3vw,66px);font-weight:600;margin-bottom:25px}h1 em{font-style:normal;color:var(--red)}.intro{font-size:15px;color:var(--muted);max-width:420px;margin-bottom:30px}.text-link{display:inline-block;font-size:12px;font-weight:700;border-bottom:1px solid #a4a6a2;padding-bottom:5px}.hero .text-link{display:table;margin-top:18px}.hero-bottom{display:flex;gap:30px;margin-top:40px;border-top:1px solid #d8d9d2;padding-top:20px;align-items:center}.hero-bottom span{font-size:10px;letter-spacing:1px}.hero-bottom strong{font-size:27px;display:block;line-height:1.2}.hero-bottom p{font-size:11px;margin:0;color:var(--muted)}.hero-image{position:relative;overflow:hidden;background:#dedbd0}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:55% center;filter:brightness(.83)}.hero-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#252222aa)}.image-note{position:absolute;bottom:35px;left:35px;color:#fff;z-index:1}.image-note span{font-size:9px;letter-spacing:1.8px}.image-note p{font-size:30px;line-height:1.2;margin:12px 0 0}.sector-strip{display:flex;justify-content:space-between;align-items:center;background:var(--red);color:#fff;padding:22px 5%}.sector-strip>span{font-size:10px;letter-spacing:1.5px}.sector-strip a{font-size:19px;font-weight:500}.section{padding:90px 6%}.section-heading{display:grid;grid-template-columns:.65fr 1.15fr 1fr;gap:30px;align-items:start;margin-bottom:45px}.section-heading .eyebrow{padding-top:8px}h2{font-size:clamp(32px,3.3vw,48px);font-weight:500;margin-bottom:25px}.section-heading>p:last-child{color:var(--muted);font-size:14px;max-width:330px;padding-top:8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccc}.service-grid article{padding:30px 30px 5px 0;margin-right:30px;border-right:1px solid #ddd}.service-grid article:last-child{border:0;margin:0}.number{font-size:11px;color:var(--red)}h3{font-size:25px;letter-spacing:-.7px;margin:20px 0 15px}.service-grid p{font-size:14px;color:var(--muted);min-height:90px}.service-grid ul{padding:0;list-style:none;font-size:12px;line-height:2.5;margin-bottom:28px}.service-grid li:before{content:'';display:inline-block;width:10px;height:10px;background:var(--red);-webkit-mask:var(--arw) center/contain no-repeat;mask:var(--arw) center/contain no-repeat;margin-right:12px}.service-grid a{font-size:12px;font-weight:700}.work{background:var(--paper)}.work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.work-head h2{margin:0}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-image{height:250px;background:#ddd;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.projects a:hover img{transform:scale(1.05)}.projects p{font-size:9px;color:var(--red);letter-spacing:1.5px;margin:20px 0 0}.projects h3{font-size:21px;margin:8px 0 0;display:flex;justify-content:space-between}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about>div>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:450px}.about-panel{border-top:3px solid var(--red);padding:25px 30px;background:var(--paper)}.big-year{font-size:80px;letter-spacing:-5px;font-family:Manrope,sans-serif;line-height:1.2}.about-panel>p{font-size:9px!important;letter-spacing:2px}.about-panel>div{border-top:1px solid #d5d6cf;padding-top:6px}.about-panel h3{font-size:18px}.about-panel div p{font-size:13px;color:var(--muted)}.contact{background:var(--red);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{font-size:62px}.contact p{font-size:14px;color:#f3dbe2}.contact-phone{font-size:29px;display:block;margin:25px 0 8px}.contact>div>a:last-child{font-size:14px}.contact-card{border:1px solid #ffffff50;padding:30px}.contact-card h3{margin-top:0}.light{background:#fff;color:var(--red);margin:8px 0 25px}.light:hover{background:#f3e4e8}address{font-size:13px;font-style:normal}.map{font-size:12px;display:inline-block;margin-top:15px}footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:40px 5%;font-size:11px}footer p{margin:0;color:var(--muted)}footer .brand{font-size:20px}footer .brand small{font-size:8px}footer .brand img{width:40px}footer>span{color:var(--muted)}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){nav{gap:17px}.hero-copy{padding:45px 7%}.hero{min-height:580px}h1{font-size:45px}.section-heading{grid-template-columns:1fr 1.5fr}.section-heading>p:last-child{grid-column:2}.project-image{height:180px}.contact{gap:6%}.contact h2{font-size:48px}footer{flex-wrap:wrap}}@media(max-width:650px){.top{font-size:8px}.top a{font-size:0}.top b{font-size:11px}header{padding:18px 5%;position:relative}.brand{font-size:22px}.menu{display:block;border:1px solid #ddd;background:white;padding:9px 12px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px 5%;z-index:10;box-shadow:0 6px 10px #0001}nav.open{display:flex;flex-direction:column;align-items:stretch}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 6% 25px}h1{font-size:43px}.hero-image{min-height:300px}.hero-bottom{margin-top:25px}.image-note p{font-size:26px}.sector-strip{flex-wrap:wrap;gap:15px}.sector-strip>span{width:100%;font-size:8px}.sector-strip a{font-size:16px}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading>p:last-child{max-width:none}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid #ddd;margin:0;padding:25px 0}.service-grid p{min-height:0}.service-grid ul{margin:10px 0 18px}.work-head{display:block}.work-head .text-link{margin-top:20px}.projects{grid-template-columns:1fr;gap:35px}.project-image{height:260px}.about,.contact{grid-template-columns:1fr;gap:30px}.contact-phone{font-size:25px}.contact-card{padding:25px}footer{display:grid;grid-template-columns:1fr 1fr;font-size:10px}.eyebrow{margin-bottom:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.client-intro{font-size:14px;color:var(--muted);margin:0}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;border-top:1px solid #d7d7d0;border-left:1px solid #d7d7d0}.client-grid li{display:flex;align-items:center;justify-content:center;min-height:140px;padding:25px;text-align:center;font-family:Manrope,Arial,sans-serif;font-size:29px;font-weight:700;letter-spacing:-1px;border-right:1px solid #d7d7d0;border-bottom:1px solid #d7d7d0;background:#ffffff70}.client-grid li:first-child,.client-grid li:last-child{color:var(--red)}@media(max-width:650px){.client-intro{margin-top:20px}.client-grid{grid-template-columns:repeat(2,1fr)}.client-grid li{min-height:105px;font-size:23px;padding:18px}}

/* ===== 1.1.0: arrow icons, inner pages, tablet menu ===== */
.arw{display:inline-block;width:.7em;height:.7em;background:currentColor;-webkit-mask:var(--arw) center/contain no-repeat;mask:var(--arw) center/contain no-repeat;vertical-align:baseline;margin-left:.2em;flex:none}
nav a[aria-current]:not(.button){color:var(--red)}
.foot-links{display:flex;gap:20px;flex-wrap:wrap}.foot-links a:hover,footer>a:hover{color:var(--red)}
.page-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:60px;align-items:end;background:var(--paper);padding:70px 6% 60px;border-bottom:3px solid var(--red)}
.page-hero h1{margin:0;font-size:clamp(38px,4.2vw,64px)}
.trail{margin-bottom:22px}.trail a:hover{color:var(--red)}.trail em{font-style:normal;color:var(--red);margin:0 4px}
.hero-contact{border-left:1px solid #d8d9d2;padding:4px 0 4px 32px}
.hero-contact .eyebrow{margin-bottom:12px}
.hero-phone{display:block;font-family:Manrope,Arial,sans-serif;font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1.2;margin-bottom:12px}
.hero-phone .arw{color:var(--red)}.hero-phone:hover{color:var(--red)}
.page-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:70px;align-items:start}
.entry{font-size:16px;line-height:1.75;color:var(--muted);max-width:780px;min-width:0}
.entry:after{content:'';display:table;clear:both}
.entry p{margin:0 0 20px}
.entry h2,.entry h3,.entry h4,.entry strong{color:var(--dark)}.entry h2{font-size:32px;margin:36px 0 16px}.entry h3{font-size:24px;margin:30px 0 12px}
.entry a{color:var(--red);border-bottom:1px solid #e6bcc7}.entry a:hover{border-color:var(--red)}
.entry ul{list-style:none;padding:0;margin:0 0 26px;border-top:1px solid #e3e3dc}
.entry ul li{padding:11px 0;border-bottom:1px solid #e3e3dc;color:var(--dark);font-size:15px}
.entry ul li:before{content:'';display:inline-block;width:10px;height:10px;background:var(--red);-webkit-mask:var(--arw) center/contain no-repeat;mask:var(--arw) center/contain no-repeat;margin-right:14px}
.entry ol{padding-left:22px;margin:0 0 26px}.entry ol li{margin-bottom:12px;padding-left:4px}
.entry img{max-width:100%;height:auto}
.entry .alignleft{float:left;margin:6px 26px 14px 0}.entry .alignright{float:right;margin:6px 0 14px 26px}
.entry .alignnone,.entry .aligncenter{display:block;margin:0 0 26px}.entry .aligncenter{margin-inline:auto}
.entry div[style*="width"]{width:auto!important;float:none!important}
.entry iframe{display:block;width:100%!important;max-width:100%;height:380px;border:0!important;padding:0!important;float:none!important;margin:0 0 30px!important}
.entry .button{color:#fff;border:0}
.wpcf7{margin-top:34px;padding:30px;background:var(--paper);border-top:3px solid var(--red)}
.wpcf7 form>p{margin:0 0 16px}.wpcf7 label{display:block;font-size:13px;font-weight:700;color:var(--dark);line-height:1.4}.wpcf7 label br{display:none}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #cfd0c9;background:#fff;font:inherit;font-size:15px;color:var(--dark);border-radius:0}
.wpcf7 textarea{height:150px;resize:vertical}
.wpcf7 input:focus,.wpcf7 textarea:focus{outline:2px solid var(--red);outline-offset:0;border-color:var(--red)}
.wpcf7-submit{background:var(--red);color:#fff;border:0;padding:16px 36px;font:700 14px 'DM Sans',Arial,sans-serif;cursor:pointer;border-radius:0}.wpcf7-submit:hover{background:#85102c}
.wpcf7-response-output{font-size:14px}
.page-aside{position:sticky;top:30px;display:grid;gap:24px;min-width:0}
.aside-card{background:var(--paper);border-top:3px solid var(--red);padding:26px 28px 14px}
.aside-card .eyebrow{margin-bottom:12px}
.aside-card ul{list-style:none;padding:0;margin:0}
.aside-card li a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #dcdcd5;font-size:15px;font-weight:600;line-height:1.35}
.aside-card li:last-child a{border-bottom:0}
.aside-card a .arw{color:var(--red)}.aside-card a[aria-current],.aside-card a:hover{color:var(--red)}
.aside-cta{background:var(--dark);color:#fff;padding:28px}
.aside-cta .eyebrow{color:#bfc1c0;margin-bottom:14px}
.aside-cta h3{font-size:23px;margin:0 0 10px;letter-spacing:-.6px}
.aside-cta p{font-size:14px;color:#c9cbca;margin:0 0 22px}
.aside-cta .button{margin:0;gap:20px}
.card-section .lead-entry{margin-bottom:44px}
.card-grid{display:flex;flex-wrap:wrap;gap:28px}
.page-card{flex:1 1 calc(33.333% - 19px);min-width:280px;display:flex;flex-direction:column;background:#fff;border:1px solid #e1e1da;transition:box-shadow .3s,transform .3s}
.page-card:hover{box-shadow:0 18px 40px #2426261c;transform:translateY(-3px)}
.card-image{display:block;height:230px;overflow:hidden;background:#dedbd0}
.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.page-card:hover .card-image img{transform:scale(1.05)}
.card-body{display:flex;flex-direction:column;flex:1;padding:26px 28px 28px;border-top:3px solid var(--red)}
.card-body h3{margin:0 0 10px;font-size:24px}
.card-body p{font-size:14px;color:var(--muted);margin:0 0 20px;flex:1}
.card-link{font-size:13px;font-weight:700;color:var(--red)}
.service-items{background:var(--paper)}
.service-items .section-heading{margin-bottom:40px}
.item-grid{display:flex;flex-wrap:wrap;gap:24px}
.item-card{flex:1 1 calc(33.333% - 16px);min-width:260px;background:#fff;padding:28px 28px 16px;border-top:3px solid var(--red)}
.item-icon img{display:block;width:56px;height:56px;object-fit:contain;margin:0 0 18px;float:none}
.item-card h3{font-size:21px;margin:0 0 10px}
.item-text p{font-size:14px;color:var(--muted);margin:0 0 12px;line-height:1.65}.item-text img{display:none}
.service-grid h3 a:hover{color:var(--red)}
.service-grid .more{display:block;margin-top:10px;color:var(--red)}
@media(min-width:940px) and (max-width:1180px){nav{gap:22px}}@media(min-width:740px) and (max-width:939px){header{flex-wrap:wrap;row-gap:0}nav{order:3;width:100%;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #e3e3dc;font-size:13px}nav .button.small{gap:18px;padding:12px 16px}}
@media(max-width:900px){.page-hero{grid-template-columns:1fr;gap:28px;align-items:start}.hero-contact{border-left:0;border-top:1px solid #d8d9d2;padding:22px 0 0}.page-body{grid-template-columns:1fr;gap:44px}.page-aside{position:static}.entry{max-width:none}}
@media(max-width:650px){.page-hero{padding:40px 6% 36px}.page-hero h1{font-size:36px;letter-spacing:-1.2px}.hero-phone{font-size:24px}.entry{font-size:15px}.entry .alignleft:not([width="76"]),.entry .alignright{float:none;display:block;margin:0 0 18px}.entry h2{font-size:26px}.entry iframe{height:280px}.wpcf7{padding:22px}.card-image{height:200px}.card-grid{gap:22px}.page-card,.item-card{min-width:100%}.aside-cta,.aside-card{padding-left:22px;padding-right:22px}.foot-links{grid-column:1/-1}}

@media(min-width:651px) and (max-width:739px){header{position:relative}.menu{display:block;border:1px solid #ddd;background:#fff;padding:9px 12px;font:inherit}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px 5%;z-index:10;box-shadow:0 6px 10px #0001}nav.open{display:flex;flex-direction:column;align-items:stretch}}
@media(max-width:739px){nav.open{gap:0;padding:8px 5% 20px}nav.open a:not(.button){padding:15px 0;border-bottom:1px solid #ecece6;font-size:16px}nav.open a[aria-current]:not(.button){color:var(--red)}nav.open .button.small{margin-top:16px;padding:16px 20px;font-size:14px;justify-content:space-between}.menu{font-size:14px}}