.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-kink:#142B33;--e-global-color-kinksoft:#46565D;--e-global-color-kteal:#1F3F4A;--e-global-color-ktealdp:#16333C;--e-global-color-kcopper:#C07D3E;--e-global-color-kcopbr:#D98C42;--e-global-color-kcopdp:#A0612E;--e-global-color-kpaper:#F7F4EF;--e-global-color-kmist:#EFE9E0;--e-global-color-kline:#E2DCD2;--e-global-color-kred:#C03A28;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================================
   KALI CPS LAWYER — global styles (Site Settings → Custom CSS)
   Header + footer are Elementor Pro Theme Builder templates ("KCS Header",
   "KCS Footer"); colors and type match the page designs.
   ============================================================================ */
:root{
  --white:#ffffff;--paper:#f7f4ef;--ink:#142b33;--ink-soft:#46565d;
  --teal:#1F3F4A;--teal-deep:#16333C;
  --copper:#C07D3E;--copper-bright:#D98C42;--copper-deep:#A0612E;
  --line:#e2dcd2;--mist:#efe9e0;--red:#C03A28;--warm-grey:#A89F91;
}
body{background:#fff;color:var(--ink);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}

/* Old per-page header, footer and mobile call bar inside the HTML pages are
   replaced by the global header/footer and the GCM Sticky Contact Bar. */
#cps-site > .topbar,#cps-site > .nav,#cps-site > .foot,#cps-site > .callbar,
#speak > .topbar,#speak > .nav,#speak > .foot,#speak > .callbar,
#testi > .topbar,#testi > .nav,#testi > .foot,#testi > .callbar,
#blog > .topbar,#blog > .nav,#blog > .foot,#blog > .callbar{display:none!important}
#cps-site .foot,#speak .foot,#testi .foot,#blog .foot{padding-bottom:0}

/* shared wrap: full-width bands, content max 1400 */
.elementor-location-header .wrap,.elementor-location-footer .wrap{max-width:1400px;margin:0 auto;padding:0 2rem;width:100%}
.elementor-location-header :where(p,h1,h2,h3,h4,ul,li),.elementor-location-footer :where(p,h1,h2,h3,h4,ul,li){margin:0;padding:0}

/* ---------------------------------------------------------------- topbar */
.elementor-location-header .topbar{background:var(--red);color:#fff;font-size:.9rem;padding:.75rem 0;text-align:center;font-weight:600;line-height:1.6;font-family:'Inter',sans-serif}
.elementor-location-header .topbar strong{font-weight:800}
.elementor-location-header .topbar a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}

/* ---------------------------------------------------------------- nav */
.elementor-location-header .nav{background:var(--white);border-bottom:1px solid var(--line);padding:.6rem 0;z-index:100}
.elementor-location-header .nav > .wrap{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}
.elementor-location-header .nav-logo{width:auto;flex:0 0 auto}
.elementor-location-header .nav-logo img{height:80px;width:80px;display:block;border-radius:50%;object-fit:cover;object-position:center}
.elementor-location-header .nav-menu{width:auto;flex:1 1 auto}
@media(min-width:1025px){.elementor-location-header .nav-menu .elementor-nav-menu--main{display:flex;justify-content:flex-end}}
.elementor-location-header .nav-menu .elementor-nav-menu--main > .elementor-nav-menu{display:flex;align-items:center;gap:.5rem}
.elementor-location-header .nav-menu .elementor-nav-menu--main > .elementor-nav-menu > li > a{
  font-family:'Inter',sans-serif;color:var(--ink);font-size:.82rem;font-weight:600;line-height:1.2;white-space:nowrap;
  padding:.6rem .9rem;background:var(--paper);border:1px solid var(--line);border-radius:4px;transition:all .18s ease}
.elementor-location-header .nav-menu .elementor-nav-menu--main > .elementor-nav-menu > li > a:hover,
.elementor-location-header .nav-menu .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item-active,
.elementor-location-header .nav-menu .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > a,
.elementor-location-header .nav-menu .elementor-nav-menu--main > .elementor-nav-menu > li > a.highlighted{background:var(--teal);color:#fff;border-color:var(--teal)}
.elementor-location-header .nav-menu .sub-arrow{padding:0 0 0 .4rem;font-size:.6rem}
.elementor-location-header .nav-menu .sub-arrow i,.elementor-location-header .nav-menu .sub-arrow svg{font-size:.6rem;width:.6rem;height:.6rem;fill:currentColor}
/* phone button */
.elementor-location-header .nav-menu .elementor-nav-menu--main > .elementor-nav-menu > li.nav-phone > a{color:#fff;background:var(--copper);border-color:var(--copper);font-weight:800;letter-spacing:.02em;box-shadow:0 3px 10px -3px rgba(192,125,62,.4)}
.elementor-location-header .nav-menu .elementor-nav-menu--main > .elementor-nav-menu > li.nav-phone > a:hover{background:var(--copper-bright);border-color:var(--copper-bright);color:#fff}
/* dropdowns */
.elementor-location-header .nav-menu .elementor-nav-menu--main .sub-menu{background:var(--white);border:1px solid var(--line);border-radius:6px;box-shadow:0 12px 24px rgba(20,43,51,.12);padding:.35rem 0;min-width:220px}
.elementor-location-header .nav-menu .elementor-nav-menu--main .sub-menu a{font-family:'Inter',sans-serif;color:var(--ink);font-size:.82rem;font-weight:600;padding:.6rem 1rem;background:transparent;border:0;border-left:0}
.elementor-location-header .nav-menu .elementor-nav-menu--main .sub-menu a:hover,
.elementor-location-header .nav-menu .elementor-nav-menu--main .sub-menu a.elementor-sub-item-active{background:var(--paper);color:var(--copper-deep)}
/* burger + mobile dropdown */
.elementor-location-header .nav-menu .elementor-menu-toggle{background:transparent;color:var(--teal);font-size:28px;margin-left:auto}
.elementor-location-header .nav-menu .elementor-menu-toggle:hover{color:var(--copper)}
.elementor-location-header .nav-menu .elementor-nav-menu--dropdown{background:var(--white);border-top:1px solid var(--line);box-shadow:0 12px 24px rgba(20,43,51,.12)}
.elementor-location-header .nav-menu .elementor-nav-menu--dropdown a{font-family:'Inter',sans-serif;color:var(--ink);font-size:1rem;font-weight:600;padding:1rem 2rem;border-bottom:1px solid var(--line);background:transparent}
.elementor-location-header .nav-menu .elementor-nav-menu--dropdown .sub-menu a{padding-left:3rem;font-size:.95rem}
.elementor-location-header .nav-menu .elementor-nav-menu--dropdown a:hover,
.elementor-location-header .nav-menu .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-location-header .nav-menu .elementor-nav-menu--dropdown a.highlighted{background:var(--paper);color:var(--copper)}
.elementor-location-header .nav-menu .elementor-nav-menu--dropdown li.nav-phone > a,.elementor-location-header .nav-menu .elementor-nav-menu--dropdown li.nav-phone > a:hover{background:var(--copper);color:#fff;text-align:center;justify-content:center;margin:.5rem 1.25rem;border-radius:6px;border:0;font-weight:800}

/* ---------------------------------------------------------------- footer (homepage footer) */
.elementor-location-footer .foot{background:var(--teal-deep);color:rgba(255,255,255,.78);padding:4rem 0 2rem;font-size:.92rem;line-height:1.6;font-weight:500;font-family:'Inter',sans-serif}
.elementor-location-footer .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.elementor-location-footer .foot h4,.elementor-location-footer .foot .elementor-heading-title{color:#fff;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.1rem;font-family:'Inter',sans-serif;font-weight:800;line-height:1.1}
.elementor-location-footer .foot-logo{font-family:'Newsreader',serif;font-size:1.4rem;color:#fff;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em;line-height:1.1}
.elementor-location-footer .foot-logo em{color:var(--copper-bright);font-style:normal}
.elementor-location-footer .foot ul{list-style:none}
.elementor-location-footer .foot li{padding:.34rem 0}
.elementor-location-footer .foot a{color:rgba(255,255,255,.78);font-weight:500;text-decoration:none}
.elementor-location-footer .foot a:hover{color:var(--copper-bright)}
.elementor-location-footer .foot strong{color:#fff}
.elementor-location-footer .foot .office-label{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--copper-bright);font-weight:800;font-family:'Inter',sans-serif;margin-top:1.2rem;margin-bottom:.35rem;display:block}
.elementor-location-footer .legal{border-top:1.5px solid rgba(255,255,255,.15);padding-top:2rem;font-size:.85rem;line-height:1.65;color:rgba(255,255,255,.72);font-weight:500}
.elementor-location-footer .legal strong{color:#fff}

@media(max-width:1200px){
  .elementor-location-footer .foot-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .elementor-location-footer .foot a{display:inline-block;padding:.3rem 0}
  .elementor-location-header .nav-logo img{height:100px;width:100px}
}
@media(max-width:1024px){
  .elementor-location-header .nav-menu{flex:0 0 auto}
}
@media(max-width:640px){
  .elementor-location-header .wrap,.elementor-location-footer .wrap{padding-left:1.25rem;padding-right:1.25rem}
  .elementor-location-header .topbar{font-size:.8rem;padding:.65rem 0;line-height:1.5}
  .elementor-location-footer .foot{padding-top:2.75rem;padding-bottom:6.5rem}
  .elementor-location-footer .foot-grid{grid-template-columns:1fr;gap:2rem}
}
@media(max-width:380px){
  .elementor-location-header .wrap,.elementor-location-footer .wrap{padding-left:1rem;padding-right:1rem}
  .elementor-location-header .nav-logo img{height:70px;width:70px}
}

/* Consistent content width: every page aligns with the header/footer (1400px). */
body #speak .wrap,body #testi .wrap,body #blog .wrap{max-width:1400px}/* End custom CSS */