/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 23 2026 | 09:54:35 */
/* ==========================================================================
   Kollel Ner Naftali — Gravity Forms component layer
   --------------------------------------------------------------------------
   SELECTOR CONTRACT (verified against Gravity Forms 3.0.3 source):
     Form cssClass "knn-gf" is emitted VERBATIM on the <form> element.
     The outer <div class="gform_wrapper"> receives "knn-gf_wrapper" — GF
     appends "_wrapper" to every form-level class (form_display.php ~L1268).
     Therefore:
       .knn-gf_wrapper           -> the outer wrapper   (compound, NO space)
       .knn-gf                   -> the <form> element
       .knn-gf .gfield           -> fields and inward
     ".knn-gf .gform_wrapper" can NEVER match. Do not reintroduce it.
   Field-level classes (.knn-methods/.knn-amounts/.knn-feecover) land on the
   .gfield div verbatim, so they nest normally.
   ========================================================================== */

/* ---------- tokens for this layer (inherit down to the form) ---------- */
.knn-gf_wrapper{
  --knn-card:#FFFFFF;
  --knn-edge:var(--knn-cream-3);
  --gf-color-primary:var(--knn-brass);
  --gf-color-primary-contrast:var(--knn-ink);
  --gf-radius:var(--knn-r);
  font-family:var(--knn-ff-body);
}

/* ---------- form shell ---------- */
.knn-gf_wrapper{
  background:var(--knn-card);
  border:1px solid var(--knn-edge);
  border-radius:var(--knn-r);
  padding:clamp(1.35rem,3.5vw,2.5rem);
  max-width:44rem;
  box-shadow:0 1px 2px rgba(16,21,28,.03),0 14px 40px -28px rgba(16,21,28,.28);
}
.knn-gf_wrapper .gform_heading{margin-bottom:1.5rem}
.knn-gf_wrapper .gform_title{
  font-family:var(--knn-ff-display);font-size:clamp(1.4rem,3vw,1.75rem);
  font-weight:600;color:var(--knn-ink);margin:0 0 .35rem;line-height:1.2
}
.knn-gf_wrapper .gform_description,
.knn-gf_wrapper .gform_required_legend{
  font-size:.8125rem;color:var(--knn-muted);margin:0
}
.knn-gf .gform_fields{row-gap:1.5rem!important}

/* ---------- labels & descriptions ---------- */
.knn-gf .gfield_label,
.knn-gf .gform-field-label{
  font-size:.6875rem!important;letter-spacing:.14em!important;
  text-transform:uppercase!important;font-weight:650!important;
  color:var(--knn-muted)!important;margin-bottom:.5rem!important;display:block
}
.knn-gf .gfield_description{
  font-size:.8125rem!important;color:var(--knn-muted)!important;
  margin-top:.4rem!important;line-height:1.5;padding:0!important
}
.knn-gf .gfield_required{color:var(--knn-brass-deep)!important;font-weight:600}

/* ---------- text inputs, selects, textareas ---------- */
.knn-gf input[type=text],
.knn-gf input[type=email],
.knn-gf input[type=tel],
.knn-gf input[type=number],
.knn-gf select,
.knn-gf textarea{
  border:1px solid var(--knn-line)!important;
  border-radius:var(--knn-r)!important;
  background:var(--knn-cream)!important;
  color:var(--knn-ink)!important;
  padding:.85rem .9rem!important;
  font-size:.9375rem!important;
  font-family:var(--knn-ff-body)!important;
  width:100%;box-shadow:none!important
}
.knn-gf input:focus,.knn-gf select:focus,.knn-gf textarea:focus{
  outline:2px solid var(--knn-brass)!important;outline-offset:1px;
  border-color:var(--knn-brass)!important
}
.knn-gf ::placeholder{color:var(--knn-muted)!important;opacity:1}

/* ---------- buttons ---------- */
.knn-gf .gform_button,
.knn-gf .gform_next_button,
.knn-gf input[type=submit]{
  background:var(--knn-brass-lt)!important;color:var(--knn-ink)!important;
  border:0!important;font-weight:600!important;font-size:.9375rem!important;
  border-radius:var(--knn-r)!important;padding:1.1rem 2.1rem!important;
  cursor:pointer;transition:background .18s var(--knn-ease)
}
.knn-gf .gform_button:hover,
.knn-gf .gform_next_button:hover,
.knn-gf input[type=submit]:hover{background:var(--knn-brass)!important}
.knn-gf .gform_previous_button{
  background:transparent!important;color:var(--knn-ink-3)!important;
  border:1px solid var(--knn-line)!important;font-weight:600!important;
  border-radius:var(--knn-r)!important;padding:1.1rem 1.6rem!important;cursor:pointer
}
.knn-gf .gform_previous_button:hover{background:var(--knn-cream)!important}

