.elementor-kit-5{--e-global-color-primary:#0E1727;--e-global-color-secondary:#2E3E5C;--e-global-color-text:#1B1F26;--e-global-color-accent:#C6A96A;--e-global-color-7779c9e:#E0CB99;--e-global-color-a6f1105:#8A6E28;--e-global-color-fda5c0e:#414A57;--e-global-color-33dcd72:#5B6472;--e-global-color-bd57dbd:#8A909B;--e-global-color-d978fc5:#C7CDD8;--e-global-color-8ab7606:#9AA4B4;--e-global-color-8136adb:#FFFFFF;--e-global-color-c022550:#FAF7F1;--e-global-color-60b898c:#FBF9F4;--e-global-color-199c92f:#E6E3DC;--e-global-color-a5dbaf4:#D8D5CE;--e-global-typography-primary-font-family:"Newsreader";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Archivo";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#F7F6F3;font-family:"Archivo", Sans-serif;font-size:17px;font-weight:400;line-height:1.75px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Archivo", Sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:17px 17px 17px 17px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-7779c9e );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{font-family:"Archivo", Sans-serif;}.elementor-kit-5 h1{font-size:52px;font-weight:400;line-height:1.08px;}.elementor-kit-5 h2{font-size:32px;font-weight:500;}.elementor-kit-5 h3{font-size:26px;font-weight:500;line-height:1.2px;}.elementor-kit-5 h4{font-size:24px;font-weight:400;line-height:1.2px;}.elementor-kit-5 h5{font-size:20px;font-weight:500;}.elementor-kit-5 h6{font-size:18px;font-weight:500;line-height:1.4px;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-family:"Archivo", Sans-serif;font-size:15px;background-color:#FBFAF8;border-style:solid;border-width:1px 1px 1px 1px;border-radius:2px 2px 2px 2px;padding:14px 14px 14px 14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1199px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{font-size:16px;}.elementor-kit-5 h1{font-size:32px;}.elementor-kit-5 h2{font-size:25px;line-height:1.08em;}.elementor-kit-5 h3{font-size:22px;}.elementor-kit-5 h4{font-size:21px;}.elementor-kit-5 h5{font-size:18px;}.elementor-kit-5 h6{font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   THE ANDRESKI LAW FIRM — Site Settings → Custom CSS
   Paste this whole block. Nothing else needs to be added.
   ============================================================ */

/* ---------- 1. PAGE PADDING ---------- */
/* Elementor has no global horizontal page padding setting.
   This gives every boxed container the 28px / 20px gutter. */
.e-con.e-parent > .e-con-inner,
.e-con-boxed > .e-con-inner {
  padding-left: 28px;
  padding-right: 28px;
}
@media (max-width: 767px) {
  .e-con.e-parent > .e-con-inner,
  .e-con-boxed > .e-con-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ---------- 2. TEXT COMPONENT CLASSES ---------- */
.eyebrow {
  font-family: "Archivo", sans-serif; font-weight: 700; font-size: 11px;
  line-height: 1.2; letter-spacing: .22em; text-transform: uppercase;
  color: #8A6E28;
}
.eyebrow-light { color: #C6A96A; }

.meta-label {
  font-family: "Archivo", sans-serif; font-weight: 700; font-size: 12px;
  line-height: 1.3; letter-spacing: .14em; text-transform: uppercase;
  color: #8A6E28;
}
.meta-label-muted { color: #8A909B; }

.lead {
  font-family: "Newsreader", Georgia, serif; font-weight: 400;
  font-size: 20px; line-height: 1.65; color: #1B1F26;
}
.hero-sub {
  font-family: "Archivo", sans-serif; font-weight: 400;
  font-size: 19px; line-height: 1.62; color: #C7CDD8;
}
.body-sm {
  font-family: "Archivo", sans-serif; font-weight: 400;
  font-size: 15px; line-height: 1.65; color: #5B6472;
}
.pull-quote {
  font-family: "Newsreader", Georgia, serif; font-weight: 400;
  font-size: 22px; line-height: 1.45; color: #0E1727;
}
.stat-figure {
  font-family: "Newsreader", Georgia, serif; font-weight: 400;
  font-size: 36px; line-height: 1; color: #C6A96A;
}
.footnote {
  font-family: "Archivo", sans-serif; font-weight: 400;
  font-size: 13px; line-height: 1.7; color: #8A909B;
}
@media (max-width: 767px) {
  .lead { font-size: 18px; }
  .hero-sub { font-size: 17px; }
}

/* ---------- 3. GOLD RULE UNDER HEADINGS ---------- */
/* Apply to the Heading widget itself — no Divider widget. */
.gold-rule::after {
  content: ""; display: block;
  width: 52px; height: 3px; background: #C6A96A;
  margin-top: 18px;
}

/* ---------- 4. BUTTON VARIANTS ---------- */
/* Gold primary lives in Theme Style → Buttons. These are the other two. */
.btn-ghost .elementor-button,
.btn-ghost.elementor-button {
  background: transparent;
  border: 1px solid rgba(255,255,255,.45);
  color: #ffffff;
  padding: 17px 30px; border-radius: 2px;
  font-family: "Archivo", sans-serif; font-weight: 700; font-size: 15px;
  letter-spacing: .04em; text-transform: uppercase;
  transition: border-color .18s ease, color .18s ease;
}
.btn-ghost .elementor-button:hover,
.btn-ghost.elementor-button:hover {
  border-color: #C6A96A; color: #C6A96A; background: transparent;
}
.btn-outline .elementor-button,
.btn-outline.elementor-button {
  background: transparent;
  border: 1px solid #0E1727;
  color: #0E1727;
  padding: 15px 30px; border-radius: 2px;
  font-family: "Archivo", sans-serif; font-weight: 700; font-size: 15px;
  letter-spacing: .04em; text-transform: uppercase;
  transition: background .18s ease, color .18s ease;
}
.btn-outline .elementor-button:hover,
.btn-outline.elementor-button:hover {
  background: #0E1727; color: #ffffff;
}

/* ---------- 5. HEADER ---------- */
/* Pay Bill styled apart from the other nav items.
   Add CSS class "nav-paybill" to that menu item in Appearance → Menus. */
.nav-paybill a.elementor-item { color: #9AA4B4 !important; }
.nav-paybill a.elementor-item:hover { color: #C6A96A !important; }

/* ---------- 6. HOMEPAGE ---------- */
.home-attorney-photo img {
  aspect-ratio: 4/5; object-fit: cover; filter: grayscale(.15);
}
.area-cell a:hover { background: #18243A !important; }

@media (max-width: 767px) {
  /* hero stats: 4 across → 2 across */
  .home-stats > div { grid-template-columns: 1fr 1fr !important; gap: 24px !important; }
}

/* ---------- 7. CRIMINAL DEFENSE HUB ---------- */
.area-cell-light a:hover { background: #FBF9F4 !important; }
.area-cell-light a > div:last-child { line-height: 1.6; }

/* ---------- 8. PRACTICE AREA + ATTORNEY PAGES ---------- */
@media (min-width: 1201px) {
  .practice-sidebar { position: sticky; top: 120px; }
}
.sidebar-photo img { aspect-ratio: 4/5; object-fit: cover; }
.attorney-hero-photo img {
  aspect-ratio: 4/5; object-fit: cover;
  border: 1px solid rgba(198,169,106,.4);
}

/* ---------- 9. PENALTY TABLES ---------- */
/* Tables are inline-styled in the Text Editor widgets, but this
   guarantees the mobile scroll if a table is pasted without a wrapper. */
@media (max-width: 767px) {
  .penalty-table-wrap { overflow-x: auto; }
  .penalty-table { min-width: 560px; }
}

/* ---------- 10. FADED PHOTO EDGE ---------- */
/* For an Image widget meeting a navy background. */
.photo-fade img {
  -webkit-mask-image: linear-gradient(100deg, transparent 0%, rgba(0,0,0,.6) 8%, #000 20%);
  mask-image: linear-gradient(100deg, transparent 0%, rgba(0,0,0,.6) 8%, #000 20%);
}

/* ---------- 11. LINK DEFAULTS ---------- */
/* So links added later in the editor never render browser-default blue. */
.elementor-widget-text-editor a { color: #8A6E28; text-decoration: none; }
.elementor-widget-text-editor a:hover { color: #C6A96A; text-decoration: underline; }

/* ---------- 12. CONTACT ---------- */
.contact-map iframe { filter: grayscale(.2); }/* End custom CSS */