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

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

  /*------------------------------------*\
# Icons
\*------------------------------------*/



i {
  font-style: normal;
}

.fa-users:before {
  content: "\f0c0";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-sign-out:before {
  content: "\f08b" !important;
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-copy:before {
  content: "\f0c5";
}

.fa-link:before {
  content: "\f0c1";
}

.fa-check:before {
  content: "\f00c";
}

.fa-check-square-o:before {
  content: "\f14a";
}

.fa-file-text-o:before {
  content: "\f15c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-circle::before {
  content: "\f111";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-sign-out:before {
  content: "\f2f5";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-calendar:before {
  content: "\f133";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-bus:before {
  content: "\f207";
}

.fa-file-pdf:before {
  content: "\f1c1";
}

.header-action-icon {
  font-size: 16px;
}

.svg-inline--fa.fa-w-18 {
  width: 1.125em;
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.header-actions a {
  line-height: 19.5px;
}

i.fas.fa-sign-out.header-action-icon {
  line-height: 0em;
}

/*------------------------------------*\
# Custom CSS
\*------------------------------------*/

@font-face {
  font-family: "Uniform";
  src: url("http://calgaryacdemy.com/wp-content/themes/calgaryacademy/fonts/UniformRegular-Regular.eot");
  src: url("http://calgaryacdemy.com/wp-content/themes/calgaryacademy/fonts/UniformRegular-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("http://calgaryacdemy.com/wp-content/themes/calgaryacademy/fonts/UniformRegular-Regular.woff2")
      format("woff2"),
    url("http://calgaryacdemy.com/wp-content/themes/calgaryacademy/fonts/UniformRegular-Regular.woff")
      format("woff"),
    url("http://calgaryacdemy.com/wp-content/themes/calgaryacademy/fonts/UniformRegular-Regular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Uniform";
  src: url("http://calgaryacdemy.com/wp-content/themes/calgaryacademy/fonts/Uniform-Medium.eot");
  src: url("http://calgaryacdemy.com/wp-content/themes/calgaryacademy/fonts/Uniform-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("http://calgaryacdemy.com/wp-content/themes/calgaryacademy/fonts/Uniform-Medium.woff2")
      format("woff2"),
    url("http://calgaryacdemy.com/wp-content/themes/calgaryacademy/fonts/Uniform-Medium.woff")
      format("woff"),
    url("http://calgaryacdemy.com/wp-content/themes/calgaryacademy/fonts/Uniform-Medium.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Uniform";
  src: url("http://calgaryacdemy.com/wp-content/themes/calgaryacademy/fonts/UniformBold-Bold.eot");
  src: url("http://calgaryacdemy.com/wp-content/themes/calgaryacademy/fonts/UniformBold-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("http://calgaryacdemy.com/wp-content/themes/calgaryacademy/fonts/UniformBold-Bold.woff2")
      format("woff2"),
    url("http://calgaryacdemy.com/wp-content/themes/calgaryacademy/fonts/UniformBold-Bold.woff")
      format("woff"),
    url("http://calgaryacdemy.com/wp-content/themes/calgaryacademy/fonts/UniformBold-Bold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
}

body {
  font-family: "Uniform", Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-pdf:before {
  content: "\f1c1";
}

.fa-hands-o:before {
  content: "\f2b5";
}

.fa-credit-card:before {
  content: "\f09d";
}

a,
.header-actions li.active a,
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: #664a75;
}

a:hover {
  color: #3d2c46;
}

ol li,
ul li {
margin-bottom: 1em;
}
mb-1 {
margin-bottom: 1em;
}

mb-2 {
margin-bottom: 2em;
}

.header-actions li.active {
  border-bottom-color: #664a75;
}

.bold-text {
  font-weight: bold;
}

.purple-text {
  color: #664a75;
}

.orange-text {
  color: #ff8b03;
}

.text-allcaps {
  text-transform: uppercase;
}
.bold-text {
font-weight: 600;
}

.help-contact-info a {
  font-weight: 600;
}

.important-text {
  font-weight: 500;
  color: #ad031d;
}

.text-highlight {
  background-color: #ffedc3;
  font-weight: 500;
  padding: 0 0.2em;
}

.no-bottom-border {
  border-bottom: none !important;
}

.bottom-border {
  border-bottom: 1px solid #000000;
  padding-bottom: 4px !important;
  margin: 8px 0 13px !important;
}

.help-contact-title {
  text-transform: uppercase;
}

.checklist-item-explanation p {
  margin-bottom: 0.25em;
}

.checklist-item-name {
  margin-bottom: 1em;
}

.explanation-note {
  background-color: #ffedc3;
  padding: 0.5em 1em;
  margin: 1em 0;
  display: block;
}

span.explanation-header {
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  color: #664a75;
}

section h2 {
  color: #664a75;
}

.billing-widget,
.summary-text,
.login-page-description {
  background-color: #f1f1f1;
  padding: 1em;
  border-radius: 5px;
}

h4 {
  color: ;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 1.2em;
  color: ;
}

.help-contact {
  padding: 1em;
  background-color: #e5e5e5;
  border-radius: 4px;
}

.login-page-description .help-contact {
  margin-bottom: 1em;
}

.login-page-description .help-contact-title {
  font-weight: 600;
}

.summary-communication p,
.summary-communication h4 {
  color: #4a4a4a;
}

.summary-communication h2:first-of-type {
  margin-bottom: 1em;
  border-bottom: none;
  text-transform: uppercase;
  padding-bottom: 0;
}

.summary-communication.notification-alert {
  padding-bottom: 2em;
  background-color: #f1f1f1;
}

p.enrolment-deadline {
  background-color: #664a75;
  height: 2.5em;
  display: inline-flex;
  color: white;
  font-size: 1.2em;
  font-weight: 500;
  text-align: center;
  align-items: center;
  padding: 1em;
}

p.enrolment-deadline span {
  font-weight: bold;
  margin-left: 0.5em;
}

p.dynamic-info {
  font-size: 1.25em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 2px solid;
  display: inline-block;
  padding: 0.2em 0.5em;
  margin-bottom: 1em;
}

.important-note {
  color: darkred;
}

.btn-primary {
  background-color: #664a75;
  border-color: #664a75;
}

.btn-primary:hover {
  background-color: #3d2c46;
  border-color: #3d2c46;
}

ul.resource-list {
  padding: 0;
  list-style-type: none;
}

.resource-list li {
  padding-bottom: 1em;
}

.resource-list li .fa {
  margin-right: 0.5em;
}

.sign-in header h1 {
  color: white;
  background-color: #664a75;
  padding: 1em;
}

/*------------------------------------*\
# Form Styling
\*------------------------------------*/
.banner-image {
margin-bottom: 2em;
}


.form-label {
    font-size: 0.9rem !important;
}

.sa-form.application h1 {
    color: #664a75;
}

.sa-form.application h2 {
text-transform: uppercase;
}

.sa-form.application p,
.sa-form-field p {
    font-size: 0.85rem;
    line-height: 1.75em;
font-weight: normal;
}

h1.form-section-header {
background: linear-gradient(101deg, rgba(35,9,64,1) 0%, rgba(95,22,101,1) 49%, rgba(35,9,64,1) 78%);
    padding: 1em;
    border-radius: 5px;
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

span.form-section-subtitle {
    display: block;
    font-size: 0.85rem;
    margin-bottom: 0.5em;
}

.intro-box {
background: linear-gradient(101deg, rgba(35,9,64,1) 0%, rgba(95,22,101,1) 49%, rgba(35,9,64,1) 78%);

color: #ffffff;
padding: 1em;
text-align: center;
margin-bottom: 2em;
    padding: 2em 2em 1em;
}

.sa-form.application .intro-box p {
    font-size: 1rem;
}

.sa-form-field p.important-info,
.sa-form-field .important-info {
  color: rgb(195, 55, 64);
  display: inline-block;
  background-color: rgba(195, 55, 64, 0.2);
  border-radius: 5px;
  font-weight: bold;
  padding: 1.5em 1em 0.5em;
}

.sa-form-field p.important-info {
  padding: 0.5em 1em;
}

.sa-form-field .important-info h2 {
  color: rgb(195, 55, 64);
font-weight: bold;
}

.sa-form.application .highlight-info ,
.sa-form-field p.highlight-info {
  display: inline-block;
  background-color: #ffdb92;
  border-radius: 5px;
  font-weight: bold;
  padding: 0.5em 1em;
}

.sa-form-field span.highlight-orange {
  display: inline-block;
  background-color: #ffd0a6;
  border-radius: 5px;
  font-weight: bold;
  padding: 0.5em 1em;
margin-bottom: 1em;
}

.sa-form-field span.highlight-purple {
  display: inline-block;
  background-color: #dec7ff;
  border-radius: 5px;
  font-weight: bold;
  padding: 0.5em 1em;
margin-bottom: 1em;
}

.sa-form.application .important-info.full,
.sa-form.application .highlight-info.full {
display: block;
margin-bottom: 1em;
}

.sa-form.application li {
    font-size: 0.85rem;
    padding-bottom: 0.2em;
}

.important-note {
    color: #8d0000;
    background-color: #ffcfcf;
    padding: 0.5em 1em;
    border-radius: 4px;
    margin-bottom: 1em;
    display: 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: #000000;
  }

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

  #content-body {
    border-top-color: #000000
  }

  .notification-alert {
    background-color: rgba(0, 0, 0, 0.1);
  }

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

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

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

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

  .student-summary-action-link {
    color: #000000
  }

  button.btn-primary {
    background-color: #000000
  }

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