/*
Theme Name: trades
Theme URI: https://chatfieldwebdesign.co.uk
Description: Kadence child — trades identity (charcoal photo, white quote card, blue call to action). Parent look for plumber, electrician, builder, cleaner, HVAC, painter, and landscaper. Edit pages in the block editor. Placeholders stay until fulfilment.
Author: Chatfield Web Design
Template: kadence
Version: 1.1.5
Text Domain: trades
*/

@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");

:root{
  --cwd-ink:#16181b;
  --cwd-ink-2:#2c3138;
  --cwd-muted:#5c6570;
  --cwd-label:#6d7682;
  --cwd-line:#e3e6ea;
  --cwd-wash:#f6f7f8;
  --cwd-white:#ffffff;
  --cwd-blue:#1d4ed8;
  --cwd-blue-2:#1e40af;
  --cwd-deep:#121417;
  --cwd-max:1100px;
  --cwd-display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --cwd-sans:"Barlow",system-ui,-apple-system,Segoe UI,sans-serif;
  --global-palette1:#16181b;
  --global-palette2:#1d4ed8;
  --global-palette3:#16181b;
  --global-palette4:#2c3138;
  --global-palette5:#5c6570;
  --global-palette6:#6d7682;
  --global-palette7:#e3e6ea;
  --global-palette8:#f6f7f8;
  --global-palette9:#ffffff;
}

html{scroll-behavior:smooth;}

body{
  font-family:var(--cwd-sans);
  background:var(--cwd-wash);
  color:var(--cwd-ink);
  font-size:17.5px;
  line-height:1.6;
}

a{color:var(--cwd-blue);}
a:hover{color:var(--cwd-blue-2);}

h1,h2,h3,.site-title,.wp-block-heading{
  font-family:var(--cwd-display);
  font-weight:700;
}

.home #masthead,
.home #masthead .site-header-wrap,
.home #masthead .site-header-inner-wrap,
.home #masthead .site-header-row-container-inner,
.home #masthead .site-main-header-wrap,
.home #masthead .site-container,
.home #mobile-header,
.home #mobile-header .site-header-wrap,
.home #mobile-header .site-header-inner-wrap,
.home #mobile-header .site-header-row-container-inner,
.home #mobile-header .site-container{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  position:absolute;
  left:0;
  right:0;
  z-index:30;
  width:100%;
}

body:not(.home) #masthead,
body:not(.home) #masthead .site-header-wrap,
body:not(.home) #masthead .site-header-inner-wrap,
body:not(.home) #masthead .site-header-row-container-inner,
body:not(.home) #masthead .site-main-header-wrap,
body:not(.home) #masthead .site-container,
body:not(.home) #mobile-header,
body:not(.home) #mobile-header .site-header-wrap,
body:not(.home) #mobile-header .site-header-inner-wrap,
body:not(.home) #mobile-header .site-header-row-container-inner{
  background:var(--cwd-deep) !important;
  background-color:var(--cwd-deep) !important;
  box-shadow:none !important;
  border:0 !important;
}

#masthead .site-header-row-container-inner,
#mobile-header .site-header-row-container-inner{
  min-height:72px;
}
#masthead .site-header-inner-wrap,
#masthead .site-container{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}
#masthead .site-title,
#masthead .site-title a,
#masthead .brand,
#masthead #primary-menu a,
#masthead .header-menu-container a,
#mobile-header .site-title,
#mobile-header .site-title a,
#mobile-header .menu-toggle-open,
#mobile-header .menu-toggle-open .menu-toggle-label{
  color:#ffffff !important;
  opacity:1 !important;
}
#masthead .site-title,
#mobile-header .site-title{
  font-family:var(--cwd-sans);
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  font-size:1rem;
}
#masthead #primary-menu a{
  font-family:var(--cwd-sans);
  letter-spacing:.01em;
  text-transform:none;
  font-size:.95rem;
  font-weight:500;
  padding:.45rem .7rem !important;
}
#masthead #primary-menu a:hover,
#masthead #primary-menu .current-menu-item>a{
  color:#dbe4ff !important;
}
#mobile-header .menu-toggle-open{border-color:#ffffff !important;width:44px !important;height:44px !important;}
#mobile-header svg,
#mobile-header .menu-toggle-open svg{
  fill:#ffffff !important;
  color:#ffffff !important;
}

