@media screen {
  /* IE7 needs !important */

  body  {
    background-color:#ffffff !important;
  }

  .sa-form.inquiry .sa-form-nav {
  margin-top: 4px;
  margin-bottom: 8px;
}
.sa-form.inquiry #custom-field-0 {
  display: none;
}
.sa-form.inquiry .sa-form-field {
  margin-bottom: 10px;
}
.sa-form.inquiry .sa-form-field[data-flavor="section"],
.sa-form.inquiry .sa-form-field[data-flavor="subsection"] {
  margin-top: 14px;
  margin-bottom: 8px;
}
.sa-form.inquiry .sa-form-nav-page-name,
.sa-form.inquiry .sa-form-field[data-flavor="section"],
.sa-form.inquiry .sa-form-field[data-flavor="subsection"] {
  color: #1E3C7A;
}
.sa-form.inquiry input.btn-primary {
  background-color: #1E3C7A !important;
  border-color: #1E3C7A !important;
  color: #ffffff !important;
}
.sa-form.inquiry input.btn-primary:hover {
  background-color: #152B5A !important;
  border-color: #152B5A !important;
}
.sa-form.inquiry input:focus,
.sa-form.inquiry textarea:focus,
.sa-form.inquiry select:focus {
  border-color: #F9D502 !important;
  box-shadow: 0 0 0 2px rgba(249,213,2,0.35) !important;
}
.sa-form.inquiry input[type="checkbox"],
.sa-form.inquiry input[type="radio"] {
  accent-color: #1E3C7A;
}
.sa-form.inquiry a {
  color: #1E3C7A;
}

/* P1: cap oversized textareas */
.sa-form.inquiry textarea {
  min-height: 96px;
  height: 96px;
  resize: vertical;
}

/* P2-5: subtle navy hairline under section/subsection headings */
.sa-form.inquiry .sa-form-field[data-flavor="section"],
.sa-form.inquiry .sa-form-field[data-flavor="subsection"] {
  border-bottom-color: rgba(30,60,122,0.15);
}

/* P2-6: soft navy-tinted input borders */
.sa-form.inquiry input[type="text"],
.sa-form.inquiry input[type="email"],
.sa-form.inquiry input[type="tel"],
.sa-form.inquiry input[type="number"],
.sa-form.inquiry select {
  border-color: #C7D0E0;
}

/* P2-7: top bar navy (scoped only to pages containing the inquiry form) */
body:has(.sa-form.inquiry) #content-body {
  border-top-color: #1E3C7A !important;
}

/* ===== Batch A: address & phone row pairing (narrow-safe) ===== */
.sa-form.inquiry .sa-form-subfield-grouping:has([data-flavor="address.city"]) {
  gap: 12px;
}
.sa-form.inquiry .sa-form-subfield-grouping:has([data-flavor="address.city"]) > [data-flavor="address.address_1"],
.sa-form.inquiry .sa-form-subfield-grouping:has([data-flavor="address.city"]) > [data-flavor="address.address_2"] {
  flex: 1 1 100% !important;
  width: 100% !important;
}
.sa-form.inquiry .sa-form-subfield-grouping:has([data-flavor="address.city"]) > [data-flavor="address.country"],
.sa-form.inquiry .sa-form-subfield-grouping:has([data-flavor="address.city"]) > [data-flavor="address.city"] {
  flex: 1 1 160px !important;
  width: auto !important;
}
.sa-form.inquiry .sa-form-subfield-grouping:has([data-flavor="address.city"]) > [data-flavor="address.state"],
.sa-form.inquiry .sa-form-subfield-grouping:has([data-flavor="address.city"]) > [data-flavor="address.zip"] {
  flex: 1 1 120px !important;
  width: auto !important;
}
.sa-form.inquiry .sa-form-subfield-grouping:has([data-flavor="phone.type"]) {
  gap: 12px;
}
.sa-form.inquiry .sa-form-subfield-grouping:has([data-flavor="phone.type"]) > [data-flavor="phone.type"] {
  flex: 1 1 110px !important;
  width: auto !important;
}
.sa-form.inquiry .sa-form-subfield-grouping:has([data-flavor="phone.type"]) > [data-flavor="phone.number"] {
  flex: 2 1 160px !important;
  width: auto !important;
}

