/*
Theme Name: VIP Datacom
Theme URI: https://vipdatacom.com
Author: VIP Datacom
Description: Lightweight custom business communications theme with nationwide voice services and DFW field services.
Version: 0.2.0
Requires PHP: 7.4
Text Domain: vipdatacom
*/
:root{--yellow:#f9f327;--muted:#d8e3ff;--black:#080a0e}*{box-sizing:border-box}body{margin:0;font-family:'Open Sans',Arial,sans-serif;background:#f6f7f9;color:#111827}a{text-decoration:none;color:inherit}.wrap{max-width:1190px;margin:auto;padding:0 28px}.top{background:#080a0e;color:#fff}.nav{display:flex;justify-content:space-between;align-items:center;min-height:88px;gap:24px}.logo{font-family:'Libre Baskerville',serif;font-size:24px;color:var(--yellow);white-space:nowrap}.logo small{display:block;color:#fff;font:11px 'Open Sans',sans-serif;letter-spacing:.7px;margin-top:5px}.links{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:700}.links a:hover{color:var(--yellow)}.btn{display:inline-block;padding:15px 21px;border-radius:5px;font-size:13px;font-weight:800;letter-spacing:.3px;background:var(--yellow);color:#111}.btn.secondary{background:transparent;color:#fff;border:1px solid #9da6b8}.hero{background:radial-gradient(circle at 85% 30%,#293546 0,#0e1520 37%,#080a0e 75%);color:white;padding:105px 0 118px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:430px;height:430px;right:-150px;top:70px;border:1px solid #536071;border-radius:50%;box-shadow:0 0 0 75px #ffffff05,0 0 0 150px #ffffff05;pointer-events:none}.eyebrow{color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(39px,5.4vw,72px);line-height:1.13;max-width:900px;letter-spacing:-2px;margin:24px 0}.hero h1 span{color:var(--yellow)}.hero p{font-size:18px;line-height:1.8;color:#cbd3df;max-width:690px}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:35px}.trust{display:flex;gap:28px;flex-wrap:wrap;margin-top:56px;color:#c6cdd8;font-size:13px}.trust b{color:#fff}.section{padding:90px 0}.section h2{font-size:clamp(29px,3.6vw,44px);letter-spacing:-1.5px;margin:12px 0 14px}.lead{color:#596476;max-width:690px;line-height:1.8}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:40px}.card{background:white;padding:35px;border:1px solid #e2e5ea;border-radius:9px;box-shadow:0 12px 35px #14203508}.num{font-size:12px;color:#687589;font-weight:800}.card h3{font-size:24px;margin:22px 0 12px}.card p{color:#606a79;line-height:1.8}.card a{font-weight:800;font-size:13px;border-bottom:2px solid #e4dd00;padding-bottom:5px}.dark{background:#101721;color:white}.dark .lead{color:#c4cfdd}.columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.bullets{line-height:2.4;color:#d3dbe6;padding-left:20px}.badge{display:inline-block;padding:9px 13px;border:1px solid #485563;color:#f9f327;border-radius:4px;font-size:12px;font-weight:700;margin:4px}.banner{background:var(--yellow);padding:55px 0}.banner .columns{gap:25px}.banner h2{font-size:34px;margin:0 0 8px}.banner .btn{background:#0a0e14;color:white}.footer{background:#07090c;color:#c1cad7;padding:45px 0;font-size:13px}.footer .columns{align-items:start}.footer strong{color:white}.fine{font-size:12px;color:#738093;margin-top:25px}@media(max-width:800px){.links{display:none}.grid,.columns{grid-template-columns:1fr}.hero{padding:72px 0}.section{padding:60px 0}.hero h1{letter-spacing:-1px}.banner .btn{justify-self:start}}
/* WordPress theme enhancements */
body{overflow-x:hidden}.nav{flex-wrap:wrap}.nav-toggle{display:none;background:transparent;color:white;border:1px solid #637084;border-radius:4px;padding:10px 13px;font-weight:700}.links a[aria-current="page"]{color:var(--yellow)}.links .btn:hover{color:#111}.page-hero{background:linear-gradient(120deg,#080a0e,#202b39);color:#fff;padding:82px 0}.page-hero h1{font-size:clamp(35px,5vw,59px);margin:18px 0}.page-hero p{max-width:790px;line-height:1.8;color:#d5dce6;font-size:18px}.content p,.content li{line-height:1.85;color:#455162}.content h2{font-size:31px;margin-top:0}.content h3{font-size:21px}.content .card h3{margin-top:10px}.content .card{height:100%}.content ul{padding-left:22px}.notice{border-left:5px solid #e5df00;padding:20px 25px;background:#fffdeb;margin:24px 0}.callout{padding:36px;background:#121a26;color:white;border-radius:9px;margin-top:35px}.callout p{color:#d8e3ff}.callout a{color:#f9f327;font-weight:800}.site-footer-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:22px}.site-footer-links a{text-decoration:underline}.affiliations{margin-top:34px;font-weight:700}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #ffda00;outline-offset:4px}.btn:hover{filter:brightness(.92)}.btn.secondary:hover{color:#f9f327}.field-note{font-size:13px;color:#687589}.logo{white-space:normal}.logo small{line-height:1.3}.foot-logo{font-size:22px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px}.divider{height:1px;background:#e3e6eb;margin:35px 0}@media(max-width:980px){.nav-toggle{display:block}.links{display:none;width:100%;flex-direction:column;align-items:stretch;padding:0 0 22px;gap:0}.links.is-open{display:flex}.links a{padding:13px 0}.links .btn{padding:15px}.two-col{grid-template-columns:1fr}}@media(max-width:800px){.grid,.columns{grid-template-columns:1fr}.hero{padding:72px 0}.section{padding:60px 0}.hero h1{letter-spacing:-1px}.banner .btn{justify-self:start}}
