/* ==========================================
   MANHATTAN NANNIES
   SERVICE CARDS
   FINAL STABLE HOVER VERSION
========================================== */


/* ==========================================
   CARD CONTAINER
========================================== */

.service-card {
  position: relative;
  overflow: hidden;

  height: 100%;
  min-height: 420px;

  border-left: 4px solid transparent;

  transition: border-color 0.6s ease;
}

.service-card:hover {
  border-left-color: #C9A227;
}


/* ==========================================
   IMAGE / DARK GRADIENT OVERLAY
========================================== */

.service-card::before {
  content: '';

  position: absolute;
  inset: 0;

  background: linear-gradient(
    to top,
    rgba(44, 33, 29, 0.65) 0%,
    rgba(44, 33, 29, 0.35) 35%,
    rgba(44, 33, 29, 0.08) 60%,
    rgba(44, 33, 29, 0) 75%
  );

  z-index: 1;

  pointer-events: none;

  transition: opacity 0.4s ease;
}

.service-card:hover::before {
  opacity: 0;
}


/* ==========================================
   WHITE HOVER BACKGROUND
========================================== */

.service-card::after {
  content: '';

  position: absolute;
  inset: 0;

  background: #FFFFFF;

  opacity: 0;

  z-index: 1;

  pointer-events: none;

  transition: opacity 0.4s ease;
}

.service-card:hover::after {
  opacity: 1;
}


/* ==========================================
   SPECTRA INFO BOX
========================================== */

