/*
Theme Name: Digitric (511 Building Refresh)
Theme URI: https://511building.com/
Author: 511 Building
Author URI: https://511building.com/
Description: Updated Digitric theme with refreshed homepage, page templates (About, Services, Solutions), header CTA, footer contact, and modernized styles.
Version: 1.0.0-2025-08-12
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: digitric
*/
/*
File Name: style.css
License: GNU General Public License
License URI: /Licensing/gpl.txt
*/


/*
	EDIT /css/style.css for the theme stlye
*/


/* =======================
 * 511 Building refresh (2025-08-12)
 * ======================= */
:root{
  --511-text:#0f172a;
  --511-muted:#334155;
  --511-bg:#ffffff;
  --511-accent:#0ea5e9;
  --511-accent-dark:#0284c7;
  --511-border:#e5e7eb;
  --511-radius:12px;
}
html{scroll-behavior:smooth}
body{color:var(--511-text);background:var(--511-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";line-height:1.6;font-size:16px}
.site{max-width:1200px;margin:0 auto;padding:0 20px;}
.site-content{padding:32px 0;}
h1,h2,h3{line-height:1.25;color:var(--511-text);margin:0 0 .6em}
h1{font-size:clamp(28px,4vw,42px);font-weight:750}
h2{font-size:clamp(22px,3vw,30px);font-weight:700}
h3{font-size:clamp(18px,2.4vw,22px);font-weight:650}
a{color:var(--511-accent);text-decoration:none}
a:hover{color:var(--511-accent-dark)}
.btn{display:inline-block;border-radius:999px;background:var(--511-accent);color:#fff;padding:12px 18px;font-weight:600;border:1px solid transparent;transition:background .2s ease, transform .06s ease}
.btn:hover{background:var(--511-accent-dark)}
.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--511-border)}
.main-navigation a{padding:10px 12px;display:inline-block;font-weight:600;color:var(--511-muted)}
.main-navigation a:hover{color:var(--511-accent)}
.header-cta{margin-left:auto;padding:8px 0}
.site-footer{border-top:1px solid var(--511-border);margin-top:32px;padding:24px 0;color:var(--511-muted);font-size:14px}
.footer-contact{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:8px}
.section{padding:20px;border:1px solid var(--511-border);border-radius:var(--511-radius);background:#fff}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}
.hero{padding:48px 0}
.hero p{max-width:760px}
.pill{display:inline-block;padding:6px 12px;border-radius:999px;background:#eef6ff;color:#075985;font-weight:600;font-size:14px;margin-bottom:10px}
.feature{padding:16px;border:1px solid var(--511-border);border-radius:12px}
.feature h3{margin:0 0 8px}