.entry-hero,
.entry-header,
.page-hero-section,
.entry-hero-container,
.content-title-inner-wrap,
h1.entry-title,
.page-title{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.content-style-boxed .content-bg,
.content-style-boxed .entry-content-wrap,
.content-bg,
.entry-content-wrap,
.content-container{
  background:transparent !important;
  box-shadow:none !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
  margin-top:0 !important;
}
.site-container,
.content-wrap{max-width:100%;}

.entry-content > .wp-block-cover.alignfull{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.cwd-hero.wp-block-cover,
.wp-block-cover.cwd-hero{
  min-height:88vh;
  background-color:#121417;
}
.cwd-hero .wp-block-cover__background,
.cwd-hero .has-background-dim-60{
  background:linear-gradient(90deg, rgba(10,12,14,.78) 0%, rgba(10,12,14,.55) 48%, rgba(10,12,14,.35) 100%);
  opacity:1;
}
.cwd-hero .wp-block-cover__inner-container{
  max-width:1180px;
  width:100%;
  margin:0 auto;
  padding:6.5rem 1.5rem 3.2rem;
}
.cwd-hero-grid{
  align-items:center;
  gap:2rem;
}
.cwd-hero .cwd-hero-kicker{
  color:#dbe4ff;
  font-family:var(--cwd-sans);
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:600;
  margin:0 0 .8rem;
}
.wp-block-cover.cwd-hero h1.wp-block-heading,
.cwd-hero h1.wp-block-heading{
  font-family:var(--cwd-display);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.01em;
  line-height:.95;
  max-width:14ch;
  margin:0 0 1rem;
}
.wp-block-cover.cwd-hero h1.wp-block-heading:not(.has-text-color),
.cwd-hero h1.wp-block-heading:not(.has-text-color){color:#ffffff;}
.wp-block-cover.cwd-hero h1.wp-block-heading:not([class*="font-size"]):not([style*="font-size"]),
.cwd-hero h1.wp-block-heading:not([class*="font-size"]):not([style*="font-size"]){font-size:clamp(2.8rem,5.6vw,4.4rem);}
.cwd-hero .cwd-hero-lead,
.cwd-hero .cwd-hero-copy p{
  color:rgba(255,255,255,.92);
  font-size:1.05rem;
  max-width:32rem;
  margin:0 0 1rem;
}
.cwd-hero .cwd-hero-copy p.cwd-emergency,
.cwd-hero .cwd-emergency{
  color:#ffffff;
  font-family:var(--cwd-display);
  font-size:clamp(2.1rem,3.6vw,3rem);
  font-weight:700;
  letter-spacing:.03em;
  line-height:1;
  margin:.2rem 0 0;
  max-width:none;
}
.cwd-hero .cwd-emergency a{
  color:#ffffff;
  text-decoration:none;
}
.cwd-quote-card{
  background:#ffffff;
  color:var(--cwd-ink);
  padding:1.5rem 1.35rem 1.3rem;
  border-radius:2px;
}
.cwd-hero .cwd-quote-card h2,
.cwd-hero .cwd-quote-card h3,
.cwd-hero .cwd-quote-card p,
.cwd-hero .cwd-quote-card label{
  color:var(--cwd-ink);
  text-shadow:none;
  max-width:none;
}
.cwd-quote-card h2,
.cwd-quote-card h2.wp-block-heading{
  font-size:1.7rem;
  margin:0 0 .8rem;
  text-transform:none;
  letter-spacing:0;
}

.entry-content > h1,
.entry-content h1.wp-block-heading{
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.01em;
  margin:0 0 .8rem;
  max-width:16ch;
}
.entry-content > h1:not(.has-text-color),
.entry-content h1.wp-block-heading:not(.has-text-color){color:var(--cwd-ink);}
.entry-content > h1:not([class*="font-size"]):not([style*="font-size"]),
.entry-content h1.wp-block-heading:not([class*="font-size"]):not([style*="font-size"]){font-size:clamp(2.2rem,4.4vw,3.2rem);}
.entry-content > h2,
.entry-content h2.wp-block-heading{
  font-size:clamp(1.6rem,2.6vw,2.1rem);
  text-transform:uppercase;
  letter-spacing:.02em;
  margin:2.2rem 0 .6rem;
  color:var(--cwd-ink);
}
.entry-content h2.cwd-section,
.cwd-section{
  font-family:var(--cwd-sans);
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--cwd-blue);
  font-weight:600;
  margin:2.2rem 0 .8rem;
}
.cwd-kicker{
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--cwd-blue);
  font-weight:600;
  margin:0 0 .6rem;
}
.cwd-lead{
  font-size:1.08rem;
  color:var(--cwd-ink-2);
  max-width:38rem;
  margin:0 0 1.4rem;
}
.entry-content p{max-width:40rem;}
.entry-content figure{margin:0;}
.entry-content figure img{
  max-width:100%;
  display:block;
}
.entry-content figcaption{
  font-size:.75rem;
  color:var(--cwd-label);
  margin-top:.45rem;
}
.entry-content .wp-block-columns{gap:2rem;margin-top:1.4rem;}
.entry-content .wp-block-column{
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}

.home .content-container.site-container,
.home .content-wrap,
.home .entry-content-wrap,
.home article.entry,
.home #primary,
.home #main{
  padding:0 !important;
  margin:0 !important;
  max-width:none !important;
  width:100% !important;
}
.home .entry-content{padding-bottom:0;}
.home .entry-content > *:not(.wp-block-cover):not(.alignfull){
  max-width:var(--cwd-max);
  margin-left:auto;
  margin-right:auto;
  padding-left:1.5rem;
  padding-right:1.5rem;
}
.cwd-home-body{
  max-width:var(--cwd-max);
  margin:0 auto;
  padding:2.6rem 1.5rem 3.5rem;
}
.cwd-rule{
  width:3.2rem;
  height:3px;
  background:var(--cwd-blue);
  margin:.2rem 0 1rem;
}
.cwd-about-split img{max-width:100%;}