.service-card .wp-block-uagb-info-box {
  position: absolute !important;

  left: 48px;
  right: 48px;

  bottom: 92px;

  z-index: 2;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================
   INFO BOX CONTENT
   Does NOT control card height
========================================== */

.service-card .uagb-ifb-content {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================
   TITLE WRAPPER
   Fixed height so all cards behave the same
========================================== */

.service-card .uagb-ifb-title-wrap {
  position: relative !important;

  display: flex !important;

  align-items: flex-end !important;

  width: 100% !important;

  min-height: 88px;

  margin: 0 !important;
  padding: 0 !important;

  z-index: 4;
}


/* ==========================================
   TITLE
========================================== */

.service-card .uagb-ifb-title {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #FFFFFF !important;

  line-height: 1.08 !important;
}


/* ==========================================
   DESCRIPTION
   COMPLETELY REMOVED FROM NORMAL FLOW (DESKTOP)

   It will NEVER push the title.
   It will NEVER push the button.
   It will NEVER change card height.
========================================== */

.service-card .uagb-ifb-desc {
  position: absolute !important;

  left: 0;
  right: 0;

  bottom: 102px;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  opacity: 0;

  transform: translateY(10px);

  color: #FFFFFF !important;

  z-index: 3;

  pointer-events: none;

  overflow: visible !important;

  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}


/* ==========================================
   DESCRIPTION TEXT
========================================== */

.service-card .uagb-ifb-desc,
.service-card .uagb-ifb-desc * {
  color: #FFFFFF !important;
}


/* ==========================================
   DESCRIPTION ON HOVER (DESKTOP)
========================================== */

.service-card:hover .uagb-ifb-desc {
  opacity: 1;

  transform: translateY(0);
}


/* ==========================================
   BUTTON CONTAINER
   Fixed position at bottom (DESKTOP)
========================================== */

.service-card .wp-block-uagb-buttons {
  position: absolute !important;

  left: 48px;
  right: 48px;

  bottom: 42px;

  z-index: 4;

  width: auto !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================
   BUTTON
========================================== */

.service-card .uagb-button__link,
.service-card a {
  margin: 0 !important;
  padding: 0 !important;

  color: #FFFFFF !important;

  transition: color 0.3s ease;
}


/* ==========================================
   HOVER TITLE
========================================== */

.service-card:hover .uagb-ifb-title {
  color: #2C211D !important;
}


/* ==========================================
   HOVER DESCRIPTION
========================================== */

.service-card:hover .uagb-ifb-desc,
.service-card:hover .uagb-ifb-desc * {
  color: #2C211D !important;
}


/* ==========================================
   HOVER BUTTON
========================================== */

.service-card:hover .uagb-button__link,
.service-card:hover a {
  color: #C9A96E !important;
}


/* ==========================================
   HOVER BUTTON ICON
========================================== */

.service-card:hover .uagb-button__icon,
.service-card:hover .uagb-button__icon svg,
.service-card:hover svg {
  color: #C9A96E !important;

  fill: #C9A96E !important;
}


/* ==========================================
   NORMAL STATE
   Title + Button remain white
========================================== */

.service-card:not(:hover) .uagb-ifb-title {
  color: #FFFFFF !important;
}

.service-card:not(:hover) .uagb-button__link,
.service-card:not(:hover) a {
  color: #FFFFFF !important;
}


/* ==========================================
   IMPORTANT:
   Prevent Spectra spacing from interfering
========================================== */

.service-card .uagb-ifb-title-wrap,
.service-card .uagb-ifb-desc,
.service-card .wp-block-uagb-buttons {
  box-sizing: border-box !important;
}


/* ==========================================
   REMOVE DEFAULT SPECTRA MARGINS
========================================== */

.service-card .uagb-ifb-title-wrap,
.service-card .uagb-ifb-desc,
.service-card .wp-block-uagb-info-box,
.service-card .wp-block-uagb-buttons,
.service-card p {
  margin-bottom: 0 !important;
}


/* ==========================================
   MOBILE / SMALL SCREENS
   Hover can't be relied on here, so instead of
   restructuring the layout, we freeze the card
   in its existing "hovered" position — same
   fixed height, same absolute-positioned text
   block anchored over the photo — it just stays
   permanently visible instead of waiting on a
   hover event that mobile won't reliably fire.
========================================== */

@media (max-width: 768px) {

  /* Keep the same fixed card height as desktop —
     the photo needs it to display correctly */
  .service-card {
    min-height: 420px;
  }

  /* Keep the dark gradient permanently visible —
     don't wait on a hover that mobile won't fire */
  .service-card::before {
    opacity: 1 !important;
  }

  /* No white hover-flip on mobile — one flat state only */
  .service-card::after {
    opacity: 0 !important;
  }

  .service-card:hover {
    border-left-color: transparent;
  }

  /* Narrower side padding on smaller screens,
     same absolute anchoring as desktop otherwise */
  .service-card .wp-block-uagb-info-box {
    left: 24px;
    right: 24px;
    bottom: 84px;
  }

  .service-card .wp-block-uagb-buttons {
    left: 24px;
    right: 24px;
    bottom: 32px;
  }

  .service-card .uagb-ifb-title,
  .service-card:hover .uagb-ifb-title,
  .service-card:not(:hover) .uagb-ifb-title {
    color: #FFFFFF !important;
  }

  /* Description permanently revealed, in its
     original absolute position — not flowed */
  .service-card .uagb-ifb-desc,
  .service-card:hover .uagb-ifb-desc {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto;
  }

  .service-card .uagb-ifb-desc,
  .service-card .uagb-ifb-desc *,
  .service-card:hover .uagb-ifb-desc,
  .service-card:hover .uagb-ifb-desc * {
    color: #FFFFFF !important;
  }

  .service-card .uagb-button__link,
  .service-card a,
  .service-card:hover .uagb-button__link,
  .service-card:hover a {
    color: #FFFFFF !important;
  }

  .service-card .uagb-button__icon,
  .service-card .uagb-button__icon svg,
  .service-card svg,
  .service-card:hover .uagb-button__icon,
  .service-card:hover .uagb-button__icon svg,
  .service-card:hover svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
  }
}


/* ==========================================
   OPTIONAL TEXT SELECTION
========================================== */

.service-card::selection,
.service-card *::selection {
  background: #C9A96E;

  color: #FFFFFF;
}


/* ==========================================
   NAVIGATION
   Unrelated to service cards
========================================== */

.wp-block-navigation-item__content {
  text-decoration: none !important;

  transition: color 0.2s ease;
}

.wp-block-navigation-item__content:hover {
  color: #C9A227 !important;

  text-decoration: none !important;
}


/* Hide/show header on scroll */
.site-header {
    position: sticky;
    top: 0;
    z-index: 9999;
    transition: transform 0.3s ease;
}

.site-header.nav-hidden {
    transform: translateY(-100%);
}


/* ==========================================
   NAVIGATION
   Unrelated to service cards
========================================== */

.wp-block-navigation-item__content {
  text-decoration: none !important;

  transition: color 0.2s ease;
}

.wp-block-navigation-item__content:hover {
  color: #C9A227 !important;

  text-decoration: none !important;
}


/* Hide/show header on scroll */
.site-header {
    position: sticky;
    top: 0;
    z-index: 9999;
    transition: transform 0.3s ease;
}

.site-header.nav-hidden {
    transform: translateY(-100%);
}

document.addEventListener("DOMContentLoaded", function () {

    let lastScrollTop = 0;
    const header = document.querySelector(".site-header");

    if (!header) return;

    window.addEventListener("scroll", function () {

        const currentScroll =
            window.pageYOffset || document.documentElement.scrollTop;

        // Always show header at the top
        if (currentScroll <= 10) {
            header.classList.remove("nav-hidden");
            lastScrollTop = currentScroll;
            return;
        }

        // Scrolling down = hide
        if (currentScroll > lastScrollTop) {
            header.classList.add("nav-hidden");
        }

        // Scrolling up = show
        else {
            header.classList.remove("nav-hidden");
        }

        lastScrollTop = currentScroll;
    });
});


/* Manhattan Nannies - Ultimate Member Sign In Button */

/* NORMAL */
#um-submit-btn.um-button,
input#um-submit-btn {
    background: #c9736a !important;
    background-color: #c9736a !important;
    background-image: none !important;
    border: 1px solid #c9736a !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* HOVER */
#um-submit-btn.um-button:hover,
input#um-submit-btn:hover {
    background: #c9a96e !important;
    background-color: #c9a96e !important;
    background-image: none !important;
    border-color: #c9a96e !important;
    color: #ffffff !important;
}

/* FOCUS */
#um-submit-btn.um-button:focus,
input#um-submit-btn:focus {
    background: #c9736a !important;
    background-color: #c9736a !important;
    border-color: #c9736a !important;
    color: #ffffff !important;
}

