/*
Theme Name: Edinburgh Roofing Group (Kadence Child)
Template: kadence
Version: 1.0.0
Description: Child theme for edinburghroofinggroup.co.uk - styles for the rank and rent layout.
*/
:root{--ink:#14202b;--slate:#3d5a73;--sand:#efe6d8;--sand-d:#d9ccb6;--rust:#c2410c;--rust-d:#9a3412;--paper:#fbf9f5;--line:#ddd3c2}
body{overflow-x:clip}
.erg *{box-sizing:border-box}
.erg{color:var(--ink);font-size:17px;line-height:1.65}
.erg h1,.erg h2,.erg h3{font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;color:var(--ink);line-height:1.15;margin:0 0 .6em;letter-spacing:-.01em}
.erg h1{font-size:clamp(2rem,4.6vw,3.3rem)}
.erg h2{font-size:clamp(1.55rem,3vw,2.15rem)}
.erg h3{font-size:1.3rem}
.erg p{margin:0 0 1em;max-width:68ch}
.erg a{color:var(--rust-d)}
.erg-band{width:100vw;margin-left:calc(50% - 50vw);padding:64px 20px}
.erg-wrap{max-width:1120px;margin:0 auto}
.erg-sand{background:var(--sand)}.erg-paper{background:var(--paper)}
.erg-dark{background:var(--ink);color:#fff}.erg-dark h2,.erg-dark h3,.erg-dark p,.erg-dark a{color:#fff}
.erg-hero{background:linear-gradient(105deg,rgba(20,32,43,.96) 0%,rgba(20,32,43,.86) 55%,rgba(61,90,115,.75) 100%),var(--erg-hero-img,none) center/cover,var(--ink);color:#fff;padding:72px 20px}
.erg-hero h1,.erg-hero p{color:#fff}
.erg-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.erg-hero-sm{padding:56px 20px}
.erg-btn{display:inline-block;background:var(--rust);color:#fff!important;font-weight:700;text-decoration:none;padding:14px 26px;border-radius:4px;border:0;font-size:1.05rem;cursor:pointer}
.erg-btn:hover,.erg-btn:focus-visible{background:var(--rust-d)}
.erg-btn-line{background:transparent;border:2px solid #fff}
.erg-btn-line:hover{background:#fff;color:var(--ink)!important}
.erg-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.erg-form{background:#fff;color:var(--ink);padding:26px;border-radius:6px;border-top:6px solid var(--rust)}
.erg-form h3{margin-bottom:.8em}
.erg-form label{display:block;font-weight:600;font-size:.92rem;margin-bottom:12px}
.erg-form input,.erg-form textarea{display:block;width:100%;margin-top:4px;padding:11px 12px;border:1px solid #b9ad97;border-radius:4px;font:inherit;background:#fff}
.erg-form input:focus,.erg-form textarea:focus{outline:3px solid rgba(194,65,12,.35);border-color:var(--rust)}
.erg-form .erg-btn{width:100%}
.erg-hp{position:absolute;left:-9999px}
.erg-note{font-size:.82rem;color:#555;margin:10px 0 0}
.erg-ok{background:#e7f3e7;border-left:5px solid #2f7d32;padding:12px 16px;margin-bottom:14px;color:#14202b}
.erg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.erg-svc{background:#fff;border:1px solid var(--line);border-left:5px solid var(--slate);padding:22px;text-decoration:none;display:block;color:var(--ink)!important}
.erg-svc:hover{border-left-color:var(--rust)}
.erg-svc h3{margin-bottom:.3em}.erg-svc p{margin:0;font-size:.97rem}
.erg-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;padding:28px 0;border-top:1px solid var(--line)}
.erg-split:first-of-type{border-top:0}
.erg-ticks{list-style:none;padding:0;margin:0 0 1em}
.erg-ticks li{padding:7px 0 7px 30px;position:relative;border-bottom:1px solid var(--line)}
.erg-ticks li:before{content:"";position:absolute;left:4px;top:15px;width:11px;height:6px;border-left:3px solid var(--rust);border-bottom:3px solid var(--rust);transform:rotate(-45deg)}
.erg-areas{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 1.2em}
.erg-areas li a,.erg-areas li span{display:block;background:#fff;border:1px solid var(--line);padding:8px 16px;border-radius:30px;text-decoration:none;font-weight:600}
.erg-faq a{display:block;padding:14px 0;border-bottom:1px solid var(--sand-d);font-weight:600;font-size:1.1rem}
.erg-map iframe{width:100%;height:380px;border:0;display:block}
.erg-foot{font-size:.9rem;opacity:.85}
.erg-callbar{display:none}
@media(max-width:820px){
.erg-hero-grid,.erg-split{grid-template-columns:1fr;gap:24px}
.erg-band{padding:44px 18px}.erg-hero{padding:44px 18px}
.erg-callbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:9999;background:var(--rust);text-align:center;padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));color:#fff;font-weight:700;font-size:1.1rem;text-decoration:none;box-shadow:0 -2px 10px rgba(0,0,0,.25)}
body{padding-bottom:56px}}
@media(prefers-reduced-motion:no-preference){.erg-btn,.erg-svc{transition:background .15s,border-color .15s}}