.elementor-kit-5{--e-global-color-primary:#C3A25C;--e-global-color-secondary:#D5D4DC;--e-global-color-text:#181635;--e-global-color-accent:#DED0AE;--e-global-typography-primary-font-family:"Heebo";--e-global-typography-primary-font-size:32px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"IBM Plex Sans";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"IBM Plex Sans";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"IBM Plex Sans";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}.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 *//* atplaw — the few pieces the live landing pages never needed (article cards, article body, FAQ, footer links).
   Same language: navy text, gold underline, 20px radius. No child combinators here (the kit CSS field strips them). */

/* text links inside content keep the navy + gold underline of the headings */
.elementor-widget-text-editor a, .elementor-widget-icon-box .elementor-icon-box-description a, .elementor-widget-theme-post-content a {
	color: inherit; text-decoration: underline; text-decoration-color: var(--e-global-color-primary); text-underline-offset: 4px;
}
.elementor-widget-text-editor a:hover, .elementor-widget-icon-box .elementor-icon-box-description a:hover, .elementor-widget-theme-post-content a:hover { color: var(--e-global-color-primary); }

/* article cards */
.at-posts .elementor-post__thumbnail { border-radius: 20px; }
.at-posts .elementor-post__title a { text-decoration: none; }
.at-posts .elementor-post__title a:hover { color: var(--e-global-color-primary); }
.at-posts a.elementor-post__read-more { text-decoration: underline; text-decoration-color: var(--e-global-color-primary); text-underline-offset: 5px; }
.at-posts .elementor-pagination { margin-top: 40px; }
.at-posts .elementor-pagination .page-numbers { color: var(--e-global-color-text); padding: 4px 12px; border-radius: 20px; }
.at-posts .elementor-pagination .page-numbers.current { background: var(--e-global-color-accent); }

/* article body */
.at-content { font-family: "IBM Plex Sans", sans-serif; font-size: 18px; line-height: 1.8; color: var(--e-global-color-text); }
.at-content h2, .at-content h3 { font-family: "Heebo", sans-serif; font-weight: 700; color: var(--e-global-color-text); margin: 1.7em 0 .6em;
	text-decoration: underline; text-decoration-color: var(--e-global-color-primary); text-underline-offset: 5px; }
.at-content h2 { font-size: 28px; }
.at-content h3 { font-size: 22px; }
.at-content ul { list-style: none; padding: 0; margin: 0 0 1.2em; }
.at-content ul li { position: relative; padding-inline-start: 1.5em; margin-bottom: .35em; }
.at-content ul li::before { content: "✓"; position: absolute; inset-inline-start: 0; color: var(--e-global-color-primary); font-weight: 700; }
.at-content img { border-radius: 20px; }
@media (max-width: 767px) { .at-content { font-size: 17px; } .at-content h2 { font-size: 24px; } }

/* FAQ */
.at-faq .elementor-accordion-item { border-radius: 20px; margin-bottom: 12px; overflow: hidden; }
.at-faq .elementor-tab-title { outline-offset: -2px; }

/* footer */
.at-footer .elementor-icon-list-item a:hover .elementor-icon-list-text { color: var(--e-global-color-primary); }
.at-footer .elementor-widget-text-editor a { text-decoration-color: var(--e-global-color-primary); }

/* anchors land below the sticky header */
.elementor-menu-anchor { scroll-margin-top: 110px; }

/* testimonials: cards of equal height, like the bordered form box */
.at-tst .swiper-slide { height: auto; }
.at-tst .elementor-testimonial { height: 100%; }



/* Hero of the home page: only the first practice group reads as a sub-heading under the H1 (client's call).
   One line per rule — wpautop mangles multi-line inline CSS, and the kit CSS goes through the same filter. */
.at-hero-lead { font-size: 21px; font-weight: 500; line-height: 1.55; }
@media (max-width: 767px) { .at-hero-lead { font-size: 19px; } }

/* "also by e-mail" under the form lead: quieter than the gold lead above it, and the address never splits
   at its own hyphen — on a phone it broke as "benny@arbeli-" / "law.com", which reads as a typo. */
.at-mail-line { font-size: 17px; }
.at-mail-line a { white-space: nowrap; }

/* Form labels exist for screen readers but stay out of the visual design (the fields carry placeholders).
   A placeholder alone fails WCAG 3.3.2 — it is not exposed as the field's name and vanishes on input.
   ☠️ clip-path, not display:none: display:none removes the label from the accessibility tree as well. */
.at-form .elementor-field-label {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}/* End custom CSS */