body:not(.home) .content-container.site-container,
body:not(.home) .content-wrap,
body:not(.home) .entry-content-wrap,
body:not(.home) article.entry{
  padding:0 !important;
  margin:0 !important;
  max-width:none !important;
  background:transparent !important;
  box-shadow:none !important;
}
body:not(.home) .entry-content{
  max-width:var(--cwd-max);
  margin:0 auto;
  padding:3rem 1.5rem 4.5rem;
}

.wp-block-quote,
.cwd-quotes .wp-block-quote{
  border:0;
  border-top:3px solid var(--cwd-blue);
  padding:1rem 0 0;
  margin:0;
  background:transparent;
}
.wp-block-quote p{
  font-size:1.15rem;
  line-height:1.45;
  max-width:none;
  margin:0 0 .5rem;
}
.wp-block-quote cite{
  font-size:.68rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--cwd-label);
  font-style:normal;
  font-weight:600;
}

.wp-block-button__link:not(.has-background):not(.has-text-color){
  background:var(--cwd-blue);
  color:#ffffff;
  border:0;
  border-radius:2px;
  padding:.85rem 1.25rem;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:700;
  font-family:var(--cwd-sans);
}
.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color){
  background:transparent;
  color:var(--cwd-ink);
  border:1px solid var(--cwd-ink);
}