/* ACTIVE / CLICK */
#um-submit-btn.um-button:active,
input#um-submit-btn:active {
    background: #c9736a !important;
    background-color: #c9736a !important;
    border-color: #c9736a !important;
    color: #ffffff !important;
}
/* ==========================================
   LOGIN PANELS (candidate + family)
   Added 12 Sep 2026
========================================== */

.uagb-block-rzfuzggj {
  background-color: #ffffff !important;
  max-width: 520px;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 8px;
  box-shadow: 0 18px 48px rgba(45, 31, 30, 0.18);
}

.uagb-block-rejbtgdg::before {
  background-color: rgba(45, 31, 30, 0.45) !important;
}

.uagb-block-rzfuzggj .uagb-ifb-title-prefix {
  color: #c9736a !important;
}

.uagb-block-rzfuzggj .uagb-ifb-title {
  color: #2d1f1e !important;
}

.uagb-block-rzfuzggj .uagb-ifb-desc {
  color: #7a6055 !important;
}

/* Ultimate Member form inside the panel */

.uagb-block-rzfuzggj .um {
  margin: 0 auto !important;
  max-width: 100% !important;
}

.uagb-block-rzfuzggj .um .um-form input[type=text],
.uagb-block-rzfuzggj .um .um-form input[type=email],
.uagb-block-rzfuzggj .um .um-form input[type=password] {
  background-color: #fff8f0 !important;
  border: 1px solid #ede5da !important;
  border-radius: 4px !important;
  color: #2d1f1e !important;
  height: 48px !important;
  padding: 0 14px !important;
  box-shadow: none !important;
}

.uagb-block-rzfuzggj .um .um-form input[type=text]:focus,
.uagb-block-rzfuzggj .um .um-form input[type=email]:focus,
.uagb-block-rzfuzggj .um .um-form input[type=password]:focus {
  border-color: #c9736a !important;
  outline: none !important;
}

