@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(https://thetradesguild.co.uk/wp-content/plugins/workforce-live-candidates/assets/fonts/inter-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(https://thetradesguild.co.uk/wp-content/plugins/workforce-live-candidates/assets/fonts/inter-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(https://thetradesguild.co.uk/wp-content/plugins/workforce-live-candidates/assets/fonts/inter-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(https://thetradesguild.co.uk/wp-content/plugins/workforce-live-candidates/assets/fonts/inter-cyrillic-ext-wght-normal.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Space Grotesk';font-style:normal;font-display:swap;font-weight:300 700;src:url(https://thetradesguild.co.uk/wp-content/plugins/workforce-live-candidates/assets/fonts/space-grotesk-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-display:swap;font-weight:300 700;src:url(https://thetradesguild.co.uk/wp-content/plugins/workforce-live-candidates/assets/fonts/space-grotesk-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--wl-font-display:'Space Grotesk',-apple-system,BlinkMacSystemFont,ui-sans-serif,sans-serif;--wl-font-body:'Inter',-apple-system,BlinkMacSystemFont,ui-sans-serif,sans-serif}
/* A single, consistent type scale for every heading on the site, at the lowest possible CSS
   specificity (bare tag selectors) — this fixes headings that had no explicit size anywhere and
   were falling back to the browser's own default (which varies and doesn't match the rest of the
   site), without touching any of the many existing, more specific rules like .wlh-hero h1 or
   .wl-section h2, which still win as intended because a class selector always outranks a bare tag. */
h1{font-size:32px;font-weight:800;letter-spacing:-.01em;line-height:1.2;margin:0 0 16px}
h2{font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.25;margin:0 0 14px}
h3{font-size:18px;font-weight:700;letter-spacing:-.005em;line-height:1.3;margin:0 0 10px}
h4{font-size:15px;font-weight:700;line-height:1.35;margin:0 0 8px}
h1,h2,h3,h4,.wl-btn,.wl-btn-pill{font-family:var(--wl-font-display)}
html,body{overflow-x:hidden!important;max-width:100%}
.wl-site-header{background:#fff;border-bottom:1px solid #edeae4;margin-bottom:24px;width:100vw!important;position:relative!important;left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important;max-width:100vw}
.wl-site-header-inner{max-width:1140px!important;margin:0 auto!important;padding:16px 24px 16px 12px!important;display:grid!important;grid-template-columns:auto 1fr auto auto!important;align-items:center!important;gap:16px;font-family:var(--wl-font-body,-apple-system,BlinkMacSystemFont,'Inter',ui-sans-serif,Arial,sans-serif)}
.wl-site-logo{display:flex;align-items:center;flex-shrink:0}
.wl-site-logo img{height:120px;width:auto;display:block}
.wl-modal-title{font-family:var(--wl-font-display,inherit);font-size:24px;font-weight:800;line-height:1.25;letter-spacing:-.01em;margin:0 0 14px;color:#000}
.wl-site-nav-wrap{display:contents!important}
.wl-site-nav{display:flex;align-items:center;justify-content:center!important;gap:14px;flex-wrap:nowrap}
.wl-site-cta{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.wl-nav-cta{display:inline-block;font-weight:700;font-size:14px;padding:10px 18px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:background .15s ease,transform .12s ease}
.wl-nav-cta-primary{background:#f5b425;color:#5a3d0a}
.wl-nav-cta-primary:hover{background:#ffc94a;transform:translateY(-1px)}
.wl-nav-cta-secondary{border:1.5px solid #0b2233;color:#0b2233;background:none;padding:8.5px 16px}
.wl-nav-login{display:inline-block;font-weight:600;font-size:14px;color:#556070;text-decoration:none;padding:10px 6px;white-space:nowrap}
.wl-nav-login:hover{color:#172033;text-decoration:underline}
.wl-nav-cta-secondary:hover{background:#eaf8f0}
.wl-nav-item{position:relative}
.wl-nav-trigger{display:flex;align-items:center;gap:6px;color:#172033;text-decoration:none;font-weight:700;font-size:17px;white-space:nowrap;background:none;border:0;cursor:pointer;padding:10px 8px;font-family:inherit}
.wl-nav-trigger:hover{color:#0b2233}
.wl-nav-trigger svg{width:16px;height:16px;transition:transform .15s ease}
.wl-site-header-inner{max-width:1240px!important;gap:12px!important}
.wl-site-nav{gap:6px}
.wl-nav-trigger{font-size:16px;padding:10px 7px}
@media(min-width:1181px) and (max-width:1400px){
 .wl-nav-trigger{font-size:15px;padding:10px 5px}
 .wl-nav-cta{font-size:13px;padding:9px 14px}
 .wl-nav-cta-secondary{padding:7.5px 13px}
 .wl-site-cta{gap:8px}
}
@media(min-width:1181px) and (max-width:1279px){
 .wl-site-logo img{height:92px}
 html:is(:lang(pl),:lang(ro),:lang(uk)) .wl-nav-cta{font-size:12.5px;padding:8px 11px}
 html:is(:lang(pl),:lang(ro),:lang(uk)) .wl-nav-trigger{font-size:14px;padding:10px 4px}
 html:is(:lang(pl),:lang(ro),:lang(uk)) .wl-nav-panel a{font-size:14px}
}
@media(min-width:1401px){.wl-nav-trigger{font-size:17px}} /* menu headings never smaller than the links under them */
.wl-nav-panel{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #edeae4;border-radius:12px;box-shadow:0 12px 24px rgba(20,15,5,.1);padding:8px;min-width:190px;z-index:60}
.wl-nav-panel a{display:block;color:#172033;text-decoration:none;font-weight:600;font-size:15px;padding:10px 12px;border-radius:8px;white-space:nowrap}
.wl-nav-panel a{transition:background .15s ease,box-shadow .15s ease}
.wl-nav-panel a:hover,.wl-nav-panel a:focus-visible{background:#f5b425;color:#0b2233;box-shadow:inset 4px 0 0 #e09a00}
.wl-nav-trigger{position:relative}
.wl-nav-trigger:after{content:"";position:absolute;left:8px;right:8px;bottom:2px;height:4px;border-radius:4px;background:#f0a81c;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.wl-nav-item:hover>.wl-nav-trigger:after,.wl-nav-item-open>.wl-nav-trigger:after,.wl-nav-trigger:focus-visible:after{transform:scaleX(1)}
.wl-nav-item:hover>.wl-nav-trigger svg,.wl-nav-item-open>.wl-nav-trigger svg{color:#f0a81c}
.wl-nav-login:hover{color:#0b2233;box-shadow:inset 0 -4px 0 #f0a81c}
.wl-nav-panel-wide{min-width:560px;left:auto;right:0;padding:14px}
.wl-nav-cols{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}
.wl-nav-group-t{font-size:11.5px;font-weight:800;letter-spacing:.06em;color:#667085;text-transform:uppercase;padding:8px 12px 4px}
.wl-nav-group+.wl-nav-group{margin-top:10px}
.wl-nav-panel a.wl-nav-all{border-top:1px solid #edeae4;border-radius:0 0 8px 8px;margin-top:12px;padding-top:13px;font-weight:800;color:#0b2233}
@media(min-width:1181px){
 .wl-nav-panel-groups{min-width:300px}
 .wl-nav-item:hover .wl-nav-panel{display:block}
 .wl-nav-item:hover .wl-nav-trigger svg{transform:rotate(180deg)}
}
.wl-site-nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:6px;flex-shrink:0}
.wl-site-nav-toggle svg{width:26px;height:26px;color:#172033}
@media(max-width:1180px){
 .wl-site-header-inner{display:flex!important;justify-content:space-between;position:relative}
 .wl-site-nav-wrap{display:none!important;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #edeae4;flex-direction:column;align-items:stretch;padding:14px 20px;gap:4px;box-shadow:0 12px 24px rgba(20,15,5,.08);z-index:50}
 .wl-site-nav-wrap.wl-nav-open{display:flex!important}
 .wl-site-nav{flex-direction:column;align-items:stretch!important;gap:4px}
 .wl-site-cta{flex-direction:column;gap:8px;margin-top:6px}
 .wl-site-nav-toggle{display:block}
 .wl-site-logo img{height:80px}
 .wl-nav-item{width:100%}
 .wl-nav-trigger{width:100%;justify-content:space-between;padding:12px 4px}
 .wl-nav-item.wl-nav-item-open .wl-nav-trigger svg{transform:rotate(180deg)}
 .wl-nav-panel{display:none;position:static;box-shadow:none;border:0;padding:0 0 4px 14px;min-width:0}
 .wl-nav-item.wl-nav-item-open .wl-nav-panel{display:block}
 .wl-nav-panel-wide{min-width:0;padding:0 0 4px 14px}
 .wl-nav-cols{grid-template-columns:1fr;gap:0}
 .wl-nav-cta{width:100%;text-align:center;box-sizing:border-box}
 .wl-nav-cta-secondary{padding:11px 16px}
}
/* wl_site_header() is called from every page type — home, Candidate, Tradesperson, Homeowner —
   including ones that never define .wl-modal/.wl-modal-box themselves (the homepage has no other
   modal on it), so the login modal above needs its own, self-contained copy of these rather than
   relying on another file's <style> block happening to also be present. Without this, the modal
   renders open and unstyled inline in the page flow instead of as a hidden, centered overlay. */
.wl-modal{display:none;position:fixed;inset:0;background:rgba(9,18,30,.72);z-index:999999;align-items:center;justify-content:center;padding:18px}
.wl-modal-box{background:#fff;max-width:420px;width:100%;border-radius:18px;padding:28px;position:relative;max-height:92vh;overflow:auto;text-align:center}
.wl-modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:0;background:#f4f1eb;color:#171512;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}
.wl-modal-close:hover{background:#e5e1d8}
.wl-modal-close svg{width:16px;height:16px}
.wl-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-20px);z-index:9999999;background:#17324d;color:#fff;padding:14px 22px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.25);font-weight:700;font-size:14px;display:flex;align-items:center;gap:10px;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none;max-width:90vw}
.wl-toast.wl-toast-show{opacity:1;transform:translateX(-50%) translateY(0)}
.wl-toast.wl-toast-success{background:#12804a}
.wl-toast-check{width:20px;height:20px;flex-shrink:0}
.wl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:14px 22px;font-weight:800;cursor:pointer;font-size:15px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}
.wl-primary{background:#12804a;color:#fff;box-shadow:0 8px 20px rgba(32,178,107,.28)}
.wl-primary:hover{background:#1a9a5c;transform:translateY(-2px);box-shadow:0 10px 24px rgba(32,178,107,.35)}
.wl-lang{position:relative;flex-shrink:0;z-index:99990}.wl-lang-btn{position:relative;z-index:1;pointer-events:auto!important;cursor:pointer}
.wl-lang-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #d9e1e8;color:#0b2233;font-family:inherit;font-weight:700;font-size:13px;line-height:1;padding:9px 11px;border-radius:999px;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.wl-lang-btn:hover{border-color:#0b2233}
.wl-lang-btn svg{width:16px;height:16px;flex:none}
.wl-lang-btn svg:last-child{width:12px;height:12px}
.wl-lang-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #d9e1e8;border-radius:12px;box-shadow:0 12px 26px rgba(11,34,51,.16);padding:6px;min-width:170px;z-index:70}
.wl-lang-open .wl-lang-menu{display:block}
.wl-lang-menu button{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;background:none;border:0;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:15px;font-weight:600;color:#0b2233;cursor:pointer;text-align:left}
.wl-lang-menu button em{font-style:normal;font-size:12px;font-weight:800;color:#667085}
.wl-lang-menu button:hover{background:#edf2f6}
.wl-lang-menu button.on{background:#f5b425}
.wl-lang-menu button.on em{color:#0b2233}
.wl-lang-m{display:none}
html:is(:lang(pl),:lang(ro),:lang(uk)) .wl-nav-trigger{font-size:15.5px;padding:10px 6px}
html:is(:lang(pl),:lang(ro),:lang(uk)) .wl-site-cta{gap:8px}
html:is(:lang(pl),:lang(ro),:lang(uk)) .wl-nav-cta{font-size:13px;padding:9px 13px}
html:is(:lang(pl),:lang(ro),:lang(uk)) .wl-nav-cta-secondary{padding:7.5px 12px}
@media(max-width:1180px){.wl-lang-d{display:none}.wl-lang-m{display:block;margin-left:auto;margin-right:6px}}