.cwd-facts h3,
.cwd-facts h3.wp-block-heading{
  font-family:var(--cwd-sans);
  font-size:.7rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--cwd-blue);
  margin:0 0 .3rem;
}
.cwd-facts h3 + p{margin:0 0 1.3rem;max-width:none;}
.cwd-service h3{margin:.2rem 0 .35rem;text-transform:uppercase;}
.cwd-service p{color:var(--cwd-muted);max-width:none;}

.site-footer,
#colophon{
  background:var(--cwd-deep) !important;
  color:#c5ccd4;
  padding:1.15rem 1.5rem 6.5rem !important;
  font-size:.8rem;
}
#colophon a{color:#ffffff;}
#colophon .site-container{max-width:var(--cwd-max);margin:0 auto;}
#colophon .footer-html-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.15rem;
}
#colophon .footer-html-inner p{margin:0;}
#colophon a[href*="kadencewp"]{display:none;}

.cwd-legal{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem 1.2rem;
  justify-content:center;
  font-size:.7rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
  padding:.55rem 0 0;
}
.cwd-legal a{color:#ffffff !important;text-decoration:none;}

.cwd-book-item a,
#masthead .cwd-book-item a{
  background:var(--cwd-blue) !important;
  border:1px solid var(--cwd-blue) !important;
  color:#ffffff !important;
  padding:.45rem .9rem !important;
  border-radius:2px;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:700;
}