.uagb-block-rzfuzggj .um .um-form label,
.uagb-block-rzfuzggj .um .um-form .um-field-label label {
  color: #2d1f1e !important;
  font-weight: 500 !important;
}

.uagb-block-rzfuzggj .um input[type=submit].um-button,
.uagb-block-rzfuzggj .um a.um-button {
  background-color: #c9736a !important;
  border-radius: 4px !important;
  height: 48px !important;
  line-height: 48px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  box-shadow: none !important;
}

.uagb-block-rzfuzggj .um input[type=submit].um-button:hover,
.uagb-block-rzfuzggj .um a.um-button:hover {
  background-color: #b3615a !important;
}

.uagb-block-rzfuzggj .um .um-col-alt-b a,
.uagb-block-rzfuzggj .um .um-request-new-password,
.uagb-block-rzfuzggj .um a.um-link {
  color: #7a6055 !important;
}

.uagb-block-rzfuzggj .um .um-col-alt-b a:hover,
.uagb-block-rzfuzggj .um a.um-link:hover {
  color: #c9736a !important;
}

@media (max-width: 600px) {
  .uagb-block-rzfuzggj {
    max-width: 100%;
  }
}
/* ==========================================
   FORMINATOR APPLICATION FORMS
   Added 12 Sep 2026
========================================== */

.forminator-ui.forminator-custom-form {
  max-width: 760px;
  margin: 0 auto;
}

/* Spacing between fields */

.forminator-ui.forminator-custom-form .forminator-row {
  margin-bottom: 22px !important;
}

.forminator-ui.forminator-custom-form .forminator-field {
  margin-bottom: 0;
}

/* Labels */

.forminator-ui.forminator-custom-form .forminator-label {
  color: #2d1f1e !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  margin-bottom: 8px !important;
  text-transform: none !important;
}

.forminator-ui.forminator-custom-form .forminator-required {
  color: #c9736a !important;
}

.forminator-ui.forminator-custom-form .forminator-description {
  color: #7a6055 !important;
  font-size: 13px !important;
  margin-top: 6px !important;
}

/* Text inputs, textareas, selects */

