:root{
--ea-blue:#00306e;
--ea-blue-2:#002347;
--ea-orange:#ff6600;
--ea-bg:#f6f8fc;
--ea-text:#1f2937;
--ea-muted:#6b7280;
--ea-white:#ffffff;
--ea-radius:14px;
--ea-shadow:0 10px 28px rgba(0,0,0,.08);
--ea-shadow-2:0 14px 34px rgba(0,0,0,.12);
--ea-container:1200px;
}
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
margin:0;
font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color:var(--ea-text);
background:var(--ea-bg);
line-height:1.65;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
a:focus{ outline:2px dashed var(--ea-orange); outline-offset:3px; }
.ea-container{
width:min(var(--ea-container), calc(100% - 32px));
margin:0 auto;
}
.ea-sr-only{
position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
clip:rect(0,0,0,0); white-space:nowrap; border:0;
} .ea-topbar{
background:var(--ea-blue);
color:#fff;
font-size:14px;
}
.ea-topbar .ea-container{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:10px 0;
}
.ea-topbar-left{
display:flex;
gap:16px;
flex-wrap:wrap;
align-items:center;
}
.ea-topbar-item{
display:flex;
gap:8px;
align-items:center;
opacity:.95;
}
.ea-topbar-item svg{ width:16px; height:16px; fill:currentColor; opacity:.9; }
.ea-header{
background:#fff;
position:sticky;
top:0;
z-index:50;
box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.ea-header-inner{
display:flex;
align-items:center;
justify-content:space-between;
padding:14px 0;
gap:14px;
}
.ea-brand{
display:flex;
align-items:center;
gap:10px;
min-width:180px;
}
.ea-brand .custom-logo-link{
display:flex;
align-items:center;
line-height:0;
}
.ea-brand .custom-logo{
width:auto;
height:56px;
max-width:220px;
}
.ea-brand-text{
display:flex;
flex-direction:column;
gap:2px;
line-height:1.15;
}
.ea-brand-name{
font-weight:900;
color:var(--ea-blue);
letter-spacing:.2px;
font-size:18px;
}
.ea-brand-desc{
font-weight:800;
color:var(--ea-blue);
opacity:.9;
font-size:14px;
}
.ea-nav{
display:flex;
align-items:center;
gap:14px;
}
.ea-nav ul{
list-style:none;
display:flex;
gap:16px;
margin:0;
padding:0;
align-items:center;
}
.ea-nav a{
font-weight:700;
font-size:15px;
color:var(--ea-blue);
padding:10px 8px;
border-radius:10px;
transition:background .2s ease, color .2s ease;
}
.ea-nav a:hover{
background:rgba(0,48,110,.08);
}
.ea-header-cta{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
justify-content:flex-end;
}
.ea-header-cta-main{
display:flex;
flex-direction:column;
align-items:flex-end;
gap:8px;
}
.ea-cta-text{
font-size:13px;
color:var(--ea-muted);
text-align:right;
line-height:1.2;
}
.ea-cta-phone{
display:block;
color:var(--ea-blue);
font-weight:800;
font-size:14px;
}
.ea-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
background:var(--ea-orange);
color:#fff;
padding:12px 16px;
border-radius:12px;
font-weight:800;
border:0;
cursor:pointer;
box-shadow:0 10px 22px rgba(255,102,0,.22);
transition:transform .2s ease, filter .2s ease;
}
.ea-btn:hover{ transform:translateY(-2px); filter:saturate(1.05); }
.ea-btn.ea-btn-ghost{
background:transparent;
border:2px solid rgba(0,48,110,.18);
color:var(--ea-blue);
box-shadow:none;
}
.ea-btn.ea-btn-ghost:hover{ background:rgba(0,48,110,.06); }
.ea-burger{
display:none;
background:transparent;
border:0;
padding:10px;
border-radius:12px;
cursor:pointer;
}
.ea-burger svg{ width:26px; height:26px; fill:var(--ea-blue); } .ea-drawer{
position:fixed;
inset:0;
z-index:100;
display:none;
}
.ea-drawer[aria-hidden="false"]{ display:block; }
.ea-drawer-backdrop{
position:absolute;
inset:0;
background:rgba(0,0,0,.45);
}
.ea-drawer-panel{
position:absolute;
right:0;
top:0;
height:100%;
width:min(340px, 86vw);
background:#fff;
padding:18px;
box-shadow:var(--ea-shadow-2);
display:flex;
flex-direction:column;
gap:14px;
}
.ea-drawer-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
.ea-drawer-title{
font-weight:900;
color:var(--ea-blue);
}
.ea-drawer-close{
background:transparent;
border:0;
padding:10px;
border-radius:10px;
cursor:pointer;
}
.ea-drawer-nav ul{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
}
.ea-drawer-nav a{
display:block;
padding:12px 10px;
border-radius:12px;
font-weight:800;
color:var(--ea-blue);
}
.ea-drawer-nav a:hover{ background:rgba(0,48,110,.06); }
.ea-drawer-ctas{
margin-top:auto;
display:flex;
flex-direction:column;
gap:10px;
} .ea-main{
padding:26px 0 56px;
}
.ea-card{
background:#fff;
border-radius:var(--ea-radius);
box-shadow:var(--ea-shadow);
}
.ea-page{
padding:22px;
}
.ea-page h1, .ea-page h2, .ea-page h3{
color:var(--ea-blue);
letter-spacing:.2px;
} .ea-layout{
display:grid;
grid-template-columns:minmax(0,1fr) 340px;
gap:24px;
align-items:start;
}
.ea-layout-main{ min-width:0; }
.ea-layout-sidebar{ min-width:0; }
.ea-sidebar-inner{
position:sticky;
top:110px;
} .ea-widget{
background:#fff;
border-radius:16px;
box-shadow:var(--ea-shadow);
padding:18px;
margin-bottom:18px;
}
.ea-widget-title{
margin:0 0 12px;
font-size:16px;
font-weight:900;
color:var(--ea-blue);
padding-bottom:10px;
border-bottom:1px solid rgba(0,0,0,.06);
}
.ea-widget ul{ list-style:none; margin:0; padding:0; }
.ea-widget li{
padding:8px 0;
border-bottom:1px dashed rgba(0,0,0,.08);
}
.ea-widget li:last-child{ border-bottom:0; }
.ea-widget a{ color:var(--ea-blue); text-decoration:none; font-weight:700; }
.ea-widget a:hover{ text-decoration:underline; } .ea-recent-posts{ list-style:none; margin:0; padding:0; }
.ea-rp-item{ padding:10px 0; }
.ea-rp-link{
display:flex;
align-items:center;
gap:12px;
text-decoration:none;
}
.ea-rp-media{
width:44px;
height:44px;
flex:0 0 44px;
border-radius:12px;
overflow:hidden;
background:rgba(0,48,110,.06);
display:flex;
align-items:center;
justify-content:center;
}
.ea-rp-thumb{ width:100%; height:100%; object-fit:cover; }
.ea-rp-letter{
font-weight:900;
color:var(--ea-blue);
font-size:16px;
letter-spacing:.3px;
}
.ea-rp-title{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
line-height:1.25;
font-size:14px;
font-weight:900;
color:var(--ea-blue);
}
.ea-rp-link:hover .ea-rp-title{ text-decoration:underline; }
.ea-rp-empty{ color:var(--ea-muted); font-weight:800; padding:10px 0; } .ea-widget form.search-form{ display:flex; gap:10px; }
.ea-widget .search-field{
width:100%;
padding:11px 12px;
border-radius:12px;
border:1px solid rgba(0,0,0,.12);
background:#fff;
}
.ea-widget .search-submit{
padding:11px 14px;
border-radius:12px;
border:0;
background:var(--ea-orange);
color:#fff;
font-weight:900;
cursor:pointer;
} .ea-post-grid{
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:18px;
}
.ea-layout .ea-post-grid{ grid-template-columns:repeat(2, 1fr); }
.ea-post-card{
background:#fff;
border-radius:16px;
overflow:hidden;
box-shadow:var(--ea-shadow);
transition:transform .2s ease, box-shadow .2s ease;
}
.ea-post-card:hover{
transform:translateY(-4px);
box-shadow:var(--ea-shadow-2);
}
.ea-post-card-body{ padding:18px; }
.ea-post-card-title{
margin:0 0 10px;
font-size:18px;
font-weight:900;
color:var(--ea-blue);
}
.ea-post-card-excerpt{ color:var(--ea-muted); margin:0; }
.ea-post-meta{ font-size:13px; color:var(--ea-muted); margin-bottom:10px; } .ea-footer{
background:var(--ea-blue);
color:#fff;
margin-top:30px;
}
.ea-footer-top{
padding:42px 0;
}
.ea-footer-grid{
display:grid;
grid-template-columns: 1.3fr 1fr 1fr 1fr;
gap:26px;
}
.ea-footer h3{
margin:0 0 14px;
font-size:16px;
font-weight:900;
letter-spacing:.2px;
}
.ea-footer p{
margin:0;
color:rgba(255,255,255,.88);
}
.ea-footer a{
color:rgba(255,255,255,.92);
}
.ea-footer-links{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:10px;
}
.ea-footer-links a{
display:inline-flex;
gap:8px;
align-items:center;
opacity:.95;
}
.ea-footer-links a:hover{ opacity:1; text-decoration:underline; }
.ea-footer-social{
display:flex;
gap:10px;
margin-top:18px;
}
.ea-social{
width:38px;
height:38px;
display:inline-flex;
align-items:center;
justify-content:center;
background:#fff;
color:var(--ea-blue);
border-radius:10px;
transition:transform .2s ease, background .2s ease, color .2s ease;
}
.ea-social svg{ width:18px; height:18px; fill:currentColor; }
.ea-social:hover{ transform:translateY(-2px); background:var(--ea-orange); color:#fff; }
.ea-footer-li{
display:flex;
gap:10px;
align-items:flex-start;
}
.ea-li-ico{
width:18px;
height:18px;
margin-top:2px;
display:inline-flex;
color:#fff;
opacity:.9;
}
.ea-li-ico svg{ width:18px; height:18px; fill:currentColor; }
.ea-footer-contact-shortcode{
color:rgba(255,255,255,.92);
}
.ea-footer-contact-shortcode a{ color:rgba(255,255,255,.92); text-decoration:underline; }
.ea-footer-contact-shortcode ul{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:10px;
}
.ea-footer-brand{
border-top:1px solid rgba(255,255,255,.14);
padding:18px 0;
}
.ea-footer-brand-inner{
display:flex;
align-items:center;
justify-content:flex-start;
}
.ea-footer-brand-logo img{ height:44px; width:auto; }
.ea-scrolltop{
position:fixed;
right:18px;
bottom:18px;
width:54px;
height:54px;
border-radius:999px;
border:0;
background:var(--ea-orange);
color:#fff;
box-shadow:0 14px 34px rgba(0,0,0,.22);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
z-index:90;
transition:transform .2s ease, opacity .2s ease;
}
.ea-scrolltop svg{ width:24px; height:24px; fill:currentColor; }
.ea-scrolltop[aria-hidden="true"]{ opacity:0; pointer-events:none; transform:translateY(10px); }
.ea-scrolltop:hover{ transform:translateY(-2px); } .ea-fab{
position:fixed;
left:14px;
right:14px;
bottom:14px;
z-index:80;
display:none;
}
.ea-fab-inner{
background:#fff;
border-radius:16px;
box-shadow:var(--ea-shadow-2);
padding:10px;
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}
.ea-fab a{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding:12px 10px;
border-radius:14px;
font-weight:900;
}
.ea-fab .ea-fab-call{ background:var(--ea-orange); color:#fff; }
.ea-fab .ea-fab-wa{ background:rgba(0,48,110,.08); color:var(--ea-blue); } @media (max-width: 1024px){
.ea-post-grid{ grid-template-columns:repeat(2, 1fr); }
.ea-footer-grid{ grid-template-columns:1fr 1fr; }
.ea-cta-text{ display:none; }
.ea-layout{ grid-template-columns:1fr; }
.ea-sidebar-inner{ position:static; }
}
@media (max-width: 820px){
.ea-nav{ display:none; }
.ea-burger{ display:inline-flex; }
.ea-topbar .ea-container{ flex-direction:column; align-items:flex-start; }
.ea-header-cta-main{ flex-direction:row; align-items:center; }
}
@media (max-width: 640px){
.ea-post-grid{ grid-template-columns:1fr; }
.ea-page{ padding:18px; }
.ea-footer-grid{ grid-template-columns:1fr; }
.ea-fab{ display:block; }
.ea-scrolltop{ bottom:110px; }
body{ padding-bottom:86px; } .ea-sidebar-inner{ position:static; }
}