/*
Theme Name: Ridge Shield Roofing and Building
Theme URI: https://ridgeshieldroofingandbuilding.co.uk
Author: Digital Business Solutions
Description: Responsive multi-page roofing and building company theme.
Version: 1.0.0
Text Domain: ridge-shield
*/
:root{--blue:#0875c9;--dark:#142331;--ink:#253747;--light:#f2f6fa}*{box-sizing:border-box}body{margin:0;font:16px/1.65 Arial,sans-serif;color:var(--ink)}a{color:var(--blue)}.wrap{width:min(1160px,92%);margin:auto}.top{background:var(--dark);color:white;padding:8px 0;font-size:13px}.top a{color:white;text-decoration:none}.top .wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.header{background:white;box-shadow:0 2px 15px #0001;position:relative;z-index:10}.header .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.logo img{width:225px;max-height:105px;object-fit:contain}.nav ul{display:flex;gap:20px;list-style:none;padding:0;margin:0}.nav li{position:relative}.nav a{text-decoration:none;font-weight:700;color:var(--dark);font-size:14px}.nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:white;padding:15px;min-width:220px;box-shadow:0 8px 25px #0002;flex-direction:column;gap:8px}.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:flex}.btn{display:inline-block;padding:13px 22px;background:var(--blue);color:white;text-decoration:none;border:0;border-radius:4px;font-weight:bold;cursor:pointer}.btn.alt{background:white;color:var(--dark)}.hero{background:linear-gradient(90deg,#112432f2,#112432a8),url('assets/images/roofing.jpg') center/cover;color:white;padding:105px 0}.hero h1{font-size:clamp(36px,5vw,62px);line-height:1.12;max-width:780px;margin:12px 0}.hero p{max-width:640px;font-size:19px}.eyebrow{color:#66bdff;font-weight:bold;letter-spacing:2px;text-transform:uppercase}.section{padding:72px 0}.section h2{font-size:clamp(28px,3.5vw,42px);line-height:1.2;color:var(--dark)}.pale{background:var(--light)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid #dce5eb;border-radius:9px;padding:28px;box-shadow:0 8px 20px #1124320a}.card h3{margin-top:0;color:var(--dark)}.card a{font-weight:bold}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.split img{width:100%;border-radius:10px}.banner{background:var(--blue);color:white;padding:40px 0}.banner .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.banner h2{color:white;margin:0}.footer{background:var(--dark);color:#dbe5ec;padding:50px 0 15px}.footer a{color:white}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer h3{color:white}.footer small{display:block;border-top:1px solid #ffffff25;padding-top:20px;margin-top:35px}.page-head{background:var(--dark);color:white;padding:55px 0}.page-head h1{margin:0;color:white;font-size:40px}.content{max-width:850px}.content h2,.content h3{color:var(--dark)}.contact-form{display:grid;gap:14px;max-width:650px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:14px;border:1px solid #cbd5dd;border-radius:4px;font:inherit}.contact-form textarea{min-height:130px}.menu-button{display:none}.notice{padding:15px;background:#e2f4e9;border-left:4px solid #23834e;margin-bottom:20px}@media(max-width:850px){.menu-button{display:block;background:var(--dark);color:white;border:0;padding:12px;font-size:20px}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px}.nav.open{display:block}.nav ul{display:block}.nav li{padding:7px 0}.nav .sub-menu{display:block;position:static;box-shadow:none;padding:4px 0 4px 20px}.header .btn{display:none}.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,.footer-grid{grid-template-columns:1fr}.banner .wrap{display:block}.hero{padding:70px 0}.section{padding:48px 0}.logo img{width:185px}}