/* ===== Batch B: comfier inputs, section rhythm, checkboxes, consistency ===== */
.sa-form.inquiry input[type="text"],
.sa-form.inquiry input[type="email"],
.sa-form.inquiry input[type="tel"],
.sa-form.inquiry input[type="number"],
.sa-form.inquiry select,
.sa-form.inquiry textarea {
  padding: 10px 12px;
  border-radius: 6px;
  line-height: 1.4;
}
.sa-form.inquiry input,
.sa-form.inquiry select {
  min-height: 42px;
}
.sa-form.inquiry .sa-form-field[data-flavor="section"] {
  margin-top: 26px;
  margin-bottom: 6px;
}
.sa-form.inquiry .sa-form-field[data-flavor="subsection"] {
  margin-top: 16px;
  margin-bottom: 6px;
}
.sa-form.inquiry input[type="checkbox"],
.sa-form.inquiry input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: #1E3C7A;
}
.sa-form.inquiry label {
  line-height: 1.5;
}
.sa-form.inquiry select {
  color: #1E3C7A;
}
.sa-form.inquiry ::placeholder {
  color: #6B7280;
  opacity: 1;
}

/* ===== Batch C: label placement + checkbox alignment (2026-09-17) =====
   WHY: Finalsite emits each label AFTER its input in the DOM, so a parent saw
   an empty box with its label underneath. On a phone the label for the box in
   front of you was often off-screen below. Placement only — no field added,
   removed, renamed or reordered.
   TRAP: Finalsite hides conditional sub-fields (e.g. phone.opt_in) with the
   Bootstrap class "hidden". A .sa-form-sub-field rule outranks .hidden and
   forces those fields visible, so :not(.hidden) is load-bearing here. */
