/* Durham Garage Door Repair Pros. "Brightleaf": brick, graphite, concrete, signal yellow. */
:root{--brick:#a13d2a;--brick-d:#82301f;--graph:#2b2d31;--graph-2:#3a3d42;--conc:#e6e3de;--conc-l:#f4f2ee;--sig:#ffcc33;--ink:#1f2023;--mute:#5b5e63;--line:#d3cfc8;--head:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--text:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.6 var(--text)}
img{max-width:100%;height:auto;display:block}
a{color:var(--brick)}
a:hover{color:var(--brick-d)}
h1,h2,h3{font-family:var(--head);font-weight:700;line-height:1.08;color:var(--graph);letter-spacing:.2px}
h1{font-size:2.65rem;margin:.2rem 0 .7rem;text-transform:uppercase}
h2{font-size:1.75rem;margin:2.2rem 0 .6rem}
h3{font-size:1.3rem;margin:1.5rem 0 .4rem}
p,ul,ol{margin:0 0 1rem}
li{margin-bottom:.35rem}
.gd-in{max-width:1180px;margin:0 auto;padding:0 22px}
.gd-skip{position:absolute;left:-999px;top:0;background:var(--sig);color:var(--graph);padding:8px 12px;z-index:9}
.gd-skip:focus{left:8px}

/* header */
.gd-bar{background:var(--graph);color:#fff;border-bottom:4px solid var(--brick)}
.gd-bar__row{display:flex;align-items:center;gap:18px;min-height:64px}
.gd-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 1.15rem/1 var(--head);text-transform:uppercase;letter-spacing:.4px}
.gd-logo svg{width:40px;height:40px;flex:none}
.gd-logo span{display:flex;flex-direction:column;gap:2px}
.gd-logo b{color:var(--sig);font-weight:700}
.gd-logo:hover{color:#fff}
.gd-menu{margin-left:auto}
.gd-menu ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.gd-menu li{margin:0}
.gd-menu a{display:block;color:#e9e7e3;text-decoration:none;font-weight:600;font-size:.95rem;padding:8px 10px;border-radius:4px}
.gd-menu a:hover,.gd-menu a[aria-current]{background:var(--graph-2);color:#fff}
.gd-phone{display:flex;flex-direction:column;align-items:flex-start;background:var(--sig);color:var(--graph);text-decoration:none;font:700 1.3rem/1 var(--head);padding:7px 14px;border-radius:4px}
.gd-phone small{font:600 .68rem/1 var(--text);text-transform:uppercase;letter-spacing:.8px;margin-bottom:3px}
.gd-phone:hover{background:#ffd95c;color:var(--graph)}
.gd-burger{display:none;margin-left:auto;background:none;border:2px solid #777a80;color:#fff;font:600 .9rem var(--text);padding:6px 12px;border-radius:4px}

/* hero with the call back ticket */
.gd-hero{background:var(--conc-l);border-bottom:1px solid var(--line);padding:20px 0 26px}
.gd-hero--short{padding:20px 0 14px}
.gd-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start}
.gd-crumbs{list-style:none;margin:0 0 .3rem;padding:0;display:flex;flex-wrap:wrap;font-size:.86rem;color:var(--mute)}
.gd-crumbs li{margin:0}
.gd-crumbs li+li::before{content:"\203A";margin:0 7px;color:#9a9690}
.gd-crumbs a{color:var(--mute)}
.gd-intro{font-size:1.1rem;max-width:620px}
.gd-hero__call{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:1.1rem}
.gd-hero__call span{color:var(--mute);font-size:.95rem}
.gd-callbtn{display:inline-block;background:var(--brick);color:#fff;text-decoration:none;font:700 1.35rem/1 var(--head);padding:13px 22px;border-radius:4px;letter-spacing:.4px}
.gd-callbtn:hover{background:var(--brick-d);color:#fff}
.gd-ticket{background:#fff;border:1px solid var(--line);border-top:6px solid var(--sig);border-radius:6px;padding:16px 20px 12px;box-shadow:0 10px 26px rgba(43,45,49,.13)}
.gd-ticket__tag{display:inline-block;margin:0 0 4px;background:var(--graph);color:var(--sig);font:700 .74rem/1 var(--text);text-transform:uppercase;letter-spacing:1px;padding:5px 8px;border-radius:3px}
.gd-ticket__title{font-size:1.5rem;margin:.2rem 0 .7rem}
.gd-ticket label{display:block;font-weight:600;font-size:.88rem;margin-bottom:9px}
.gd-ticket label em{font-weight:400;color:var(--mute)}
.gd-ticket input,.gd-ticket select,.gd-ticket textarea{display:block;width:100%;margin-top:3px;font:400 1rem var(--text);padding:8px 10px;border:1px solid #b9b5ae;border-radius:4px;background:#fff;color:var(--ink)}
.gd-ticket textarea{resize:vertical;min-height:52px}
.gd-ticket input:focus,.gd-ticket select:focus,.gd-ticket textarea:focus{outline:3px solid rgba(255,204,51,.6);border-color:var(--graph)}
.gd-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gd-two--zip{grid-template-columns:96px 1fr}
.gd-go{width:100%;background:var(--brick);color:#fff;border:0;border-radius:4px;font:700 1.25rem/1 var(--head);text-transform:uppercase;letter-spacing:.6px;padding:13px;cursor:pointer;margin-top:2px}
.gd-go:hover{background:var(--brick-d)}
.gd-go[disabled]{opacity:.7;cursor:wait}
.gd-err{color:#a1001a;font-weight:600;margin:8px 0 0}
.gd-ticket__fine{font-size:.78rem;color:var(--mute);margin:8px 0 0;line-height:1.4}
.gd-hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}

/* page body */
.gd-page{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding-top:28px;padding-bottom:48px}
.gd-home .gd-page,.gd-plain .gd-page,.gd-hub .gd-page{grid-template-columns:minmax(0,820px)}
.gd-copy{max-width:760px}
.gd-copy>h2:first-child{margin-top:.4rem}
.gd-shot{max-width:620px;margin:1.3rem 0 0}
.gd-shot img{border-radius:6px;aspect-ratio:16/9;object-fit:cover;width:100%}
.gd-copy blockquote{margin:1.4rem 0;padding:.8rem 1.1rem;border-left:5px solid var(--sig);background:var(--conc-l)}
.gd-signs{margin:0 0 1.6rem;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.gd-signs h2{margin:0;padding:14px 18px;background:var(--graph);color:#fff;font-size:1.45rem}
.gd-signs__head{display:grid;grid-template-columns:1fr 1fr;background:var(--conc);font:700 .8rem var(--text);text-transform:uppercase;letter-spacing:.8px;color:var(--mute)}
.gd-signs__head span{padding:7px 18px}
.gd-sign{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.gd-sign p{margin:0;padding:11px 18px}
.gd-sign__see{font-weight:600}
.gd-sign__means{background:var(--conc-l)}
.gd-stop{margin:1.4rem 0;padding:14px 18px 4px;background:#fbefec;border:2px solid var(--brick);border-radius:6px}
.gd-stop__h{font:700 1.2rem/1.1 var(--head);text-transform:uppercase;color:var(--brick);margin-bottom:.4rem}
.gd-rates{margin:2rem 0 1rem}
.gd-rates table{width:100%;border-collapse:collapse;font-size:.98rem}
.gd-rates th,.gd-rates td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.gd-rates thead th{background:var(--graph);color:#fff;font:700 .82rem var(--text);text-transform:uppercase;letter-spacing:.8px}
.gd-rates tbody th{font-weight:600}
.gd-rates td{white-space:nowrap;font-weight:700;color:var(--brick)}
.gd-rates__fine{font-size:.85rem;color:var(--mute);margin-top:.5rem}
.gd-side{align-self:start;position:sticky;top:16px;background:var(--conc-l);border:1px solid var(--line);border-radius:6px;padding:16px 18px}
.gd-side__h{font:700 1.15rem/1 var(--head);text-transform:uppercase;margin-bottom:.6rem;color:var(--graph)}
.gd-side ul{list-style:none;padding:0;margin:0 0 1rem}
.gd-side li{border-top:1px solid var(--line);margin:0}
.gd-side li a{display:block;padding:7px 0;text-decoration:none;font-weight:600}
.gd-side__call{margin:0;font-size:.9rem;color:var(--mute)}
.gd-side__call a{display:block;font:700 1.35rem/1.2 var(--head);color:var(--graph);text-decoration:none}
.gd-cards{list-style:none;padding:0;margin:1.4rem 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.gd-cards li{margin:0}
.gd-cards a{display:block;height:100%;padding:14px 16px;border:1px solid var(--line);border-left:5px solid var(--brick);border-radius:4px;text-decoration:none;color:var(--ink)}
.gd-cards a:hover{border-left-color:var(--sig);background:var(--conc-l)}
.gd-cards b{display:block;font:700 1.2rem/1.1 var(--head);color:var(--graph);margin-bottom:5px}
.gd-cards span{font-size:.92rem;color:var(--mute)}
.gd-strip{background:var(--graph);color:#e9e7e3;padding:34px 0 26px}
.gd-strip__cols{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.gd-strip h2{color:var(--sig);font-size:1.35rem;margin:0 0 .6rem}
.gd-strip ul{list-style:none;padding:0}
.gd-strip a{color:#fff;text-decoration:none}
.gd-strip a:hover{text-decoration:underline}

/* footer */
.gd-base{background:var(--conc);color:var(--ink);padding:34px 0 80px;font-size:.95rem;border-top:6px solid var(--brick)}
.gd-base__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}
.gd-base__brand{display:flex;align-items:center;gap:10px;font:700 1.25rem var(--head);text-transform:uppercase;color:var(--graph)}
.gd-base__brand svg{width:34px;height:34px}
.gd-base__h{font:700 1.05rem var(--head);text-transform:uppercase;color:var(--brick);margin-bottom:.5rem}
.gd-base ul{list-style:none;padding:0}
.gd-base a{color:var(--graph)}
.gd-base__fine{font-size:.8rem;color:var(--mute);margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}
.gd-dock{display:none}

@media (max-width:1100px){.gd-menu a{padding:8px 7px;font-size:.9rem;white-space:nowrap}.gd-hero__grid{grid-template-columns:minmax(0,1fr) 370px;gap:28px}}
@media (max-width:1060px) and (min-width:961px){.gd-menu a{padding:8px 5px;font-size:.84rem}.gd-logo span{font-size:.9em}.gd-phone{white-space:nowrap}}
@media (max-width:960px){
 .gd-burger{display:block}
 .gd-menu{display:none;position:absolute;left:0;right:0;top:68px;background:var(--graph);z-index:5;padding:8px 16px 14px}
 .gd-menu.is-open{display:block}
 .gd-menu ul{flex-direction:column}
 .gd-bar{position:relative}
 .gd-phone{display:none}
 .gd-hero__grid,.gd-page{grid-template-columns:1fr}
 .gd-side{position:static}
 .gd-strip__cols,.gd-base__grid{grid-template-columns:1fr 1fr}
 .gd-dock{display:block;position:fixed;left:0;right:0;bottom:0;z-index:8;text-align:center;background:var(--sig);color:var(--graph);font:700 1.3rem/1 var(--head);padding:14px;text-decoration:none;box-shadow:0 -3px 12px rgba(0,0,0,.2)}
}
@media (max-width:560px){
 body{font-size:16px}h1{font-size:2.05rem}
 .gd-in{padding:0 16px}
 .gd-strip__cols,.gd-base__grid{grid-template-columns:1fr}
 .gd-sign,.gd-signs__head{grid-template-columns:1fr}.gd-signs__head span+span{display:none}
 .gd-sign__means{padding-top:0!important}
 .gd-rates td{white-space:normal}
}