/*
Theme Name: Elexicomm Services
Theme URI: https://example.com/elexicomm-services
Author: OpenAI
Description: A responsive, editable WordPress theme inspired by the supplied Elexicomm Services profile design.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: elexicomm-services
*/
:root{--ecs-blue:#145c83;--ecs-blue-dark:#0d4b70;--ecs-ink:#164e70;--ecs-bg:#f1f1f1;--ecs-white:#fff;--ecs-muted:#5c7180;--ecs-font:Georgia,"Times New Roman",serif;--ecs-sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ecs-bg);color:var(--ecs-ink);font-family:var(--ecs-font);line-height:1.65;font-size:17px}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:#0877ae}.site-shell{max-width:1440px;margin:0 auto;overflow:hidden;background:var(--ecs-bg)}.site-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 5.5%;font-family:var(--ecs-sans)}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand-mark{display:grid;place-items:center;width:62px;height:62px;border:5px solid var(--ecs-blue);border-right-color:#4a9a73;border-radius:50%;font-size:28px;font-weight:800;letter-spacing:-5px;color:#4a9a73;line-height:1}.brand-name{font-size:clamp(18px,2vw,30px);font-weight:800;line-height:1.1;letter-spacing:-.8px;color:var(--ecs-blue);text-transform:uppercase}.main-nav ul{display:flex;gap:26px;list-style:none;padding:0;margin:0;align-items:center}.main-nav a{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.menu-toggle{display:none;border:0;background:var(--ecs-blue);color:#fff;padding:10px 13px;border-radius:5px;font-size:20px}.hero{position:relative;padding:20px 5.5% 44px;min-height:360px}.hero:before{content:"";position:absolute;right:-4%;top:-90px;width:33%;height:220px;background:var(--ecs-blue);transform:skew(22deg);z-index:0}.hero-photo{position:relative;margin-left:37%;height:330px;overflow:hidden;z-index:1}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-copy{position:absolute;left:5.5%;top:40px;width:34%;z-index:2}.eyebrow{font-family:var(--ecs-sans);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#6c8b9e}.hero h1{font-size:clamp(36px,4.2vw,62px);line-height:1.08;margin:8px 0 18px;color:var(--ecs-blue);letter-spacing:-1.4px}.hero p{max-width:440px;margin:0 0 25px}.button{display:inline-flex;align-items:center;gap:10px;background:var(--ecs-blue);color:#fff;padding:12px 21px;border-radius:2px;font-family:var(--ecs-sans);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:.2s}.button:hover{background:var(--ecs-blue-dark);color:#fff;transform:translateY(-2px)}.content-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:5%;padding:10px 5.5% 75px;align-items:center}.section-title{font-size:clamp(27px,3vw,38px);line-height:1.2;margin:0 0 23px;color:var(--ecs-blue)}.services-list{padding:0;margin:0;list-style:none}.services-list li{position:relative;padding:0 0 13px 35px;margin-bottom:7px}.services-list li:before{content:"✓";position:absolute;left:0;top:0;font-family:var(--ecs-sans);font-size:22px;font-weight:800;color:#64818d}.quote-panel{position:relative;text-align:center;padding:30px 0 24px;font-size:clamp(25px,3vw,38px);line-height:1.16;font-weight:700;color:var(--ecs-blue)}.quote-mark{display:block;font-family:var(--ecs-sans);font-size:80px;line-height:.7;font-weight:800;text-align:left;margin-left:8%;color:var(--ecs-blue)}.lower-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:5%;padding:0 5.5% 75px;align-items:center}.energy-image{position:relative;min-height:330px}.energy-image img{width:100%;height:330px;object-fit:cover;clip-path:polygon(0 8%,95% 0,100% 87%,18% 100%,3% 75%)}.contact h2,.about h2{font-size:clamp(28px,3vw,37px);line-height:1.2;margin:0 0 20px}.contact-list{display:grid;gap:15px}.contact-item{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center}.contact-icon{width:48px;height:48px;border-radius:50%;background:var(--ecs-blue);color:#fff;display:grid;place-items:center;font-family:var(--ecs-sans);font-size:20px}.contact-item strong{display:block;font-size:15px}.contact-item span{overflow-wrap:anywhere}.about-wrap{display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center}.about-photo{width:180px;height:180px;object-fit:cover;border:10px solid var(--ecs-blue);border-radius:50%;padding:4px;background:#fff}.about h2:after{content:"";display:block;width:105px;height:3px;background:var(--ecs-blue);margin-top:13px}.about p{margin:0}.site-footer{position:relative;background:var(--ecs-blue);color:#fff;padding:30px 5.5%;display:flex;justify-content:space-between;gap:25px;align-items:center;font-family:var(--ecs-sans);font-size:13px}.site-footer a{text-decoration:underline;text-underline-offset:3px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.page-content{max-width:1100px;margin:40px auto 80px;padding:0 25px}.page-content h1{color:var(--ecs-blue);font-size:42px}.post-card{padding:25px 0;border-bottom:1px solid #d5dce0}.post-card h2{margin:0;color:var(--ecs-blue)}.not-found{text-align:center;padding:90px 20px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.site-header{padding:22px 5%;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;width:100%}.main-nav.is-open{display:block}.main-nav ul{flex-direction:column;align-items:flex-start;gap:0}.main-nav li{width:100%;border-top:1px solid #d4dfe4;padding:10px 0}.hero{padding:15px 5% 35px}.hero-copy{position:relative;left:auto;top:auto;width:100%;padding:10px 0 25px}.hero-photo{margin:0;height:300px}.hero:before{top:190px;height:150px}.content-grid,.lower-grid{grid-template-columns:1fr;gap:35px;padding-left:5%;padding-right:5%}.quote-panel{max-width:600px;margin:auto}.energy-image img{height:300px}.about-wrap{grid-template-columns:150px 1fr}.about-photo{width:150px;height:150px}.site-footer{flex-direction:column;align-items:flex-start}.hero h1{max-width:700px}}
@media(max-width:520px){body{font-size:16px}.brand-mark{width:49px;height:49px;font-size:23px}.brand-name{font-size:17px}.hero-photo{height:220px}.hero h1{font-size:36px}.section-title{font-size:29px}.about-wrap{grid-template-columns:1fr}.about-photo{width:145px;height:145px}.contact h2,.about h2{font-size:29px}.site-footer{padding:26px 5%}.footer-links{gap:12px}}