.sa-form.inquiry .sa-form-sub-field:not(.hidden):not(.hide):not([hidden]) {
  display: flex; flex-direction: column-reverse;
}
.sa-form.inquiry .sa-form-sub-field > .form-text { margin: 0 0 4px; }
.sa-form.inquiry .sa-form-sub-field-label { font-weight: 600; color: #1E3C7A; }

/* Align each box with its own text, without touching display */
.sa-form.inquiry label.checkbox-item-label input,
.sa-form.inquiry label.radio-item-label input { vertical-align: middle; margin: 0 8px 0 0; }
.sa-form.inquiry label.checkbox-item-label,
.sa-form.inquiry label.radio-item-label { line-height: 1.4; }

/* 16px stops iOS zooming the page when a parent taps a field */
.sa-form.inquiry input[type="text"], .sa-form.inquiry input[type="email"],
.sa-form.inquiry select, .sa-form.inquiry textarea { font-size: 16px; } 
/* ===== Batch D: show the portal logo on phones (2026-09-17) =====
   Finalsite's own CSS sets .header-image { display:none } below 768px, so a
   parent arriving from an ad landed on fsenrollment.com with nothing
   identifying Gateway — and most arrive on a phone, which defeated the logo
   entirely. clamp() gives the same responsive sizing with no @media block:
   ~52px on a phone, ~115px on desktop, unchanged from before. */
.header-image { display: block !important; text-align: center; margin: 0 0 6px; }
.header-image img { height: clamp(52px, 11vw, 115px) !important; width: auto !important; max-width: 100%; }  /* ===== Batch E — inquiry form layout pass, 2026-09-24 =====
   Craft only. No field added, removed, renamed or reordered.
   ALL RULES SCOPED .sa-form.inquiry so nothing reaches the application form,
   the contract forms or the rest of the parent portal.
   TRAP: .sa-form-sub-field rules outrank Bootstrap's .hidden, so every rule
   here that sets display keeps :not(.hidden):not(.hide):not([hidden]). */

/* 1. Drop the redundant "WELCOME" page title — it sat directly above
      "How can we help you today?", two headings for one job. */
.sa-form.inquiry .sa-form-nav-page-name { display: none; }
.sa-form.inquiry .sa-form-nav { margin: 0 0 4px; }

/* 2. Two section headings that no longer earn their space (Andrew, 2026-09-24).
      "Broadening Horizons" sat above a single free-text box, and "Thanks for
      reaching out! Out of curiosity..." above a single dropdown.
      WARNING: these IDs are POSITIONAL. If the form's field ORDER changes,
      re-check which custom-field-N these are before trusting this rule.
      TODO: next time the form is open for editing, delete these two headings
      properly — they are pure headings with no data behind them. */
.sa-form.inquiry #custom-field-23,
.sa-form.inquiry #custom-field-25 { display: none !important; }

/* 3. Checkbox and radio rows: one aligned row per option, 44px minimum tap
      target, and a wrapped label indents under its own text instead of
      orphaning back at the left margin. */
.sa-form.inquiry label.checkbox-item-label,
.sa-form.inquiry label.radio-item-label {
  display: flex; align-items: center; gap: 10px;
  min-height: 44px; padding: 2px 0; margin: 0;
  line-height: 1.35; cursor: pointer;
}
.sa-form.inquiry label.checkbox-item-label input,
.sa-form.inquiry label.radio-item-label input {
  flex: 0 0 auto; margin: 0; vertical-align: middle;
}
.sa-form.inquiry .sa-form-sub-field:not(.hidden):not(.hide):not([hidden]) .radio-item-label { width: 100%; }

/* 4. Gender radios: Finalsite wraps each option in .gender-option-spacing
      inside .gender-display, which left the circles above their own labels. */
.sa-form.inquiry .gender-display {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 22px;
}
.sa-form.inquiry .gender-display .gender-option-spacing {
  display: inline-flex; align-items: center; gap: 8px; margin: 0; min-height: 44px;
}
.sa-form.inquiry .gender-display input[type="radio"] { margin: 0; }
.sa-form.inquiry .gender-display input[type="text"] { min-height: 44px; max-width: 200px; }

/* 5. Vertical rhythm. The old values were tuned for a 38-field form, where
      breathing room helped; at 20 fields the same gaps read as dead space. */
.sa-form.inquiry .sa-form-field { margin-bottom: 2px; }
.sa-form.inquiry .sa-form-sub-field:not(.hidden):not(.hide):not([hidden]) { margin-bottom: 4px; }
.sa-form.inquiry .sa-form-field-group-body { margin-bottom: 0; }
.sa-form.inquiry .sa-form-sub-field > .form-text { margin: 0 0 3px; }

/* A two-box Name is ONE question, so its halves sit closer than two
   unrelated fields do. */
.sa-form.inquiry .sa-form-field[data-flavor="name"] .sa-form-sub-field:not(.hidden):not(.hide):not([hidden]) { margin-bottom: 0; }
.sa-form.inquiry .sa-form-field[data-flavor="name"] .sa-form-sub-field > .form-text { margin-bottom: 2px; }

/* 6. Section headings: navy, with a short gold rule replacing the dotted
      hairline that was almost invisible on a phone. Decorative only —
      it never carries meaning, so the contrast rules are not in play. */
.sa-form.inquiry .sa-form-field[data-flavor="section"] {
  border-bottom: 0 !important;
  margin-top: 22px; margin-bottom: 8px;
  padding-bottom: 8px; position: relative;
}
.sa-form.inquiry .sa-form-field[data-flavor="section"]::after {
  content: ""; position: absolute; left: 0; bottom: 0;
  width: 44px; height: 3px; background: #F9D502; border-radius: 2px;
}
.sa-form.inquiry .sa-form-field[data-flavor="subsection"] {
  border-bottom: 0 !important; margin-top: 12px; margin-bottom: 2px;
}

/* 7. Labels carry the weight; the required marker stops shouting in red. */
.sa-form.inquiry .sa-form-field-label { font-weight: 700; color: #1E3C7A; }
.sa-form.inquiry .required-indicator,
.sa-form.inquiry .sa-form-field-label .text-danger { color: #9A6A00; font-weight: 400; }

/* 8. Inputs: comfortable without being cavernous, and full width on a phone. */
.sa-form.inquiry input[type="text"], .sa-form.inquiry input[type="email"],
.sa-form.inquiry input[type="tel"], .sa-form.inquiry input[type="number"],
.sa-form.inquiry select, .sa-form.inquiry textarea {
  min-height: 46px; padding: 10px 13px; border-radius: 8px;
  border: 1px solid #C7D0E0; background: #fff; width: 100%;
  transition: border-color 140ms ease-out, box-shadow 140ms ease-out;
}
.sa-form.inquiry textarea { min-height: 88px; height: 88px; }

/* 9. One call to action. "Submit & Start Another" is for a family inquiring
      about a second child; as a grey block beside Submit it read as a choice
      a parent had to make. Hidden (Andrew, 2026-09-24). */
.sa-form.inquiry input.btn-secondary,
.sa-form.inquiry button.btn-secondary { display: none !important; }

.sa-form.inquiry input.btn-primary {
  display: block; width: 100%; max-width: 360px;
  min-height: 52px; font-size: 17px; font-weight: 700;
  border-radius: 8px; margin: 20px auto 8px; letter-spacing: 0.01em;
}

/* 10. A readable measure on desktop instead of edge-to-edge. */
body:has(.sa-form.inquiry) .sa-form.inquiry { max-width: 720px; margin: 0 auto; }

@media (prefers-reduced-motion: reduce) {
  .sa-form.inquiry * { transition: none !important; }
}

/* 11. "I would like to" becomes tappable cards. Scoped to the booleanlist
       field so no other checkbox on the form is restyled. The real checkbox
       stays in the DOM and keeps working — this only dresses its label, so
       keyboard, screen readers and the form's own conditional triggers are
       untouched. :has() support verified in-browser before relying on it. */
.sa-form.inquiry .sa-form-field[data-flavor="booleanlist"] label.checkbox-item-label {
  width: 100%; min-height: 48px;
  padding: 12px 14px; margin: 0 0 8px;
  border: 1.5px solid #C7D0E0; border-radius: 10px;
  background: #fff; color: #1E3C7A; font-weight: 600;
  transition: background-color 140ms ease-out, border-color 140ms ease-out, color 140ms ease-out;
}
.sa-form.inquiry .sa-form-field[data-flavor="booleanlist"] label.checkbox-item-label:hover {
  border-color: #1E3C7A;
}
/* Checked: navy fill, white text — the two-ground palette, no third colour. */
.sa-form.inquiry .sa-form-field[data-flavor="booleanlist"] label.checkbox-item-label:has(input:checked) {
  background: #1E3C7A; border-color: #1E3C7A; color: #ffffff;
}
.sa-form.inquiry .sa-form-field[data-flavor="booleanlist"] label.checkbox-item-label:has(input:checked) input {
  accent-color: #ffffff;
}
/* Focus must stay visible for keyboard users — the card is a label, so the
   ring has to be drawn on the label when the input inside it has focus. */
.sa-form.inquiry .sa-form-field[data-flavor="booleanlist"] label.checkbox-item-label:focus-within {
  outline: 3px solid rgba(249,213,2,0.55); outline-offset: 2px; border-color: #1E3C7A;
}

/* 12. Desktop only: First and Last sit side by side, for student and parent.
       Phones stay stacked — a 375px screen cannot hold two usable name boxes.
       Scoped to the name grouping so address and phone keep their own rules. */
@media (min-width: 700px) {
  .sa-form.inquiry .sa-form-field[data-flavor="name"] .sa-form-subfield-grouping {
    display: flex; gap: 14px; align-items: flex-start;
  }
  .sa-form.inquiry .sa-form-field[data-flavor="name"] .sa-form-subfield-grouping
    > .sa-form-sub-field:not(.hidden):not(.hide):not([hidden]) {
    flex: 1 1 0; min-width: 0;
  }
}

/* 13. 16px or more on EVERY text-entry control. Below 16px, iOS silently
       zooms the page when a parent taps the field, which reads as the form
       jumping away. Checkboxes and radios are exempt — iOS does not zoom on
       those, and forcing 16px there would only inflate the rows. */
.sa-form.inquiry input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.sa-form.inquiry select,
.sa-form.inquiry textarea { font-size: 16px; } /* ===== Batch F — Option A, approved 2026-09-25 =====
   Tightened rhythm, a real header, two-up grade selects, compact gender.
   All scoped .sa-form.inquiry. */

/* Header: the page-name element is real, editable text — Andrew can rename
   "Welcome" in the form editor. Styling it beats injecting CSS content. */
.sa-form.inquiry .sa-form-nav-page-name {
  display: block !important; text-align: center;
  font-size: 26px; line-height: 1.2; font-weight: 800;
  color: #1E3C7A; margin: 2px 0 6px; letter-spacing: -0.01em;
  text-transform: none;  /* Finalsite forces uppercase on this element */
}
/* Reassurance line. INTERIM: proper fix is a Comment field in the form editor,
   so Robin can edit it and screen readers treat it as content. */
.sa-form.inquiry .sa-form-nav-page-name::after {
  content: "A few quick questions. We read every one.";
  display: block; font-size: 14px; font-weight: 500;
  color: #435882; margin-top: 6px; letter-spacing: 0;
  text-transform: none;  /* inherits uppercase from the title otherwise */
}
.sa-form.inquiry .sa-form-nav { margin: 0 0 10px; }

/* Tighten label -> input. This was the loose rhythm. */
.sa-form.inquiry .sa-form-sub-field > .form-text { margin: 0 0 2px !important; }
.sa-form.inquiry .sa-form-sub-field-label { margin-bottom: 2px; font-size: 13px; }
.sa-form.inquiry .sa-form-field-label { margin-bottom: 3px; }
.sa-form.inquiry .sa-form-field { margin-bottom: 0; }
.sa-form.inquiry .sa-form-sub-field:not(.hidden):not(.hide):not([hidden]) { margin-bottom: 8px; }

/* Two-up selects on phone. Targeted by data-flavor, which is semantic and
   stable, unlike the positional custom-field-N ids. */
.sa-form.inquiry .sa-form-field[data-flavor="current_grade"],
.sa-form.inquiry .sa-form-field[data-flavor="apply_grade"],
.sa-form.inquiry .sa-form-field[data-flavor="apply_year"] {
  display: inline-block; width: calc(50% - 6px); vertical-align: top;
  margin-bottom: 8px;
}
/* inline-block siblings inherit ~4px of whitespace from the newline between
   them in the HTML, which is why 50% + 50% wraps. calc(50% - 6px) absorbs it. */
.sa-form.inquiry .sa-form-field[data-flavor="apply_grade"] { margin-left: 8px; }

/* Compact gender: one row, self-identify box inline instead of floating. */
.sa-form.inquiry .gender-display { gap: 2px 18px; align-items: center; }
.sa-form.inquiry .gender-display .gender-option-spacing { min-height: 40px; }
.sa-form.inquiry .gender-display input[type="text"] {
  min-height: 40px; max-width: 150px; margin-left: 6px; font-size: 15px;
}

/* Softer inputs */
.sa-form.inquiry input[type="text"], .sa-form.inquiry input[type="email"],
.sa-form.inquiry input[type="tel"], .sa-form.inquiry input[type="number"],
.sa-form.inquiry select, .sa-form.inquiry textarea {
  min-height: 44px; padding: 9px 12px; border-radius: 10px;
  border: 1px solid #D5DCE8; background: #fff;
  box-shadow: inset 0 1px 2px rgba(30,60,122,0.04);
}
.sa-form.inquiry textarea { min-height: 76px; height: 76px; }

/* FUNCTIONAL CHANGE, stated: hide the conditional duplicate free-text box.
   #custom-field-3/4 ("Tell us more" + "What questions can we answer?") ask the
   same thing as "Anything you'd like us to know?" at the foot of the form.
   Both are OPTIONAL, so hiding cannot block a submission. #custom-field-5
   ("How would you like us to reach out?") fires only on "Inquire", which the
   support ticket removes, so it disappears on its own. */
.sa-form.inquiry #custom-field-3,
.sa-form.inquiry #custom-field-4 { display: none !important; }
/* A — tightened. No new structure, just rhythm and density. */
.sa-form.inquiry .sa-form-field[data-flavor="section"] { margin-top: 20px; }
/* ===== Batch G — FIX, 2026-09-25 =====
   Batch E hid two section headings by positional id (#custom-field-23/25).
   Removing "Inquire" from the options deleted its dependent field and
   renumbered every id after it, so those rules began hiding two real
   QUESTIONS instead: "Anything you'd like us to know?" and "How did you hear
   about Gateway Academy?". Both were invisible to parents on the live form.

   Fix: put those two back, and identify the headings by WHAT FOLLOWS THEM
   rather than by a number that shifts whenever a field is added or removed.
   Batch F's #custom-field-3/4 rules are NOT touched — renumbering only moved
   ids AFTER the deleted field, so those two still point at the right block. */

/* 1. Undo the misfire. :not(.hidden) keeps Bootstrap's conditional hiding
      working — without it this would force conditional fields visible, which
      is the trap Batch C was written to avoid. */
.sa-form.inquiry #custom-field-23:not(.hidden):not(.hide):not([hidden]),
.sa-form.inquiry #custom-field-25:not(.hidden):not(.hide):not([hidden]) {
  display: block !important;
}

/* 2. Hide the two headings by structure. "Broadening Horizons" is the only
      section immediately followed by a free-text field; "Thanks for reaching
      out..." the only one immediately followed by a dropdown. Neither depends
      on a position, so adding or removing a field elsewhere cannot break it. */
.sa-form.inquiry .sa-form-field[data-flavor="section"]:has(+ .sa-form-field[data-flavor="text"]),
.sa-form.inquiry .sa-form-field[data-flavor="section"]:has(+ .sa-form-field[data-flavor="single_select"]) {
  display: none !important;
}

/* ===== Batch I - 2026-10-05 =====
   1. Pronouns off. Robin, 9/28: "As long as you can be creative and leave off
      pronouns, I'm thrilled!" Finalsite renders pronouns INSIDE GenderField with
      no toggle, so the field itself cannot be removed without losing Gender.
      Hidden here instead, by class and data-flavor - STABLE selectors.
      Never #custom-field-N: those renumber (see commit 5793309).
   2. Self-Identify off. Robin's 9/23 decision: Gender is male/female only.
      The shared Gender option list also feeds the Student Application, so it is
      left alone - this hides the option on the inquiry form only.
   3. The reassurance line under the title, off. Andrew, 9/25: "overkill."
   Hiding only - nothing here can force a conditional field visible. */

.sa-form.inquiry .sa-form-field[data-flavor="gender"] div:has(> .pronoun-label),
.sa-form.inquiry .pronoun-label,
.sa-form.inquiry .sa-form-sub-field[data-flavor="gender.preferred_pronoun"] {
  display: none !important;
}

.sa-form.inquiry .gender-option-spacing:has(input[name="inquiry[child_gender_display]"]) {
  display: none !important;
}

.sa-form.inquiry .sa-form-nav-page-name::after { content: none !important; }

/* ===== Batch I - 2026-10-05 =====
   1. Pronouns off. Robin, 9/28: "As long as you can be creative and leave off
      pronouns, I'm thrilled!" Finalsite renders pronouns INSIDE GenderField with
      no toggle, so the field itself cannot be removed without losing Gender.
      Hidden here instead, by class and data-flavor - STABLE selectors.
      Never #custom-field-N: those renumber (see commit 5793309).
   2. Self-Identify off. Robin's 9/23 decision: Gender is male/female only.
      The shared Gender option list also feeds the Student Application, so it is
      left alone - this hides the option on the inquiry form only.
   3. The reassurance line under the title, off. Andrew, 9/25: "overkill."
   Hiding only - nothing here can force a conditional field visible. */

.sa-form.inquiry .sa-form-field[data-flavor="gender"] div:has(> .pronoun-label),
.sa-form.inquiry .pronoun-label,
.sa-form.inquiry .sa-form-sub-field[data-flavor="gender.preferred_pronoun"] {
  display: none !important;
}

.sa-form.inquiry .gender-option-spacing:has(input[name="inquiry[child_gender_display]"]) {
  display: none !important;
}

.sa-form.inquiry .sa-form-nav-page-name::after { content: none !important; }


  h1,
  h2,
  h3,
  .sa-form-title,
  .sa-form-nav-page-name,
  .sa-form-nav-pages-current i.fa-circle,
  .sa-form-field[data-flavor='section'],
  .sa-form-field[data-flavor='subsection']
  {
    color: #1E3C7A;
  }

  section h2:first-of-type {
    border-bottom-color: #1E3C7A;
  }

  #content-body {
    border-top-color: #1E3C7A;
  }

  .notification-alert {
    background-color: rgba(30, 60, 122, 0.1);
  }

  .notification-alert .notification-icon > i {
    color: #1E3C7A;
  }

  .summary-communication > .notification-icon > .fa-bullhorn {
    color: #1E3C7A;
  }

  li.page-item.active > a.page-link {
    background-color: #1E3C7A;
  }

  ul.header-actions > li > a > .header-action-label {
    color: #1E3C7A;
  }

  .student-summary-action-link {
    color: #1E3C7A;
  }

  button.btn-primary {
    background-color: #1E3C7A;
  }

  .ap-installment-list.table {
    .ap-installment-contact-highlight {
      background-color: #1E3C7A;
    }
  }
}