.elementor-959 .elementor-element.elementor-element-c6100c9{--display:flex;--min-height:700px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--overlay-opacity:0.55;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-959 .elementor-element.elementor-element-c6100c9:not(.elementor-motion-effects-element-type-background), .elementor-959 .elementor-element.elementor-element-c6100c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://jewishfamilysvc.org/wp-content/uploads/2026/11/jfs-counseling-office-couch.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-959 .elementor-element.elementor-element-c6100c9::before, .elementor-959 .elementor-element.elementor-element-c6100c9 > .elementor-background-video-container::before, .elementor-959 .elementor-element.elementor-element-c6100c9 > .e-con-inner > .elementor-background-video-container::before, .elementor-959 .elementor-element.elementor-element-c6100c9 > .elementor-background-slideshow::before, .elementor-959 .elementor-element.elementor-element-c6100c9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-959 .elementor-element.elementor-element-c6100c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-959 .elementor-element.elementor-element-e1a7323{--display:flex;--justify-content:flex-end;}.elementor-959 .elementor-element.elementor-element-e1a7323.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-959 .elementor-element.elementor-element-25e8d2e .elementor-heading-title{font-family:"PT Serif", Sans-serif;font-size:clamp(40px, 5.2vw, 64px);font-weight:600;color:#FFFFFF;}.elementor-959 .elementor-element.elementor-element-299e3b5{width:var( --container-widget-width, 723px );max-width:723px;--container-widget-width:723px;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:19px;color:#FFFFFF;}.elementor-959 .elementor-element.elementor-element-299e3b5.elementor-element{--align-self:flex-start;}.elementor-959 .elementor-element.elementor-element-d2bb6bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-959 .elementor-element.elementor-element-d2bb6bb:not(.elementor-motion-effects-element-type-background), .elementor-959 .elementor-element.elementor-element-d2bb6bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-33abc62 );}.elementor-959 .elementor-element.elementor-element-fa6e7d2 .elementor-heading-title{font-family:"PT Serif", Sans-serif;font-size:clamp(30px, 3.6vw, 44px);font-weight:600;color:var( --e-global-color-e609448 );}.elementor-959 .elementor-element.elementor-element-347d7cf{width:var( --container-widget-width, 720px );max-width:720px;--container-widget-width:720px;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:18px;color:#3A4A5E;}.elementor-959 .elementor-element.elementor-element-347d7cf.elementor-element{--align-self:flex-start;}.elementor-959 .elementor-element.elementor-element-da62781{--display:flex;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-959 .elementor-element.elementor-element-da62781:not(.elementor-motion-effects-element-type-background), .elementor-959 .elementor-element.elementor-element-da62781 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-959 .elementor-element.elementor-element-c6100c9{--min-height:462px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-959 .elementor-element.elementor-element-d2bb6bb{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-959 .elementor-element.elementor-element-e1a7323{--width:59%;}}@media(max-width:1024px) and (min-width:768px){.elementor-959 .elementor-element.elementor-element-e1a7323{--width:100%;}}@media(min-width:1025px){.elementor-959 .elementor-element.elementor-element-c6100c9:not(.elementor-motion-effects-element-type-background), .elementor-959 .elementor-element.elementor-element-c6100c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for heading, class: .elementor-element-25e8d2e */.elementor-959 .elementor-element.elementor-element-25e8d2e em {
    color:#FFD965;
}/* End custom CSS */
/* Start custom CSS */:root {
    --navy-900: #0e2a47;
    --navy-800: #163a5f;
    --navy-700: #1f4a78;
    --navy-50:  #eef3f9;
    --gold-500: #c89b3c;
    --gold-400: #d8b260;
    --gold-50:  #fbf6ec;
    --ink:      #14202e;
    --ink-2:    #3a4a5e;
    --muted:    #6b7a8f;
    --line:     #e3e8ef;
    --bg:       #ffffff;
    --bg-soft:  #f6f8fb;
    --bg-warm:  #faf6ef;
    --radius:   14px;
    --radius-sm: 8px;
    --shadow-sm: 0 1px 2px rgba(15,30,50,.05), 0 1px 1px rgba(15,30,50,.04);
    --shadow-md: 0 6px 24px rgba(15,30,50,.08);
    --shadow-lg: 0 24px 60px rgba(15,30,50,.12);
    --container: 1200px;
    --serif: "Fraunces", Georgia, serif;
    --sans:  "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  }
  
  
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color:#ffffff;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .12em;
}
.eyebrow::before {
    content: "";
    width: 22px;
    height: 2px;
    background: #e8c400;
}


 /* Hero collage */
  .collage {
    position: relative;
    aspect-ratio: 1 / 1.05;
  }
  .collage .tile {
    position: absolute;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    background: #ddd;
  }
  .collage .t1 { top: 0; left: 0; width: 64%; height: 58%; }
  .collage .t2 { top: 8%; right: 0; width: 38%; height: 38%; }
  .collage .t3 { bottom: 0; right: 4%; width: 52%; height: 50%; }
  .collage .t4 {
    bottom: 4%; left: 0; width: 40%; height: 38%;
    background: var(--navy-900); color: #fff;
    display: flex; flex-direction: column; justify-content: space-between;
    padding: 22px;
  }
  .collage .t4 .num {
    font-family: var(--serif);
    font-size: 56px; line-height: 1;
    color: var(--gold-400);
    font-weight: 500;
  }
  .collage .t4 .lbl {
    font-size: 13px;
    color: #c8d4e3;
    letter-spacing: .03em;
  }
  .collage img { width: 100%; height: 100%; object-fit: cover; }

  /* Decorative SVG fallback "photo" tiles */
  .photo {
    width: 100%; height: 100%;
    display: block;
  }
  