#cwd-cookie{
  position:fixed;
  z-index:100000;
  left:1rem;
  right:1rem;
  bottom:1rem;
  max-width:28rem;
  margin:0 auto;
  background:var(--cwd-deep);
  color:#f4f6f8;
  padding:1.15rem 1.25rem;
  box-shadow:0 16px 40px rgba(0,0,0,.35);
  font-size:.92rem;
  line-height:1.5;
}
#cwd-cookie[hidden]{display:none !important;}
#cwd-cookie a{color:#fff;text-decoration:underline;}
#cwd-cookie p{margin:0;max-width:none;color:#f4f6f8;}
.cwd-cookie-actions{display:flex;gap:.55rem;margin-top:.9rem;flex-wrap:wrap;}
#cwd-cookie button{
  font-family:var(--cwd-sans);
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:700;
  padding:.7rem 1.1rem;
  border-radius:2px;
  cursor:pointer;
}
#cwd-cookie [data-cwd-consent="accept"]{
  background:var(--cwd-blue);
  color:#fff;
  border:1px solid var(--cwd-blue);
}
#cwd-cookie [data-cwd-consent="reject"]{
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.85);
}
body:has(#cwd-cookie:not([hidden])){padding-bottom:8rem;}

.comment-respond,
.wp-block-comments,
#comments{display:none !important;}

.cwd-cta-band{
  background:var(--cwd-deep);
  color:#f4f6f8;
  padding:2.6rem 1.5rem 3rem;
  text-align:center;
}
.home .entry-content > .cwd-cta-band{
  max-width:none;
  width:100%;
}
.cwd-cta-band p,
.cwd-cta-band h2{color:#f4f6f8;margin-left:auto;margin-right:auto;}
.cwd-cta-band .is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color){
  color:#fff;
  border-color:#fff;
}

.cwd-cf7{margin-top:.2rem;}
.wpcf7-form p{max-width:none;margin:0 0 .75rem;}
.wpcf7-form label{
  display:block;
  font-size:.78rem;
  color:var(--cwd-ink-2);
  font-weight:600;
  margin:0 0 .3rem;
}
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel],
.wpcf7-form textarea{
  width:100%;
  border:1px solid #d5dae0;
  background:#fff;
  color:var(--cwd-ink);
  padding:.7rem .8rem;
  border-radius:2px;
  font-family:var(--cwd-sans);
  font-size:1rem;
}
.wpcf7-form textarea{min-height:7.5rem;}
.wpcf7-form input[type=submit]{
  background:var(--cwd-blue);
  color:#fff;
  border:0;
  border-radius:2px;
  padding:.8rem 1.3rem;
  font-size:.75rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:700;
  font-family:var(--cwd-sans);
  cursor:pointer;
}
.wpcf7-not-valid-tip{color:#9b2c2c;font-size:.85rem;}
.wpcf7-response-output{border:0;padding:0;margin:.8rem 0 0;color:var(--cwd-ink-2);}

@media(max-width:781px){
  .cwd-hero.wp-block-cover{min-height:0;}
  .cwd-hero .wp-block-cover__inner-container{padding:6.2rem 1.15rem 2.2rem;}
  .cwd-hero-grid{gap:1.4rem;}
  .cwd-hero .cwd-hero-copy > p.cwd-kicker{display:inline;margin:0 .45rem 0 0;}
  .cwd-hero .cwd-hero-copy > p.cwd-emergency,
  .cwd-hero .cwd-emergency{display:inline;font-size:1.45rem;line-height:1.15;}
  .cwd-hero .cwd-emergency a{display:inline-block;padding:.4rem 0;min-height:44px;}
  .cwd-hero .wp-block-buttons,
  .cwd-cta-band .wp-block-buttons{flex-direction:column;align-items:stretch;}
  .cwd-cta-band .wp-block-buttons{align-items:center;}
  .cwd-hero .wp-block-button,
  .cwd-cta-band .wp-block-button{max-width:100%;}
  .entry-content > .cwd-cta-band.alignfull{padding-left:1.15rem;padding-right:1.15rem;}
  body:not(.home) .entry-content{padding:2.4rem 1.2rem 3.6rem;}
  .cwd-home-body{padding:1.8rem 1.2rem 2.8rem;}
}

/* cwd-page-grid — inner pages as sections, buttons that stay readable. No image size lock. */
body:not(.home) .entry-content > h1.wp-block-heading{max-width:18em;}
body:not(.home) .entry-content > .wp-block-columns{
  align-items:stretch;
  gap:1.25rem;
  margin-top:1.25rem;
  margin-bottom:1.25rem;
}
body:not(.home) .entry-content > .wp-block-columns > .wp-block-column{
  background:#ffffff;
  border:1px solid var(--cwd-line);
  border-radius:14px;
  padding:1.25rem 1.2rem 1.35rem;
  align-self:stretch;
}
.entry-content .wp-block-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  margin-top:1rem;
}
.entry-content .wp-block-buttons .wp-block-button:not(.is-style-outline) > .wp-block-button__link.wp-element-button:not(.has-background):not(.has-text-color){
  background:#1d4ed8;
  color:#ffffff;
  border:2px solid #1d4ed8;
}
.entry-content .wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link.wp-element-button:not(.has-background):not(.has-text-color){
  background:#ffffff;
  color:#16181b;
  border:2px solid #1d4ed8;
}
.entry-content .cwd-hero .wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link.wp-element-button,
.entry-content .cwd-cta-band .wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link.wp-element-button:not(.has-background):not(.has-text-color){
  background:#ffffff;
  color:#16181b;
  border:2px solid #ffffff;
}
.entry-content .cwd-cta-band .wp-block-buttons .wp-block-button:not(.is-style-outline) > .wp-block-button__link.wp-element-button:not(.has-background):not(.has-text-color){
  background:#1d4ed8;
  color:#ffffff;
  border:2px solid #ffffff;
}
body:not(.home) .entry-content > .cwd-cta-band.alignfull{
  max-width:100vw;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:2.2rem;
  margin-bottom:0;
}
.cwd-cta-band .wp-block-buttons{justify-content:center;}
.entry-content .cwd-cta-band h2.wp-block-heading,
.entry-content .cwd-cta-band p{color:#f4f6f8;}