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

  body  {
    background-color:#18435d !important;
  }

  /* ==========================================================
   CHESTERTON SCHOOLS NETWORK
   Finalsite Enrollment - Custom CSS

   BRAND COLORS
   Navy:       #18435D
   Gold:       #A29061
   Light Gold: #CCB57A
   White:      #FFFFFF
   ========================================================== */


/* ==========================================================
   HEADINGS
   ========================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #18435D !important;
}


/* ==========================================================
   LINKS
   ========================================================== */

a {
    color: #18435D;
}

a:hover,
a:focus {
    color: #A29061;
}


/* ==========================================================
   PRIMARY + SUCCESS BUTTONS
   Gold with white lettering
   Square corners
   ========================================================== */

.btn-primary,
.btn-success,
input.btn-primary,
input.btn-success,
button.btn-primary,
button.btn-success,
a.btn-primary,
a.btn-success,
input[type="submit"],
button[type="submit"] {
    background-color: #A29061 !important;
    border-color: #A29061 !important;
    color: #FFFFFF !important;
    border-radius: 0 !important;
}


/* ==========================================================
   BUTTON HOVER / FOCUS
   Gold changes to navy
   ========================================================== */

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus,
input.btn-primary:hover,
input.btn-primary:focus,
input.btn-success:hover,
input.btn-success:focus,
button.btn-primary:hover,
button.btn-primary:focus,
button.btn-success:hover,
button.btn-success:focus,
a.btn-primary:hover,
a.btn-primary:focus,
a.btn-success:hover,
a.btn-success:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
button[type="submit"]:hover,
button[type="submit"]:focus {
    background-color: #18435D !important;
    border-color: #18435D !important;
    color: #FFFFFF !important;
}


/* ==========================================================
   PARENT PORTAL - DOWNWARD ARROWS
   Both arrows use Chesterton gold
   ========================================================== */

i.fa.fa-arrow-down {
    color: #A29061 !important;
}


/* ==========================================================
   PARENT PORTAL - CTA BOXES
   Makes both application/enrollment boxes use the same
   Chesterton light-gold border
   ========================================================== */

.cta-widget {
    border-color: #CCB57A !important;
}


/* ==========================================================
   FORM FIELDS
   Square corners
   ========================================================== */

.form-control,
input[type="email"],
input[type="password"],
input[type="text"],
select,
textarea {
    border-radius: 0 !important;
}


/* ==========================================================
   FORM FIELD FOCUS
   Light gold accent
   ========================================================== */

.form-control:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
    border-color: #CCB57A !important;
    box-shadow: 0 0 0 1px #CCB57A !important;
    outline: none !important;
}


/* ==========================================================
   PANELS / CARDS
   Square corners
   ========================================================== */

.panel,
.card {
    border-radius: 0 !important;
}


/* ==========================================================
   PANEL HEADINGS
   ========================================================== */

.panel-heading,
.card-header {
    color: #18435D;
}


/* ==========================================================
   NAVIGATION / ACTIVE ELEMENTS
   ========================================================== */

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.progress-bar {
    background-color: #18435D !important;
    color: #FFFFFF !important;
}


/* ==========================================================
   DIVIDERS
   ========================================================== */

hr {
    border-top-color: #CCB57A;
}


/* ==========================================================
   CHECKBOXES / RADIO BUTTON FOCUS
   ========================================================== */

input[type="checkbox"]:focus,
input[type="radio"]:focus {
    outline-color: #CCB57A;
}

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

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

  #content-body {
    border-top-color: #a29061;
  }

  .notification-alert {
    background-color: rgba(162, 144, 97, 0.1);
  }

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

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

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

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

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

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

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