.path-card {
    padding: 40px;
    border-radius: 18px;
    box-shadow: var(--shadow-md);
    background: #fff;
    border: 1px solid #e3e8ef;
    display: flex;
    flex-direction: column;
    min-height: 240px;
}
.path-card.gold {
    background: linear-gradient(160deg, #fff 0%, #fbf6ec 100%);
    border-color: #efe2c4;
}
.path-card.navy {
    background: #6C185C;
    color: #fff;
    border-color: #163a5f;
}
.program {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 26px;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}
.program:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
    border-color: #cbd5e1;
}
.article-card:hover {
    box-shadow: var(--shadow-md);
}
.events-list {
    background: var(--bg-warm);
    border: 1px solid #efe2c4;
    border-radius: 16px;
  
}

  .events-list {
    background: var(--bg-warm);
    border: 1px solid #efe2c4;
    border-radius: 16px;
    padding: 8px;
  }
  .events-list h3 {
    font-family: var(--serif); font-weight: 600;
    font-size: 18px; margin: 18px 18px 10px;
    color: var(--navy-900);
  }
  .event {
    display: flex; gap: 16px; padding: 14px 18px;
    border-radius: 10px;
    transition: background .15s ease;
    cursor: pointer;
  }
  .event:hover { background: #fff; }
  .event + .event { border-top: 1px solid #efe2c4; }
  .event:hover + .event { border-top-color: transparent; }
  .event .date {
    flex: 0 0 56px;
    text-align: center;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #efe2c4;
    padding: 8px 0;
  }
  .event .date .m { font-size: 11px; text-transform: uppercase; color: var(--gold-500); font-weight: 700; letter-spacing: .08em; }
  .event .date .d { font-family: var(--serif); font-size: 22px; color: var(--navy-900); font-weight: 600; line-height: 1.1;}
  .event .info h4 { margin: 2px 0 4px; font-size: 15.5px; color: var(--navy-900); }
  .event .info p { margin: 0; font-size: 13.5px; color: var(--muted); }
.testimonial {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 16px;
    padding: 28px;
    backdrop-filter: blur(6px);
}
  

/* ---------- Donate Your Car page ---------- */
.eyebrow-dark { color: #5B006D; }
.car-grid { grid-template-rows: auto !important; }
.option-card { cursor: default; padding: 30px !important; }
.option-card > .e-con-inner, .option-card { justify-content: flex-start; }
.option-card .elementor-widget-button { margin-top: auto; }
.option-step {
    color: #00806C;
    font-size: 13px; font-weight: 600;
    text-transform: uppercase; letter-spacing: .1em;
}
.card-title .elementor-heading-title {
    font-family: "PT Serif", Georgia, serif;
    font-size: 22px; font-weight: 600; line-height: 1.25;
    color: #1A1B1D;
}
.card-body, .card-body p { color: #3a4a5e; font-size: 15.5px; line-height: 1.6; margin: 0; }
.card-body a, .faq-a a, .faq-intro a { color: #5B006D; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; word-break: break-word; }
.info-card {
    flex: 1 1 0;
    background: linear-gradient(160deg, #fff 0%, #fbf6ec 100%);
    border: 1px solid #efe2c4;
    border-radius: 14px;
    padding: 30px !important;
}
#car-form { scroll-margin-top: 120px; }
.form-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: var(--shadow-md);
    padding: 32px !important;
}
.form-placeholder {
    border: 2px dashed #C8D4E3;
    border-radius: 12px;
    padding: 48px 24px;
    text-align: center;
    color: #6b7a8f;
    font-size: 15px;
}
.faq-intro { align-self: flex-start; position: sticky; top: 24px; }
.faq-group-title .elementor-heading-title {
    font-family: "PT Serif", Georgia, serif;
    font-size: 24px; font-weight: 600;
    color: #5B006D;
}
.faq {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.faq:hover { border-color: #cbd5e1; }
.faq[open] { box-shadow: var(--shadow-md); border-color: #cbd5e1; }
.faq summary {
    list-style: none;
    cursor: pointer;
    display: flex; justify-content: space-between; align-items: center; gap: 16px;
    padding: 18px 22px;
    font-weight: 600; font-size: 16.5px; color: #1A1B1D;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
    content: "+";
    flex: 0 0 28px; height: 28px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: #FFD965; color: #1A1B1D;
    font-size: 18px; font-weight: 600; line-height: 1;
    transition: transform .2s ease;
}
.faq[open] summary::after { transform: rotate(45deg); }
.faq summary:focus-visible { outline: 2px solid #5B006D; outline-offset: 2px; border-radius: 12px; }
.faq-a { padding: 0 22px 20px; color: #3a4a5e; font-size: 15.5px; line-height: 1.65; }
.faq-a p { margin: 0 0 10px; }
.faq-a p:last-child { margin-bottom: 0; }
.faq-note { font-style: italic; color: #6b7a8f; }
@media (max-width: 1024px) { .faq-intro { position: static; } }
@media (max-width: 767px) {
    .option-card, .info-card, .form-card { padding: 22px !important; }
    .faq summary { padding: 16px 18px; font-size: 15.5px; }
    .faq-a { padding: 0 18px 18px; }
}


/* ---------- Vehicle donation form iframe ---------- */
.form-card iframe[src*="charitableautoresources.com"] {
    display: block;
    width: 100%;
    height: 520px;
    border: 0;
    transition: height .3s ease;
}
.form-card.is-expanded iframe[src*="charitableautoresources.com"] { height: 1000px; }
@media (max-width: 1024px) {
    .form-card iframe[src*="charitableautoresources.com"] { height: 540px; }
    .form-card.is-expanded iframe[src*="charitableautoresources.com"] { height: 1080px; }
}
@media (max-width: 767px) {
    .form-card iframe[src*="charitableautoresources.com"] { height: 940px; }
    .form-card.is-expanded iframe[src*="charitableautoresources.com"] { height: 1600px; }
}
.form-resize-script { display: none; }/* End custom CSS */