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

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

  /* Edison High School | Finalsite Enrollment parent portal */
/* Matched to the new edisonhs.org (DM Sans / Inter, forest #233A2F) */
/* Accent: Edison logo green #8FBA37 (decorative); #3D6B2F (text-safe green) */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400..700&family=Inter:wght@400;500;600;700&display=swap');

/* Base type and color */
:root {
  --bs-body-font-family: "Inter", Arial, sans-serif;
  --bs-body-color: #233A2F;
  --bs-heading-color: #233A2F;
  --bs-link-color: #3D6B2F;
  --bs-link-color-rgb: 61, 107, 47;
  --bs-link-hover-color: #233A2F;
  --bs-link-hover-color-rgb: 35, 58, 47;
}
body, .portal-base {
  font-family: "Inter", Arial, sans-serif;
  color: #233A2F;
}
h1, h2, h3, h4, h5, h6,
.summary-title, .student-summary-name, .header-action-label {
  font-family: "DM Sans", Arial, sans-serif !important;
  color: #233A2F;
}
h1, h2, h3, .summary-title { font-weight: 600; letter-spacing: 0.01em; }

/* Primary buttons: forest, text-safe green on hover */
.btn.btn-primary {
  --bs-btn-bg: #233A2F;
  --bs-btn-border-color: #233A2F;
  --bs-btn-color: #FFFFFF;
  --bs-btn-hover-bg: #3D6B2F;
  --bs-btn-hover-border-color: #3D6B2F;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-active-bg: #1A2C23;
  --bs-btn-active-border-color: #1A2C23;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-disabled-bg: #233A2F;
  --bs-btn-disabled-border-color: #233A2F;
  --bs-btn-focus-shadow-rgb: 143, 186, 55;
  font-family: "DM Sans", Arial, sans-serif;
  font-weight: 600;
}

/* Progress bar: Edison logo green */
.progress {
  --bs-progress-bar-bg: #8FBA37;
}
.progress-bar.bg-success { background-color: #8FBA37 !important; }

/* Header photo: full width at any screen size, no padding */
.header-image.logo-padding { padding: 0 !important; }
.header-image img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

/* Contact box: override formatting pasted in from Google Docs */
.help h2, .help h2 span { color: #233A2F !important; }
.help h2 .fa { color: #8FBA37; }
.help .section-body p {
  background-color: transparent !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  line-height: 1.5 !important;
}
.help .section-body span {
  white-space: normal !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  color: #233A2F !important;
}

/* Contact box: bulleted contact list (pairs with contact-list HTML) */
.help .contact-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.help .contact-list li {
  position: relative;
  padding-left: 22px;
  margin: 0 0 16px 0;
  line-height: 1.45;
}
.help .contact-list li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 0.5em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #8FBA37;
}
.help .contact-list .contact-name {
  display: inline;
  font-family: "DM Sans", Arial, sans-serif;
  font-weight: 700;
  color: #233A2F;
}
.help .contact-list .contact-line { display: block; }
.help .contact-list a { color: #3D6B2F; }

  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: #233A2F;
  }

  section h2:first-of-type {
    border-bottom-color: #233A2F;
  }

  #content-body {
    border-top-color: #233A2F;
  }

  .notification-alert {
    background-color: rgba(35, 58, 47, 0.1);
  }

  .notification-alert .notification-icon > i {
    color: #233A2F;
  }

  .summary-communication > .notification-icon > .fa-bullhorn {
    color: #233A2F;
  }

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

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

  .student-summary-action-link {
    color: #233A2F;
  }

  button.btn-primary {
    background-color: #233A2F;
  }

  .ap-installment-list.table {
    .ap-installment-contact-highlight {
      background-color: #233A2F;
    }
  }
}