/*
Theme Name: Metroplex Demolition Group AI Photos Pro
Theme URI: https://metroplexdemolitiongroup.com
Author: ChatGPT
Description: One-click custom WordPress theme for Metroplex Demolition Group with working service pages, city SEO pages, contact information, logo, and demolition-specific images.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: metroplex-demolition-group-ai-photos
*/
:root{--black:#070707;--dark:#151515;--yellow:#f6bd16;--gold:#ffcf34;--white:#fff;--muted:#d7d7d7;--light:#f4f4f4;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.topbar{background:#050505;color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.28)}.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;gap:18px}.brand img{width:250px;max-width:58vw;display:block}.menu{display:flex;gap:18px;align-items:center;font-weight:900;font-size:13px;text-transform:uppercase}.menu a{color:#fff}.menu a:hover{color:var(--yellow)}.call{background:var(--yellow);color:#000;padding:12px 18px;font-weight:1000;border-radius:3px;white-space:nowrap}.hero{min-height:690px;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.62),rgba(0,0,0,.10)),url('assets/hero-demolition.jpg') center/cover}.hero-inner{max-width:var(--max);margin:auto;width:100%;padding:75px 18px;position:relative;z-index:2}.kicker{color:var(--yellow);font-weight:1000;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.hero h1{font-size:66px;line-height:.95;color:#fff;margin:0 0 18px;max-width:790px;text-transform:uppercase;font-weight:1000}.hero h1 span,.yellow{color:var(--yellow)}.hero p{font-size:22px;color:#fff;max-width:710px;font-weight:700}.buttons{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-block;padding:16px 24px;font-weight:1000;text-transform:uppercase;border:2px solid var(--yellow);background:var(--yellow);color:#000;border-radius:2px}.btn.dark{background:rgba(0,0,0,.36);color:#fff;border-color:#fff}.trust{background:#090909;color:#fff}.trust-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 18px}.trust-item{display:flex;gap:13px;align-items:center}.icon{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--yellow);border-radius:50%;color:var(--yellow);font-weight:1000}.trust-item b{display:block;text-transform:uppercase;font-size:14px}.trust-item span{color:#ddd;font-size:13px}.section{padding:62px 18px}.section h2{text-align:center;font-size:36px;text-transform:uppercase;margin:0 0 8px;line-height:1.1}.section-sub{max-width:860px;text-align:center;margin:0 auto 28px;color:#444;font-size:18px}.line{width:78px;height:5px;background:var(--yellow);margin:0 auto 30px}.services{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.12);border:1px solid #e6e6e6;overflow:hidden}.card img{width:100%;height:205px;object-fit:cover;display:block}.card-body{padding:22px;text-align:center}.circle{width:58px;height:58px;background:var(--yellow);border-radius:50%;display:grid;place-items:center;margin:-52px auto 13px;position:relative;font-weight:1000;font-size:24px}.card h3{margin:0 0 8px;text-transform:uppercase}.card p{color:#333}.learn{display:inline-block;margin-top:7px;color:#000;font-weight:1000;border-bottom:3px solid var(--yellow)}.dark-band{background:#0a0a0a;color:#fff;padding:56px 18px}.choose{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:30px;align-items:center}.choose img{width:100%;height:260px;object-fit:cover}.choose h2{text-transform:uppercase;font-size:34px;margin:0}.checks{list-style:none;margin:0;padding:0}.checks li{margin:12px 0;font-weight:800}.checks li:before{content:'✓';color:var(--yellow);font-weight:1000;margin-right:10px}.projects{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project{position:relative;overflow:hidden;background:#000;color:#fff}.project img{width:100%;height:190px;object-fit:cover;opacity:.88;transition:.25s}.project:hover img{transform:scale(1.05);opacity:.72}.project b{position:absolute;left:14px;bottom:12px;text-transform:uppercase;text-shadow:0 2px 8px #000}.cta{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.78)),url('assets/contact-contractor.jpg') center/cover;color:#fff}.cta-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center}.cta h2{text-align:left;font-size:42px;margin:0 0 12px;text-transform:uppercase}.quote{background:#fff;color:#111;padding:24px;box-shadow:0 12px 38px rgba(0,0,0,.35)}.quote h3{margin:0 0 15px;text-transform:uppercase}.quote input,.quote textarea{width:100%;padding:14px;margin-bottom:10px;border:1px solid #ccc;font-size:15px}.quote button{width:100%;border:0;background:var(--yellow);padding:16px;font-weight:1000;text-transform:uppercase}.areas{max-width:var(--max);margin:auto;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.pill{background:#111;color:#fff;padding:12px 16px;font-weight:900;border-left:5px solid var(--yellow)}.pill:hover{background:#222;color:var(--yellow)}footer{background:#050505;color:#ddd;padding:45px 18px}.foot{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:30px}.foot img{width:250px;max-width:90%}.foot h4{color:var(--yellow);text-transform:uppercase;margin:0 0 12px}.foot a{color:#fff}.page-hero{min-height:380px;display:flex;align-items:end;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.55)),var(--bg) center/cover}.page-hero .wrap{max-width:var(--max);margin:auto;width:100%;padding:80px 18px 55px}.page-hero h1{font-size:48px;line-height:1.02;margin:0;text-transform:uppercase}.page-hero p{font-size:20px;max-width:850px}.content{max-width:var(--max);margin:auto;padding:48px 18px}.content-grid{display:grid;grid-template-columns:2fr .9fr;gap:34px;align-items:start}.content h2,.content h3{text-transform:uppercase}.content p{font-size:17px;color:#333}.sidebar{background:#111;color:#fff;padding:24px;position:sticky;top:92px}.sidebar h3{margin-top:0;color:var(--yellow)}.sidebar .btn{width:100%;text-align:center;margin-top:10px}.seo-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}.seo-list div{background:#f2f2f2;border-left:5px solid var(--yellow);padding:14px;font-weight:800}.faq{background:#f6f6f6;padding:22px;margin:24px 0}.faq h3{margin-top:0}.mobile-call{display:none;position:fixed;bottom:12px;left:12px;right:12px;z-index:99;background:var(--yellow);color:#000;padding:16px;text-align:center;font-weight:1000;border-radius:6px;box-shadow:0 8px 30px rgba(0,0,0,.35)}@media(max-width:900px){.menu{display:none}.brand img{width:215px}.hero{min-height:620px}.hero h1{font-size:42px}.hero p{font-size:18px}.trust-grid,.services,.projects,.choose,.cta-inner,.foot,.content-grid{grid-template-columns:1fr}.section{padding:44px 16px}.choose img{height:230px}.mobile-call{display:block}.call{display:none}.page-hero h1{font-size:36px}.seo-list{grid-template-columns:1fr}.sidebar{position:static}.cta h2{text-align:left;font-size:34px}}