.forminator-ui.forminator-custom-form input.forminator-input,
.forminator-ui.forminator-custom-form textarea.forminator-textarea,
.forminator-ui.forminator-custom-form select.forminator-select,
.forminator-ui.forminator-custom-form .forminator-select2 .select2-selection {
  background-color: #fff8f0 !important;
  border: 1px solid #ede5da !important;
  border-radius: 4px !important;
  color: #2d1f1e !important;
  font-size: 15px !important;
  padding: 0 14px !important;
  height: 50px !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.forminator-ui.forminator-custom-form textarea.forminator-textarea {
  height: auto !important;
  min-height: 120px !important;
  padding: 14px !important;
  line-height: 1.6 !important;
}

.forminator-ui.forminator-custom-form input.forminator-input:focus,
.forminator-ui.forminator-custom-form textarea.forminator-textarea:focus,
.forminator-ui.forminator-custom-form select.forminator-select:focus {
  background-color: #ffffff !important;
  border-color: #c9736a !important;
  outline: none !important;
}

.forminator-ui.forminator-custom-form input.forminator-input::placeholder,
.forminator-ui.forminator-custom-form textarea.forminator-textarea::placeholder {
  color: #b5a396 !important;
}

/* Radio and checkbox groups as pills */

.forminator-ui.forminator-custom-form .forminator-radio,
.forminator-ui.forminator-custom-form .forminator-checkbox {
  align-items: center !important;
  background-color: #ffffff !important;
  border: 1px solid #ede5da !important;
  border-radius: 999px !important;
  color: #7a6055 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  margin: 0 8px 8px 0 !important;
  padding: 9px 16px !important;
  transition: border-color 0.2s ease, color 0.2s ease;
  cursor: pointer;
}

.forminator-ui.forminator-custom-form .forminator-radio:hover,
.forminator-ui.forminator-custom-form .forminator-checkbox:hover {
  border-color: #c9a96e !important;
  color: #2d1f1e !important;
}

.forminator-ui.forminator-custom-form .forminator-radio-bullet,
.forminator-ui.forminator-custom-form .forminator-checkbox-box {
  border-color: #d6c9bc !important;
  margin-right: 9px !important;
}

.forminator-ui.forminator-custom-form input:checked + .forminator-radio-bullet,
.forminator-ui.forminator-custom-form input:checked + .forminator-checkbox-box {
  background-color: #c9736a !important;
  border-color: #c9736a !important;
}

/* File upload */

.forminator-ui.forminator-custom-form .forminator-file-upload,
.forminator-ui.forminator-custom-form .forminator-multi-upload {
  background-color: #fdf0ed !important;
  border: 1px dashed #d9b8b2 !important;
  border-radius: 6px !important;
  padding: 26px 20px !important;
  text-align: center;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.forminator-ui.forminator-custom-form .forminator-file-upload:hover,
.forminator-ui.forminator-custom-form .forminator-multi-upload:hover {
  background-color: #fff8f0 !important;
  border-color: #c9736a !important;
}

.forminator-ui.forminator-custom-form .forminator-button-upload {
  background-color: transparent !important;
  border: 1px solid #c9736a !important;
  border-radius: 4px !important;
  color: #c9736a !important;
  font-weight: 500 !important;
}

.forminator-ui.forminator-custom-form .forminator-button-upload:hover {
  background-color: #c9736a !important;
  color: #ffffff !important;
}

/* Submit */

.forminator-ui.forminator-custom-form button.forminator-button-submit {
  background-color: #c9736a !important;
  border: none !important;
  border-radius: 4px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  height: 54px !important;
  letter-spacing: 0.03em;
  min-width: 220px;
  text-transform: uppercase;
  transition: background-color 0.2s ease;
}

.forminator-ui.forminator-custom-form button.forminator-button-submit:hover {
  background-color: #b3615a !important;
}

/* Section headings inside the form */

.forminator-ui.forminator-custom-form .forminator-title,
.forminator-ui.forminator-custom-form h3,
.forminator-ui.forminator-custom-form h4 {
  border-top: 1px solid #ede5da;
  color: #2d1f1e !important;
  font-size: 13px !important;
  letter-spacing: 0.09em !important;
  margin: 34px 0 18px !important;
  padding-top: 22px !important;
  text-transform: uppercase !important;
}

.forminator-ui.forminator-custom-form .forminator-row:first-of-type .forminator-title {
  border-top: none;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Validation */

.forminator-ui.forminator-custom-form .forminator-error-message {
  color: #b3615a !important;
  font-size: 13px !important;
}

.forminator-ui.forminator-custom-form .forminator-has_error input.forminator-input,
.forminator-ui.forminator-custom-form .forminator-has_error textarea.forminator-textarea {
  border-color: #b3615a !important;
}

@media (max-width: 600px) {
  .forminator-ui.forminator-custom-form .forminator-radio,
  .forminator-ui.forminator-custom-form .forminator-checkbox {
    width: 100%;
  }
  .forminator-ui.forminator-custom-form button.forminator-button-submit {
    width: 100%;
  }
}
/* ===== MN-GF-STEPPER START — Candidate Application (form 1) ===== */
#gform_wrapper_1.gform-theme {
  --gf-color-primary: #c9736a;
  --gf-color-primary-rgb: 201, 115, 106;
  --gf-color-primary-contrast: #ffffff;
  --gf-color-primary-darker: #b35f57;
  --gf-color-primary-lighter: #d68d85;
  --gf-color-in-ctrl-primary: #c9736a;
  --gf-color-in-ctrl-primary-rgb: 201, 115, 106;
  --gf-color-in-ctrl-primary-darker: #b35f57;
  --gf-color-in-ctrl-primary-lighter: #d68d85;
  --gf-color-secondary-contrast: #2d1f1e;
  --gf-color-in-ctrl-contrast: #2d1f1e;
  --gf-color-out-ctrl-dark: #7a6055;
  --gf-color-out-ctrl-light: #ede5da;
  --gf-radius: 8px;
}
#gform_wrapper_1 { --mn-accent:#c9736a; --mn-ink:#2d1f1e; --mn-muted:#7a6055; --mn-sand:#ede5da; --mn-cream:#fff8f0; --mn-blush:#fdf0ed; }

/* two-column shell */
#gform_1 { --mn-progress: 25%; --mn-pct: "25%"; display: grid; grid-template-columns: minmax(190px, 240px) minmax(0, 1fr); gap: 32px; align-items: start; }
#gform_1:has(#gf_step_1_2.gf_step_active) { --mn-progress: 50%;  --mn-pct: "50%"; }
#gform_1:has(#gf_step_1_3.gf_step_active) { --mn-progress: 75%;  --mn-pct: "75%"; }
#gform_1:has(#gf_step_1_4.gf_step_active) { --mn-progress: 100%; --mn-pct: "100%"; }
#gform_1 .gf_page_steps { grid-column: 1; position: sticky; top: 24px; }
#gform_1 .gform_body, #gform_1 .gform-body, #gform_1 .gform_footer { grid-column: 2; }

/* left rail */
#gform_1 .gf_page_steps { display:flex; flex-direction:column; background:#fff; border:1px solid var(--mn-sand); border-radius:14px; padding:22px 20px; margin:0; }
#gform_1 .gf_step { display:flex; align-items:center; gap:14px; position:relative; padding:11px 0; margin:0; opacity:1; font-size:15px; }
#gform_1 .gf_step:not(.gf_step_last)::before { content:''; position:absolute; left:16px; top:calc(50% + 18px); height:calc(100% - 14px); width:2px; background:var(--mn-sand); }
#gform_1 .gf_step_number { flex:0 0 auto; width:34px; height:34px; border-radius:999px; display:grid; place-items:center; background:var(--mn-sand); color:var(--mn-muted); font-family:'Open Sans',sans-serif; font-size:14px; font-weight:600; line-height:1; position:relative; z-index:1; transition:background .18s ease, color .18s ease; }
#gform_1 .gf_step_number::before, #gform_1 .gf_step_number::after { content:none; }
#gform_1 .gf_step_label { font-family:'Open Sans',sans-serif; font-size:15px; line-height:1.35; color:var(--mn-muted); }
#gform_1 .gf_step_active .gf_step_number { background:#fff; color:var(--mn-accent); border:2px solid var(--mn-accent); box-shadow:0 0 0 4px rgba(201,115,106,.12); }
#gform_1 .gf_step_active .gf_step_label { color:var(--mn-ink); font-weight:600; }
#gform_1 .gf_step_completed .gf_step_number { background:var(--mn-accent); color:#fff; }
#gform_1 .gf_step_completed .gf_step_label { color:var(--mn-ink); }

/* right panel */
#gform_1 .gform_body, #gform_1 .gform-body { position:relative; background:#fff; border:1px solid var(--mn-sand); border-radius:14px; padding:28px 30px 26px; box-shadow:0 1px 3px rgba(45,31,30,.05); }
#gform_1 .gform-body::before { content:''; display:block; height:6px; border-radius:999px; margin:0 0 30px; background:linear-gradient(to right, var(--mn-accent) 0 var(--mn-progress), var(--mn-sand) var(--mn-progress) 100%); transition:none; }
#gform_1 .gform-body::after { content:var(--mn-pct); position:absolute; top:34px; right:30px; font-family:'Open Sans',sans-serif; font-size:12px; font-weight:600; color:var(--mn-muted); letter-spacing:.02em; }

/* fields */
#gform_wrapper_1 .gfield_label { font-family:'Open Sans',sans-serif; font-weight:600; font-size:14px; color:var(--mn-ink); }
#gform_wrapper_1 .gfield_description { color:var(--mn-muted); font-size:13px; }
#gform_wrapper_1 .gsection { border-bottom:1px solid var(--mn-sand); padding-bottom:10px; margin-top:8px; }
#gform_wrapper_1 .gsection_title { font-family:'Playfair Display',serif; font-weight:500; font-size:22px; line-height:1.15; color:var(--mn-ink); }
#gform_wrapper_1 input[type=text], #gform_wrapper_1 input[type=email], #gform_wrapper_1 input[type=tel], #gform_wrapper_1 input[type=number], #gform_wrapper_1 textarea, #gform_wrapper_1 select { border:1px solid var(--mn-sand)!important; border-radius:8px!important; background:#fff; color:var(--mn-ink); font-family:'Open Sans',sans-serif; }
#gform_wrapper_1 input:focus, #gform_wrapper_1 textarea:focus, #gform_wrapper_1 select:focus { border-color:var(--mn-accent)!important; box-shadow:0 0 0 3px rgba(201,115,106,.25)!important; outline:none; }

/* buttons */
#gform_wrapper_1 .gform_page_footer { border-top:1px solid var(--mn-sand); margin-top:26px; padding-top:22px; display:flex; gap:12px; align-items:center; }
#gform_wrapper_1 .gform_page_footer input[type=submit], #gform_wrapper_1 .gform_page_footer input[type=button], #gform_wrapper_1 .gform_footer input[type=submit] { border-radius:999px!important; font-family:'Open Sans',sans-serif; font-weight:600; font-size:15px; padding:12px 30px!important; border:none; transition:transform .12s ease, background-color .18s ease; }
#gform_wrapper_1 .gform_next_button, #gform_wrapper_1 .gform_button { background:var(--mn-accent)!important; color:#fff!important; }
#gform_wrapper_1 .gform_next_button:hover, #gform_wrapper_1 .gform_button:hover { background:#b35f57!important; }
#gform_wrapper_1 .gform_next_button:active, #gform_wrapper_1 .gform_button:active { transform:translateY(1px); }
#gform_wrapper_1 .gform_previous_button { background:transparent!important; color:var(--mn-muted)!important; border:1px solid var(--mn-sand)!important; margin-right:auto; }
#gform_wrapper_1 .gform_previous_button:hover { background:var(--mn-blush)!important; color:var(--mn-ink)!important; }

/* mobile collapse */
@media (max-width: 900px) {
  #gform_1 { grid-template-columns: 1fr; gap:20px; }
  #gform_1 .gf_page_steps { position:static; grid-column:1; flex-direction:row; justify-content:space-between; padding:16px; gap:6px; }
  #gform_1 .gform_body, #gform_1 .gform-body, #gform_1 .gform_footer { grid-column:1; }
  #gform_1 .gf_step { flex-direction:column; gap:7px; text-align:center; flex:1; padding:0; }
  #gform_1 .gf_step:not(.gf_step_last)::before { left:calc(50% + 21px); top:17px; height:2px; width:calc(100% - 42px); }
  #gform_1 .gf_step_label { font-size:11px; line-height:1.25; }
  #gform_1 .gform_body, #gform_1 .gform-body { padding:22px 18px; }
  #gform_1 .gform-body::after { top:28px; right:18px; }
  #gform_wrapper_1 .gform_page_footer { flex-wrap:wrap; }
}
/* ===== MN-GF-STEPPER END ===== */
/* ===== MN-PAGE-BG START — Candidate Application page background ===== */
body.page-id-2450 {
  background-image: url('https://manhattannanniescare.com/wp-content/uploads/2026/09/mn-page-bg-blush.webp');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #fff8f0;
}
/* let the texture show through the theme + block wrappers */
body.page-id-2450 #page,
body.page-id-2450 .site-content,
body.page-id-2450 .ast-container,
body.page-id-2450 .entry-content,
body.page-id-2450 .ast-article-single,
body.page-id-2450 .site-primary-header-wrap,
body.page-id-2450 .uagb-block-m86sloun,
body.page-id-2450 .uagb-block-b29df222 {
  background-color: transparent !important;
}
/* the form panel and step rail stay solid so fields read cleanly */
body.page-id-2450 #gform_1 .gf_page_steps,
body.page-id-2450 #gform_1 .gform_body,
body.page-id-2450 #gform_1 .gform-body {
  background-color: #ffffff !important;
}
/* fixed attachment janks on mobile Safari — scroll there instead */
@media (max-width: 900px) {
  body.page-id-2450 { background-attachment: scroll; background-size: cover; }
}
/* ===== MN-PAGE-BG END ===== */