/* ---------- payment method: selectable rows ---------- */
.knn-methods .gfield_radio{display:grid!important;gap:.5rem!important}
.knn-methods .gchoice{margin:0!important;position:relative}
.knn-methods .gchoice input{position:absolute;opacity:0;pointer-events:none}
.knn-methods .gchoice label{
  display:flex;align-items:center;gap:.7rem;cursor:pointer;
  padding:.95rem 1.05rem;
  border:1px solid var(--knn-edge);border-radius:var(--knn-r);
  background:var(--knn-card);
  font-size:.9375rem!important;font-weight:500!important;
  color:var(--knn-ink)!important;
  text-transform:none!important;letter-spacing:0!important;
  transition:border-color .18s var(--knn-ease),background .18s var(--knn-ease)
}
.knn-methods .gchoice label::before{
  content:"";flex:none;width:1.0625rem;height:1.0625rem;border-radius:50%;
  border:1.5px solid var(--knn-line);background:var(--knn-card);
  transition:border-color .18s,box-shadow .18s
}
.knn-methods .gchoice label:hover{border-color:var(--knn-brass);background:var(--knn-cream)}
.knn-methods .gchoice input:checked + label{
  border-color:var(--knn-brass);background:var(--knn-brass-pale);
  box-shadow:inset 3px 0 0 var(--knn-brass);font-weight:600!important
}
.knn-methods .gchoice input:checked + label::before{
  border-color:var(--knn-brass-deep);
  box-shadow:inset 0 0 0 3.5px var(--knn-card),inset 0 0 0 12px var(--knn-brass-deep)
}
.knn-methods .gchoice input:focus-visible + label{outline:2px solid var(--knn-brass);outline-offset:2px}

/* ---------- amount chips: visible resting border ---------- */
.knn-amounts .gchoice label{border-color:var(--knn-edge)!important}
.knn-amounts .gchoice input:checked + label{
  background:var(--knn-ink)!important;border-color:var(--knn-ink)!important
}

/* ---------- fee-cover row ---------- */
.knn-feecover{
  background:var(--knn-cream);border:1px solid var(--knn-edge);
  border-radius:var(--knn-r);padding:.9rem 1.05rem
}
.knn-feecover .gchoice{display:flex;align-items:flex-start;gap:.6rem}
.knn-feecover .gchoice input[type=checkbox]{
  margin-top:.2rem;accent-color:var(--knn-brass-deep);width:auto!important
}

/* ---------- sub-labels (name, address) ---------- */
.knn-gf .ginput_complex label{
  font-size:.6875rem!important;letter-spacing:.1em!important;
  text-transform:uppercase!important;font-weight:600!important;
  color:var(--knn-muted)!important;margin-top:.35rem!important
}

/* ---------- donation total ---------- */
.knn-gf .gfield--type-product{
  border-top:1px solid var(--knn-edge);padding-top:1.15rem;margin-top:.35rem
}
.knn-gf .ginput_product_price_label{
  font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--knn-muted)
}
.knn-gf .ginput_product_price{
  font-family:var(--knn-ff-display);
  font-size:clamp(1.75rem,4vw,2.25rem)!important;
  font-weight:600;color:var(--knn-ink)!important;line-height:1
}

/* ---------- pledge callouts (Zelle / DAF) ---------- */
.knn-pledge{
  background:var(--knn-cream);border:1px solid var(--knn-edge);
  border-left:3px solid var(--knn-brass);border-radius:var(--knn-r);
  padding:1.1rem 1.25rem
}
.knn-pledge p{margin:0 0 .55rem;font-size:.9375rem;line-height:1.6;color:var(--knn-ink-3)}
.knn-pledge p:last-child{margin-bottom:0}
.knn-pledge strong{color:var(--knn-ink)}

/* ---------- Crowded iframe ---------- */
.knn-gf .gfield--type-crowded{
  background:var(--knn-cream);border:1px solid var(--knn-edge);
  border-radius:var(--knn-r);padding:1.1rem
}
.knn-gf .gfield--type-crowded iframe{
  width:100%!important;border:0!important;display:block;background:transparent
}

/* ---------- validation ---------- */
.knn-gf_wrapper .gform_validation_errors{
  background:rgba(110,34,48,.06)!important;
  border:1px solid rgba(110,34,48,.28)!important;
  border-radius:var(--knn-r)!important;box-shadow:none!important
}
.knn-gf_wrapper .gform_validation_errors h2,
.knn-gf_wrapper .gform_validation_errors ol a{color:var(--knn-ox)!important}
.knn-gf .gfield_error .gfield_label{color:var(--knn-ox)!important}
.knn-gf .gfield_error input,.knn-gf .gfield_error select{border-color:var(--knn-ox)!important}
.knn-gf .validation_message{
  background:transparent!important;border:0!important;
  color:var(--knn-ox)!important;font-size:.8125rem!important;padding:.3rem 0 0!important
}

/* ---------- footer / page navigation ---------- */
.knn-gf .gform_footer,
.knn-gf .gform_page_footer{
  border-top:1px solid var(--knn-edge);
  padding-top:1.4rem!important;margin-top:1.6rem!important;
  display:flex;gap:.75rem;align-items:center;flex-wrap:wrap
}

/* ---------- honeypot stays invisible ---------- */
.knn-gf .gform_validation_container,
.knn-gf .gfield--type-honeypot{display:none!important}

@media(max-width:600px){
  .knn-gf_wrapper{padding:1.15rem}
  .knn-amounts .gfield_radio{grid-template-columns:repeat(2,1fr)!important}
  .knn-gf .gform_footer,.knn-gf .gform_page_footer{flex-direction:column;align-items:stretch}
  .knn-gf .gform_button,.knn-gf .gform_next_button,.knn-gf .gform_previous_button{width:100%}
}