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

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

  /* Container */
.era-info-card-container {
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
}

/* Individual Card */
.era-info-card {
  background: #ffffff;
  border: 2px solid #B3A369; /* ERA Gold */
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

/* Titles */
.era-info-title {
  color: #672146; /* ERA Plum */
  font-size: 26px;
  margin-bottom: 10px;
}

.era-info-subtitle {
  color: #672146;
  font-size: 20px;
  margin-bottom: 10px;
}

/* Text */
.era-info-text {
  color: #444;
  font-size: 15px;
  margin-bottom: 15px;
}

/* List */
.era-info-list {
  margin: 0 0 15px 20px;
  padding: 0;
  color: #444;
  font-size: 15px;
}

/* Responsive */
@media (max-width: 700px) {
  .era-info-card-container {
    grid-template-columns: 1fr;
  }
}

.fs-auth__logo + h1,
.fs-auth__logo + .fs-auth__title {
  display: none !important;
}


/* ===== Eagle Ridge - Parent Portal Sidebar (Finalsite Enrollment) ===== */
:root {
  --er-primary: #0a2a43;    /* Eagle Ridge navy */
  --er-primary-700: #08355a; 
  --er-accent: #d4a106;     /* Golden accent */
  --er-bg: #ffffff;
  --er-text: #1f2937;
  --er-muted: #6b7280;
  --er-border: #e5e7eb;
  --er-focus: #2563eb;
  --er-badge-bg:#fff7e6;
  --er-badge-tx:#8a5a00;
}

/* Container (fits inside the portal’s right/left column areas) */
.er-sidebar {
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--er-border);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f9fafb 70%);
  color: var(--er-text);
}

/* Branding */
.er-brand { display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: center; }
.er-brand__logo { width:40px; height:40px; border-radius:8px; background: var(--er-primary); }
.er-brand__name { font-weight: 800; color: var(--er-primary); }
.er-brand__sub { font-size: 12px; color: var(--er-muted); }

/* Nav */
.er-menu { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.er-link {
  display:block; padding:10px 12px; border-radius:10px; color:var(--er-text);
  text-decoration:none; border:1px solid transparent;
}
.er-link:hover { background:#f9fafb; border-color:var(--er-border); }
.er-link:focus { outline:3px solid var(--er-focus); outline-offset:2px; }

/* Callouts */
.er-callouts { display:grid; gap:8px; }
.er-callout {
  display:block; padding:10px 12px; border-radius:10px; border:1px solid var(--er-border);
  text-decoration:none; color:var(--er-text); background:#fff;
}
.er-callout--info {
  border-color: rgba(37, 99, 235, .25);
  background: linear-gradient(0deg, rgba(37,99,235,.06), rgba(37,99,235,.06)), #ffffff;
}

/* Mobile toggle (visible only on narrow screens) */
.er-sidebar__toggle {
  display:none; margin-top:6px; background: var(--er-primary); color:#fff;
  border:none; border-radius:8px; padding:10px 12px; font-weight:700; cursor:pointer;
}
@media (max-width: 768px) {
  .er-sidebar__toggle { display:inline-block; }
}


  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: #5D102F;
  }

  section h2:first-of-type {
    border-bottom-color: #5D102F;
  }

  #content-body {
    border-top-color: #5D102F
  }

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

  .notification-alert .notification-icon > i {
    color: #5D102F;
  }

  .summary-communication > .notification-icon > .fa-bullhorn {
    color: #5D102F;
  }

  li.page-item.active > a.page-link {
    background-color: #5D102F
  }

  ul.header-actions > li > a > .header-action-label {
    color: #5D102F
  }

  .student-summary-action-link {
    color: #5D102F
  }

  button.btn-primary {
    background-color: #5D102F
  }

  .ap-installment-list.table {
    .ap-installment-contact-highlight {
      background-color: #5D102F
    }
  }
}
