/*
Theme Name: DBP Burgersfort
Author: DBP Burgersfort
Description: Elementor-free, editable Gutenberg homepage inspired by the DBP corporate website.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: dbp-burgersfort
*/
:root{--red:#ef232a;--ink:#111;--muted:#626262;--pale:#f4f4f4;--width:1200px}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:#fff;font-family:Urbanist,Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit}img{max-width:100%;height:auto;display:block}figure{margin:0}h1,h2,h3,p{margin:0 0 22px}h1,h2,h3{font-weight:700;line-height:1.13;letter-spacing:-.035em}h2{font-size:clamp(32px,3.1vw,46px);color:var(--red);margin-bottom:26px}h3{font-size:23px;letter-spacing:-.02em}p:last-child{margin-bottom:0}.site-header{background:#050505;color:#fff;padding:28px 4%;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:125px}.brand{display:flex;align-items:center;gap:20px;text-decoration:none}.brand .dbp-mark{background:#fff;width:164px;padding:5px 9px}.brand .dunlop-mark{width:170px}.brand-label{border-left:1px solid #555;padding-left:20px;font-size:11px;line-height:1.6;letter-spacing:.09em;color:#ccc}.main-nav{display:flex;align-items:center;gap:26px}.main-nav a{text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.main-nav a:hover{color:var(--red)}.main-nav a:last-child{background:var(--red);padding:13px 22px;color:#fff}.menu-toggle{display:none;background:none;color:#fff;border:1px solid #777;padding:9px 12px;font-size:17px}.skip-link{position:absolute;top:-100px;left:10px;background:white;color:black;padding:12px;z-index:100}.skip-link:focus{top:10px}.hero{min-height:640px;height:calc(100vh - 125px);max-height:850px;position:relative;background:#222;color:white;overflow:hidden}.hero-bg,.hero-shade{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.1)),linear-gradient(0deg,rgba(0,0,0,.5),transparent 70%)}.hero-content{position:relative;max-width:var(--width);margin:auto;padding:100px 30px 65px;height:100%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.13em;font-weight:700;text-transform:uppercase;margin-bottom:22px;color:var(--red)}.hero .eyebrow{color:white}.hero h1{font-size:clamp(50px,7.4vw,106px);line-height:1.04;color:white;letter-spacing:-.04em;margin:0 0 38px;isolation:isolate}.hero h1 span{position:relative;display:inline-block}.hero h1 span:before{content:"";position:absolute;inset:0 -20px -8px -180px;background:var(--red);z-index:-1}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.hero-bottom p{font-size:25px;line-height:1.25;margin:8px 0 0}.hero-cta{padding:20px 0 10px;border-top:2px solid var(--red);font-size:15px;font-weight:700;letter-spacing:.05em;text-decoration:none}.hero-cta span{font-size:25px;margin-left:40px}.experience{background:#050505;color:#fff;padding:28px 5%;text-align:center;font-size:21px}.section{padding:96px 30px}.container,.split,.contact-grid{max-width:var(--width);margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.copy{max-width:560px}.tall-photo img{height:580px;width:100%;object-fit:cover}.product-photo img{width:100%;min-height:370px;object-fit:cover}.split>figure{position:relative}.split>figure:after{content:"";position:absolute;width:85px;height:7px;bottom:0;right:0;background:var(--red)}.pale{background:var(--pale)}ul{padding-left:21px;margin:24px 0 30px}li{padding-left:5px;margin-bottom:10px}li::marker{color:var(--red)}.wp-block-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.wp-block-button__link{display:inline-block;padding:14px 22px;background:var(--red);color:white;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.04em;border:2px solid var(--red);border-radius:0;line-height:1.5}.wp-block-button__link:hover{background:#bf151c;border-color:#bf151c;color:white}.is-style-outline .wp-block-button__link{background:transparent;color:var(--ink);border-color:#bbb}.is-style-outline .wp-block-button__link:hover{border-color:var(--red);color:var(--red)}.range-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:50px}.range-item{border-top:2px solid var(--red);padding-top:23px}.range-item p{font-size:15px;color:var(--muted)}.range-item .number{color:var(--red);font-size:24px}.partners img{max-width:min(550px,100%);margin:55px auto 0}.dark{background:#070707;color:#ddd}.dark h2,.dark h3{color:#fff}.dark>.container>p{max-width:680px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px;margin-top:50px}.service-item figure img{width:100%;height:180px;object-fit:cover}.service-copy{padding-top:22px}.service-copy h3{font-size:22px}.service-copy p{font-size:15px}.service-copy .number{color:var(--red);font-size:19px;margin-bottom:12px}.red{background:var(--red);color:white}.red h2,.red .eyebrow{color:white}.local-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:40px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:25px}.stat-box{border-top:1px solid #ffffff88;padding-top:20px}.stat{font-size:54px;font-weight:700;line-height:1.1;margin-bottom:14px}.stat-box p:last-child{font-size:11px;letter-spacing:.08em}.partner-line{margin-top:50px!important;padding-top:25px;border-top:1px solid #ffffff66;font-size:14px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-details{padding:20px 0 20px 50px;border-left:2px solid var(--red)}.contact-large{font-size:27px;font-weight:700}.contact-details a{text-decoration:none;overflow-wrap:anywhere}.contact-details a:hover{color:var(--red)}.contact-details h3{font-size:24px}.site-footer{background:#050505;color:#aaa;padding:45px 30px 25px;font-size:13px}.footer-inner{max-width:var(--width);margin:auto}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #333;padding-bottom:30px;margin-bottom:25px}.footer-top img{width:210px}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:20px}.footer-bottom p{margin:0}.site-main>p{max-width:var(--width);margin:30px auto}.page-wrap{max-width:var(--width);margin:60px auto;padding:0 25px}.preview-note{background:#fff4dc;color:#4e3c15;padding:10px 25px;font-size:12px;text-align:center}.preview-note a{font-weight:700}:focus-visible{outline:3px solid #1179ca;outline-offset:5px}
@media(min-width:1600px){.site-header{padding-left:max(4%,calc((100vw - 1400px)/2));padding-right:max(4%,calc((100vw - 1400px)/2))}}@media(max-width:1100px){.brand-label{display:none}.brand .dunlop-mark{width:145px}.main-nav{gap:16px}.split{gap:40px}.local-grid,.contact-grid{gap:45px}.hero h1{font-size:8vw}.range-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header{min-height:95px;padding:18px 22px;flex-wrap:wrap;gap:15px}.brand{gap:12px}.brand .dbp-mark{width:108px}.brand .dunlop-mark{width:120px}.main-nav{width:100%;display:flex;flex-wrap:wrap;gap:15px;padding:14px 0}.js .main-nav{display:none}.js .main-nav.is-open{display:flex}.js .menu-toggle{display:block}.main-nav a{font-size:12px}.main-nav a:last-child{padding:8px 14px}.hero{min-height:620px;height:auto;max-height:none}.hero-content{padding:90px 25px 55px;min-height:620px}.hero h1{font-size:clamp(38px,9.4vw,68px);margin-bottom:40px}.hero h1 span:before{left:-30px;right:-8px}.hero .eyebrow{font-size:10px;max-width:230px}.hero-bottom{display:block}.hero-bottom p{font-size:23px;margin-bottom:35px}.hero-cta{display:inline-block}.experience{font-size:15px;padding:24px}.section{padding:65px 24px}.split{grid-template-columns:1fr;gap:36px}.tall-photo img{height:360px}.reverse>.copy{order:2}.reverse>figure{order:1}.product-photo img{min-height:220px;max-height:350px}.range-grid{gap:25px}.range-item h3{font-size:20px}.service-grid{grid-template-columns:1fr;gap:38px}.service-item figure img{height:210px}.local-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.contact-details{padding:25px 0 0;border-left:none;border-top:2px solid var(--red)}.contact-large{font-size:25px}.stat{font-size:45px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.partners img{margin-top:35px}h2{font-size:34px}.wp-block-buttons{gap:12px}.footer-links{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/urbanist-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/urbanist-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/urbanist-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/urbanist-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/urbanist-800.ttf) format('truetype');
}

figcaption{font-size:11px;color:#666;padding-top:6px}.service-item figcaption{color:#aaa}

.service-item figure{min-height:210px}
@media(max-width:760px){.service-item figure{min-height:240px}}
