@import url('https://fonts.googleapis.com/css?family=Montserrat');
/**
 * amberton
 * A responsive front-end framework that supports *you*
 * Version 3.0: "Musclehead"
 * http://getamberton.com
 */
/**
 * Global Stylesheet
 * The site's main (and perhaps only) stylesheet. All supporting stylesheet 
 * files are imported into and compiled from here.
 */
/**
 * Normalize
 * Using the Normalize.css (http://necolas.github.io/normalize.css/) with only minor modification.
 */
/*

HTML5 Display Definitions

Set the appropriate `display` definitions for new HTML5 elements.

The majority will be displayed `block`.

*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/*

Some, however, need to be `inline-block` with an IE7 fallback.

*/
audio,
canvas,
video {
  display: inline-block;
}
.lte7 audio,
.lte7 canvas,
.lte7 video {
  display: inline;
  zoom: 1;
}
/*

Audio

From Normalize.css:

> Prevents modern browsers from displaying `audio` without controls.
> Remove excess height in iOS5 devices.

*/
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
/*

Type

*/
/*

HTML Font Size Adjust

1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
   `em` units.
2. Prevents iOS text size adjust after orientation change, without disabling
   user zoom.

*/
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
abbr[title] {
  border: none;
}
i,
cite,
address {
  font-style: normal;
}
dfn {
  font-style: italic;
}
b {
  font-weight: normal;
}
strong {
  font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
menu,
ul,
ol,
dl,
table,
figure {
  /* Display & Box Model */
  margin: 1.4285714285714286em 0 0 0;
  /* Other */
  font-size: 1em;
}
menu,
ol,
ul {
  padding-left: 2.5em;
}
li ul,
li ol {
  margin-top: 0.7142857142857143em;
  margin-bottom: 0.7142857142857143em;
}
dd {
  margin-left: 2.5em;
}
blockquote {
  padding: 1.25em 2.5em;
}
blockquote > :first-child {
  margin-top: 0;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
small {
  font-size: 1em;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
a:focus,
a:active,
a:hover {
  outline: 0;
}
img {
  max-width: 100%;
  border: 0;
}
.lte7 img {
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
.embedded-video-wrapper {
  position: relative;
  width: 100%;
  height: 296px;
}
.embedded-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
form {
  margin: 0;
}
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
legend {
  width: 100%;
  border: 0;
  padding: 0;
  display: block;
  white-space: normal;
}
.lte7 legend {
  margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  display: block;
}
button .lte7,
input .lte7,
select .lte7,
textarea .lte7 {
  vertical-align: middle;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  display: inline-block;
  cursor: pointer;
}
button .lte7,
html input[type="button"] .lte7,
input[type="reset"] .lte7,
input[type="submit"] .lte7 {
  overflow: visible;
  display: inline;
  zoom: 1;
}
button,
input {
  line-height: normal;
}
button[disabled],
input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
  margin: 3px;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  vertical-align: top;
}
input[type="checkbox"] .lte7,
input[type="radio"] .lte7 {
  width: 13px;
  height: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-spacing: 0;
}
/* 

Spacing Helpers

Spacing helpers are quick but powerful classes that add margin or padding to 
any given element. These classes are `!important`, so they override all other 
styles.

* `p`, `m`                          =   padding, margin  
* `a`, `t`, `r`, `b`, `l`, `h`, `v` =   all, top, right, bottom, left, horizontal, vertical  
* `s`, `m`, `l`, `n`                =   small (~`5px`), medium (~`10px`), large (~`20px`), none (`0`)

For example: `.pam` means "padding, all, medium".

**Note:** These are all based on the current element's font size and the 
project's vertical rhythm (even on the sides, to provide uniform spacing). 
As such, they require `_vars.less`.

*/
.ptn,
.pvn,
.pan {
  padding-top: 0 !important;
}
.pts,
.pvs,
.pas {
  padding-top: 0.35714285714285715em !important;
}
.ptm,
.pvm,
.pam {
  padding-top: 0.7142857142857143em !important;
}
.ptl,
.pvl,
.pal {
  padding-top: 1.4285714285714286em !important;
}
.prn,
.phn,
.pan {
  padding-right: 0 !important;
}
.prs,
.phs,
.pas {
  padding-right: 0.35714285714285715em !important;
}
.prm,
.phm,
.pam {
  padding-right: 0.7142857142857143em !important;
}
.prl,
.phl,
.pal {
  padding-right: 1.4285714285714286em !important;
}
.pbn,
.pvn,
.pan {
  padding-bottom: 0 !important;
}
.pbs,
.pvs,
.pas {
  padding-bottom: 0.35714285714285715em !important;
}
.pbm,
.pvm,
.pam {
  padding-bottom: 0.7142857142857143em !important;
}
.pbl,
.pvl,
.pal {
  padding-bottom: 1.4285714285714286em !important;
}
.pln,
.phn,
.pan {
  padding-left: 0 !important;
}
.pls,
.phs,
.pas {
  padding-left: 0.35714285714285715em !important;
}
.plm,
.phm,
.pam {
  padding-left: 0.7142857142857143em !important;
}
.pll,
.phl,
.pal {
  padding-left: 1.4285714285714286em !important;
}
.mtn,
.mvn,
.man,
.interior-sidebar__heading {
  margin-top: 0 !important;
}
.mts,
.mvs,
.mas {
  margin-top: 0.35714285714285715em !important;
}
.mtm,
.mvm,
.mam {
  margin-top: 0.7142857142857143em !important;
}
.mtl,
.mvl,
.mal {
  margin-top: 1.4285714285714286em !important;
}
.mrn,
.mhn,
.man {
  margin-right: 0 !important;
}
.mrs,
.mhs,
.mas {
  margin-right: 0.35714285714285715em !important;
}
.mrm,
.mhm,
.mam {
  margin-right: 0.7142857142857143em !important;
}
.mrl,
.mhl,
.mal {
  margin-right: 1.4285714285714286em !important;
}
.mbn,
.mvn,
.man {
  margin-bottom: 0 !important;
}
.mbs,
.mvs,
.mas {
  margin-bottom: 0.35714285714285715em !important;
}
.mbm,
.mvm,
.mam {
  margin-bottom: 0.7142857142857143em !important;
}
.mbl,
.mvl,
.mal {
  margin-bottom: 1.4285714285714286em !important;
}
.mln,
.mhn,
.man {
  margin-left: 0 !important;
}
.mls,
.mhs,
.mas {
  margin-left: 0.35714285714285715em !important;
}
.mlm,
.mhm,
.mam {
  margin-left: 0.7142857142857143em !important;
}
.mll,
.mhl,
.mal {
  margin-left: 1.4285714285714286em !important;
}
/*

Text Align

Simple classes to adjust your text alignment. They can be added to individual elements or on wrapping elements (an outer `div`, perhaps) to adjust the alignment of all the child elements.

*/
.align--left {
  text-align: left;
}
.align--center {
  text-align: center;
}
.align--right {
  text-align: right;
}
.align--sub {
  vertical-align: sub;
}
.align--middle {
  vertical-align: middle;
}
.align--top {
  vertical-align: top;
}
/*

Floats

Next, we have classes for floating elements.

*/
.float--left {
  float: left;
}
.float--center {
  margin-left: auto;
  margin-right: auto;
}
.float--right {
  float: right;
}
.float--none {
  float: none;
}
.clear {
  clear: both;
}
/*

"New Line"

Turns an `inline` or `inline-block` element into a `block` one.

*/
.new-line,
.media-object__figure img,
.media-object__desc,
.figure [class*="figure--"] img,
[class*="ratio"]:before,
.input-label,
.input-hint,
.input-desc,
.interior-sidebar__nav a {
  display: block;
}
.group,
.breadcrumb,
.media-object--checkbox {
  /* Mixins */
}
.lte7 .group,
.lte7 .media-object--checkbox {
  zoom: 1;
}
.group:before,
.group:after,
.media-object--checkbox:before,
.media-object--checkbox:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.group:after,
.media-object--checkbox:after {
  clear: both;
}
/*

"Is Hidden"

Visually hides content in a way that leaves it accessible to screen readers. 
Like more magic, makes the visible invisible.

*/
.is-hidden,
.js .reveal__target,
.js [class*="checkbox--blocky"] input {
  /* Mixins */
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  overflow: hidden;
}
.is-hidden.focusable:active,
.is-hidden.focusable:focus {
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
  position: static;
}
body:hover .is-hidden a,
body:hover .is-hidden input,
body:hover .is-hidden button {
  display: none;
}
@media screen and (max-width: 47.9375em) {
  .is-hidden-mobile {
    /* Mixins */
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    overflow: hidden;
  }
  .is-hidden-mobile.focusable:active,
  .is-hidden-mobile.focusable:focus {
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    overflow: visible;
    position: static;
  }
  body:hover .is-hidden-mobile a,
  body:hover .is-hidden-mobile input,
  body:hover .is-hidden-mobile button {
    display: none;
  }
}
/*

"Isn't Hidden"

Undoes `.is-hidden`.

*/
.isnt-hidden,
.js .reveal__target.is-revealed {
  /* Mixins */
  width: auto;
  height: auto;
  margin: 0;
  position: relative;
  clip: auto;
}
body:hover .isnt-hidden a,
body:hover .isnt-hidden input,
body:hover .isnt-hidden button {
  display: inline-block;
}
.lte7 body:hover .isnt-hidden a,
.lte7 body:hover .isnt-hidden input,
.lte7 body:hover .isnt-hidden button {
  display: inline;
  zoom: 1;
}
/*

"Relative Container"

Exactly what it sounds like.

*/
.relative-container,
[class*="ratio"],
.js .expand__target,
.js .fade__target,
.primary-heading--underline,
.alternate-heading--underline,
.alternate-heading--underline-left,
.blockquote,
a,
.link,
.header-banner__container,
.header-banner__container-home-page,
.sidebar-nav__level-1,
.sidebar-nav__level-2,
.sidebar-nav__level-1 > a,
.sidebar-nav__level-2 > a,
.sidebar-nav__level-3,
.section-card__heading,
.list--x--pgs a[href],
.primary-heading--underline-light,
.wysiwyg blockquote,
.wysiwyg h1,
.wysiwyg h2 {
  position: relative;
}
.ratio-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  max-width: none;
  max-width: initial;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.ratio-image.vertical,
.ratio-image.square,
.ratio-image.horizontal {
  opacity: 1;
}
.ratio-image.vertical,
.ratio-image.square {
  width: 101%;
}
.ratio-image.horizontal {
  height: 101%;
}
.ratio-parent {
  height: 21.142857142857142em;
}
/*

Horizontal List

The basic `.list--x` module simply removes bullets from lists and inlines the list 
items, making the link `inline-block`. The idea is to give the skeleton of a 
horizontal list/navigation without adding too much style (yet).

*/
[class*="list--x"] li {
  display: inline;
}
[class*="list--x"] a {
  display: inline-block;
}
/*

Horizontal List (Forceful)

Rather than making the list `inline-block`, it floats the list elements 
(except on the smallest screen sizes, where it remains vertical). More precise
than the default Horizontal List.

*/
[class*="list--x--forceful"] li,
[class*="list--x--forceful"] a {
  display: block;
}
@media screen and (min-width: 30em) {
  .lte7 [class*="list--x--forceful"] {
    zoom: 1;
  }
  [class*="list--x--forceful"]:before,
  [class*="list--x--forceful"]:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="list--x--forceful"]:after {
    clear: both;
  }
  [class*="list--x--forceful"] li {
    float: left;
  }
}
/*

Link List

A basic extension of the Horizontal List, this adds some margin to the links in
the list for a more pleasant looking list of links.

**Note:** Because we are using the `[class*=""]` attribute selector, using the 
`.link-list--x` class takes advantage of the `list--x` module we declared 
earlier, as well as the Forceful variation (`.link-list--x--forceful`) 
without having to declare *both* `.list--x` and `.link-list--x` in our HTML.

@pattern: Link List
<ul class="link-list--x">
    <li>
        <a href="#">Basic Link</a>
    </li>
    <li>
        <a href="#">Basic Link</a>
    </li>
    <li>
        <a href="#">Basic Link</a>
    </li>
</ul>

*/
[class*="link-list--x"] a {
  margin-right: 2.142857142857143em;
}
[class*="link-list--x"] li:last-child a {
  margin-right: 0;
}
/*

Pagination

An extension of the basic `.list--x` module that simply adds enough padding on
the links for pagination.

*/
.list--x--pgs a {
  padding: 0 0.625em;
}
.list--x--pgs a,
.list--x--pgs a:hover,
.list--x--pgs a:focus {
  color: inherit;
}
/*

Breadcrumb

Another extension of the `.list--x` module, adding a breadcrumb `label` 
and floating it and the ordered list.

*/
.breadcrumb {
  margin-top: 1.4285714285714286em;
}
.breadcrumb__label {
  margin: 0 0.6428571428571429em 0 0;
  float: left;
}
.breadcrumb__list--x {
  margin: 0;
  float: left;
}
.breadcrumb li {
  margin-right: 0.6428571428571429em;
}
/*

Unordered Lists

Standard Unordered List

*/
.wysiwyg ul,
.list--unordered {
  list-style-type: none;
  padding: 0;
}
.wysiwyg ul li,
.list--unordered li,
.wysiwyg ol ul li,
.list--ordered ul li {
  margin: 0.7142857142857143em 0;
  padding-left: 0.7142857142857143em;
  position: relative;
}
.wysiwyg ul li:before,
.list--unordered li:before,
.wysiwyg ol ul li:before,
.list--ordered ul li:before {
  -webkit-border-radius: 1000em;
  -moz-border-radius: 1000em;
  -o-border-radius: 1000em;
  border-radius: 1000em;
  content: "";
  height: 0.2857142857142857em;
  width: 0.2857142857142857em;
  position: absolute;
  top: 0.42857142857142855em;
  left: 0;
  background-color: #e55d13;
}
.wysiwyg ol,
.list--ordered {
  counter-reset: section;
  list-style-type: none;
  padding-left: 0;
}
.wysiwyg ol li,
.list--ordered li {
  padding-left: 1em;
  margin-bottom: 0.7142857142857143em;
  position: relative;
}
.wysiwyg ol li li,
.list--ordered li li {
  padding-left: 1em;
}
.wysiwyg ol > li:before,
.list--ordered > li:before {
  content: counters(section, ".") " ";
  counter-increment: section;
  position: absolute;
  left: 0;
  top: 0;
  color: #e55d13;
}
.wysiwyg ol ol li,
.list--ordered ol li {
  padding-left: 1.7857142857142858em;
}
.wysiwyg ol ul li,
.list--ordered ul li {
  counter-reset: none;
}
/*

Media Object

The Media Object is an image (or media-type) to the left with (typically) 
descriptive content to the right. The media object can be whatever size it 
wants, the basic format will remain the same. (Text will **not** wrap.)  This 
has any number of applications, such as a checkbox next to a label with lots 
of text.

See: [The Media Object Saves Hundreds of Lines of Code][1]

  [1]: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/


@pattern: Media Object
<div class="media-object">
    <div class="media-object__figure">
        <img src="http://placehold.it/213" alt="A media object image">
    </div>
    <div class="media-object__desc">
        <p>He is here. No! Alderaan is peaceful. We have no weapons. You can't possibly&hellip; Kid, I've flown from one side of this galaxy to the other. I've seen a lot of strange stuff, but I've never seen anything to make me believe there's one all-powerful Force controlling everything. There's no mystical energy field that controls my destiny. It's all a lot of simple tricks and nonsense. I can't get involved! I've got work to do! It's not that I like the Empire, I hate it, but there's nothing I can do about it right now. It's such a long way from here. I'm surprised you had the courage to take the responsibility yourself. The more you tighten your grip, Tarkin, the more star systems will slip through your fingers.</p>
    </div>
</div>

*/
.media-object,
.media-object__desc {
  overflow: hidden;
}
.media-object--checkbox {
  /* Display & Box Model */
  display: inline-block;
  overflow: visible;
}
.media-object--checkbox .media-object__figure {
  /* Display & Box Model */
  margin-right: 0.32142857142857145em;
}
@media screen and (min-width: 30em) {
  .media-object__figure {
    max-width: 40%;
    margin-top: 0;
    margin-right: 1.2857142857142858em;
    float: left;
  }
  .media-object__desc > :first-child {
    margin-top: 0.7142857142857143em;
  }
}
@media screen and (min-width: 48em) {
  .media-object__figure {
    max-width: 50%;
  }
}
/*

Figures

Great for integrating images into bodies of text, the `.figure` class is 
modified by the `--left` and `--right` keywords depending on where you would 
like it placed.

@pattern: Plain Media
<figure class="figure">
    <img src="http://placehold.it/800x444" alt="A full-width photo">
</figure>

@pattern: Captioned Media
<figure class="figure">
    <img src="http://placehold.it/800x444" alt="A full-width photo with a caption">
    <figcaption class="figcaption">This caption enhances the photo above. It should only be a brief sentence or two long.</figcaption>
</figure>

*/
.figure [class*="figure--"] {
  margin-top: 1.4285714285714286em;
}
@media screen and (min-width: 30em) {
  [class*="figure--"] {
    margin-top: 0;
    max-width: 50%;
  }
  .figure--left,
  .figure--right {
    padding-bottom: 0.7142857142857143em;
  }
  .figure--left {
    float: left;
    padding-right: 2.5714285714285716em;
  }
  .figure--right {
    float: right;
    padding-left: 2.5714285714285716em;
  }
}
.border-radius--circ {
  -webkit-border-radius: 1000em;
  -moz-border-radius: 1000em;
  -o-border-radius: 1000em;
  border-radius: 1000em;
}
/*

Background Size

Description:
Plugin for Browsers that don't support background size.

*/
.no-backgroundsize [data-img] {
  background-image: none !important;
}
.fake-bg-container {
  position: relative;
  overflow: hidden;
}
.fake-bg-wrapper {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}
.fake-bg-is-ready .fake-bg-wrapper,
.fake-bg-is-ready.fake-bg-wrapper {
  top: 0;
  bottom: 0;
}
.fake-bg-image {
  max-width: none;
  position: absolute;
  top: 0;
}
.fake-bg-top-offset .fake-bg-image {
  width: 100%;
  height: auto;
}
.fake-bg-left-offset .fake-bg-image {
  width: auto;
  height: 100%;
}
/*

Ratios

Ratios are used primarily for objects that must scale in both width and height
proportionally, such as embedded videos.

See: (http://daverupert.com/2012/04/uncle-daves-ol-padded-box/)

The `.ratio` class (and its modifier) are placed on a wrapping element, with 
its child contents wrapped by the `.ratio__content` class.

    <div class="ratio--square">
        <div class="ratio__content">
            ...
        </div>
    </div>

For embedded videos, use the `.ratio--video` class, and it will assume an 
`iframe` is the direct child:

    <div class="ratio--video">
        <iframe src="http://youtube.com/myVidEmbed"></iframe>
    </div>

*/
[class*="ratio"]:before {
  /* Pretty */
  content: "";
}
.ratio--video:before {
  /* Display & Box Model */
  padding-top: 56.25%;
}
.ratio--1x1:before,
.ratio--square:before {
  padding-top: 100%;
}
.ratio--2x1:before {
  padding-top: 50%;
}
.ratio--1x2:before {
  padding-top: 200%;
}
.ratio__content,
.ratio--video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/*

Wrapper

This is the site-wide containing class. Put it around anything you want to be 
contained in the "site width". By default, caps off at `1150px`.

*/
.wrapper {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 77.5em) {
  .wrapper {
    width: 80%;
    max-width: 78.57142857142857em;
  }
}
.campaign-wrapper {
  width: 88%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 77.5em) {
  .campaign-wrapper {
    max-width: 117.14285714285714em;
  }
}
/*

Animated Revealing/Hiding Block Modules

When JavaScript is enabled, these blocks are used (most easily in conjunction 
with Motif jQuery plugins) to reveal and hide blocks of content, sometimes 
accompanied by CSS3 animations.

*/
.js {
  /*
    
    Reveal Target

    `.reveal__target` is a simple class that is accessibly hidden by default.
    Add the `.is-revealed` class to show it.

        <div class="reveal__target">
            I am hidden.
        </div>
        <div class="reveal__target is-revealed">
            I am no longer hidden.
        </div>

    */
  /*
    
    Expand Target

    `.expand__target` has a maximum height of `0` by default, and once it 
    receives the `.is-expanded` class, animates in height to its maximum value. 
    This is the cheap CSS way of expanding animation, as in collapsible 
    accordions. More precise timing most likely requires JS enhancement.

        <div class="expand__target">
            I am hidden from view.
        </div>
        <div class="expand__target is-expanded">
            I have expanded into view.
        </div>

    */
  /*
    
    Fade Target

    `.fade__target` is the same as `.expand__target` (in that it grows in 
    height), but it adds opacity fading to the mix.

        <div class="fade__target">
            I am hidden.
        </div>
        <div class="fade__target is-faded">
            I have faded and expanded into view.
        </div>

    */
}
.js .reveal__target.is-revealed {
  /* Pretty */
  overflow: visible;
}
.js .expand__target,
.js .fade__target {
  max-height: 0;
  overflow: hidden;
}
.js .expand__target.is-expanded,
.js .fade__target.is-faded {
  max-height: 999px;
}
.js .expand__target.is-expanded.career-path,
.js .fade__target.is-faded.career-path {
  max-height: 5500px;
}
.js .expand__target.is-expanded,
.js .fade__target.is-faded,
.js .expand__target.was-expanded,
.js .fade__target.was-faded {
  -webkit-transition: max-height 0.5s ease-in-out 0s;
  -moz-transition: max-height 0.5s ease-in-out 0s;
  -o-transition: max-height 0.5s ease-in-out 0s;
  transition: max-height 0.5s ease-in-out 0s;
}
.js .fade__target {
  opacity: 0;
  filter: alpha(opacity=0);
}
.js .fade__target.is-faded {
  opacity: 1;
  filter: alpha(opacity=100);
}
/*

Main Nav Module

A minor enhancement to the Reveal or Expand Target modules if added to the
main navigation bar. This snippet, on Medium screens and larger, makes sure
the expandable Nav (on smaller screens) is no longer hidden, and that the 
Menu Title (be it "Main Menu", the hamburger icon, etc.) is hidden from view.

    <nav class="nav-bar--menu" role="navigation">
        <h3 class="nav-bar__title pre-icon--rows js-expand" id="reveal-main-nav">
            Main Menu
        </h3>
        <ul class="nav-bar__list--x--forceful expand__target" id="main-nav-list">
            ...
        </ul>
    </nav>

*/
@media screen and (min-width: 48em) {
  .wrapper {
    width: 95%;
    max-width: 78.57142857142857em;
  }
  .js .menu__list {
    max-height: 999px;
  }
  .menu__title {
    display: none;
  }
}
/*

Tabs

The tabs module (and accompanying plugin) creates a very basic widget that 
allows embedding and basic styling.

@pattern: Tabs
<section class="tabs">
    <nav role="navigation">
        <ul class="tabs__list--x mtn">
            <li>
                <a class="js-tabs tabs__list-item"
                 data-reveal="first-tab"
                 data-reveal-current="true"
                 data-reveal-group="tabbed-widget"
                 href="#first-tab">
                    First Tab
                </a>
            </li>
            <li>
                <a class="js-tabs tabs__list-item"
                 data-reveal="second-tab"
                 data-reveal-group="tabbed-widget"
                 href="#second-tab">
                    Second Tab
                </a>
            </li>
        </ul>
    </nav>
    <div class="tabs__section">
        <section class="tab" id="first-tab">
            <h3>First Tab</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </section>
        <section class="tab" id="second-tab">
            <h3>Second Tab</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </section>
    </div>
</section>

*/
.js .tabs__section {
  position: relative;
}
.js .tab {
  display: none;
}
.js .tab.is-current {
  display: block;
}
/*

Hover Effects

*/
[class*="hover-show--"] {
  position: relative;
  overflow: hidden;
}
[class*="hover-show--"] .hover-show__content {
  position: absolute;
}
.hover-show--slide-bottom .hover-show__content {
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  width: 100%;
  height: 100%;
  bottom: -100%;
  left: 0;
}
.hover-show--slide-bottom:hover .hover-show__content {
  bottom: 0;
}
.hover-show--homepage .hover-show__content {
  padding: 1.0714285714285714em 0.7142857142857143em;
  bottom: 0;
  background-color: rgba(32, 26, 23, 0.8);
}
@media screen and (min-width: 62em) {
  .hover-show--homepage .hover-show__content {
    margin-bottom: 5em;
    bottom: -100%;
    background-color: rgba(32, 26, 23, 0);
  }
  .hover-show--homepage .hover-show__content:after {
    content: "";
    height: 5px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #e55d13;
  }
  .hover-show--homepage .hover-show__title {
    font-size: 24px;
    font-size: 1.5rem;
    position: relative;
    margin-bottom: 1.4285714285714286em;
  }
  .hover-show--homepage .hover-show__title:after {
    content: "";
    height: 5px;
    width: 95%;
    position: absolute;
    bottom: -12px;
    left: 0;
    background-color: #ffffff;
  }
  .hover-show--homepage:hover,
  .hover-show--homepage:focus {
    cursor: pointer;
  }
  .hover-show--homepage:hover .hover-show__content,
  .hover-show--homepage:focus .hover-show__content {
    margin-bottom: 0;
    background-color: rgba(32, 26, 23, 0.8);
  }
  .lte .hover-show--homepage:hover,
  .lte .hover-show--homepage:focus {
    background-color: #201a17;
  }
}
@media screen and (min-width: 77.5em) {
  .hover-show--homepage .hover-show__content {
    margin-bottom: 7.142857142857143em;
    padding: 2.5em 1.2142857142857142em;
  }
}
/*

Sliders

*/
.quote-slider {
  position: relative;
}
.quote-slider .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.quote-slider .flex-next,
.quote-slider .flex-prev {
  margin-top: -1.6071428571428572em;
  position: absolute;
  top: 50%;
  z-index: 100;
}
.quote-slider .flex-next:before,
.quote-slider .flex-prev:before {
  content: "";
}
.quote-slider .flex-next {
  left: 102%;
}
.quote-slider .flex-prev {
  right: 102%;
}
.content-spotlight .content-spotlight__content {
  padding: 1.7857142857142858em;
  background-color: #f3f2ee;
}
.content-spotlight .content-spotlight__image img {
  display: block;
}
@media screen and (min-width: 48em) {
  .content-spotlight {
    position: relative;
  }
  .content-spotlight .content-spotlight__content {
    padding: 2.5em 5em 2.5em 2.5em;
    position: relative;
    float: left !important;
  }
  .content-spotlight .content-spotlight__image img {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    background-size: cover;
  }
}
/*

Tuition Cost Calculator

*/
.tuition-cost-calculator hr {
  margin: 1.5em 0 !important;
}
.tuition-cost-calculator .notes {
  color: #959595;
}
/*

Main Navigation

*/
.index-50 {
  position: relative;
  z-index: 50;
}
.main-nav__menu__container {
  border-top: 0.07142857142857142em solid #ebe9e0;
}
.main-nav-list.is-expanded {
  max-height: 107.14285714285714em !important;
}
.menu__inner-content {
  padding: 1.2857142857142858em 2.142857142857143em 1.6428571428571428em 2.142857142857143em;
}
.menu__inner-header {
  padding: 1.0714285714285714em 2.142857142857143em;
}
.menu-callout__header {
  padding-top: 1em;
  padding-bottom: 1em;
}
.menu-callout__header [href^="tel:"] {
  white-space: nowrap;
}
.menu-callout__content {
  padding-top: 2.142857142857143em;
  padding-bottom: 2.142857142857143em;
}
.menu--search {
  width: 100%;
}
.menu--search input {
  padding: 1.0714285714285714em 1.2142857142857142em 1.2857142857142858em 1.2142857142857142em;
}
.menu--search button {
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}
.menu--search.is-revealed {
  width: 100% !important;
}
@media screen and (min-width: 48em) {
  .main-nav-list.is-expanded {
    max-height: 50em !important;
  }
  .main-nav__menu {
    width: 100%;
    position: absolute !important;
    top: 100%;
    right: 0;
    z-index: 200;
    background-color: #e7e7e7;
  }
  .menu--help-section:before {
    content: "";
    height: 100%;
    width: 33.33333%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #201a17;
  }
}
@media screen and (min-width: 62em) {
  .menu--help-section {
    width: 60.714285714285715em;
  }
  .menu--help-section:before {
    width: 41.66667%;
  }
  .is-sticky .menu--search {
    width: 66.66667%;
    float: right;
  }
  .is-sticky .sticky-wrapper {
    position: fixed;
    top: 0;
    padding-top: 0;
    left: 0;
    right: 0;
    background: #e55d13;
    z-index: 150;
    border-bottom: 0.07142857142857142em solid #ebe9e0;
  }
  .is-sticky .sticky-wrapper #main-nav-list {
    position: static;
  }
  .is-sticky .sticky-wrapper .eyebrow__nav {
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    overflow: hidden;
  }
  .is-sticky .sticky-wrapper .logo-container {
    display: flex;
    margin-top: 0.21428571428571427em;
    margin-bottom: 0.21428571428571427em;
  }
  .is-sticky .sticky-wrapper .logo-container a {
    height: 1.7142857142857142em;
    width: 100%;
    background: url('/resources/images/amb-logo-white.svg') no-repeat center right;
  }
  .is-sticky .sticky-wrapper .logo-container img {
    position: absolute;
    right: 500em;
    height: 16px;
  }
  .is-sticky .sticky-wrapper .main-nav ul:first-of-type li {
    padding: 0.2857142857142857em 0;
  }
  .is-sticky .sticky-wrapper .main-nav ul:first-of-type li:first-child {
    border-left: 1px solid #ffffff;
  }
  .is-sticky .sticky-wrapper .main-nav ul:first-of-type li:last-child {
    border-right: 1px solid #ffffff;
  }
}
[class*="site-takeover"] {
  margin-bottom: 1.4285714285714286em;
  padding: 1.4285714285714286em 2.142857142857143em;
  background-color: #febc79;
}
[class*="site-takeover"] .media-object__figure,
[class*="site-takeover"] .media-object__desc {
  text-align: center;
}
[class*="site-takeover"] .media-object__figure {
  margin-bottom: 0.7142857142857143em;
}
.takeover--large {
  padding-top: 5.357142857142857em;
  padding-bottom: 5.357142857142857em;
}
.site-takeover--severe-weather {
  background-color: #febc79;
}
.site-takeover--winter-weather {
  background-color: #b4f2ff;
}
.site-takeover--emergency {
  background-color: #ffa2a2;
}
.site-takeover--severe-weather.takeover--large {
  background: #fe975a url("../images/gradient-highlight.png") repeat-x left bottom;
  background: -webkit-gradient(linear, top left, bottom left, color-stop(0, #fe975a), color-stop(50%, #febc79), color-stop(100%, #fe975a));
  background: -webkit-linear-gradient(#fe975a 0, #febc79 50%, #fe975a 100%);
  background: -moz-linear-gradient(center bottom, #fe975a 0, #febc79 50%, #fe975a 100%);
  background: -o-linear-gradient(center bottom, #fe975a 0, #febc79 50%, #fe975a 100%);
  background: linear-gradient(center bottom, #fe975a 0, #febc79 50%, #fe975a 100%);
}
.site-takeover--winter-weather.takeover--large {
  background: #77bfcf url("../images/gradient-highlight.png") repeat-x left bottom;
  background: -webkit-gradient(linear, top left, bottom left, color-stop(0, #77bfcf), color-stop(50%, #b4f2ff), color-stop(100%, #77bfcf));
  background: -webkit-linear-gradient(#77bfcf 0, #b4f2ff 50%, #77bfcf 100%);
  background: -moz-linear-gradient(center bottom, #77bfcf 0, #b4f2ff 50%, #77bfcf 100%);
  background: -o-linear-gradient(center bottom, #77bfcf 0, #b4f2ff 50%, #77bfcf 100%);
  background: linear-gradient(center bottom, #77bfcf 0, #b4f2ff 50%, #77bfcf 100%);
}
.site-takeover--emergency.takeover--large {
  background: #e9553c url("../images/gradient-highlight.png") repeat-x left bottom;
  background: -webkit-gradient(linear, top left, bottom left, color-stop(0, #e9553c), color-stop(50%, #ffa2a2), color-stop(100%, #e9553c));
  background: -webkit-linear-gradient(#e9553c 0, #ffa2a2 50%, #e9553c 100%);
  background: -moz-linear-gradient(center bottom, #e9553c 0, #ffa2a2 50%, #e9553c 100%);
  background: -o-linear-gradient(center bottom, #e9553c 0, #ffa2a2 50%, #e9553c 100%);
  background: linear-gradient(center bottom, #e9553c 0, #ffa2a2 50%, #e9553c 100%);
}
@media screen and (min-width: 30em) {
  [class*="site-takeover"] .media-object__figure,
  [class*="site-takeover"] .media-object__desc {
    text-align: left;
  }
  [class*="site-takeover"] .media-object__figure {
    margin-bottom: 0;
  }
}
/*

Error Pages

Includes: 404, 500, and 503

*/
.error__heading {
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 470px;
}
.wrapper--error-vertical {
  padding-top: 1.4285714285714286em;
  padding-bottom: 2.142857142857143em;
  background-color: #d8d5ce !important;
}
.wrapper--error-vertical .wrapper {
  position: relative;
  z-index: 10;
}
.banner--error {
  position: relative;
  overflow: hidden;
  background-image: url('/resources/images/error-pages/error-bkg.jpg');
  background-position: left -49px;
  background-repeat: repeat-x;
}
.banner--404 {
  display: block;
  width: 69.42857142857143em;
  height: 48.57142857142857em;
  margin-left: -34.714285714285715em;
  position: absolute;
  top: 0;
  left: 50%;
  background-image: url('/resources/images/error-pages/404--small.jpg');
  background-position: center -50px;
  background-repeat: no-repeat;
}
@media screen and (min-width: 48em) {
  .error__heading {
    font-size: 44px;
    font-size: 2.75rem;
    margin-bottom: 500px;
  }
  .banner--error {
    background-position: left top;
  }
  .wrapper--error-vertical {
    padding-top: 2.142857142857143em;
    padding-bottom: 5em;
  }
  .banner--404 {
    background-image: url('/resources/images/error-pages/404--large.jpg');
    background-position: center top;
  }
}
@media screen and (min-width: 62em) {
  .error__heading {
    margin-bottom: 480px;
  }
  .wrapper--error-vertical {
    padding-top: 4.285714285714286em;
  }
}
.breadcrumbsNav__nav {
  margin-top: -0.7142857142857143em;
  padding-bottom: 15px;
}
@media screen and (min-width: 48em) {
  .breadcrumbsNav__nav {
    margin-top: -1.4285714285714286em;
  }
}
.breadcrumbsNav__nav nav {
  margin-top: 0;
}
.breadcrumbsNav__nav ol {
  margin-top: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.breadcrumbsNav__nav ol a {
  text-decoration: none;
}
.breadcrumbsNav__nav ol a:hover {
  font-weight: bold;
  cursor: pointer;
}
.breadcrumbsNav__nav li {
  display: flex;
  align-items: center;
  margin-right: 3px;
}
.breadcrumbsNav__nav li:before {
  content: '';
  display: block;
  background-image: url('/resources/fonts/amberton-icons/svg/nav-right-grey.svg');
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  margin-right: 3px;
}
.breadcrumbsNav__nav li:first-child:before {
  display: none;
}
.breadcrumbsNav__nav li:last-child a {
  color: grey;
}
/*

Font Declarations

Using the `.web-font` and `.web-font-svg` mixins, declare webfonts using the 
"bulletproof" `@font-face` syntax.

See: (http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax/)

*/
@font-face {
  font-family: "Proxima Nova";
  src: url("/resources/fonts/proxima-nova/proxima-nova-regular.eot");
  src: url("/resources/fonts/proxima-nova/proxima-nova-regular.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/proxima-nova/proxima-nova-regular.woff") format('woff'), url("/resources/fonts/proxima-nova/proxima-nova-regular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Thin";
  src: url("/resources/fonts/proxima-nova/proxima-nova-thin.eot");
  src: url("/resources/fonts/proxima-nova/proxima-nova-thin.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/proxima-nova/proxima-nova-thin.woff") format('woff'), url("/resources/fonts/proxima-nova/proxima-nova-thin.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Light";
  src: url("/resources/fonts/proxima-nova/proxima-nova-thin.eot");
  src: url("/resources/fonts/proxima-nova/proxima-nova-thin.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/proxima-nova/proxima-nova-thin.woff") format('woff'), url("/resources/fonts/proxima-nova/proxima-nova-thin.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Semibold";
  src: url("/resources/fonts/proxima-nova/proxima-nova-semibold.eot");
  src: url("/resources/fonts/proxima-nova/proxima-nova-semibold.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/proxima-nova/proxima-nova-semibold.woff") format('woff'), url("/resources/fonts/proxima-nova/proxima-nova-semibold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Bold";
  src: url("/resources/fonts/proxima-nova/proxima-nova-bold.eot");
  src: url("/resources/fonts/proxima-nova/proxima-nova-bold.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/proxima-nova/proxima-nova-bold.woff") format('woff'), url("/resources/fonts/proxima-nova/proxima-nova-bold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Georgia Light Italic";
  src: url("/resources/fonts/georgia-light-italic/2B187B_0_0.eot");
  src: url("/resources/fonts/georgia-light-italic/2B187B_0_0.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/georgia-light-italic/2B187B_0_0.woff") format('woff'), url("/resources/fonts/georgia-light-italic/2B187B_0_0.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*

Font Classes

Each font family and weight used in the site is given its own LEGO-block class
to enable quick use and modularity.

*/
/*

Proxima Nova Regular

Markup:
<span class="proxima-nova-regular">This is Sample Text</span>

Styleguide 2.1.1

*/
.proxima-nova-regular,
body,
.body-text,
.figure .figure__caption--beige,
.wysiwyg tr:first-of-type th,
.table__data .table__header th,
.data-table__section__cell,
.banner__form--start input,
.banner__form--start textarea,
.banner__form--start select,
.faculty__listing--portrait .listing__figure-name,
.faculty__listing--home-page .listing__figure-name,
[class*="info-cards"] .card__sub-heading,
.applicationStep__heading,
.input-hint,
.input-desc {
  font-family: "Proxima Nova", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  text-rendering: optimizeLegibility;
}
/*

Proxima Nova Light

Markup:
<span class="proxima-nova-light">This is Sample Text</span>

Styleguide 2.1.1

*/
.proxima-nova-light,
.primary-heading,
[class*="primary-heading"],
.wysiwyg h1,
.wysiwyg h2,
.interior-sidebar__heading {
  font-family: "Proxima Nova Light", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  text-rendering: optimizeLegibility;
}
/*

Proxima Nova Thin

Markup:
<span class="proxima-nova-thin">This is Sample Text</span>

Styleguide 2.1.1

*/
.proxima-nova-thin {
  font-family: "Proxima Nova Thin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  text-rendering: optimizeLegibility;
}
/*

Proxima Nova Semibold

Markup:
<span class="proxima-nova-semibold">This is Sample Text</span>

Styleguide 2.1.1

*/
.proxima-nova-semibold,
.wysiwyg ol > li:before,
.list--ordered > li:before,
.alternate-heading,
.alternate-heading--underline,
.alternate-heading--underline-left,
.blockquote__cite,
.btn,
[class*="btn"],
th,
.table__header,
.table__data th,
.data-table__section__heading,
.wysiwyg strong,
.header-banner__content h1,
.tabs.inner-tabs .tabs__nav a,
.howToApply__apply-headline,
.wysiwyg blockquote__cite,
.wysiwyg h4 {
  font-family: "Proxima Nova Semibold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  text-rendering: optimizeLegibility;
}
/*

Proxima Nova Bold

Markup:
<span class="proxima-nova-bold">This is Sample Text</span>

Styleguide 2.1.1

*/
.proxima-nova-bold {
  font-family: "Proxima Nova Bold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  text-rendering: optimizeLegibility;
}
/*

Georgia 

Markup:
<span class="georgia">This is Sample Text</span>

*/
.georgia,
.select-special[placeholder] {
  font-family: "Georgia", sans-serif !important;
}
.georgia-light {
  font-family: "Georgia", sans-serif !important;
  font-weight: 200;
}
.georgia-bold {
  font-family: "Georgia", sans-serif !important;
  font-weight: 600;
}
/*

Georgia Italic

Markup:
<span class="georgia-italic">This is Sample Text</span>

*/
.georgia-italic,
.tertiary-heading,
.tertiary-heading--underline,
.blockquote,
.call-out__text,
[class*="link--quick"],
input[placeholder],
textarea[placeholder],
[class*="info-cards"] .card__heading,
[class*="info-cards"] .card__heading--back,
.howToApply__list li:before,
.applicationStep__number,
.applicationStep__subheading,
.wysiwyg blockquote,
.wysiwyg h3 {
  font-family: "Georgia Light Italic", sans-serif !important;
}
/*

Montserrat

Markup:
<span class="montserrat">This is Sample Text</span>

*/
.montserrat {
  font-family: "Montserrat", sans-serif !important;
}
/*



Heading Styles

In Motif, typography is broken into pieces that separate skin from structure.
In this case, that means the font sizing (structure) is separate from the 
styling (skin) -- which includes font family, color, etc.

Heading styles are some of the type skins, and we start out with 
`.primary-heading` (which is also the `h`-tag default) and 
`.secondary-heading`. Add as necessary.

@pattern: Primary Heading
<h1 class="primary-heading">Tuition and Fees</h1>

*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.75em;
}
.primary-heading,
[class*="primary-heading"] {
  color: #323232;
  text-transform: capitalize;
}
.primary-heading--underline,
.primary-heading--underline-light,
.wysiwyg h1,
.wysiwyg h2 {
  letter-spacing: -1px;
}
.primary-heading--underline:after,
.primary-heading--underline-light:after,
.wysiwyg h1:after,
.wysiwyg h2:after {
  content: "";
  height: 2px;
  position: absolute;
  bottom: -3px;
  left: 0;
  background-color: #323232;
}
/*

Primary Heading Light Underline

@pattern: Secondary Heading / Primary Heading Light Underline
<h2 class="primary-heading--underline-light">Pay-As-You-Go</h2>

*/
.primary-heading--underline-light:after,
.wysiwyg h2:after {
  height: 1px;
  bottom: -3px;
  background-color: #afaeaf;
}
/*

Tertiary Heading

@pattern: Tertiary Heading
<h3 class="tertiary-heading">Tertiary Heading</h3>

*/
.tertiary-heading:after {
  height: 0 !important;
  background-color: transparent !important;
}
.tertiary-heading--underline {
  letter-spacing: -0.8px;
  position: relative;
}
.tertiary-heading--underline:after {
  content: "";
  height: 2px;
  position: absolute;
  bottom: -3px;
  left: 0;
  background-color: #323232;
}
/*

Alternate Heading

@pattern: Alternate Heading
<h4 class="alternate-heading">Alternate Heading</h4>

*/
.alternate-heading,
.wysiwyg h4 {
  line-height: 1.2em;
  letter-spacing: -1px;
}
.alternate-heading--underline {
  line-height: 1.2em;
  letter-spacing: -1px;
  margin-bottom: 1.0714285714285714em;
}
.alternate-heading--underline:after {
  content: "";
  height: 7px;
  width: 200px;
  margin-left: -100px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  background-color: #ffffff;
}
.alternate-heading--underline-left {
  line-height: 1.2em;
  letter-spacing: -1px;
  margin-bottom: 1.0714285714285714em;
}
.alternate-heading--underline-left:after {
  content: "";
  height: 4px;
  width: 150px;
  position: absolute;
  bottom: -10px;
  left: 0;
  background-color: #ffffff;
}
/*

Heading Group

@pattern: Heading Group
<div class="heading-group">
    <h1>Tuition</h1>
    <h2>Tuition that works for you</h2>
</div>

*/
.heading-group h1:after {
  background-color: transparent;
  height: 0;
}
.heading-group h1 + h2 {
  margin-top: 0.16666666666666666em;
}
.heading-group h1 + h2:after {
  height: 2px;
  background-color: #323232;
}
/*

Body Text

Another type style, but this mimicks the default body text of the site.

@pattern: Body Text
<p>This is a paragraph of text. Some of the text may be <em>emphasised</em> and some it might even be <strong>strongly emphasised</strong>. Occasionally <q>quoted text</q> may be found within a paragraph &hellip;and of course <a href="#">a link</a> may appear at any point in the text. The average paragraph contains five or six sentences although some may contain as little or one or two while others carry on for anything up to ten sentences and beyond.</p>

*/
body,
.body-text,
.input-hint,
.input-desc {
  color: #323232;
  background-color: #ebe9e0;
}
/*

Unstyled List

A basic stripping of list styles.

*/
.list--unstyled,
[class*="list--x"],
[class*=apply__form__perks] {
  padding-left: 0;
  list-style: none outside none;
}
/*

Blockquote

A basic blockquote.

@pattern: Blockquote
<blockquote class="blockquote">
    At last we will reveal ourselves to the the Jedi. At last we will have 
    our revenge.
</blockquote>
<span class="blockquote__cite">Darth Maul</span>

*/
.blockquote,
.wysiwyg blockquote {
  padding: 0;
  color: #5b5b5b;
  line-height: 1.2em;
}
.blockquote:before,
.wysiwyg blockquote:before {
  content: "\201c";
  position: absolute;
  top: 0;
  left: -0.5416666666666666em;
}
.blockquote:after,
.wysiwyg blockquote:after {
  content: "\201d";
}
.blockquote__cite,
.wysiwyg blockquote__cite {
  display: block;
  margin-top: 1em;
  color: #959595;
}
.blockquote.orange,
.wysiwyg blockquote.orange {
  color: #e55d13;
}
.blockquote.orange + .blockquote__cite,
.wysiwyg blockquote.orange + .blockquote__cite {
  color: #e47904;
}
/*

Callout Text

@pattern: Call Out Text
<p class="call-out__text">Welcome to Amberton University, a private institution that offers a variety of bachelor's and master's programs specializing in Busines Administration, Counseling, Human Resources & Training, Human Relations & Business, and Project Management.</p>

*/
.call-out__text {
  font-size: 20px;
  font-size: 1.25rem;
  color: #e55d13;
  line-height: 1.3em;
}
/*

Image With Caption

@pattern: Image With Caption
<p>When using this style do not put the classes gcl-5of12 clear-left pln or clear-right on your containing element. In addition you will not be using this paragraph in your code.</p>
<figure class="figure gcl-5of12 clear-left pln">
    <img src="http://placehold.it/350x225">
    <figcaption class="figure__caption">Designed to provide a secure, professional environment conducive to adult learning.</figcaption>
</figure>
<figure class="figure gcl-5of12 clear-right pln">
    <img src="http://placehold.it/350x225">
    <figcaption class="figure__caption--dark">Designed to provide a secure, professional environment conducive to adult learning.</figcaption>
</figure>
<figure class="figure gcl-5of12 clear-right pln">
    <img src="http://placehold.it/350x225">
    <figcaption class="figure__caption--light">Designed to provide a secure, professional environment conducive to adult learning.</figcaption>
</figure>

*/
.figure img {
  display: block;
}
.figure [class*="figure__caption"] {
  padding: 1.0714285714285714em 1.2857142857142858em;
  color: #ffffff;
  background-color: #323232;
}
.figure .figure__caption--orange {
  background-color: #e55d13;
}
.figure .figure__caption--light {
  color: #323232;
  background-color: #ffffff;
}
.figure .figure__caption--beige {
  color: #323232;
  background-color: #d8d6c8;
}
.figure .figure__caption--large {
  padding: 1.1em 1.5em;
}
.figure .figure__caption--small {
  padding: 1.25em 1.5em;
}
/*

Additional Icon Styles

*/
.icon--x2:before,
.icon--x2:after {
  font-size: 2em;
}
.icon--x2:before {
  padding-right: 0.35714285714285715em !important;
}
.uppercase-text {
  text-transform: uppercase;
}
/*

Typographic Scale

The building blocks for the site's type sizes. Almost exclusively, an element's 
font size is assigned with one of these classes. If a new size is needed, a new 
class is created here so it can be used and reused elsewhere.

The list of type sizes can grow or shrink, but be vigilant in keeping the 
number of sizes to a minimum. A nice rule of thumb is that no two sizes can one 
pixel in difference (forcing you to choose one over the other, giving you one 
class where you previously had two).

@pattern: Typographic Scale
<p class="canon-text">Canon Text (38px)</p>
<p class="paragon-text">Paragon Text (30px)</p>
<p class="primer-text">Primer Text (24px)</p>
<p class="tertia-text">Tertia Text (18px)</p>
<p class="normal-text">Normal Text (14px)</p>
<p class="minion-text">Minion Text (12px)</p>

*/
/*

Inch Text

*/
.inch-text {
  font-size: 70px;
  font-size: 4.375rem;
  line-height: 1;
}
/*

Canon Text

*/
.canon-text,
.quote-slider .flex-next:before,
.quote-slider .flex-prev:before,
.wysiwyg h1,
.wysiwyg h1,
.campaignLanding__slider-block .flex-next:before,
.campaignLanding__slider-block .flex-prev:before {
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 1.0227272727272727;
}
/*

Paragon Text

*/
.paragon-text,
.wysiwyg h2,
.wysiwyg h2,
.header-banner__content h1,
.howToApply__apply-headline {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1;
}
/*

Primer Text

*/
.primer-text,
.blockquote,
.wysiwyg h3,
.wysiwyg h3,
.howToApply__badge,
.howToApply__list li:before,
.howToApply__anchor-link,
.howToApply__testimony-quote,
.wysiwyg blockquote {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.0416666666666667;
}
/*

Tertia Text

*/
.tertia-text,
[class*="tertia-text"],
.link--quick-large,
.wysiwyg h4,
.flip-corner.flip-front:before,
.main-footer h4 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
}
/*

Normal Text

*/
.normal-text,
[class*="normal-text"],
.btn,
[class*="btn"],
[class*="link--quick"]:after,
.table__data .table__header th,
[class*="info-cards"] .card__heading,
[class*="info-cards"] .card__heading--back,
.applicationStep__number,
.applicationStep__heading,
.applicationStep__subheading {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.1111111111111112;
}
/*

Petite Text

*/
.median-text,
[class*="median-text"],
body,
.body-text,
tr,
[class*="info-cards"] .card__sub-heading,
.applicationStep__subtext,
.input-hint,
.input-desc {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.0714285714285714;
}
/*

Minion Text

*/
.minion-text,
[class*="minion-text"],
[class*="input-alert"],
.table__data table .table__data-row,
.data-table__section__cell,
.footer__nav,
.seasons__legend {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
}
/*

Long Modifiers

The smaller type sizes are given the `--long` modifier, allowing you to use
each type size with varying line heights.

    <p class="petite-text">I'm just a small bit of text, my `line-height` 
    can be tight.</p>

    <p class="petite-text--long">I'm a long paragraph, so my `line-height` 
    should be longer to enhance legibility. ... </p>

*/
.primer-text--long,
.tertia-text--long,
.normal-text--long,
.median-text--long,
.petite-text--long,
body,
.body-text,
.input-hint,
.input-desc {
  line-height: 1.3571428571428572em;
}
@font-face {
  font-family: "amberton-icons";
  src: url("/resources/fonts/amberton-icons/amberton-icons.eot");
  src: url("/resources/fonts/amberton-icons/amberton-icons.eot#iefix") format("embedded-opentype"), url("/resources/fonts/amberton-icons/amberton-icons.ttf") format("truetype"), url("/resources/fonts/amberton-icons/amberton-icons.svg#amberton-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class*="pre-icon--"]:before,
[class*="icon--"]:before,
[class*="post-icon--"]:after,
.quote-slider .flex-next:before,
.quote-slider .flex-prev:before,
.site-takeover--severe-weather.takeover--large .alert-icon:before,
.site-takeover--winter-weather.takeover--large .alert-icon:before,
.site-takeover--emergency.takeover--large .alert-icon:before,
.btn--action:after,
[class*="link--quick"]:after,
.checkbox--styled .fake-input:after,
[class*="filter-option"]:before,
.banner__callout:before,
.flip-corner.flip-front:before,
.quote-slider .flex-next:before,
.quote-slider .flex-prev:before,
.site-takeover--severe-weather.takeover--large .alert-icon:before,
.site-takeover--winter-weather.takeover--large .alert-icon:before,
.site-takeover--emergency.takeover--large .alert-icon:before,
.btn--action:after,
[class*="link--quick"]:after,
.checkbox--styled .fake-input:after,
[class*="filter-option"]:before,
.campaignLanding__slider-block .flex-next:before,
.campaignLanding__slider-block .flex-prev:before,
.banner__callout:before,
.flip-corner.flip-front:before {
  display: inline-block;
  font-family: "amberton-icons";
  font-size: 1;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  text-transform: none;
  speak: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class*="pre-icon--"]:before {
  padding-right: 0.357em;
}
[class*="post-icon--"]:after,
.btn--action:after,
[class*="link--quick"]:after,
.btn--action:after,
[class*="link--quick"]:after {
  padding-left: 0.357em;
}
.pre-icon--alert:before,
.icon--alert:before,
.post-icon--alert:after,
.site-takeover--severe-weather.takeover--large .alert-icon:before,
.site-takeover--emergency.takeover--large .alert-icon:before,
.site-takeover--severe-weather.takeover--large .alert-icon:before,
.site-takeover--emergency.takeover--large .alert-icon:before {
  content: "\f100";
}
.pre-icon--apply:before,
.icon--apply:before,
.post-icon--apply:after,
.btn--action:after,
.btn--action:after {
  content: "\f101";
}
.pre-icon--calendar:before,
.icon--calendar:before,
.post-icon--calendar:after {
  content: "\f102";
}
.pre-icon--career-go:before,
.icon--career-go:before,
.post-icon--career-go:after {
  content: "\f103";
}
.pre-icon--check:before,
.icon--check:before,
.post-icon--check:after,
.checkbox--styled .fake-input:after,
.checkbox--styled .fake-input:after {
  content: "\f104";
}
.pre-icon--circle-down:before,
.icon--circle-down:before,
.post-icon--circle-down:after {
  content: "\f105";
}
.pre-icon--circle-right:before,
.icon--circle-right:before,
.post-icon--circle-right:after,
.banner__callout:before,
.banner__callout:before {
  content: "\f106";
}
.pre-icon--classroom:before,
.icon--classroom:before,
.post-icon--classroom:after {
  content: "\f107";
}
.pre-icon--clipboard:before,
.icon--clipboard:before,
.post-icon--clipboard:after {
  content: "\f108";
}
.pre-icon--clock:before,
.icon--clock:before,
.post-icon--clock:after {
  content: "\f109";
}
.pre-icon--community-events:before,
.icon--community-events:before,
.post-icon--community-events:after,
.filter-option--community-event:before,
.filter-option--community-event:before {
  content: "\f10a";
}
.pre-icon--delete:before,
.icon--delete:before,
.post-icon--delete:after {
  content: "\f10b";
}
.pre-icon--disc-accounting:before,
.icon--disc-accounting:before,
.post-icon--disc-accounting:after,
.filter-option--accounting:before,
.filter-option--accounting:before {
  content: "\f10c";
}
.pre-icon--disc-business:before,
.icon--disc-business:before,
.post-icon--disc-business:after,
.filter-option--business:before,
.filter-option--business:before {
  content: "\f10d";
}
.pre-icon--disc-communication:before,
.icon--disc-communication:before,
.post-icon--disc-communication:after,
.filter-option--communication:before,
.filter-option--communication:before {
  content: "\f10e";
}
.pre-icon--disc-counseling:before,
.icon--disc-counseling:before,
.post-icon--disc-counseling:after,
.filter-option--counseling:before,
.filter-option--counseling:before {
  content: "\f10f";
}
.pre-icon--disc-economics:before,
.icon--disc-economics:before,
.post-icon--disc-economics:after,
.filter-option--economics:before,
.filter-option--economics:before {
  content: "\f110";
}
.pre-icon--disc-english:before,
.icon--disc-english:before,
.post-icon--disc-english:after,
.filter-option--english:before,
.filter-option--english:before {
  content: "\f111";
}
.pre-icon--disc-finance:before,
.icon--disc-finance:before,
.post-icon--disc-finance:after,
.filter-option--finance:before,
.filter-option--finance:before {
  content: "\f112";
}
.pre-icon--disc-history:before,
.icon--disc-history:before,
.post-icon--disc-history:after,
.filter-option--history:before,
.filter-option--history:before {
  content: "\f113";
}
.pre-icon--disc-human-behavior:before,
.icon--disc-human-behavior:before,
.post-icon--disc-human-behavior:after,
.filter-option--human-behavior:before,
.filter-option--human-behavior:before {
  content: "\f114";
}
.pre-icon--disc-human-resources:before,
.icon--disc-human-resources:before,
.post-icon--disc-human-resources:after,
.filter-option--human-resources:before,
.filter-option--human-resources:before {
  content: "\f115";
}
.pre-icon--disc-humanities:before,
.icon--disc-humanities:before,
.post-icon--disc-humanities:after,
.filter-option--humanities:before,
.filter-option--humanities:before {
  content: "\f116";
}
.pre-icon--disc-management-systems:before,
.icon--disc-management-systems:before,
.post-icon--disc-management-systems:after,
.filter-option--management-information:before,
.filter-option--management-information:before {
  content: "\f117";
}
.pre-icon--disc-management:before,
.icon--disc-management:before,
.post-icon--disc-management:after,
.filter-option--management:before,
.filter-option--management:before {
  content: "\f118";
}
.pre-icon--disc-marketing:before,
.icon--disc-marketing:before,
.post-icon--disc-marketing:after,
.filter-option--marketing:before,
.filter-option--marketing:before {
  content: "\f119";
}
.pre-icon--disc-mathematics:before,
.icon--disc-mathematics:before,
.post-icon--disc-mathematics:after,
.filter-option--mathematics:before,
.filter-option--mathematics:before {
  content: "\f11a";
}
.pre-icon--disc-psychology:before,
.icon--disc-psychology:before,
.post-icon--disc-psychology:after,
.filter-option--psychology:before,
.filter-option--psychology:before {
  content: "\f11b";
}
.pre-icon--disc-religion:before,
.icon--disc-religion:before,
.post-icon--disc-religion:after,
.filter-option--religion:before,
.filter-option--religion:before {
  content: "\f11c";
}
.pre-icon--disc-required-graduate:before,
.icon--disc-required-graduate:before,
.post-icon--disc-required-graduate:after,
.filter-option--required-graduate:before,
.filter-option--required-graduate:before {
  content: "\f11d";
}
.pre-icon--disc-science:before,
.icon--disc-science:before,
.post-icon--disc-science:after,
.filter-option--science:before,
.filter-option--science:before {
  content: "\f11e";
}
.pre-icon--distance:before,
.icon--distance:before,
.post-icon--distance:after {
  content: "\f11f";
}
.pre-icon--ellipsis:before,
.icon--ellipsis:before,
.post-icon--ellipsis:after {
  content: "\f120";
}
.pre-icon--facebook-circ:before,
.icon--facebook-circ:before,
.post-icon--facebook-circ:after {
  content: "\f121";
}
.pre-icon--facebook-sq:before,
.icon--facebook-sq:before,
.post-icon--facebook-sq:after {
  content: "\f122";
}
.pre-icon--facebook:before,
.icon--facebook:before,
.post-icon--facebook:after {
  content: "\f123";
}
.pre-icon--fall:before,
.icon--fall:before,
.post-icon--fall:after {
  content: "\f124";
}
.pre-icon--fax:before,
.icon--fax:before,
.post-icon--fax:after {
  content: "\f125";
}
.pre-icon--finals-week:before,
.icon--finals-week:before,
.post-icon--finals-week:after,
.filter-option--finals-week:before,
.filter-option--finals-week:before {
  content: "\f126";
}
.pre-icon--flickr-circ:before,
.icon--flickr-circ:before,
.post-icon--flickr-circ:after {
  content: "\f127";
}
.pre-icon--flickr:before,
.icon--flickr:before,
.post-icon--flickr:after {
  content: "\f128";
}
.pre-icon--flip:before,
.icon--flip:before,
.post-icon--flip:after,
.flip-corner.flip-front:before,
.flip-corner.flip-front:before {
  content: "\f129";
}
.pre-icon--go:before,
.icon--go:before,
.post-icon--go:after {
  content: "\f12a";
}
.pre-icon--google-plus:before,
.icon--google-plus:before,
.post-icon--google-plus:after {
  content: "\f12b";
}
.pre-icon--graduation:before,
.icon--graduation:before,
.post-icon--graduation:after,
.filter-option--graduation:before,
.filter-option--graduation:before {
  content: "\f12c";
}
.pre-icon--help:before,
.icon--help:before,
.post-icon--help:after {
  content: "\f12d";
}
.pre-icon--holiday:before,
.icon--holiday:before,
.post-icon--holiday:after,
.filter-option--holiday:before,
.filter-option--holiday:before {
  content: "\f12e";
}
.pre-icon--home:before,
.icon--home:before,
.post-icon--home:after {
  content: "\f12f";
}
.pre-icon--info:before,
.icon--info:before,
.post-icon--info:after {
  content: "\f130";
}
.pre-icon--instagram:before,
.icon--instagram:before,
.post-icon--instagram:after {
  content: "\f131";
}
.pre-icon--linkedin-circ:before,
.icon--linkedin-circ:before,
.post-icon--linkedin-circ:after {
  content: "\f132";
}
.pre-icon--linkedin-sq:before,
.icon--linkedin-sq:before,
.post-icon--linkedin-sq:after {
  content: "\f133";
}
.pre-icon--linkedin:before,
.icon--linkedin:before,
.post-icon--linkedin:after {
  content: "\f134";
}
.pre-icon--list:before,
.icon--list:before,
.post-icon--list:after {
  content: "\f135";
}
.pre-icon--location:before,
.icon--location:before,
.post-icon--location:after {
  content: "\f136";
}
.pre-icon--mail:before,
.icon--mail:before,
.post-icon--mail:after {
  content: "\f137";
}
.pre-icon--minus:before,
.icon--minus:before,
.post-icon--minus:after {
  content: "\f138";
}
.pre-icon--nav-down:before,
.icon--nav-down:before,
.post-icon--nav-down:after {
  content: "\f139";
}
.pre-icon--nav-left:before,
.icon--nav-left:before,
.post-icon--nav-left:after,
.quote-slider .flex-prev:before,
.quote-slider .flex-prev:before {
  content: "\f13a";
}
.pre-icon--nav-right:before,
.icon--nav-right:before,
.post-icon--nav-right:after,
.quote-slider .flex-next:before,
.quote-slider .flex-next:before {
  content: "\f13b";
}
.pre-icon--nav-up:before,
.icon--nav-up:before,
.post-icon--nav-up:after {
  content: "\f13c";
}
.pre-icon--orientation:before,
.icon--orientation:before,
.post-icon--orientation:after,
.filter-option--orientation:before,
.filter-option--orientation:before {
  content: "\f13d";
}
.pre-icon--phone-circ:before,
.icon--phone-circ:before,
.post-icon--phone-circ:after {
  content: "\f13e";
}
.pre-icon--phone:before,
.icon--phone:before,
.post-icon--phone:after {
  content: "\f13f";
}
.pre-icon--pinterest-circ:before,
.icon--pinterest-circ:before,
.post-icon--pinterest-circ:after {
  content: "\f140";
}
.pre-icon--pinterest:before,
.icon--pinterest:before,
.post-icon--pinterest:after {
  content: "\f141";
}
.pre-icon--plus:before,
.icon--plus:before,
.post-icon--plus:after {
  content: "\f142";
}
.pre-icon--portal:before,
.icon--portal:before,
.post-icon--portal:after {
  content: "\f143";
}
.pre-icon--quick-link:before,
.icon--quick-link:before,
.post-icon--quick-link:after,
[class*="link--quick"]:after,
[class*="link--quick"]:after {
  content: "\f144";
}
.pre-icon--recover:before,
.icon--recover:before,
.post-icon--recover:after {
  content: "\f145";
}
.pre-icon--register-withdrawal:before,
.icon--register-withdrawal:before,
.post-icon--register-withdrawal:after,
.filter-option--register-withdrawal:before,
.filter-option--register-withdrawal:before {
  content: "\f146";
}
.pre-icon--rows:before,
.icon--rows:before,
.post-icon--rows:after {
  content: "\f147";
}
.pre-icon--rss:before,
.icon--rss:before,
.post-icon--rss:after {
  content: "\f148";
}
.pre-icon--search:before,
.icon--search:before,
.post-icon--search:after {
  content: "\f149";
}
.pre-icon--settings:before,
.icon--settings:before,
.post-icon--settings:after {
  content: "\f14a";
}
.pre-icon--spring:before,
.icon--spring:before,
.post-icon--spring:after {
  content: "\f14b";
}
.pre-icon--summer:before,
.icon--summer:before,
.post-icon--summer:after {
  content: "\f14c";
}
.pre-icon--tumblr:before,
.icon--tumblr:before,
.post-icon--tumblr:after {
  content: "\f14d";
}
.pre-icon--twitter-circ:before,
.icon--twitter-circ:before,
.post-icon--twitter-circ:after {
  content: "\f14e";
}
.pre-icon--twitter:before,
.icon--twitter:before,
.post-icon--twitter:after {
  content: "\f14f";
}
.pre-icon--vimeo:before,
.icon--vimeo:before,
.post-icon--vimeo:after {
  content: "\f150";
}
.pre-icon--vine:before,
.icon--vine:before,
.post-icon--vine:after {
  content: "\f151";
}
.pre-icon--winter:before,
.icon--winter:before,
.post-icon--winter:after,
.site-takeover--winter-weather.takeover--large .alert-icon:before,
.site-takeover--winter-weather.takeover--large .alert-icon:before {
  content: "\f152";
}
.pre-icon--wordpress:before,
.icon--wordpress:before,
.post-icon--wordpress:after {
  content: "\f153";
}
.pre-icon--youtube-circ:before,
.icon--youtube-circ:before,
.post-icon--youtube-circ:after {
  content: "\f154";
}
.pre-icon--youtube:before,
.icon--youtube:before,
.post-icon--youtube:after {
  content: "\f155";
}
/*

Interactive Elements

*/
/*

Buttons

Default interactive button styles. This `.btn` class can be applied to `<a>`, 
`<button>`, or `<input>` elements. Button color and style classes can be combined 
with size classes, much like the type modules.

@pattern: Buttons
<a class="btn" href="#">Default</a>
<a class="btn--primary" href="#">Primary</a>
<a class="btn--danger" href="#">Danger</a>

*/
.btn,
[class*="btn"] {
  width: auto;
  height: auto;
  margin: 0;
  line-height: normal;
  text-decoration: none;
  position: relative;
  -webkit-appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  outline: 0;
  overflow: visible;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  background: #e55d13;
  color: #ffffff;
  text-align: center;
  padding: 0.6111111111111112em 1.3888888888888888em;
  border: 0;
  margin-top: 1.4285714285714286em;
}
p > .btn,
p > [class*="btn"] {
  margin-top: 0;
}
[class*="btn"]:hover,
[class*="btn"]:focus,
.btn--is-current {
  color: #ffffff;
  background: #e97433;
}
button {
  border: 0;
}
/*

@pattern: Tiny Buttons
<a class="btn--tiny" href="#">Tiny Button</a>
<a class="btn--tiny btn--secondary" href="#">Secondary Tiny Button</a>

*/
/*

@pattern: Normal Buttons
<a class="btn" href="#">Button</a>
<a class="btn--secondary" href="#">Secondary Button</a>

*/
/*

@pattern: Action Button
<a class="btn--action" href="#">Button</a>

*/
.btn--tiny {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0.5em 1.7857142857142858em;
}
.btn--full-width {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn--secondary {
  background-color: #5b5b5b;
}
.btn--secondary:focus,
.btn--secondary:hover {
  background-color: #959595;
}
/*

Link Styles

Very basic stuff. The primary link color can be altered in the `_config.less` 
file. Hover, focus, and current states are accounted for.

*/
a,
.link,
.list--x--pgs a[href] {
  color: #e55d13;
}
a:hover,
.link:hover,
a:focus,
.link:focus,
a.is-current,
.link.is-current,
.list--x--pgs a[href]:hover,
.list--x--pgs a[href]:focus,
.list--x--pgs a[href].is-current {
  color: #e97433;
}
/*

Quick Link

@pattern: Quick Link
<a href="#" class="link--quick">Research Database</a> <br>
<a href="#" class="link--quick-large">Research Database</a>

*/
[class*="link--quick"] {
  display: inline-block;
  margin-top: 0.7142857142857143em;
  color: #e55d13;
  text-decoration: none;
}
[class*="link--quick"]:hover,
[class*="link--quick"]:focus {
  color: #e97433;
  text-decoration: underline;
}
.link--quick-large {
  margin-top: 0.5em;
}
.wysiwyg ul li [class*="link--quick"] {
  margin-top: 0;
}
/*

Contact Links

*/
[href^="tel:"] {
  color: #323232;
  text-decoration: none;
  cursor: default;
}
[href^="tel:"]:hover,
[href^="tel:"]:focus {
  color: inherit;
}
/*

Unlink

Basic class to remove some link styling.

@TODO: Put in `_presentational.less` file?

*/
.unlink,
.eyebrow__nav li a,
.main-nav li a,
.interior-sidebar__heading a,
.interior-sidebar__heading a:hover,
.interior-sidebar__heading a:focus,
.main-footer a {
  text-decoration: none;
}
.relink {
  text-decoration: underline !important;
}
.link--grey {
  color: #959595 !important;
}
.link--grey:hover,
.link--grey:focus {
  color: #afafaf !important;
}
.link--primary-text {
  color: #323232 !important;
}
.link--primary-text:hover,
.link--primary-text:focus {
  color: #4c4c4c !important;
}
.link--white {
  color: #ffffff !important;
}
.link--white:hover,
.link--white:focus {
  color: #afafaf !important;
}
.link-icon--hover-light:hover img {
  opacity: .8;
}
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}
.noUi-stacking + .noUi-origin {
  /* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
  *z-index: -1;
}
.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}
.noUi-horizontal.noUi-extended {
  padding: 0 15px;
}
.noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
.noUi-vertical.noUi-extended {
  padding: 15px 0;
}
.noUi-vertical.noUi-extended .noUi-origin {
  bottom: -15px;
}
/* Styling;
 */
.noUi-background {
  background: #FAFAFA;
  box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
  background: #e55d13;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
.noUi-origin {
  border-radius: 2px;
}
.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbbbbb;
}
.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbbbbb;
}
/* Handles and cursors;
 */
.noUi-dragable {
  cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbbbbb;
}
.noUi-active {
  box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #dddddd, 0 3px 6px -3px #bbbbbb;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/*

Forms

*/
/*

Basic Form Elements

Inputs and textareas are set to `width: 100%` to adapt to the width of their 
wrapper. (Great for grids.) Select boxes are set to the width of their content,
maxing out at `100%`.

Almost all the form elements in Motif are best used inside a `label`.

    <label>
        Text Field
        <input type="text" name="text" required>
    </label>

*/
input,
textarea {
  -webkit-box-shadow: 0 0 3px 0 #eeeeee inset;
  -moz-box-shadow: 0 0 3px 0 #eeeeee inset;
  -o-box-shadow: 0 0 3px 0 #eeeeee inset;
  box-shadow: 0 0 3px 0 #eeeeee inset;
  width: 100%;
  font-size: 1em;
  padding: 0.5714285714285714em 0.5714285714285714em 0.2857142857142857em 0.5714285714285714em;
  color: #323232;
  border: 1px solid #b7b7b7;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
}
input:hover,
textarea:hover,
input:focus,
textarea:focus,
input:active,
textarea:active,
input.is-current,
textarea.is-current {
  z-index: 1;
}
input[type="checkbox"],
input[type="radio"] {
  width: auto;
}
.lte7 input[type="checkbox"],
.lte7 input[type="radio"] {
  width: 13px;
}
textarea {
  height: 5.714285714285714em;
}
select {
  width: auto;
  max-width: 100%;
  font-size: 0.8125em;
}
input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: white;
}
input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: white;
}
input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: white;
}
input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: white;
}
/*

Input Label Elements

Child form elements of the `.input-label` class are given a little bit of 
spacing to separate them from the label text. (See also `.input-label` in the
form `_type.less` file.)

@pattern: Input Label Elements
<label class="input-label">
    Text Field
    <input type="text" name="text" placeholder="Placeholder text" required>
</label>
<label class="input-label">
    Textarea
    <textarea placeholder="Placeholder text"></textarea>
</label>
<label class="input-label">
    Select
    <select>
        <option>Placeholder text</option>
    </select>
</label>

*/
.input-special {
  margin-bottom: 1em !important;
  color: #ffffff !important;
}
.select-special {
  -webkit-box-shadow: 0 0 3px 0 #eeeeee inset;
  -moz-box-shadow: 0 0 3px 0 #eeeeee inset;
  -o-box-shadow: 0 0 3px 0 #eeeeee inset;
  box-shadow: 0 0 3px 0 #eeeeee inset;
  width: 100%;
  font-size: 1em;
  padding: 0.5714285714285714em 0.5714285714285714em 0.2857142857142857em 0.5714285714285714em;
  color: #ffffff;
  border: 1px solid #b7b7b7;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
  margin-bottom: 14px !important;
}
.select-special:hover,
.select-special:focus,
.select-special:active,
.select-special.is-current {
  z-index: 1;
}
.select-special:invalid {
  color: white;
}
.select-special [disabled] {
  color: white;
}
.input-label {
  padding-top: 0;
  position: relative;
  color: #959595;
}
.input-label input,
.input-label textarea,
.input-label select {
  margin-top: 1.4285714285714286em;
  margin-bottom: 0.7142857142857143em;
}
/*

Input Widths

While you are encouraged to use the responsive grid system in conjunction with 
your form styles, sometimes it's useful to have form field widths that are 
simply consistent across viewports. These are those.

    <label class="input-label">
        Text Field
        <input class="input--xs" type="text" name="text" required>
    </label>

*/
.input--eighth {
  width: 12.5%;
}
.input--quarter {
  width: 25%;
}
.input--half {
  width: 50%;
}
.input--xxxs {
  max-width: 2.142857142857143em;
}
.input--xxs {
  max-width: 3.5714285714285716em;
}
.input--xs {
  max-width: 7.142857142857143em;
}
.input--s {
  max-width: 12.5em;
}
.input--m {
  max-width: 17.857142857142858em;
}
.input--l {
  max-width: 25em;
}
/*

Form Modules

````attached-label-before
<label class="attached-label">
    <small class="label">$</small>
    <input type="num" id="attached-label-before" required>
</label>
````

````attached-label-after
<label class="attached-label">
    <input type="text" id="attached-label-after" required>
    <small class="label">.com</small>
</label>
````

````attached-label-before-and-after
<label class="attached-label">
    <small class="label">www.</small>
    <input type="text" id="attached-label" placeholder="domain" required>
    <small class="label">.com</small>
</label>
````

````attached-label-submit
<form class="attached-label">
    <label class="is-hidden" for="attached-label-submit">Search</label>
    <input type="search" id="attached-label-submit" required>
    <div>
        <button type="submit" class="btn--primary icon--search">
            <b class="is-hidden">Submit</b>
        </button>
    </div>
</form>
````

*/
.attached-label {
  display: table;
  overflow: hidden;
}
.attached-label > * {
  margin-top: 0;
  display: table-cell;
  vertical-align: middle;
}
.attached-label > * > :first-child {
  margin-top: 0;
}
.attached-label [class*="btn"] {
  display: block;
  width: 100%;
}
/*

Check Boxes

Styled checkboxes for use.

*/
.checkbox--styled {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.checkbox--styled:hover .fake-input:after {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.checkbox--styled .fake-input {
  -webkit-border-radius: 0.2857142857142857em;
  -moz-border-radius: 0.2857142857142857em;
  -o-border-radius: 0.2857142857142857em;
  border-radius: 0.2857142857142857em;
  -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.75);
  width: 1.0714285714285714em;
  height: 1.0714285714285714em;
  position: absolute;
  top: 0;
  background-color: #d7d5c9;
}
.checkbox--styled .fake-input.apply-check-box {
  background-color: #ffffff;
  box-shadow: inset 0 0 15px #ffffff;
}
.checkbox--styled .fake-input.apply-check-box:after {
  color: #e55d13;
}
.checkbox--styled .fake-input:after {
  font-size: 18px;
  font-size: 1.125rem;
  opacity: 0;
  filter: alpha(opacity=0);
  margin-left: -0.2777777777777778em;
  margin-top: -0.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #ffffff;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
.checkbox--styled .label__text {
  position: relative;
  top: 0.07142857142857142em;
  left: 1.7857142857142858em;
}
.checkbox--styled input[type="checkbox"] {
  position: absolute;
  left: -9999em;
}
.checkbox--styled input[type="checkbox"]:checked + .fake-input {
  -webkit-box-shadow: inset 0 0 15px rgba(91, 91, 91, 0.75);
  -moz-box-shadow: inset 0 0 15px rgba(91, 91, 91, 0.75);
  -o-box-shadow: inset 0 0 15px rgba(91, 91, 91, 0.75);
  box-shadow: inset 0 0 15px rgba(91, 91, 91, 0.75);
}
.checkbox--styled input[type="checkbox"]:checked + .fake-input.apply-check-box {
  -webkit-box-shadow: inset 0 0 15px #ffffff;
  -moz-box-shadow: inset 0 0 15px #ffffff;
  -o-box-shadow: inset 0 0 15px #ffffff;
  box-shadow: inset 0 0 15px #ffffff;
}
.checkbox--styled input[type="checkbox"]:checked + .fake-input:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
/*

Input Label

The `.input-label` class should be added to form labels that want a little 
extra styling for the label text.

(You may need to do some fancy things with hidden or altered labels, which is
why these styles aren't added to the `label` element by default.)

    <label class="input-label">
        Text Field
        <input type="text" name="text" required>
    </label>

There are also input descriptions, which go directly underneath the label text,
and input hints that typically go underneath the input field.

    <label class="input-label">
        Text Field
        
        <small class="input-desc">
            This is a small description of the field.
        </small>
        
        <input type="text" name="text" required>
        
        <strong class="input-hint">
            This is an important hint.
        </strong>
    </label>

*/
.input-hint {
  color: #5b5b5b;
  margin-top: 0.35714285714285715em;
}
.input-desc {
  margin-top: 0em;
}
/*

Fieldset

A simple class to add to fieldsets that want a little more spacing.

*/
.fieldset {
  margin-top: 1.4285714285714286em;
  padding-bottom: 1.4285714285714286em;
}
/*

Checkbox List

Lists of radio or checkbox inputs should typically be just that: lists. In 
Motif, you're encouraged to mark up your input lists as semantically as 
possible, meaning a fieldset, with a legend, and a list of inputs:

    <fieldset>
        <legend>
            <b class="input-label">This is a question for a radio list?</b>
        </legend>

        <ul class="checkbox-list">
            <li>
                <label class="media-object">
                    <input class="media-object__figure"
                     type="radio"
                     name="radioList"
                     value="Yes">

                    <b class="media-object__desc">
                        Yes
                    </b>
                </label>
            </li>
            <li>
                <label class="media-object">
                    <input class="media-object__figure"
                     type="radio"
                     name="radioList"
                     value="No">

                    <b class="media-object__desc">
                        No
                    </b>
                </label>
            </li>
        </ul>
    </fieldset>

*/
.checkbox-list {
  margin-top: 0.7142857142857143em;
}
legend + .checkbox-list {
  margin-top: 0em;
}
legend .input-label {
  padding-bottom: 0.35714285714285715em;
}
legend + .input-desc {
  /* Positioning */
  position: relative;
  top: -0.35714285714285715em;
}
/*

Form Validation

*/
/*

Input States

A couple of classes added to inputs (typically by a JS Validation plugin) that
alter the child elements to convey states of success and error.

    <label class="input-label is-erroneous">
        Text Field
        <input type="text" name="text" required>
    </label>

*/
.is-successful input,
.is-successful textarea,
.is-successful select {
  border-color: #72bc44;
}
.is-erroneous input,
.is-erroneous textarea,
.is-erroneous select {
  border-color: #e20c1d;
}
/*

Form Messaging

Within labels, there are input alerts that apply to individual fields.

    <label class="input-label is-erroneous">
        Text Field
        <input type="text" name="text" required>
        <strong class="input-alert--error">
            This field is required.
        </strong>
    </label>

*/
[class*="input-alert"] {
  /* Display & Box Model */
  display: block;
  padding: 1.2857142857142858em 1.6666666666666667em;
  /* Position */
  position: absolute;
  bottom: 90%;
  left: 0;
  z-index: 100;
  /* Pretty */
  color: #13496d;
  letter-spacing: -0.7px;
}
.lte8 [class*="input-alert"] {
  letter-spacing: 0.7px;
}
[class*="input-alert"]:before,
[class*="input-alert"]:after {
  content: "";
  position: absolute;
  left: 2.5em;
  border-left: 0.8333333333333334em solid transparent;
  border-right: 0.8333333333333334em solid transparent;
}
[class*="input-alert"]:before {
  bottom: -0.8333333333333334em;
  z-index: 100;
  border-top: 0.8333333333333334em solid #ffc8cc;
}
[class*="input-alert"]:after {
  bottom: -0.9166666666666666em;
  z-index: 50;
  border-top: 0.8333333333333334em solid #fd9199;
}
.input-alert--warning {
  color: #cdad2c;
}
.input-alert--error {
  color: #e20c1d;
  background-color: #ffc8cc;
  border: 1px solid #fd9199;
}
.input-alert--success {
  color: #72bc44;
}
/*

Block Checkboxes

*/
[class*="checkbox--blocky"] {
  display: inline-block;
  padding: 0.6428571428571429em 0.7142857142857143em 0.5714285714285714em;
  border: 0.07142857142857142em solid #afaeaf;
}
[class*="checkbox--blocky"]:focus {
  outline: none;
}
[class*="option-style--"] {
  position: relative;
}
[class*="option-style--"]:after {
  content: "";
  width: 2.142857142857143em;
  height: 100%;
  background-color: #1f75ae;
  position: absolute;
  right: 100%;
  top: 0;
}
.option-style--green:after {
  background-color: #72bc44;
}
.option-style--purple:after {
  background-color: #5c3240;
}
.option-style--yellow:after {
  background-color: #e6c71d;
}
.option-style--orange:after {
  background-color: #e47904;
}
.option-style--pink:after {
  background-color: #d71f3e;
}
.option-style--blue:after {
  background-color: #1f75ae;
}
/*

Course Filtering

Description:
Styles for course filtering located at /programs-and-courses/course-catalog/index.html

*/
[class*="filter-option"] {
  margin: 0.35714285714285715em 0 0.35714285714285715em 2.857142857142857em;
  position: relative;
  background-color: #d7d5c9;
}
[class*="filter-option"]:hover,
[class*="filter-option"]:focus {
  background-color: #ffffff;
  cursor: pointer;
}
[class*="filter-option"].is-selected {
  background-color: #ffffff;
}
[class*="filter-option"]:before {
  position: absolute;
  top: 50%;
  left: -28px;
  z-index: 100;
  font-size: 2.5em;
}
[class*="filter-option"]:after {
  content: "";
  width: 2.5em;
  height: 106%;
  position: absolute;
  right: 100%;
  top: -1px;
  background-color: #afaeaf;
  border: 0.07142857142857142em solid #afaeaf;
}
.filter-option--science:after,
.filter-option--management:after,
.filter-option--marketing:after,
.filter-option--finals-week:after {
  -webkit-box-shadow: 0 0 1px 1px #b47c99 inset;
  -moz-box-shadow: 0 0 1px 1px #b47c99 inset;
  -o-box-shadow: 0 0 1px 1px #b47c99 inset;
  box-shadow: 0 0 1px 1px #b47c99 inset;
  border: 0.07142857142857142em solid #422430;
  background-color: #5c3240;
}
.filter-option--science:before,
.filter-option--management:before,
.filter-option--marketing:before,
.filter-option--finals-week:before {
  color: #ffffff;
}
.filter-option--counseling:after,
.filter-option--human-behavior:after,
.filter-option--economics:after,
.filter-option--orientation:after {
  -webkit-box-shadow: 0 0 1px 1px #3d9ddc inset;
  -moz-box-shadow: 0 0 1px 1px #3d9ddc inset;
  -o-box-shadow: 0 0 1px 1px #3d9ddc inset;
  box-shadow: 0 0 1px 1px #3d9ddc inset;
  border: 0.07142857142857142em solid #13496d;
  background-color: #1f75ae;
}
.filter-option--counseling:before,
.filter-option--human-behavior:before,
.filter-option--economics:before,
.filter-option--orientation:before {
  color: #ffffff;
}
.filter-option--accounting:after,
.filter-option--humanities:after,
.filter-option--psychology:after,
.filter-option--graduation:after {
  -webkit-box-shadow: 0 0 1px 1px #e39baa inset;
  -moz-box-shadow: 0 0 1px 1px #e39baa inset;
  -o-box-shadow: 0 0 1px 1px #e39baa inset;
  box-shadow: 0 0 1px 1px #e39baa inset;
  border: 0.07142857142857142em solid #c11f42;
  background-color: #d71f3e;
}
.filter-option--accounting:before,
.filter-option--humanities:before,
.filter-option--psychology:before,
.filter-option--graduation:before {
  color: #ffffff;
}
.filter-option--business:after,
.filter-option--english:after,
.filter-option--human-resources:after,
.filter-option--holiday:after {
  -webkit-box-shadow: 0 0 1px 1px #9cd07c inset;
  -moz-box-shadow: 0 0 1px 1px #9cd07c inset;
  -o-box-shadow: 0 0 1px 1px #9cd07c inset;
  box-shadow: 0 0 1px 1px #9cd07c inset;
  border: 0.07142857142857142em solid #50842f;
  background-color: #72bc44;
}
.filter-option--business:before,
.filter-option--english:before,
.filter-option--human-resources:before,
.filter-option--holiday:before {
  color: #ffffff;
}
.filter-option--communication:after,
.filter-option--mathematics:after,
.filter-option--required-graduate:after,
.filter-option--management-information:after,
.filter-option--community-event:after {
  -webkit-box-shadow: 0 0 1px 1px #faa85f inset;
  -moz-box-shadow: 0 0 1px 1px #faa85f inset;
  -o-box-shadow: 0 0 1px 1px #faa85f inset;
  box-shadow: 0 0 1px 1px #faa85f inset;
  border: 0.07142857142857142em solid #e55d13;
  background-color: #e47904;
}
.filter-option--communication:before,
.filter-option--mathematics:before,
.filter-option--required-graduate:before,
.filter-option--management-information:before,
.filter-option--community-event:before {
  color: #ffffff;
}
.filter-option--history:after,
.filter-option--religion:after,
.filter-option--finance:after,
.filter-option--register-withdrawal:after {
  -webkit-box-shadow: 0 0 1px 1px #f1e29c inset;
  -moz-box-shadow: 0 0 1px 1px #f1e29c inset;
  -o-box-shadow: 0 0 1px 1px #f1e29c inset;
  box-shadow: 0 0 1px 1px #f1e29c inset;
  border: 0.07142857142857142em solid #cdad2c;
  background-color: #e6c71d;
}
.filter-option--history:before,
.filter-option--religion:before,
.filter-option--finance:before,
.filter-option--register-withdrawal:before {
  color: #ffffff;
}
.filter-option--accounting:before {
  margin-top: -8px;
  margin-left: 3px;
}
.filter-option--business:before {
  margin-top: -8px;
  margin-left: -2px;
}
.filter-option--communication:before {
  margin-top: -9px;
  margin-left: -3px;
}
.filter-option--counseling:before {
  margin-top: -9px;
  margin-left: -3px;
}
.filter-option--economics:before {
  margin-top: -9px;
  margin-left: -1px;
}
.filter-option--english:before {
  margin-top: -9px;
  margin-left: -2px;
}
.filter-option--finance:before {
  margin-top: -9px;
  margin-left: -2px;
}
.filter-option--history:before {
  margin-top: -8px;
  margin-left: 3px;
}
.filter-option--humanities:before {
  margin-top: -9px;
  margin-left: 0;
}
.filter-option--human-behavior:before {
  margin-top: -8px;
  margin-left: -1px;
}
.filter-option--human-resources:before {
  margin-top: -8px;
  margin-left: 0;
}
.filter-option--mathematics:before {
  margin-top: -8px;
  margin-left: 1px;
}
.filter-option--management:before {
  margin-top: -8px;
  margin-left: 1px;
}
.filter-option--management-information:before {
  margin-top: -8px;
  margin-left: -1px;
}
.filter-option--marketing:before {
  margin-top: -8px;
  margin-left: 1px;
}
.filter-option--psychology:before {
  margin-top: -9px;
  margin-left: 2px;
}
.filter-option--religion:before {
  margin-top: -8px;
  margin-left: -3px;
}
.filter-option--required-graduate:before {
  margin-top: -8px;
  margin-left: 0;
}
.filter-option--science:before {
  margin-top: -8px;
  margin-left: 1px;
}
.filter-option--register-withdrawal:before {
  margin-top: -8px;
  margin-left: 3px;
}
.filter-option--orientation:before {
  margin-top: -8px;
  margin-left: 0;
}
.filter-option--finals-week:before {
  margin-top: -8px;
  margin-left: 2px;
}
.filter-option--graduation:before {
  margin-top: -7px;
  margin-left: -3px;
}
.filter-option--community-event:before {
  margin-top: -8px;
  margin-left: 1px;
}
.filter-option--holiday:before {
  margin-top: -8px;
  margin-left: 1px;
}
.filter-form__course-level li {
  display: inline-block;
  margin-bottom: 1.0714285714285714em;
}
.course-filter__menu {
  padding: 3.5714285714285716em 3.2142857142857144em;
  background-color: #f3f2ee;
}
.filters__box--current {
  padding: 1.7857142857142858em;
  background-color: #d7d5c9;
}
.legend-icon {
  margin-left: -0.7142857142857143em;
  position: absolute;
  top: -2.5em;
  left: 50%;
  color: #323232 !important;
}
/*

Responsive Grid

The default responsive grid in Motif is built with a few rules in mind:

1. Each row of columns must be wrapped in a row element
2. There's no need to specify if a column is first or last

With that in mind, there is a basic syntax to learn for what classes to use.
Our breakpoints are classified as:

- Base
- Small
- Medium
- Large
- Extra Large

Our default responsive grid system only uses 3 grids to cover all of our bases:

- `grid, small` covers Base and Small viewports, but cuts off at Medium
- `grid, medium` covers only Medium
- `grid, large` starts at Large and covers Extra Large as well (there is no max
cutoff value for `grid, large`)

Understanding that, the syntax should be easy to understand. In these examples,
we will talk about `grid, small`:

- **Rows**: `.gs-row` (Grid, Small, Row)
- **Columns**: `.gcs` (Grid, Column, Small)
- **Column Width**: `.gs-half` (Grid, Small, Half-Width)

    <div class="gs-row">
        <div class="gcs gs-half">...</div>
        <div class="gcs gs-half">...</div>
    </div>

However, to be slightly more succinct, you can use the condensed column syntax:

- **Columns (Condensed)**: `.gcs-half` (Grid, Column, Small, Half-Width)

    <div class="gs-row">
        <div class="gcs-half">...</div>
        <div class="gcs-half">...</div>
    </div>

In brief, the way the grid works is that `.gcs` floats the element to the left
(by default), and adds padding to both the left and the right. `-half` gives
it a width of `50%`. The combined padding of the two columns bumped up against 
each other form the full "gutter". The `.gs-row` then clears the floats and has
a *negative* margin on both the left and the right that pops the columns out to
the sides the exact width of their paddings, meaning the column content lines 
up with the site boundaries on the left and right without the need to specify 
"first" or "last" column classes.

To use this responsively, then, you just add the classes by breakpoint:

    <div class="gs-row gm-row gl-row">
        <div class="gcs-half gcm-third gcl-quarter">
            ...
        </div>
        <div class="gcs-half gcm-two-thirds gcl-three-quarters">
            ...
        </div>
    </div>

By default, the column breakdown of each grid breakpoint:

- `grid, small`: 4 columns
- `grid, medium`: 9 columns
- `grid, large`: 12 columns

For the larger grids, the classes follow the numbers closely...

    - `.gcl-10of12
    - `.gcm-4of9`

...in just about every combination (based on their total column number), but 
all of the grids also have a few "fuzzy" shortcuts as well:

    - `half`
    - `third`
    - `quarter`
    - `three-quarters`
    - `two-thirds`

*/
/*

Small Only Mobile Grid

Descrption: Only for landscape and large mobile (not tablet)

*/
@media screen and (min-width: 30em) and (max-width: 47.9375em) {
  [class*="gso-row"] {
    margin-left: -0.8571428571428571em;
    margin-right: -0.8571428571428571em;
  }
  .lte7 [class*="gso-row"] {
    zoom: 1;
  }
  [class*="gso-row"]:before,
  [class*="gso-row"]:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="gso-row"]:after {
    clear: both;
  }
  ul[class*="gso-row"] {
    padding-left: 0;
    list-style: none outside none;
  }
  .gso-row--rtl > [class*="gcso"] {
    float: right;
  }
  .gso-row--ltr > [class*="gcso"] {
    float: left;
  }
  .gso-row--flex {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
  }
  .gso-row--flex > [class*="gcso"] {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .gso-row .opera-only :-o-prefocus,
  .gso-row--flex {
    word-spacing: -0.43em;
  }
  [class*="gcso"] {
    display: inline;
    float: left;
    padding-left: 0.8571428571428571em;
    padding-right: 0.8571428571428571em;
  }
  .gso-quarter,
  [class*="so-quarter"] {
    width: 25%;
  }
  .gso-third,
  [class*="so-third"] {
    width: 33.33333%;
  }
  .gso-half,
  [class*="so-half"] {
    width: 50%;
  }
  .gso-two-thirds,
  [class*="so-two-thirds"] {
    width: 66.66667%;
  }
  .gso-three-quarters,
  [class*="so-three-quarters"] {
    width: 75%;
  }
  .gso-full,
  [class*="so-full"] {
    width: 100%;
  }
}
/**
 * Mobile Grid
 */
@media screen and (max-width: 47.9375em) {
  [class*="gs-row"] {
    margin-left: -0.8571428571428571em;
    margin-right: -0.8571428571428571em;
  }
  .lte7 [class*="gs-row"] {
    zoom: 1;
  }
  [class*="gs-row"]:before,
  [class*="gs-row"]:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="gs-row"]:after {
    clear: both;
  }
  ul[class*="gs-row"] {
    padding-left: 0;
    list-style: none outside none;
  }
  .gs-row--rtl > [class*="gcs"] {
    float: right;
  }
  .gs-row--ltr > [class*="gcs"] {
    float: left;
  }
  .gs-row--flex {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
  }
  .gs-row--flex > [class*="gcs"] {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .gs-row .opera-only :-o-prefocus,
  .gs-row--flex {
    word-spacing: -0.43em;
  }
  [class*="gcs"] {
    display: inline;
    float: left;
    padding-left: 0.8571428571428571em;
    padding-right: 0.8571428571428571em;
  }
  .gs-quarter,
  [class*="s-quarter"] {
    width: 25%;
  }
  .gs-third,
  [class*="s-third"] {
    width: 33.33333%;
  }
  .gs-half,
  [class*="s-half"],
  .filter-form__course-level li {
    width: 50%;
  }
  .gs-two-thirds,
  [class*="s-two-thirds"] {
    width: 66.66667%;
  }
  .gs-three-quarters,
  [class*="s-three-quarters"] {
    width: 75%;
  }
  .gs-full,
  [class*="s-full"],
  .primary-heading--underline:after,
  .tertiary-heading--underline:after,
  .primary-heading--underline-light:after,
  .wysiwyg h1:after,
  .wysiwyg h2:after {
    width: 100%;
  }
}
/**
 * Tablet Grid
 */
@media screen and (min-width: 48em) and (max-width: 61.9375em) {
  [class*="gm-row"] {
    margin-left: -1.1428571428571428em;
    margin-right: -1.1428571428571428em;
  }
  .lte7 [class*="gm-row"] {
    zoom: 1;
  }
  [class*="gm-row"]:before,
  [class*="gm-row"]:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="gm-row"]:after {
    clear: both;
  }
  ul[class*="gm-row"] {
    padding-left: 0;
    list-style: none outside none;
  }
  .gm-row--rtl > [class*="gcm"] {
    float: right;
  }
  .gm-row--ltr > [class*="gcm"] {
    float: left;
  }
  .gm-row--flex {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
  }
  .gm-row--flex > [class*="gcm"] {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .gm-row .opera-only :-o-prefocus,
  .gm-row--flex {
    word-spacing: -0.43em;
  }
  [class*="gcm"] {
    display: inline;
    float: left;
    padding-left: 1.1428571428571428em;
    padding-right: 1.1428571428571428em;
  }
  .gm-quarter,
  [class*="m-quarter"],
  [class*="m-2of8"] {
    width: 25%;
  }
  .gm-third,
  [class*="m-third"],
  [class*="m-3of9"],
  [class*="m-2of6"],
  .filter-form__course-level li {
    width: 33.33333%;
  }
  .gm-half,
  [class*="m-half"],
  [class*="m-4of8"],
  [class*="m-3of6"] {
    width: 50%;
  }
  .gm-two-thirds,
  [class*="m-two-thirds"],
  [class*="m-6of9"],
  [class*="m-4of6"] {
    width: 66.66667%;
  }
  .gm-three-quarters,
  [class*="m-three-quarters"],
  [class*="m-6of8"] {
    width: 75%;
  }
  .gm-full,
  [class*="m-full"],
  .primary-heading--underline:after,
  .tertiary-heading--underline:after,
  .primary-heading--underline-light:after,
  .wysiwyg h1:after,
  .wysiwyg h2:after {
    width: 100%;
  }
  [class*="m-8of9"] {
    width: 88.88889%;
  }
  [class*="m-7of9"] {
    width: 77.77778%;
  }
  [class*="m-5of9"] {
    width: 55.55556%;
  }
  [class*="m-4of9"] {
    width: 44.44444%;
  }
  [class*="m-2of9"] {
    width: 22.22222%;
  }
  [class*="m-1of9"] {
    width: 11.11111%;
  }
  [class*="m-7of8"] {
    width: 87.5%;
  }
  [class*="m-5of8"] {
    width: 62.5%;
  }
  [class*="m-3of8"] {
    width: 37.5%;
  }
  [class*="m-1of8"] {
    width: 12.5%;
  }
  [class*="m-6of7"] {
    width: 85.71429%;
  }
  [class*="m-5of7"] {
    width: 71.42857%;
  }
  [class*="m-4of7"] {
    width: 57.14286%;
  }
  [class*="m-3of7"] {
    width: 42.85714%;
  }
  [class*="m-2of7"] {
    width: 28.57143%;
  }
  [class*="m-1of7"] {
    width: 14.28571%;
  }
  [class*="m-5of6"] {
    width: 83.33333%;
  }
  [class*="m-1of6"] {
    width: 16.66667%;
  }
  [class*="m-4of5"] {
    width: 80%;
  }
  [class*="m-3of5"] {
    width: 60%;
  }
  [class*="m-2of5"] {
    width: 40%;
  }
  [class*="m-1of5"] {
    width: 20%;
  }
}
/**
 * Desktop Grid
 */
/*

@pattern: Desktop Grid
<div class="gl-row">
    <div class="gcl-quarter">
        <div class="block">Quarter</div>
    </div>
    <div class="gcl-quarter">
        <div class="block">Quarter</div>
    </div>
    <div class="gcl-quarter">
        <div class="block">Quarter</div>
    </div>
    <div class="gcl-quarter">
        <div class="block">Quarter</div>
    </div>
</div>
<div class="gl-row">
    <div class="gcl-third">
        <div class="block">Third</div>
    </div>
    <div class="gcl-third">
        <div class="block">Third</div>
    </div>
    <div class="gcl-third">
        <div class="block">Third</div>
    </div>
</div>
<div class="gl-row">
    <div class="gcl-half">
        <div class="block">Half</div>
    </div>
    <div class="gcl-half">
        <div class="block">Half</div>
    </div>
</div>
<div class="gl-row">
    <div class="gcl-two-thirds">
        <div class="block">Two Thirds</div>
    </div>
    <div class="gcl-third">
        <div class="block">Third</div>
    </div>
</div>
<div class="gl-row">
    <div class="gcl-three-quarters">
        <div class="block">Three Quarters</div>
    </div>
    <div class="gcl-quarter">
        <div class="block">Quarter</div>
    </div>
</div>

*/
@media screen and (min-width: 62em) {
  [class*="gl-row"] {
    margin-left: -1.2857142857142858em;
    margin-right: -1.2857142857142858em;
  }
  .lte7 [class*="gl-row"] {
    zoom: 1;
  }
  [class*="gl-row"]:before,
  [class*="gl-row"]:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="gl-row"]:after {
    clear: both;
  }
  ul[class*="gl-row"] {
    padding-left: 0;
    list-style: none outside none;
  }
  .gl-row {
    /*

Media Grid

The Media Grid allows you to place a grid of photos or videos (catalog or 
retail products, etc.) without floating them, alleviating the need to concern 
yourself with clearing the floats with rows should an object extend further 
than another. Also, because they are not floating, it allows you to align 
the entire group center, making sure any "orphaned" grid entries are centered.

The syntax is simply the same as the regular responsive grid system, except
the row class has a `--flex` modifier.

*/
    /*

@pattern: Media Grid
<ul class="gs-row--flex gm-row--flex gl-row--flex">
    <li class="gcs-half gcm-third gcl-third">
        <figure class="figure">
            <img src="http://placehold.it/400">
            <figcaption>Alderaan is peaceful. We have no weapons.</figcaption>
        </figure>
    </li>
    <li class="gcs-half gcm-third gcl-third">
        <figure class="figure">
            <img src="http://placehold.it/400">
        </figure>
    </li>
    <li class="gcs-half gcm-third gcl-third">
        <figure class="figure">
            <img src="http://placehold.it/400">
            <figcaption>Alderaan is peaceful. We have no weapons.</figcaption>
        </figure>
    </li>
    <li class="gcs-half gcm-third gcl-third">
        <figure class="figure">
            <img src="http://placehold.it/400">
        </figure>
    </li>
    <li class="gcs-half gcm-third gcl-third">
        <figure class="figure">
            <img src="http://placehold.it/400">
            <figcaption>Alderaan is peaceful. We have no weapons.</figcaption>
        </figure>
    </li>
    <li class="gcs-half gcm-third gcl-third">
        <figure class="figure">
            <img src="http://placehold.it/400">
        </figure>
    </li>
    <li class="gcs-half gcm-third gcl-third">
        <figure class="figure">
            <img src="http://placehold.it/400">
        </figure>
    </li>
</ul>

*/
  }
  .gl-row--rtl > [class*="gcl"] {
    float: right;
  }
  .gl-row--ltr > [class*="gcl"] {
    float: left;
  }
  .gl-row--flex {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
  }
  .gl-row--flex > [class*="gcl"] {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .gl-row .opera-only :-o-prefocus,
  .gl-row--flex {
    word-spacing: -0.43em;
  }
  [class*="gcl"] {
    display: inline;
    float: left;
    padding-left: 1.2857142857142858em;
    padding-right: 1.2857142857142858em;
  }
  .gl-quarter,
  [class*="l-quarter"],
  [class*="l-3of12"],
  [class*="l-2of8"] {
    width: 25%;
  }
  .gl-third,
  [class*="l-third"],
  [class*="l-4of12"],
  [class*="l-3of9"],
  [class*="l-2of6"],
  .filter-form__course-level li {
    width: 33.33333%;
  }
  .gl-half,
  [class*="l-half"],
  [class*="l-6of12"],
  [class*="l-5of10"],
  [class*="l-4of8"],
  [class*="l-3of6"] {
    width: 50%;
  }
  .gl-two-thirds,
  [class*="l-two-thirds"],
  [class*="l-8of12"],
  [class*="l-6of9"],
  [class*="l-4of6"],
  .basic-interior-content .wysiwyg,
  .basic-interior-content .content-constraint {
    width: 66.66667%;
  }
  .gl-three-quarters,
  [class*="l-three-quarters"],
  [class*="l-9of12"],
  [class*="l-6of8"] {
    width: 75%;
  }
  .gl-full,
  [class*="l-full"],
  .primary-heading--underline:after,
  .tertiary-heading--underline:after,
  .basic-interior-content .wysiwyg.full-width,
  .basic-interior-content .content-contraint.full-width,
  .primary-heading--underline-light:after,
  .wysiwyg h1:after,
  .wysiwyg h2:after {
    width: 100%;
  }
  [class*="l-11of12"] {
    width: 91.66667%;
  }
  [class*="l-10of12"] {
    width: 83.33333%;
  }
  [class*="l-7of12"] {
    width: 58.33333%;
  }
  [class*="l-5of12"] {
    width: 41.66667%;
  }
  [class*="l-2of12"] {
    width: 16.66667%;
  }
  [class*="l-1of12"] {
    width: 8.33333%;
  }
  [class*="l-10of11"] {
    width: 90.90909%;
  }
  [class*="l-9of11"] {
    width: 81.81818%;
  }
  [class*="l-8of11"] {
    width: 72.72727%;
  }
  [class*="l-7of11"] {
    width: 63.63636%;
  }
  [class*="l-6of11"] {
    width: 54.54545%;
  }
  [class*="l-5of11"] {
    width: 45.45455%;
  }
  [class*="l-4of11"] {
    width: 36.36364%;
  }
  [class*="l-3of11"] {
    width: 27.27273%;
  }
  [class*="l-2of11"] {
    width: 18.18182%;
  }
  [class*="l-1of11"] {
    width: 9.09091%;
  }
  [class*="l-9of10"] {
    width: 90%;
  }
  [class*="l-8of10"] {
    width: 80%;
  }
  [class*="l-7of10"] {
    width: 70%;
  }
  [class*="l-6of10"] {
    width: 60%;
  }
  [class*="l-4of10"] {
    width: 40%;
  }
  [class*="l-3of10"] {
    width: 30%;
  }
  [class*="l-2of10"] {
    width: 20%;
  }
  [class*="l-1of10"] {
    width: 10%;
  }
  [class*="l-8of9"] {
    width: 88.88889%;
  }
  [class*="l-7of9"] {
    width: 77.77778%;
  }
  [class*="l-5of9"] {
    width: 55.55556%;
  }
  [class*="l-4of9"] {
    width: 44.44444%;
  }
  [class*="l-2of9"] {
    width: 22.22222%;
  }
  [class*="l-1of9"] {
    width: 11.11111%;
  }
  [class*="l-7of8"] {
    width: 87.5%;
  }
  [class*="l-5of8"] {
    width: 62.5%;
  }
  [class*="l-3of8"] {
    width: 37.5%;
  }
  [class*="l-1of8"] {
    width: 12.5%;
  }
  [class*="l-6of7"] {
    width: 85.71429%;
  }
  [class*="l-5of7"] {
    width: 71.42857%;
  }
  [class*="l-4of7"] {
    width: 57.14286%;
  }
  [class*="l-3of7"] {
    width: 42.85714%;
  }
  [class*="l-2of7"] {
    width: 28.57143%;
  }
  [class*="l-1of7"] {
    width: 14.28571%;
  }
  [class*="l-5of6"] {
    width: 83.33333%;
  }
  [class*="l-1of6"] {
    width: 16.66667%;
  }
  [class*="l-4of5"] {
    width: 80%;
  }
  [class*="l-3of5"] {
    width: 60%;
  }
  [class*="l-2of5"] {
    width: 40%;
  }
  [class*="l-1of5"] {
    width: 20%;
  }
}
@media screen and (max-width: 47.9375em) {
  /*

    Off-Canvas Trigger (Small Screens Only)

    The Off-Canvas Trigger is a simple way of pushing a column of content
    off-canvas and sliding it on upon trigger. In this case, the `is-active` 
    class is placed on the `.off-canvas` wrapping element so that it can 
    adjust both child elements.

    @TODO: Adjust for IE9?
    @TODO: Show better example w/ Reveal plugin

        <div class="off-canvas">
            <div class="canvas__primary">
                ...
            </div>
            <div class="canvas__secondary">
                ...
            </div>
        </div>

    */
  .js .off-canvas {
    overflow: hidden;
    position: relative;
  }
  .js .off-canvas.is-active .canvas__primary {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .js .off-canvas.is-active .canvas__secondary {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .js .off-canvas.is-active .canvas__primary,
  .js .off-canvas.was-active .canvas__primary,
  .js .off-canvas.is-active .canvas__secondary,
  .js .off-canvas.was-active .canvas__secondary {
    -webkit-transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }
  .js .canvas__primary,
  .js .canvas__secondary {
    width: 100%;
  }
  .js .canvas__primary {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    /* Display & Box Model */
    margin-left: -110%;
    /* Positioning */
    float: left;
    z-index: 1;
  }
  .js .canvas__secondary {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /* Display & Box Model */
    margin-right: -100%;
    /* Positioning */
    float: right;
    z-index: 2;
  }
}
/*

Tables

*/
/*

Default Tables

Simple, clean default styles. Just mark it up like a normal table.

Undoes table to more of a definition list on smaller viewports.

See: http://codepen.io/aarongustafson/pen/ucJGv

@pattern: Tables
<table>
    <thead>
        <tr>
            <th scope="col">#</th>
            <th scope="col">First Name</th>
            <th scope="col">Last Name</th>
            <th scope="col">Language</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td data-th="#">1</td>
            <td data-th="First Name">Some</td>
            <td data-th="Last Name">One</td>
            <td data-th="Language">English</td>
        </tr>
        <tr>
            <td data-th="#">2</td>
            <td data-th="First Name">Joe</td>
            <td data-th="Last Name">Sixpack</td>
            <td data-th="Language">English</td>
        </tr>
        <tr>
            <td data-th="#">3</td>
            <td data-th="First Name">Stu</td>
            <td data-th="Last Name">Dent</td>
            <td data-th="Language">Code</td>
        </tr>
    </tbody>
</table>

*/
table {
  width: 100%;
  max-width: 100%;
  margin-top: 2.2142857142857144em;
  border: 1px solid #afaeaf;
  background-color: #ffffff;
}
.wysiwyg tr:hover,
.wysiwyg tr:nth-child(odd):hover {
  background-color: #ededef;
}
.wysiwyg tr:nth-child(odd) {
  background-color: #f7f7f9;
}
.wysiwyg td {
  padding: 0.8571428571428571em 1.2857142857142858em;
}
th,
td {
  padding: 0.7142857142857143em 0.6428571428571429em;
  text-align: left;
}
.wysiwyg tr:first-of-type th {
  font-size: 16px;
  font-size: 1rem;
  padding: 1em 0.9375em 0.8125em 0.9375em;
  letter-spacing: -0.8px;
  background-color: #afaeaf;
}
th {
  padding-top: 0.7142857142857143em;
  color: #ffffff;
  background-color: #afaeaf;
}
@media screen and (max-width: 47.9375em) {
  table {
    display: block;
    width: 100%;
  }
  tbody,
  tr,
  th,
  td {
    border: 0;
    display: block;
    padding: 0;
    text-align: left;
    white-space: normal;
  }
  thead {
    display: none;
    visibility: hidden;
  }
  tr {
    margin-top: 1.4285714285714286em;
  }
  td {
    text-align: center;
  }
  td[data-th]:before {
    content: attr(data-th) ":\00A0";
    display: inline-block;
    font-weight: bold;
  }
  td:empty {
    display: none;
  }
  .wysiwyg tr:first-of-type {
    margin-top: 0;
  }
  .wysiwyg tr th {
    font-size: 16px;
    font-size: 1rem;
    padding: 1em 0.9375em 0.8125em 0.9375em;
    letter-spacing: -0.8px;
    background-color: #afaeaf;
  }
}
@media screen and (min-width: 48em) {
  th,
  td {
    padding: 0.35714285714285715em 1.2857142857142858em;
  }
}
/*

Table

@pattern: Data Table
@no-wysiwyg
<table class="table__data">
    <tr class="table__header">
        <th class="gl-1of5">Course</th>
        <th class="gl-1of5">Description</th>
        <th class="gl-1of5">Instructor</th>
        <th class="gl-1of5">Day</th>
        <th class="gl-1of5">Room</th>
    </tr>
    <tr>
        <td class="pan" colspan="5">
            <table>
                <tr>
                    <th colspan="5"><a href="#">Counseling</a></th>
                </tr>
                <tr class="table__data-row">
                    <td class="gl-1of5">CSL6780.21</td>
                    <td class="gl-1of5">Professional Counseling</td>
                    <td class="gl-1of5">Davis</td>
                    <td class="gl-1of5">MON</td>
                    <td class="gl-1of5">F2</td>
                </tr>
                <tr class="table__data-row">
                    <td class="gl-1of5">CSL6780.21</td>
                    <td class="gl-1of5">Counselling Assessment</td>
                    <td class="gl-1of5">Armstrong</td>
                    <td class="gl-1of5">TUE</td>
                    <td class="gl-1of5">F1</td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td class="pan" colspan="5">
            <table>
                <tr>
                    <th colspan="5"><a href="#">Counseling</a></th>
                </tr>
                <tr class="table__data-row">
                    <td class="gl-1of5">CSL6780.21</td>
                    <td class="gl-1of5">Professional Counseling</td>
                    <td class="gl-1of5">Davis</td>
                    <td class="gl-1of5">MON</td>
                    <td class="gl-1of5">F2</td>
                </tr>
                <tr class="table__data-row">
                    <td class="gl-1of5">CSL6780.21</td>
                    <td class="gl-1of5">Counselling Assessment</td>
                    <td class="gl-1of5">Armstrong</td>
                    <td class="gl-1of5">TUE</td>
                    <td class="gl-1of5">F1</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

*/
.table__data {
  border: 1px solid #afaeaf;
}
.table__header {
  color: #ffffff;
}
.table__data tr:nth-child(1n):nth-child(odd) table {
  background-color: #f7f7f9;
}
.table__data th {
  padding-bottom: 0.5em;
  background-color: transparent;
}
.table__data .table__header th {
  padding: 1.1111111111111112em 0.8333333333333334em 0.8333333333333334em 0.8333333333333334em;
  letter-spacing: -0.8px;
  background-color: #afaeaf;
}
.table__data table {
  margin-top: 0;
  padding: 1.6428571428571428em 0;
  background-color: #ffffff;
  border: none;
}
.table__data table .table__data-row:hover {
  background-color: #ededef;
}
/*

Data Table: Abstracted

Description
This is an abstract version of the table__data above so that different markup can be used.

Examples
- Catalog Course listing Page

@pattern: Abstracted Data Table
@no-wysiwyg


*/
.data-table--abstract {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #afaeaf;
}
.data-table__section {
  padding: 1.7857142857142858em 0;
}
.data-table__section--stagger {
  padding: 1.7857142857142858em 0;
}
.data-table__section--stagger:nth-child(1n):nth-child(odd) {
  background-color: #f7f7f9;
}
.data-table__section__heading {
  margin-top: 0;
  padding-left: 1.6428571428571428em;
  padding-right: 1.6428571428571428em;
}
.data-table__section__row {
  padding-left: 1.6428571428571428em;
  padding-right: 1.6428571428571428em;
}
.data-table__section__row:hover {
  background-color: #ededef;
}
.data-table__section__cell {
  padding-top: 0.6666666666666666em;
  padding-bottom: 0.5833333333333334em;
}
/*

Panel

Used to provide messaging to the user, whether it be direct or through calls to 
action. The panel typically indicates a visual separation and implied 
sub-grouping of its content.

@pattern: Panels
<div class="panel">
    <h3>This is a Panel</h3>
    <p>This is a <a href="#">feedback message</a> for the user.</p>
    <p><a href="#" class="btn">User Action</a></p>
</div>
<div class="panel">
    <p>This is a feedback panel with no heading.</p>
</div>

*/
.panel,
[class*="panel-"],
[class*="-panel"] {
  margin-top: 1.4285714285714286em;
  padding: 1.4285714285714286em;
  background-color: #f5f5f2;
}
.panel > :first-child,
[class*="panel-"] > :first-child,
[class*="-panel"] > :first-child {
  margin-top: 0;
}
.panel h1,
[class*="panel-"] h1,
[class*="-panel"] h1,
.panel h2,
[class*="panel-"] h2,
[class*="-panel"] h2,
.panel h3,
[class*="panel-"] h3,
[class*="-panel"] h3,
.panel h4,
[class*="panel-"] h4,
[class*="-panel"] h4,
.panel h5,
[class*="panel-"] h5,
[class*="-panel"] h5,
.panel h6,
[class*="panel-"] h6,
[class*="-panel"] h6 {
  color: inherit;
}
[class*="panel--thin"] {
  padding: 0.7142857142857143em;
}
/*

Alert Panel

This variation of the standard `.panel` is used specifically for delivering 
direct messages to the user, whether they be informative, complimentary, 
or preventative.

@pattern: Info Alert Panels
<div class="alert-panel--info">
    <h3>This is a Panel</h3>
    <p>This is an <a href="#">alert message</a> for the user.</p>
    <p><a href="#" class="btn">User Action</a></p>
</div>
<div class="alert-panel--info">
    <p>This is an alert panel with no heading.</p>
</div>

*/
/*

@pattern: Error Alert Panels
<div class="alert-panel--error">
    <h3>This is a Panel</h3>
    <p>This is an <a href="#">alert message</a> for the user.</p>
    <p><a href="#" class="btn">User Action</a></p>
</div>
<div class="alert-panel--error">
    <p>This is an alert panel with no heading.</p>
</div>

*/
/*

@pattern: Success Alert Panels
<div class="alert-panel--success">
    <h3>This is a Panel</h3>
    <p>This is an <a href="#">alert message</a> for the user.</p>
    <p><a href="#" class="btn">User Action</a></p>
</div>
<div class="alert-panel--success">
    <p>This is an alert panel with no heading.</p>
</div>

*/
[class*="alert-panel"] {
  color: #ffffff;
}
.alert-panel {
  background: #13496d;
}
.alert-panel--error {
  background: #e20c1d;
}
.alert-panel--success {
  background: #72bc44;
}
/*

WYSIWYG

Though we keep our styles as flexible and modular as possible, there may be 
times, as when using a WYSIWYG editor, when some styles need to be baked in. 
Here, we specify a `.wysiwyg` class that wraps around that content, and 
hardcode some of those styles

	<div class="wysiwyg">
		[WYSIWYG Content]
	</div>

*/
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
  margin-top: 1.5em;
}
.wysiwyg h1 {
  margin-top: 0;
}
.wysiwyg h1 + p,
.wysiwyg h2 + p,
.wysiwyg .heading-group + p,
.wysiwyg [class*="primary-heading"] + p,
.wysiwyg h1 + .card__container + p,
.wysiwyg h2 + .card__container + p,
.wysiwyg .heading-group + .card__container + p,
.wysiwyg [class*="primary-heading"] + .card__container + p {
  margin-top: 2.642857142857143em;
}
.wysiwyg .canon-text {
  font-size: 44px !important;
  font-size: 2.75rem !important;
  line-height: 1.0227272727272727 !important;
}
.wysiwyg .paragon-text {
  font-size: 30px !important;
  font-size: 1.875rem !important;
  line-height: 1 !important;
}
.wysiwyg .primer-text {
  font-size: 24px !important;
  font-size: 1.5rem !important;
  line-height: 1.0416666666666667 !important;
}
.wysiwyg .tertia-text {
  font-size: 20px !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
}
.wysiwyg .normal-text {
  font-size: 18px !important;
  font-size: 1.125rem !important;
  line-height: 1.1111111111111112 !important;
}
.wysiwyg .median-text {
  font-size: 14px !important;
  font-size: 0.875rem !important;
  line-height: 1.0714285714285714 !important;
}
.wysiwyg .minion-text {
  font-size: 12px !important;
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
}
.wysiwyg .tertiary-heading.primer-text + p,
.wysiwyg .tertiary-heading.tertia-text + p,
.wysiwyg .tertiary-heading.normal-text + p,
.wysiwyg .tertiary-heading.primer-text + .card__container + p,
.wysiwyg .tertiary-heading.tertia-text + .card__container + p,
.wysiwyg .tertiary-heading.normal-text + .card__container + p {
  margin-top: 0.7142857142857143em;
}
.heading-group h1:after,
.wysiwyg .heading-group h1:after,
.heading-group .main-heading:after,
.wysiwyg .heading-group .main-heading:after {
  background-color: transparent;
  height: 0;
}
.heading-group h1 + h2,
.wysiwyg .heading-group h1 + h2,
.heading-group .main-heading + h2,
.wysiwyg .heading-group .main-heading + h2,
.heading-group h1 + .sub-heading,
.wysiwyg .heading-group h1 + .sub-heading,
.heading-group .main-heading + .sub-heading,
.wysiwyg .heading-group .main-heading + .sub-heading {
  font-family: "Proxima Nova Light", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif !important;
  margin-top: 0.16666666666666666em;
}
.heading-group h1 + h2:after,
.wysiwyg .heading-group h1 + h2:after,
.heading-group .main-heading + h2:after,
.wysiwyg .heading-group .main-heading + h2:after,
.heading-group h1 + .sub-heading:after,
.wysiwyg .heading-group h1 + .sub-heading:after,
.heading-group .main-heading + .sub-heading:after,
.wysiwyg .heading-group .main-heading + .sub-heading:after {
  height: 2px;
  bottom: -8px !important;
  background-color: #323232;
}
.wysiwyg strong {
  letter-spacing: -1px;
}
.wysiwyg em {
  color: #959595;
}
.wysiwyg hr {
  margin: 2.5em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #afaeaf;
}
.wysiwyg hr + p,
.wysiwyg hr + h1,
.wysiwyg hr + h2,
.wysiwyg hr + h3,
.wysiwyg hr + h4,
.wysiwyg hr + h5,
.wysiwyg hr + h6,
.wysiwyg hr + blockquote {
  margin-top: 0;
}
.wysiwyg p {
  margin-top: 0.7142857142857143em;
}
.basic-interior-content--full .wysiwyg {
  width: 100%;
}
.wysiwyg .panel {
  padding: 2.142857142857143em;
  margin-bottom: 2.2142857142857144em;
}
.wysiwyg .list--unstyled {
  margin-top: 0.5714285714285714em;
}
.wysiwyg .list--unstyled li {
  padding-left: 0;
  margin: 0.21428571428571427em 0;
}
.wysiwyg .list--unstyled li:before {
  content: "";
  background-color: transparent;
}
/*

Ordered List

@pattern: Ordered List
<ol>
    <li>Contact and Advisor</li>
    <li>Setup An Appointment To View the School</li>
    <li>Apply Online or In-Person</li>
    <li>Start Your Future</li>
</ol>

*/
/*

Unordered List

@pattern: Unordered List
<ul>
    <li>There is a God and He is clearly revealed through the Bible;</li>
    <li>Jesus Christ is the Son of God and is the example to be imitated;</li>
    <li>Truth, having nothing to fear from investigation, must be pursued relentlessly;</li>
</ul>

*/
/*

Unstyled List

@pattern: Unstyled List
<ol class="list--unstyled">
    <li>Contact and Advisor</li>
    <li>Setup An Appointment To View the School</li>
    <li>Apply Online or In-Person</li>
    <li>Start Your Future</li>
</ol>
<ul class="list--unstyled">
    <li>There is a God and He is clearly revealed through the Bible;</li>
    <li>Jesus Christ is the Son of God and is the example to be imitated;</li>
    <li>Truth, having nothing to fear from investigation, must be pursued relentlessly;</li>
</ul>

*/
.wysiwyg h1 + table,
.wysiwyg h2 + table,
.wysiwyg h3 + table,
.wysiwyg h4 + table,
.wysiwyg h5 + table,
.wysiwyg p + table,
.wysiwyg span + table,
.wysiwyg a + table,
.wysiwyg .heading-group + table,
.wysiwyg .card__container + table {
  margin-top: 2.2142857142857144em;
  margin-bottom: 2.2142857142857144em;
}
.wysiwyg table + h1,
.wysiwyg table + h2,
.wysiwyg table + h3,
.wysiwyg table + h4,
.wysiwyg table + h5,
.wysiwyg table + p,
.wysiwyg table + span,
.wysiwyg table + a {
  margin-top: 0;
}
.wysiwyg h1 + .figure,
.wysiwyg h2 + .figure,
.wysiwyg h3 + .figure,
.wysiwyg h4 + .figure,
.wysiwyg h5 + .figure,
.wysiwyg p + .figure,
.wysiwyg span + .figure,
.wysiwyg a + .figure,
.wysiwyg .heading-group + .figure,
.wysiwyg .card__container + .figure {
  margin-top: 2.2142857142857144em;
  margin-bottom: 2.2142857142857144em;
}
.wysiwyg .heading-group + .figure,
.wysiwyg .heading-group + .card__container + .figure {
  margin-top: 2.857142857142857em;
}
.wysiwyg .two-columns > [class*="gcl"] > .figure:first-of-type,
.wysiwyg .two-columns > [class*="gcm"] > .figure:first-of-type {
  margin-top: 2.2142857142857144em;
}
/*

Two Column Layout

@pattern: Two Column Layout
@basic-interior
<div class="gl-row gm-row two-columns">
    <div class="gcl-half gcm-half">
        <h4>Some Heading</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, nam nobis magni voluptatum consequatur ipsum quasi vitae. Eligendi, molestiae quaerat repudiandae quia quos totam soluta vel qui nostrum cupiditate. Provident!</p>
    </div>
    <div class="gcl-half gcm-half">
        <h4>Some Other Heading</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, earum, aliquid dolore eligendi atque nobis consequuntur officiis iure vel maxime labore ratione id sequi reiciendis fugiat dignissimos quam illum placeat.</p>
    </div>
</div>

*/
/*

Three Column Layout

@pattern: Three Column Layout
@basic-interior
<div class="gl-row gm-row three-columns">
    <div class="gcl-third gcm-third">
        <h4>Some Heading</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, nam nobis magni voluptatum consequatur ipsum quasi vitae. Eligendi, molestiae quaerat repudiandae quia quos totam soluta vel qui nostrum cupiditate. Provident!</p>
    </div>
    <div class="gcl-third gcm-third">
        <h4>Some Other Heading</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, earum, aliquid dolore eligendi atque nobis consequuntur officiis iure vel maxime labore ratione id sequi reiciendis fugiat dignissimos quam illum placeat.</p>
    </div>
    <div class="gcl-third gcm-third">
        <h4>Yet, Some Other Heading</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, cupiditate, ea, incidunt, odio soluta reiciendis consequuntur sapiente mollitia necessitatibus labore assumenda a numquam beatae dicta enim commodi facere deleniti maxime!</p>
    </div>
</div>

*/
/*

Three Column Buckets

@pattern: Three Column Bucket
@basic-interior
<div class="gl-row gm-row three-columns bucket">
    <div class="gcl-third gcm-third">
        <h4>Style Explained</h4>
        <p>Extends three column layout to auto format the spacing for headings and the text underneath. The difference is slight.</p>
    </div>
    <div class="gcl-third gcm-third">
        <h4>Heading 2</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, earum, aliquid dolore eligendi atque nobis consequuntur officiis iure vel maxime labore ratione id sequi reiciendis fugiat dignissimos quam illum placeat.</p>
    </div>
    <div class="gcl-third gcm-third">
        <h4>Yet, Some Other Heading</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, cupiditate, ea, incidunt, odio soluta reiciendis consequuntur sapiente mollitia necessitatibus labore assumenda a numquam beatae dicta enim commodi facere deleniti maxime!</p>
    </div>
</div>

*/
@media screen and (min-width: 62em) {
  .wysiwyg .two-columns,
  .wysiwyg .three-columns {
    margin-right: -55%;
  }
  .wysiwyg .three-columns.bucket h3,
  .wysiwyg .three-columns.bucket h4,
  .wysiwyg .three-columns.bucket h5,
  .wysiwyg .three-columns.bucket h6 {
    font-size: 18px !important;
    font-size: 1.125rem !important;
    font-family: "Proxima Nova Semibold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif !important;
    text-rendering: optimizeLegibility !important;
    margin-top: 1.4285714285714286em;
    font-style: normal;
  }
  .wysiwyg .three-columns.bucket p {
    margin-top: 1.0714285714285714em !important;
  }
}
.campaignFoundation {
  background-color: #ffffff;
  font-family: athelas, serif;
  color: #020003;
}
.campaignFoundation h1 {
  font-size: 41px;
  line-height: 53px;
  margin-top: 0;
  font-weight: 600;
}
@media screen and (min-width: 48em) {
  .campaignFoundation h1 {
    font-size: 58px;
    line-height: 83px;
  }
}
.campaignFoundation h2 {
  font-size: 42px;
  line-height: 38px;
  margin-top: 0;
  font-weight: 600;
}
@media screen and (min-width: 48em) {
  .campaignFoundation h2 {
    font-size: 52px;
    line-height: 58px;
  }
}
.campaignFoundation h3 {
  font-size: 35px;
  line-height: 47px;
  margin-top: 0;
  font-weight: 600;
}
.campaignFoundation h4 {
  font-size: 24px;
}
.campaignFoundation p {
  margin-top: 18px;
  font-size: 18px;
  line-height: 32px;
}
@media screen and (min-width: 48em) {
  .campaignFoundation p {
    font-size: 28px;
    line-height: 41px;
  }
}
.campaignFoundation__header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.campaignFoundation__logo-wrap {
  text-align: center;
}
.campaignFoundation__logo-wrap img {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}
.campaignLanding__hero {
  background: #000000;
  background: linear-gradient(180deg, #000000 0%, #3f65b0 100%);
  padding-top: 20%;
  padding-bottom: 60px;
  color: #fff;
}
@media screen and (min-width: 62em) {
  .campaignLanding__hero {
    padding-top: 10%;
    padding-bottom: 230px;
  }
}
.campaignLanding__hero-row {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 62em) {
  .campaignLanding__hero-row {
    flex-direction: row;
  }
}
.campaignLanding__hero-col-1 {
  width: 100%;
  padding: 0 1.2857142857142858em;
}
@media screen and (min-width: 62em) {
  .campaignLanding__hero-col-1 {
    width: 50%;
  }
}
.campaignLanding__hero-col-2 {
  width: 100%;
  padding: 0 1.2857142857142858em;
}
@media screen and (min-width: 62em) {
  .campaignLanding__hero-col-2 {
    width: 50%;
  }
}
.campaignLanding__hero-cta {
  text-align: center;
}
@media screen and (min-width: 62em) {
  .campaignLanding__hero-cta {
    text-align: left;
  }
}
.campaignLanding__cta {
  background-color: #1a5891;
  border: 5px solid #102436;
  color: #fff;
}
.campaignLanding__cta--red {
  background-color: #e55d13;
  border: 5px solid #e55d13;
  margin-top: 55px;
}
.campaignLanding__cta-text {
  font-family: athelas, serif;
  display: flex;
  align-items: center;
  font-size: 28px;
}
.campaignLanding__cta-icon {
  float: right;
  width: 37px;
  height: 37px;
  margin-left: 20px;
}
.campaignLanding__video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.campaignLanding__video-container--center {
  margin-top: 30px;
}
@media screen and (min-width: 62em) {
  .campaignLanding__video-container--center {
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.campaignLanding__video-container iframe,
.campaignLanding__video-container object,
.campaignLanding__video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.campaignLanding__slider-block {
  position: relative;
  background-color: #fff;
  margin-top: -40px;
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 40px;
}
@media screen and (min-width: 62em) {
  .campaignLanding__slider-block {
    margin-top: -110px;
    margin-left: 110px;
    margin-right: 110px;
  }
}
.campaignLanding__slider-block h2 {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.campaignLanding__slider-block .slides li {
  background-color: #fff;
}
.campaignLanding__slider-block .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.campaignLanding__slider-block .flex-next,
.campaignLanding__slider-block .flex-prev {
  margin-top: -1.6071428571428572em;
  position: absolute;
  top: 50%;
  z-index: 100;
}
.campaignLanding__slider-block .flex-next:before,
.campaignLanding__slider-block .flex-prev:before {
  content: "";
}
.campaignLanding__slider-block .flex-next {
  left: 95%;
}
.campaignLanding__slider-block .flex-next:before {
  width: 50px;
  height: 50px;
  background-image: url(/resources/images/campaign/arrow_next_slide.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 48em) {
  .campaignLanding__slider-block .flex-next:before {
    width: 70px;
    height: 70px;
  }
}
@media screen and (min-width: 48em) {
  .campaignLanding__slider-block .flex-next {
    left: 102%;
  }
}
.campaignLanding__slider-block .flex-prev {
  right: 95%;
}
.campaignLanding__slider-block .flex-prev:before {
  width: 50px;
  height: 50px;
  background-image: url(/resources/images/campaign/arrow_previous_slide.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 48em) {
  .campaignLanding__slider-block .flex-prev:before {
    width: 70px;
    height: 70px;
  }
}
@media screen and (min-width: 48em) {
  .campaignLanding__slider-block .flex-prev {
    right: 102%;
  }
}
.campaignLanding__seasons {
  background-color: #152C46;
  color: #fff;
  text-align: center;
  padding: 50px 0;
}
@media screen and (min-width: 48em) {
  .campaignLanding__seasons-row {
    width: 80%;
    margin: 0 auto;
  }
}
.campaignLanding__seasons-items {
  display: flex;
  justify-content: center;
  margin: 21px 0;
  flex-wrap: wrap;
}
@media screen and (min-width: 48em) {
  .campaignLanding__seasons-items {
    justify-content: space-between;
    margin: 21px 15%;
  }
}
.campaignLanding__seasons-item {
  text-align: center;
  margin: 10px 5px;
  width: 45%;
}
.campaignLanding__seasons-item h4 {
  margin-top: 15px;
}
.campaignLanding__seasons-item img {
  width: 55px;
  margin: 10px 5px;
}
@media screen and (min-width: 62em) {
  .campaignLanding__seasons-item img {
    width: 80px;
    margin-top: 10px;
  }
}
@media screen and (min-width: 48em) {
  .campaignLanding__seasons-item {
    width: 20%;
  }
}
.campaignLanding__testimonials {
  padding-top: 90px;
  padding-bottom: 140px;
}
.campaignLanding__testimonials p {
  font-size: 16px;
  text-align: center;
  line-height: 1.35em;
  background: #f7f7f7;
  padding: 2em;
  border-radius: 1em;
}
.campaignLanding__testimonials p strong {
  font-weight: bold;
  font-size: 26px;
  line-height: 38px;
  color: #1a5891;
  margin-bottom: 12px;
  display: inline-block;
}
.campaignLanding__testimonials h2 {
  text-align: center;
}
.campaignLanding__request {
  background-image: url('/resources/images/campaign/bg_request-info.jpg');
  background-size: cover;
  color: #fff;
  text-align: center;
  padding-bottom: 90px;
}
.campaignLanding__request h3 {
  max-width: 850px;
  margin: 0 auto;
}
.campaignLanding__request-headline {
  background-color: #fff;
  color: #020003;
  text-transform: uppercase;
  width: fit-content;
  padding: 23px;
  position: relative;
  top: -57px;
  margin: 0 auto;
  box-shadow: 0px 5px 4px #000000;
}
.campaignLanding__footer {
  background-color: #484848;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}
.campaignLanding__footer-contact {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.campaignLanding__footer-contact .col {
  font-size: 24px;
  display: flex;
  align-items: center;
  padding: 20px;
}
.campaignLanding__footer-contact img {
  margin-right: 15px;
}
.campaignLanding__footer-contact a {
  color: #fff;
  text-decoration: none;
}
.campaignLanding__footer-contact a:hover,
.campaignLanding__footer-contact a:focus {
  text-decoration: underline;
}
/**
 * Responsive Breakpoints
 */
/**
 * Base
 */
.inline-block {
  display: inline-block;
}
/*

Grid Modifications

*/
.gutters--half {
  margin-left: -0.6428571428571429em;
  margin-right: -0.6428571428571429em;
}
.gutters--half [class*="gc"] {
  padding-left: 0.6428571428571429em;
  padding-right: 0.6428571428571429em;
}
.inline--block {
  display: inline-block;
}
/*

Text

*/
.text--orange {
  color: #e55d13;
}
.text--creamsicle {
  color: #e5ad58 !important;
}
a.text--creamsicle:hover a.text--creamsicle:focus {
  color: #de972c !important;
}
.text--salmon {
  color: #e97433;
}
.text--white {
  color: #ffffff !important;
}
.text--white--link:hover,
.text--white--link:focus {
  color: #ffffff !important;
}
.text--grey {
  color: #5b5b5b;
}
.text--primary-text {
  color: #323232 !important;
}
.text--underline {
  text-decoration: underline;
}
/*

Backgrounds

*/
.bg--grey {
  background-color: #d7d5c9;
}
.bg--grey-2 {
  background-color: #8e8e8e;
}
.bg--grey-3 {
  background-color: #a8a8a8;
}
.bg--grey-4 {
  background-color: #c1c1c1;
}
.bg--grey-5 {
  background-color: #dbdbdb;
}
.bg--dark-grey {
  background-color: #201a17;
}
.bg--dark-grey-2 {
  background-color: #323232;
}
.bg--dark-grey-3 {
  background-color: #c1c1c1;
}
.bg--white {
  background-color: #ffffff;
}
.bg-dark-white {
  background-color: #f2f1ed;
}
.bg--cream {
  background-color: #f9f9f7;
}
.bg--cream-2 {
  background-color: #fff3db;
}
.bg--dark-orange {
  background-color: #e55d13;
}
.bg--black-opaque {
  background-color: rgba(0, 0, 0, 0.7);
}
.bg--leadership-button {
  background-color: #e55d13;
}
.bg--counseling-button {
  background-color: #e55d13;
}
.bg--business-button {
  background-color: #e55d13;
}
.bg--student-testimony {
  background: url(/resources/images/home-page/icon--student-testimony.png) no-repeat center center;
  background-size: 150%;
}
.bg--cp-diagnose {
  background: url(/resources/images/home-page/icon--career-path-diagnose.png) no-repeat center center;
}
.bg--cp-church {
  background: url(/resources/images/home-page/icon--career-path-church.png) no-repeat center center;
}
.bg--cp-school {
  background: url(/resources/images/home-page/icon--career-path-school.png) no-repeat center center;
}
.bg--cp-group {
  background: url(/resources/images/home-page/icon--career-path-group.png) no-repeat center center;
}
/*

Active & Inactive Text / Icons States

*/
.active {
  color: #1f75ae;
}
.active.icon--classroom,
.active.classroom {
  color: #E49B00;
}
.active.icon--distance {
  color: #0878A3;
}
.inactive {
  color: #afaeaf;
}
.large-pre-icon:before,
.large-icon:before {
  font-size: 1.5em;
  position: relative;
  top: 2px;
}
.large-pre-icon.filter-icon:before,
.large-icon.filter-icon:before {
  position: absolute;
  left: -22px;
}
.large-pre-icon.filter-icon--checkbox:before,
.large-icon.filter-icon--checkbox:before {
  top: -2px;
  line-height: 14px;
}
.text-spacer {
  line-height: 1.5em;
}
/*

Eyebrow Navigation

*/
.eyebrow__nav {
  margin-top: 0.7142857142857143em;
}
.eyebrow__nav li a {
  color: #5b5b5b;
}
.eyebrow__nav li a:hover,
.eyebrow__nav li a:focus {
  text-decoration: underline;
}
/*

Main Navigation

*/
.main-nav__button--mobile {
  margin-top: 0;
  line-height: 0.8em;
}
.main-nav ul {
  margin-top: 0.7142857142857143em;
  background-color: #e55d13;
}
.main-nav li:hover,
.main-nav li:focus,
.main-nav li.is-current,
.main-nav li.is-expanded {
  background-color: #e47904;
}
.main-nav li a {
  padding-top: 0.2916666666666667em;
  padding-bottom: 0.25em;
  color: #ffffff;
  text-transform: uppercase;
}
.main-nav .apply-now {
  background-color: #e47904;
}
.main-nav .apply-now .icon-apply:before {
  display: inline-block;
  margin-right: -3px;
}
.main-nav__container {
  width: 100%;
}
/*

Page Banners

*/
.banner__padding--large {
  padding: 2.142857142857143em;
}
.banner--choosing-amb {
  background: transparent url('/resources/images/banners/banner-small-choosing-amb.jpg') no-repeat center center;
}
.banner--choosing-amb-values {
  background: transparent url('/resources/images/banners/banner-ca-values.jpg') no-repeat center center;
}
.banner--choosing-amb-accredited {
  background: transparent url('/resources/images/banners/banner-ca-accredited.jpg') no-repeat center center;
}
.banner--faculty {
  background: transparent url('/resources/images/banners/banner-small-faculty-landing.jpg') no-repeat center center;
}
.banner--programs-and-courses-catalog {
  background: transparent url('/resources/images/banners/banner-student.jpg') no-repeat center center;
}
.banner--apply {
  background: transparent url('/resources/images/banners/banner-keyboard.jpg') no-repeat center center;
}
.banner--success {
  background: transparent url('/resources/images/banners/banner-graduation.jpg') no-repeat top center;
}
.banner--prototype {
  background: transparent url('http://placehold.it/889x563/727070/727070&text=image') no-repeat center center;
}
.banner--prototype-small {
  background: transparent url('http://placehold.it/700x191&text=-') no-repeat center center;
}
.banner--specializations {
  background: transparent url('/resources/images/banners/banner-small-certifications.jpg') no-repeat center center;
}
.banner--homepage-main {
  padding: 3.5714285714285716em 0;
  background-image: url('/resources/images/banners/home/banner-welcome--small.jpg');
  background-position: center top;
}
.banner--home-graduation {
  background-image: url('/resources/images/banners/home/banner-graduation--small.jpg');
  background-position: center bottom;
}
.banner--home-career-paths {
  background: url('/resources/images/banners/home/banner--home-career-paths-small.jpg') no-repeat center top;
}
.banner--contact-advisors {
  background: transparent url('/resources/images/banners/banner-large-amberton-logo.png') no-repeat center bottom;
}
.banner--career-path-header--counseling {
  background-image: url('/resources/images/banners/home/banner-counseling-path.jpg');
  background-position: center top;
}
.banner--career-path-header--analyzing {
  background-image: url('/resources/images/banners/home/banner-analyzing-path.jpg');
  background-position: center top;
}
.banner--career-path-header--leadership {
  background-image: url('/resources/images/banners/home/banner-leadership-path.jpg');
  background-position: center top;
}
.banner--career-path--bg-content {
  background-image: url('/resources/images/banners/home/banner-timeline-content.jpg');
  background-position: center center;
  background-color: #000000;
}
.banner--career-path-graduation {
  background-image: url('/resources/images/banners/home/banner-career-path-graduation.jpg');
  background-position: center center;
}
.banner--choosing-amb,
.banner--choosing-amb-values,
.banner--choosing-amb-accredited,
.banner--faculty,
.banner--programs-and-courses-catalog,
.banner--apply,
.banner--success,
.banner--prototype,
.banner--specializations,
.banner--homepage-main,
.banner--home-graduation,
.banner--career-path-header--counseling,
.banner--career-path-header--analyzing,
.banner--career-path-header--leadership,
.banner--career-path-graduation,
.banner--home-career-paths {
  background-size: cover;
}
.banner--success {
  padding-top: 1.4285714285714286em;
}
.header-banner {
  background-repeat: no-repeat;
}
.header-banner__container {
  min-height: 28.571428571428573em;
  padding: 1.2857142857142858em;
  background-repeat: no-repeat;
}
.header-banner__container-home-page {
  min-height: 28.571428571428573em;
  padding: 1.2857142857142858em;
  padding-top: 8.571428571428571em;
}
.header-banner__content h1.primary-heading--underline,
.header-banner__content h1.primary-heading--underline-light,
.header-banner__content h1.wysiwyg h1,
.header-banner__content h1.wysiwyg h2 {
  margin-bottom: 1.5em;
}
.header-banner__content h1.primary-heading--underline:after,
.header-banner__content h1.primary-heading--underline-light:after,
.header-banner__content h1.wysiwyg h1:after,
.header-banner__content h1.wysiwyg h2:after {
  height: 7px;
  width: 33.33333%;
  bottom: -0.7333333333333333em;
  background-color: #ffffff;
}
.header-banner__content h1,
.header-banner__content h2,
.header-banner__content h3,
.header-banner__content p,
.header-banner__content li {
  color: #ffffff;
}
.header-banner__content li:nth-child(1) .header-banner__stat {
  background-color: #d4123b;
}
.header-banner__content li:nth-child(2) .header-banner__stat {
  background-color: #e59213;
}
.stat--stand-alone__container {
  margin-top: 2.2142857142857144em;
}
.stat--stand-alone__container > *:nth-child(1) .stat--stand-alone {
  background-color: #d4123b;
}
.stat--stand-alone__container > *:nth-child(2) .stat--stand-alone {
  background-color: #e59213;
}
.stat--stand-alone__container figure {
  margin-top: 0;
}
.stat--stand-alone,
.header-banner__stat {
  -webkit-border-radius: 1000em;
  -moz-border-radius: 1000em;
  -o-border-radius: 1000em;
  border-radius: 1000em;
  margin: 0 auto;
  width: 5.714285714285714em;
  height: 5.714285714285714em;
  position: relative;
  color: #ffffff;
  background-color: #e55d13;
}
.stat--stand-alone i,
.header-banner__stat i,
.stat--stand-alone span,
.header-banner__stat span {
  -webkit-transform: translate(-50%, -42%);
  -moz-transform: translate(-50%, -42%);
  -o-transform: translate(-50%, -42%);
  -ms-transform: translate(-50%, -42%);
  transform: translate(-50%, -42%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.lte8 .stat--stand-alone i,
.lte8 .header-banner__stat i,
.lte8 .stat--stand-alone span,
.lte8 .header-banner__stat span {
  margin-top: -18px;
  margin-left: -18px;
}
.stat--stand-alone {
  margin-top: 1.2857142857142858em;
}
.inner-banner {
  padding: 2em;
  color: #ffffff;
}
.inner-banner h4 {
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 0.8333333333333334em;
}
.banner--homepage-main .banner__heading {
  font-size: 30px;
  font-size: 1.875rem;
  min-height: 110px;
}
.banner__callout {
  padding: 1.4285714285714286em 4.642857142857143em 1.4285714285714286em 1.4285714285714286em;
  position: relative;
  background-color: rgba(32, 26, 23, 0.9);
}
.banner__callout:before {
  font-size: 44px;
  font-size: 2.75rem;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  right: 20px;
  color: #ffffff;
}
.banner__callout:hover:before,
.banner__callout:focus:before {
  color: #e55d13;
}
.lte8 .banner__callout {
  background-color: #201a17;
}
.content-breaker--large {
  padding-top: 5.714285714285714em;
  padding-bottom: 5.714285714285714em;
}
.banner__form--start {
  background-color: #201a17;
  color: #d7d5c9;
}
.banner__form--start.apply-page {
  background: none;
  color: #ffffff;
  margin-top: 3em;
}
.banner__form--start.apply-page label {
  color: #ffffff;
}
.banner__form--start.apply-page .input-alert--error {
  bottom: 110%;
}
.banner__form--start .banner__form__content {
  padding: 1.5714285714285714em 2em;
}
.banner__form--start input,
.banner__form--start textarea,
.banner__form--start select {
  margin-top: 0.35714285714285715em;
  margin-bottom: 0;
  color: #ffffff;
  background-color: #323232;
  border-color: #111;
}
.banner__form--start input.input--inverse,
.banner__form--start textarea.input--inverse,
.banner__form--start select.input--inverse {
  background-color: #ffffff;
  color: #323232;
  border-color: #ffffff;
  border-width: 0.2857142857142857em;
}
.banner__form--start input.input--clear,
.banner__form--start textarea.input--clear,
.banner__form--start select.input--clear {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  font-size: 16px;
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
  border-width: 0.2857142857142857em;
  border-radius: 0;
  padding: 0.35714285714285715em 0.7142857142857143em;
}
.banner__form--start input.input--clear:focus,
.banner__form--start textarea.input--clear:focus,
.banner__form--start select.input--clear:focus {
  outline: -webkit-focus-ring-color auto 0px;
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
  outline-width: 0;
}
.banner__form--start input.input--inline,
.banner__form--start textarea.input--inline,
.banner__form--start select.input--inline {
  width: inherit;
  display: inline-block;
  line-height: 1em;
  height: inherit;
}
.banner__form--start label {
  margin-top: 1.0714285714285714em;
  color: #afaeaf;
}
.banner__form--start label.input--inline {
  width: inherit;
  display: inline-block;
  line-height: 1em;
  height: inherit;
}
.banner__form--header {
  padding: 1.5714285714285714em 1.0714285714285714em;
  position: relative;
  background-color: #e55d13;
  color: #ffffff;
}
.banner__form--header:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 1.7857142857142858em;
  border-top: 1.0714285714285714em solid #e55d13;
  border-left: 1.0714285714285714em solid transparent;
  border-right: 1.0714285714285714em solid transparent;
}
.banner__form--header a {
  margin-right: 0.5em !important;
  margin-left: 1.0714285714285714em;
  position: relative;
  z-index: 100;
  color: #ffffff;
}
.banner__form--header a:after {
  -webkit-border-radius: 1000em;
  -moz-border-radius: 1000em;
  -o-border-radius: 1000em;
  border-radius: 1000em;
  content: "";
  height: 1.7857142857142858em;
  width: 1.7857142857142858em;
  position: absolute;
  top: -0.2857142857142857em;
  left: -0.6428571428571429em;
  z-index: -1;
  border: 2px solid #ffffff;
}
.banner__form--header a:hover,
.banner__form--header a:focus,
.banner__form--header a.is-current {
  color: #e47904;
}
.banner__form--header a:hover:after,
.banner__form--header a:focus:after,
.banner__form--header a.is-current:after {
  background-color: #ffffff;
}
/*

Sidebar Navigation

*/
.interior-sidebar__heading {
  padding: 0.7083333333333334em 1.0416666666666667em 0.5em 1.0416666666666667em;
  background-color: #ffffff;
}
.interior-sidebar__heading a,
.interior-sidebar__heading a:hover,
.interior-sidebar__heading a:focus {
  color: #323232;
}
.interior-sidebar__nav {
  overflow: hidden;
}
.interior-sidebar__nav li {
  margin-top: 2px;
}
.interior-sidebar__nav a {
  padding-top: 0.7142857142857143em;
  padding-bottom: 0.7142857142857143em;
  color: #ffffff;
  text-decoration: none;
}
.sidebar-nav__level-1 > a.is-current,
.sidebar-nav__level-2 > a.is-current {
  z-index: 40;
}
.sidebar-nav__level-1 > a.is-current:after,
.sidebar-nav__level-2 > a.is-current:after {
  content: "";
  width: 100%;
  height: 10px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 20;
  background: transparent url('/resources/images/ui/sidebar-nav-shadow.png') repeat-x 0 0;
}
.sidebar-nav__level-1 {
  z-index: 30;
}
.sidebar-nav__level-1 a {
  padding-left: 1.7857142857142858em;
  padding-right: 1.7857142857142858em;
  background-color: #323232;
}
.sidebar-nav__level-1 a:hover,
.sidebar-nav__level-1 a:focus,
.sidebar-nav__level-1 a.is-current {
  background-color: #5b5b5b;
}
.sidebar-nav__level-2 {
  z-index: 20;
}
.sidebar-nav__level-2 a {
  background-color: #e55d13;
  padding-left: 3.2142857142857144em;
}
.sidebar-nav__level-2 a:hover,
.sidebar-nav__level-2 a:focus,
.sidebar-nav__level-2 a.is-current {
  background-color: #e47904;
}
.sidebar-nav__level-3 {
  z-index: 10;
}
.sidebar-nav__level-3:last-of-type {
  position: relative;
}
.sidebar-nav__level-3 a {
  background-color: #d7d5c9;
  padding-left: 4.642857142857143em;
  color: #323232;
}
.sidebar-nav__level-3 a:hover,
.sidebar-nav__level-3 a:focus,
.sidebar-nav__level-3 a.is-current {
  background-color: #ebeae4;
}
.sidebar--cta {
  margin-top: 2px;
  padding-left: 1.3888888888888888em;
  text-align: left;
}
.basic-interior-content,
.basic-interior-content--full {
  padding: 2.142857142857143em 1.2857142857142858em;
  background-color: #f9f9f7;
}
/*

Choosing Amberton Landing

*/
.section-card__preview {
  margin-top: 1.6428571428571428em;
}
.section-card__preview img {
  display: block;
}
.section-card__heading {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 2px solid #323232;
}
.section-card__featured-date {
  padding-bottom: 0.35714285714285715em;
  border-bottom: 7px solid #d7d5c9;
}
/*

Faculty Landing

*/
.faculty__listing--portrait {
  margin-bottom: 1.2857142857142858em;
}
.faculty__listing--portrait:hover {
  cursor: pointer;
}
.faculty__listing--portrait .listing__container {
  position: relative;
}
.faculty__listing--portrait .listing__text {
  width: 100%;
  display: none;
  color: #ffffff;
}
.faculty__listing--portrait .linsting__text:hover,
.faculty__listing--portrait .linsting__text:focus {
  color: #ffffff;
}
.faculty__listing--portrait .listing__figure-name {
  width: 100%;
  display: block;
  padding: 0.7142857142857143em 1.4285714285714286em;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  color: #ffffff;
  background-color: #e55d13;
}
.faculty__listing--portrait .listing__figure-name.post-icon--go:after {
  position: relative;
  top: 1px;
  left: 0;
}
.faculty__listing--home-page:hover {
  cursor: pointer;
}
.faculty__listing--home-page .listing__text {
  display: none;
}
.faculty__listing--home-page .listing__figure-name {
  width: 100%;
  display: block;
  padding: 0.7142857142857143em 1.4285714285714286em;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  color: #ffffff;
  background-color: #e55d13;
}
.faculty__listing--home-page .listing__figure-name.post-icon--go:after {
  position: relative;
  top: 1px;
  left: 0;
}
/*

Faculty Member

*/
.member__card--general,
.member__card--contact {
  padding: 3.2142857142857144em 1.2857142857142858em;
}
.member__card--contact {
  background-color: #f9f9f7;
}
.member__card--contact .tertiary-heading--underline {
  margin-top: 0.5555555555555556em;
  margin-bottom: 1.1111111111111112em;
  padding-bottom: 0.5555555555555556em;
}
.member__card--contact [href^="mailto:"] {
  word-wrap: break-word;
}
.member__card--contact [class*="pre-icon"]:before,
.member__card--contact [class*="icon"]:before {
  font-size: 18px;
  font-size: 1.125rem;
}
.recovery-button {
  clear: both;
}
.recovery-button a {
  padding: 1.4285714285714286em 2.857142857142857em;
  color: #323232;
  background-color: #d7d5c9;
}
.recovery-button a:hover,
.recovery-button a:focus {
  color: #323232;
  background-color: #edece6;
}
.faculty-member__degrees .member__degress--heading {
  padding: 2.857142857142857em 2.142857142857143em 2.857142857142857em 2.142857142857143em;
  background-color: #201a17;
}
.faculty-member__degrees .member__degress--heading h2 {
  font-size: 20px;
  font-size: 1.25rem;
}
.faculty-member__degrees li {
  float: left;
}
.faculty-member__degrees li span {
  padding: 1.6428571428571428em;
}
.faculty-member__degrees li:nth-child(1) {
  background-color: #17769d;
}
.faculty-member__degrees li:nth-child(2) {
  background-color: #197ca6;
}
.faculty-member__degrees li:nth-child(3) {
  background-color: #1a83af;
}
.faculty-member__degrees li:nth-child(4) {
  background-color: #1b8ab8;
}
.faculty-member__degrees li:nth-child(5) {
  background-color: #1d90c0;
}
.faculty-member__degrees li:nth-child(6) {
  background-color: #1e97c9;
}
.faculty-member__degrees li:nth-child(7) {
  background-color: #1f9ed2;
}
.faculty-member__degrees li:nth-child(8) {
  background-color: #21a4db;
}
.faculty-member__degrees li:nth-child(9) {
  background-color: #27a9df;
}
.faculty-member__degrees li:nth-child(10) {
  background-color: #30ace0;
}
.faculty-member__degrees li:nth-child(11) {
  background-color: #39b0e2;
}
.faculty-member__degrees li:nth-child(12) {
  background-color: #42b3e3;
}
.faculty-member__degrees li:nth-child(13) {
  background-color: #4ab7e4;
}
.faculty-member__degrees li:nth-child(14) {
  background-color: #53bbe5;
}
.faculty-member__degrees li:nth-child(15) {
  background-color: #5cbee7;
}
.faculty-member__degrees li:nth-child(16) {
  background-color: #65c2e8;
}
.faculty-member__degrees li:nth-child(17) {
  background-color: #6ec5e9;
}
.faculty-member__degrees li:nth-child(18) {
  background-color: #77c9eb;
}
.faculty-member__degrees li:nth-child(19) {
  background-color: #80ccec;
}
.faculty-member__degrees li:nth-child(20) {
  background-color: #89d0ed;
}
.faculty-member__programs {
  margin-top: 6.642857142857143em;
  margin-bottom: 4.285714285714286em;
}
.faculty-member__programs li {
  margin-top: 0.35714285714285715em;
  margin-bottom: 0.7142857142857143em;
}
.faculty-member__bio h2:first-of-type {
  margin-top: 0;
}
/* 

Apply Page

*/
.apply-page__advisor img {
  -webkit-border-radius: 1000em;
  -moz-border-radius: 1000em;
  -o-border-radius: 1000em;
  border-radius: 1000em;
}
.apply--thankyou {
  padding-top: 3.9285714285714284em;
  padding-bottom: 3.9285714285714284em;
}
.apply--thankyou .icon--circle-down:before {
  margin-top: 0.14285714285714285em;
}
.apply-thankyou-msg {
  padding: 0 2.142857142857143em;
}
[class*=apply__form__perks] {
  text-align: center;
}
[class*=apply__form__perks] li {
  margin-bottom: 0.8333333333333334em;
}
/*

Quote Slider

*/
.quote-rotator {
  margin: 2.5em 0;
  padding: 2.857142857142857em 1.4285714285714286em 2.142857142857143em 1.4285714285714286em;
  border-top: 1px solid #afaeaf;
  border-bottom: 1px solid #afaeaf;
}
.quote-rotator.home-page-quote-rotator {
  padding: 2.857142857142857em 0 2.142857142857143em 0;
  border-top: none;
  border-bottom: none;
}
.slides li {
  background-color: #f9f9f7;
}
.slides.home-page-slides li {
  background-color: #dbdbdb;
}
.slides.home-page-slides blockquote {
  color: #ffffff;
  padding: 0 2.142857142857143em 0 2.142857142857143em;
}
.slides.home-page-slides blockquote:before {
  left: 1.0714285714285714em;
}
.slides.home-page-slides .blockquote__cite {
  color: #ffffff;
}
.home-slider .flex-direction-nav {
  position: relative;
  width: 100%;
  margin-top: 200px;
  padding-left: 0;
  list-style: none outside none;
}
.home-rotator-progress-bar {
  position: relative;
}
/*

Figure With Caption

*/
.figure-full,
.figure-quarter,
.figure-half {
  margin-bottom: 2.2142857142857144em;
}
/*

Tabs

*/
.tabs.inner-tabs {
  position: relative;
  top: -2.142857142857143em;
  left: 0;
}
.tabs.inner-tabs .reveal__target {
  padding: 4.285714285714286em 1.2857142857142858em;
  background-color: #ffffff;
}
.tabs.inner-tabs .tabs__nav {
  margin-top: 2.2142857142857144em;
  display: block;
}
.tabs.inner-tabs .tabs__nav li {
  padding: 0.6428571428571429em 1.2857142857142858em 0.7857142857142857em 1.2857142857142858em;
  background-color: #e55d13;
  text-align: center;
}
.tabs.inner-tabs .tabs__nav li:hover {
  cursor: pointer;
}
.tabs.inner-tabs .tabs__nav li.is-revealed {
  background-color: #e47904;
}
.tabs.inner-tabs .tabs__nav li.is-revealed a {
  color: #ffffff;
}
.tabs.inner-tabs .tabs__nav a {
  display: block;
  color: #ffffff;
  text-decoration: none;
}
/*

Our History

*/
.our-history .media-object h2 {
  margin-top: 1.3636363636363635em;
  position: relative;
}
.our-history .media-object h2:before {
  content: "";
  width: 100%;
  height: 7px;
  position: absolute;
  top: -20px;
  left: 0;
}
.our-history .media-object h2:after {
  background-color: transparent;
  height: 0;
  width: 0;
}
.our-history .media-object p {
  margin-top: 2.5em;
}
.our-history .media-object:nth-child(1) h2:before {
  background-color: #eb252e;
}
.our-history .media-object:nth-child(2) h2:before {
  background-color: #e59213;
}
.our-history .media-object:nth-child(3) h2:before {
  background-color: #e7c713;
}
.our-history .media-object:nth-child(4) h2:before {
  background-color: #86b512;
}
.our-history .media-object:nth-child(5) h2:before {
  background-color: #166f94;
}
/*

Flippable Cards

*/
.flip {
  max-width: 100%;
  position: relative;
  float: left;
  z-index: 100;
  overflow: visible;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.flip .flip-front,
.flip .flip-back {
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip .flip-front {
  -webkit-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -ms-transform: perspective(1000px);
  transform: perspective(1000px);
}
.flip .flip-back {
  -webkit-transform: perspective(1000px) rotateY(180deg);
  -moz-transform: perspective(1000px) rotateY(180deg);
  -o-transform: perspective(1000px) rotateY(180deg);
  -ms-transform: perspective(1000px) rotateY(180deg);
  transform: perspective(1000px) rotateY(180deg);
  position: absolute !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.no-csstransforms3d .flip .flip-back {
  display: none;
}
[class*="info-cards"] {
  margin-top: 2.2142857142857144em;
}
[class*="info-cards"] .card__content {
  padding: 1.4285714285714286em 1.2857142857142858em;
}
[class*="info-cards"] .card__heading--back {
  padding: 1.0714285714285714em 1.2857142857142858em;
  background-color: #1f1a16;
}
[class*="info-cards"] .card__heading--back h3,
[class*="info-cards"] .card__heading--back h4,
[class*="info-cards"] .card__heading--back h5,
[class*="info-cards"] .card__heading--back .card__sub-heading {
  color: #ffffff;
}
[class*="info-cards"] .card__heading + p,
[class*="info-cards"] .card__heading--back + p,
[class*="info-cards"] .card__sub-heading + p {
  margin-top: 0.7142857142857143em;
}
[class*="info-cards"] .card__heading + ul,
[class*="info-cards"] .card__heading--back + ul,
[class*="info-cards"] .card__sub-heading + ul,
[class*="info-cards"] .card__heading + ol,
[class*="info-cards"] .card__heading--back + ol,
[class*="info-cards"] .card__sub-heading + ol {
  margin-top: 1.0714285714285714em;
}
[class*="info-cards"] .card__heading,
[class*="info-cards"] .card__heading--back {
  margin-top: 0;
  color: #e55d13;
}
[class*="info-cards"] .card__sub-heading {
  display: block;
  margin-top: 0.35714285714285715em;
  color: #323232;
}
[class*="info-cards"] .card__cta {
  width: 100%;
  padding: 0.7142857142857143em 1.0714285714285714em;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e55d13;
  color: #ffffff;
  text-decoration: none;
}
[class*="info-cards"] .card__icon--upper-right {
  position: absolute;
  top: 0.7142857142857143em;
  right: 1.2857142857142858em;
}
[class*="info-cards"] .card__icon--upper-right [class*="icon--"] {
  -webkit-border-radius: 1000em;
  -moz-border-radius: 1000em;
  -o-border-radius: 1000em;
  border-radius: 1000em;
  font-size: 24px;
  font-size: 1.5rem;
  display: block;
  margin-left: 0.20833333333333334em;
  width: 1.4583333333333333em;
  height: 1.4583333333333333em;
  position: relative;
  background-color: #e55d13;
  color: #ffffff;
}
[class*="info-cards"] .card__icon--upper-right [class*="icon--"]:before {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
[class*="info-cards"] .card__icon--upper-right .icon--distance {
  background-color: #1f6d97;
}
[class*="info-cards"] .card__icon--upper-right .icon--classroom {
  background-color: #e5ad58;
}
.js [class*="info-cards"]:hover,
.js [class*="info-cards"]:focus {
  cursor: pointer;
}
.info-cards--generic {
  background-color: #ffffff;
  border: 1px solid #afaeaf;
}
.info-cards--generic .card__sub-heading {
  margin-top: 0.35714285714285715em;
  color: #e55d13;
}
.flip-corner.flip-front {
  position: relative;
}
.flip-corner.flip-front:before,
.flip-corner.flip-front:after {
  position: absolute;
}
.flip-corner.flip-front:before {
  bottom: 0;
  right: 5px;
  z-index: 50;
  color: #ffffff;
}
.flip-corner.flip-front:after {
  content: "";
  border-left: 2.857142857142857em solid transparent;
  border-bottom: 2.857142857142857em solid #e55d13;
  bottom: 0;
  right: 0;
}
/*

Course Listing / Course Catalogue / Course Guide

*/
.course__search + form .expand__target.is-expanded {
  max-height: 110.71428571428571em;
}
.filter-form__course-level input,
.filter-form__course-availability input {
  display: inline-block;
}
.course-listing li {
  border-top: 1px solid #afaeaf;
  padding-bottom: 0.7142857142857143em;
  padding-top: 0.7142857142857143em;
}
/*

Footer

*/
.main-footer {
  background-color: #323232;
  padding-top: 3.4285714285714284em;
  color: #959595;
}
.main-footer a {
  color: #e97433;
}
.main-footer h4 {
  color: #ffffff;
}
.main-footer .icon__portal--footer {
  position: relative;
  top: 0.1111111111111111em;
}
.footer__search {
  padding: 1.7142857142857142em;
  background-color: #2e2d2d;
}
.footer__search--icon {
  margin-top: -0.5714285714285714em;
  position: absolute;
  top: 50%;
  left: 0.8571428571428571em;
  z-index: 100;
}
.footer__search input {
  padding: 0.7142857142857143em;
  border: 0;
}
.footer__search [type="submit"] {
  padding-top: 0.4444444444444444em;
  padding-bottom: 0.4444444444444444em;
}
.footer__news {
  padding-bottom: 1.6428571428571428em;
  margin-bottom: 1.2857142857142858em;
  border-bottom: 1px solid #959595;
}
.footer__calendar h5 {
  color: #ffffff;
}
.footer__nav li {
  margin: 0.4166666666666667em 0;
}
.footer__nav li:first-of-type {
  margin-top: 0;
}
.footer__nav li a {
  color: #959595;
}
.footer__nav li a:hover,
.footer__nav li a:focus {
  color: #afafaf;
}
.footer__advisor {
  margin-top: 3.9285714285714284em;
  display: flex;
  align-items: center;
}
.footer__advisor img {
  -webkit-border-radius: 1000em;
  -moz-border-radius: 1000em;
  -o-border-radius: 1000em;
  border-radius: 1000em;
  float: left;
  max-width: 150px;
  margin-right: 1.2857142857142858em;
}
.footer__branding {
  margin-top: 1.0714285714285714em;
  padding-top: 1.6428571428571428em;
  border-top: 1px solid #959595;
}
.footer__branding a {
  color: #959595;
}
.footer__branding a:hover,
.footer__branding a:focus {
  color: #afafaf;
}
.footer__copyright {
  margin-top: 3.2142857142857144em;
  padding-top: 1.0714285714285714em;
  padding-bottom: 1.1428571428571428em;
  background-color: #2e2d2d;
}
.footer__copyright .copyright {
  color: #ffffff;
}
.footer__social-list a {
  margin-right: 0.1590909090909091em;
  color: #959595;
}
.footer__social-list a:hover,
.footer__social-list a:focus {
  color: #ffffff;
}
.footer__icons {
  margin-top: 2.7142857142857144em;
  text-align: center;
}
.footer__icons img {
  padding-bottom: 0.7142857142857143em;
}
/* GET INFO FOOTER & SECTION */
.get-info__footer {
  background-color: rgba(255, 255, 255, 0.75);
  padding: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  z-index: 100;
  flex-wrap: wrap;
}
@media screen and (max-width: 47.9375em) {
  .get-info__footer a {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
.get-info__footer--clicked {
  display: none;
}
.get-info__button {
  color: #ffffff;
  font-size: 23px;
  text-align: center;
  padding: 10px 50px;
  margin: 0 10px;
  width: 90%;
}
@media screen and (min-width: 48em) {
  .get-info__button {
    width: auto;
    font-size: 24px;
  }
}
.get-info__button--grey {
  background-color: #5b5b5b;
}
.get-info__button--orange {
  background-color: #e55d13;
}
.get-info__modal {
  display: none;
  color: #f3f2ee;
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 675px;
  z-index: 200;
  max-height: 500px;
  overflow: scroll;
}
@media screen and (min-width: 48em) {
  .get-info__modal {
    width: 80%;
    max-height: 1000px;
    overflow: inherit;
  }
}
.get-info__modal h4 {
  background-color: #e55d13;
  font-size: 22px;
  padding: 15px;
  position: relative;
  line-height: 1.25;
}
@media screen and (min-width: 48em) {
  .get-info__modal h4 {
    font-size: 26px;
  }
}
.get-info__modal h4:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #e55d13;
  position: absolute;
  right: 57px;
  bottom: -20px;
}
.get-info__modal--show {
  display: block;
}
.get-info__modal-content {
  background-color: #323232;
  text-align: center;
  padding: 25px;
}
.get-info__modal-content p {
  margin-top: 0;
  font-size: 18px;
  text-align: left;
  text-transform: capitalize;
}
.get-info__modal-content label {
  display: none;
}
.get-info__modal-phone {
  font-size: 22px;
  color: #E7C713;
  margin-top: 0;
  text-align: left;
  display: flex;
  align-items: center;
  padding-top: 20px;
}
@media screen and (min-width: 48em) {
  .get-info__modal-phone {
    font-size: 64px;
    padding-top: 0;
  }
}
.get-info__inline {
  text-align: left;
}
.get-info__icon {
  width: 25px;
  margin-right: 20px;
}
@media screen and (min-width: 48em) {
  .get-info__icon {
    width: 50px;
    margin-right: 25px;
  }
}
.get-info__icon-small {
  width: 30px;
  margin-right: 20px;
}
@media screen and (min-width: 48em) {
  .get-info__icon-small {
    width: 40px;
    margin-right: 15px;
  }
}
.get-info__icon-row {
  display: flex;
  align-items: flex-start;
  padding-bottom: 25px;
}
.get-info__close {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  background-color: white;
  color: #201a17;
  border: 2px solid black;
}
@media screen and (min-width: 48em) {
  .get-info__close {
    top: 45px;
    right: -40px;
  }
}
.get-info__close-icon {
  box-sizing: border-box;
  display: table-cell;
  height: 28px;
  max-height: 28px;
  max-width: 28px;
  padding: 5px;
  vertical-align: middle;
  width: 28px;
  fill: #323232;
  margin-left: -5px;
}
.get-info__container {
  padding-top: 25px;
}
.get-info__input,
.get-info__dropdown {
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15) inset;
  height: 40px;
  font-size: 16px;
  color: #323232 !important;
}
.get-info__input::placeholder {
  color: black !important;
}
input[type="text"]::-ms-input-placeholder {
  color: black !important;
}
input[type="email"]::-ms-input-placeholder {
  color: black !important;
}
input[type="tel"]::-ms-input-placeholder {
  color: black !important;
}
.get-info__row {
  display: flex;
  justify-content: space-between;
}
.get-info__row input {
  width: 48%;
  font-family: "Proxima Nova", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif !important;
}
.get-info__dropdown {
  width: 100%;
}
.get-info__modal-button {
  font-size: 18px;
  width: 100%;
  margin-left: 0;
}
@media screen and (min-width: 48em) {
  .get-info__modal-button {
    font-size: 20px;
    width: auto;
  }
}
.get-info__modal-text--show-abandon {
  display: none;
}
.get-info__modal--abandon .get-info__modal-text--show-abandon {
  display: initial;
}
.get-info__modal-text--show-cta {
  display: initial;
}
.get-info__modal--abandon .get-info__modal-text--show-cta {
  display: none;
}
input:ms-input-placeholder {
  color: black;
}
/* 
THANK YOU PAGE
*/
.thankyou__section {
  background-color: white;
}
.thankyou__section-content {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
}
@media screen and (min-width: 77.5em) {
  .thankyou__section-content {
    max-width: 1000px;
  }
}
.thankyou__section-content h1 {
  font-size: 36px;
  text-align: center;
  line-height: 1.2;
}
.thankyou__section-content p {
  text-align: center;
  color: #696969;
  font-size: 20px;
  line-height: 1.2;
}
.thankyou__thin {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.thankyou__save {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 40px 0;
}
@media screen and (min-width: 48em) {
  .thankyou__save {
    justify-content: space-between;
  }
}
.thankyou__save h6 {
  margin-top: 0;
}
.thankyou__save h6,
.thankyou__save a {
  font-size: 20px;
}
.thankyou__save a {
  color: black;
  text-decoration: none;
}
.thankyou__bookmark {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 47.9375em) {
  .thankyou__bookmark {
    padding-top: 10px;
  }
}
.thankyou__icon {
  width: 25px;
  margin-right: 10px;
}
.thankyou__video {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  margin-bottom: 40px;
}
.thankyou__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.thankyou__button {
  color: white;
  background-color: #e55d13;
  padding: 25px;
  font-size: 20px;
  text-decoration: none;
  display: block;
  max-width: 300px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
.thankyou__fine-print {
  font-size: 12px !important;
  padding: 10px 0;
}
.thankyou__documents {
  padding-top: 10px;
  padding-bottom: 20px;
}
.thankyou__documents h2 {
  font-size: 30px;
  text-align: center;
  padding: 40px 0;
  margin-top: 0;
  line-height: 1.2;
}
@media screen and (min-width: 48em) {
  .thankyou__documents .thankyou__row {
    display: flex;
    justify-content: space-between;
  }
}
.thankyou__documents ul {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .thankyou__documents ul {
    width: 48%;
  }
}
.thankyou__documents ul li {
  padding-bottom: 15px;
}
.thankyou__documents ul li:before {
  display: none;
}
.thankyou__documents ul li a {
  font-size: 18px;
  text-decoration: none;
  color: black;
  line-height: 1.5;
  display: flex;
  align-items: center;
  display: block;
  font-weight: 600;
}
.thankyou__documents ul li a:after {
  content: "";
  display: inline-block;
  background-image: url('/resources/images/home/play-circle-solid.svg');
  background-position: center center;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  margin-left: 5px;
}
@media screen and (min-width: 48em) {
  .thankyou__row {
    display: flex;
    justify-content: space-between;
  }
}
.thankyou__col {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .thankyou__col {
    width: 48%;
  }
}
.thankyou__documents-link {
  padding-bottom: 15px;
}
.thankyou__documents-link a {
  font-size: 18px;
  text-decoration: none;
  color: black;
  line-height: 1.5;
  display: flex;
  align-items: center;
}
.thankyou__documents-transcript a {
  display: block;
  font-weight: 600;
}
.thankyou__play-icon {
  width: 18px;
  margin-left: 5px;
}
/*

Programs and Landing

*/
.pac-course-search-bar {
  margin-bottom: 0.7142857142857143em;
}
/*

Course Catalog (or Guide)

*/
.course-filter__menu {
  padding: 2.142857142857143em 1.7857142857142858em;
}
[class*="filter-option"] {
  width: 100%;
  margin: 0;
}
[class*="filter-option"]:after {
  width: 0;
}
[class*="filter-option"]:before {
  display: none;
}
.filter-icon.pre-icon--classroom:before {
  color: #E49B00;
}
.filter-icon.pre-icon--distance:before {
  color: #0878A3;
}
.legend-icon {
  display: none;
}
.seasons__legend {
  position: absolute;
  top: 1.7857142857142858em;
  right: 1.6428571428571428em;
}
.seasons__legend__desc {
  position: absolute;
  bottom: 100%;
  left: 0;
}
.tool-tip--hidden {
  display: none;
}
.filter-icon--checkbox:before {
  display: none;
}
.calendar__section__row {
  margin-bottom: 2.857142857142857em;
}
.event-date {
  border-bottom: 7px solid #d7d5c9;
}
/*Event Tag Colors*/
[class*="event-tag"] .event-date {
  border-bottom-width: 7px;
  border-bottom-style: solid;
}
[class*="event-tag"] .event-title:before {
  font-size: 18px;
  font-size: 1.125rem;
  padding-right: 0.5em;
  font-family: "amberton-icons";
}
.event-tag--orientation .event-date {
  border-bottom-color: #1f75ae;
}
.event-tag--orientation .event-title:before {
  content: "\e005";
  color: #1f75ae;
}
.event-tag--holiday .event-date {
  border-bottom-color: #72bc44;
}
.event-tag--holiday .event-title:before {
  content: "\e005";
  color: #72bc44;
}
.event-tag--graduation .event-date {
  border-bottom-color: #d71f3e;
}
.event-tag--graduation .event-title:before {
  content: "\e005";
  color: #d71f3e;
}
.event-tag--finals-week .event-date {
  border-bottom-color: #b47c99;
}
.event-tag--finals-week .event-title:before {
  content: "\e005";
  color: #b47c99;
}
.event-tag--community-event .event-date {
  border-bottom-color: #e47904;
}
.event-tag--community-event .event-title:before {
  content: "\e005";
  color: #e47904;
}
.event-tag--register-withdrawal .event-date {
  border-bottom-color: #e6c71d;
}
.event-tag--register-withdrawal .event-title:before {
  content: "\e005";
  color: #e6c71d;
}
.section--spotlight {
  background-color: #f3f2ee;
}
.logo-container {
  display: block;
}
.cluster__quote-container.ratio--square:before {
  padding-top: 0;
}
.cluster__spotlight,
.cluster__news-events {
  padding: 1.4285714285714286em;
}
.align--vertical-middle {
  display: table-cell;
  vertical-align: middle;
}
.align--vertical-middle--wrapper {
  display: table;
}
.line-height-buffer {
  line-height: 1.2;
}
.button--circle {
  font-size: 18px;
  font-size: 1.125rem;
  width: 100%;
  border: 5px solid #ffffff;
  padding: 0.7142857142857143em 0;
  margin: 0 auto 0.7142857142857143em;
}
.career-path--fr {
  text-align: center;
}
.career-path--fl {
  float: center;
}
.career-path--fr-ar {
  text-align: center;
}
.career-path--line-header i {
  left: 50%;
  bottom: 2%;
  position: absolute;
  margin-left: -50px;
  width: 100px;
  z-index: 10;
}
.career-path--line-closing-section i {
  left: 50%;
  bottom: 81%;
  margin-left: -50px;
  width: 100px;
  z-index: 10;
  position: absolute;
}
.career-path--header {
  padding: 7.142857142857143em 0 12.857142857142858em 0;
}
.career-path--mid-section {
  padding: 4.285714285714286em 0 5.714285714285714em 0;
}
.career-path--closing-section {
  padding: 8.571428571428571em 0 4.285714285714286em 0;
}
.career-path--rect-spotlight {
  border: 0.35714285714285715em solid #e47904;
}
.career-path--icon {
  background-color: #e55d13;
  color: white;
  width: 100px;
  height: 100px;
  padding-top: 2.5em;
}
.career-path--icon span:before {
  font-size: 60px;
  font-size: 3.75rem;
}
.career-path--circle-spotlight {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 0.42857142857142855em solid #ffffff;
}
.career-path--circle-spotlight-orange {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 0.42857142857142855em solid #e47904;
}
.career-path--circle-spotlight-fixed {
  border: 0.5em solid #ffffff;
  width: 100%;
  height: 25em;
  padding: 3.2142857142857144em 2.5em 1.7857142857142858em 2.5em;
}
.career-path--circle-spotlight-fixed.float--center {
  margin-right: auto;
  margin-left: auto;
}
.career-path--circle-spotlight-fixed-small {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 0.42857142857142855em solid #ffffff;
  margin: auto;
  width: 8.928571428571429em;
  height: 8.928571428571429em;
  background-size: 110%;
}
.career-path--circle-spotlight-fixed-medium {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 0.42857142857142855em solid #ffffff;
  margin: auto;
  width: 16.071428571428573em;
  height: 16.071428571428573em;
  background-size: 110%;
}
.blogLandingPagenation {
  position: absolute;
  left: 58%;
  padding-top: 1%;
}
.howToApply__top-container {
  padding-top: 2.857142857142857em;
  padding-bottom: 2.857142857142857em;
  display: none;
}
.howToApply__bottom-container {
  padding-bottom: 5.714285714285714em;
}
.howToApply__badge {
  padding: 0.7142857142857143em 1.2857142857142858em 0 1.2857142857142858em;
  background: #e47904;
  color: #ffffff;
  display: none;
  width: 100%;
  margin: 0 auto;
  max-width: 300px;
  text-align: center;
  position: relative;
  margin-bottom: 100px;
}
.howToApply__badge:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
  border-top: 100px solid #e47904;
}
.howToApply__badge p {
  margin-top: 0.7142857142857143em;
}
@supports (clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 100px), 50% 100%, 0% calc(100% - 100px))) {
  .howToApply__badge {
    padding-bottom: 2.142857142857143em;
    margin-bottom: 0;
    clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 100px), 50% 100%, 0% calc(100% - 100px));
  }
}
.howToApply__check {
  display: block;
  width: 120px;
  height: 120px;
  margin: 0.7142857142857143em auto 0 auto;
}
.howToApply__apply-headline {
  color: #e47904;
  text-transform: uppercase;
  margin-top: 1.4285714285714286em;
  text-align: center;
  letter-spacing: 0.04em;
}
.howToApply__list {
  counter-reset: howToApply__list;
  list-style: none;
  padding-left: 0;
  margin-top: 0;
}
.howToApply__list li {
  counter-increment: howToApply__list;
  margin-top: 1.4285714285714286em;
  padding-left: 50px;
  position: relative;
  min-height: 40px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.howToApply__list li:before {
  content: counter(howToApply__list);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  color: #ffffff;
  background: #e47904;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
}
.howToApply__list li:before .no-anyflexbox {
  padding: 8px 0;
  display: block;
}
.howToApply__anchor-link {
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-color: transparent;
  color: #000000;
}
.howToApply__anchor-link:hover,
.howToApply__anchor-link:focus {
  color: #e47904;
  text-decoration-color: #e47904;
}
.applicationStep__container {
  padding: 0;
  width: 100%;
  background: #ffffff;
  margin-top: 1.4285714285714286em;
  box-shadow: 2px 2px 49px 0 rgba(0, 0, 0, 0.2);
}
.applicationStep__number {
  margin-top: 0;
  color: #e47904;
  position: absolute;
  top: 50%;
  left: 0.6428571428571429em;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #ffffff;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-anyflexbox .applicationStep__number {
  text-align: center;
  padding: 5px;
}
.applicationStep__heading {
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 0;
}
.applicationStep__subheading {
  color: #e47904;
  margin-top: 0;
  display: none;
}
.applicationStep__option {
  padding: 1.4285714285714286em 1.2857142857142858em 2.857142857142857em 1.2857142857142858em;
  text-align: center;
}
.gcl-quarter .applicationStep__option {
  margin-top: 1.4285714285714286em;
}
.gcl-quarter:nth-of-type(1) .applicationStep__option {
  margin-top: 0;
}
.gcl-quarter:nth-of-type(2) .applicationStep__option:before,
.gcl-quarter:nth-of-type(3) .applicationStep__option:before {
  content: '';
  height: 3px;
  width: 50%;
  position: absolute;
  bottom: 0;
  left: 50%;
  background: #e47904;
  display: block;
  transform: translate3d(-50%, 50%, 0);
}
.applicationStep__header {
  position: relative;
  background: #e47904;
  display: block;
  padding: 18px calc(0.6428571428571429em + 40px);
}
.applicationStep__container--2 .applicationStep__header {
  background: #e55d13;
}
.applicationStep__reveal {
  opacity: 0;
  background: transparent;
  color: transparent;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.applicationStep__reveal:hover,
.applicationStep__reveal:focus {
  background: transparent;
  color: transparent;
}
.howToApply__right-arrow {
  display: inline-block;
  height: 30px;
  width: 30px;
  vertical-align: middle;
  margin: 0;
}
.howToApply__testimony {
  text-align: center;
  position: relative;
}
.howToApply__testimony-quote {
  margin-top: 2.857142857142857em;
  line-height: 1.4em;
}
.applicationStep__arrow {
  height: 30px;
  width: 30px;
  margin-top: 0;
  position: absolute;
  top: 50%;
  right: 0.6428571428571429em;
  transform: translateY(-50%);
  display: block;
}
.howToApply__button--icon {
  padding-left: 60px;
  position: relative;
}
.applicationStep__play {
  display: block;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.howToApply__testimony-content {
  position: relative;
  z-index: 1;
}
.howToApply__quote-icon {
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(100% + 8vw);
  transform: translateY(-50%);
  margin: 0;
  z-index: -1;
}
.howToApply__quote-icon img {
  display: block;
  width: 100%;
  height: auto;
}
/**
 * Base Only
 */
/**
 * Base & Small Only
 */
@media screen and (max-width: 47.9375em) {
  .s-text-shrink--paragon {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .mobile--hidden {
    /* Mixins */
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    overflow: hidden;
  }
  .mobile--hidden.focusable:active,
  .mobile--hidden.focusable:focus {
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    overflow: visible;
    position: static;
  }
  body:hover .mobile--hidden a,
  body:hover .mobile--hidden input,
  body:hover .mobile--hidden button {
    display: none;
  }
  .so-align--center {
    text-align: center;
  }
  /*

Main Header

*/
  .main-header .wrapper {
    width: 100%;
    margin: 0;
  }
  /*

Main Navigation

*/
  .main-nav li a {
    display: block;
    padding-left: 4%;
    padding-right: 4%;
    border-bottom: 1px solid #f2f1ed;
  }
  .faculty-member__programs {
    margin-top: 3.2142857142857144em;
  }
  .course-listing a {
    text-decoration: none;
  }
  .course-listing .data-table__section__cell {
    display: inline;
  }
  .course-filter__menu [class*="filter-option--"] {
    margin-bottom: 0.35714285714285715em;
  }
  .course-filter__menu .btn--tiny {
    width: 100%;
  }
  .interior-sidebar__nav {
    margin-bottom: 2.142857142857143em;
  }
}
@media screen and (min-width: 30em) and (max-width: 47.9375em) {
  /*

Wysiwyg Two Column Layout

*/
  .lte7 .wysiwyg .two-columns,
  .lte7 .wysiwyg .three-columns {
    zoom: 1;
  }
  .wysiwyg .two-columns:before,
  .wysiwyg .three-columns:before,
  .wysiwyg .two-columns:after,
  .wysiwyg .three-columns:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  .wysiwyg .two-columns:after,
  .wysiwyg .three-columns:after {
    clear: both;
  }
  .wysiwyg .two-columns[class*="-row"],
  .wysiwyg .three-columns[class*="-row"] {
    margin-left: -0.6428571428571429em;
    margin-right: -0.6428571428571429em;
  }
  .wysiwyg .two-columns > [class*="gc"],
  .wysiwyg .three-columns > [class*="gc"] {
    padding: 0 0.6428571428571429em;
    float: left;
  }
  .wysiwyg .two-columns > [class*="gc"] {
    width: 50%;
  }
  .wysiwyg .three-columns > [class*="gc"] {
    width: 33.33333%;
  }
  /*

Wysiwyg Figures

*/
  .wysiwyg .figure-full,
  .wysiwyg .figure-quarter,
  .wysiwyg .figure-half {
    width: 50%;
    margin-top: 0;
    float: right;
  }
  .wysiwyg .figure-quarter,
  .wysiwyg .figure-half {
    margin-left: 0.6428571428571429em;
  }
  .wysiwyg .our-history.figure-full {
    width: 100%;
    float: none;
  }
  .wysiwyg .figure-full {
    width: 100%;
    float: none;
  }
  /*

Mobile Two Columns
    
*/
  .lte7 .m-landscape--two-col[class*="-row"],
  .lte7 .m-landscape--two-col--padding[class*="-row"] {
    zoom: 1;
  }
  .m-landscape--two-col[class*="-row"]:before,
  .m-landscape--two-col--padding[class*="-row"]:before,
  .m-landscape--two-col[class*="-row"]:after,
  .m-landscape--two-col--padding[class*="-row"]:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  .m-landscape--two-col[class*="-row"]:after,
  .m-landscape--two-col--padding[class*="-row"]:after {
    clear: both;
  }
  .m-landscape--two-col > [class*="gc"],
  .m-landscape--two-col--padding > [class*="gc"] {
    float: left;
  }
  .m-landscape--two-col > [class*="gc"],
  .m-landscape--two-col--padding > [class*="gc"] {
    width: 50%;
  }
  .m-landscape--two-col--padding[class*="-row"],
  .m-landscape--three-col--padding[class*="-row"] {
    margin-left: -0.6428571428571429em;
    margin-right: -0.6428571428571429em;
  }
  .m-landscape--two-col--padding > [class*="gc"],
  .m-landscape--three-col--padding > [class*="gc"] {
    padding: 0 0.6428571428571429em;
  }
  /*

Mobile Three Columns
    
*/
  .lte7 .m-landscape--three-col[class*="-row"],
  .lte7 .m-landscape--three-col--padding[class*="-row"] {
    zoom: 1;
  }
  .m-landscape--three-col[class*="-row"]:before,
  .m-landscape--three-col--padding[class*="-row"]:before,
  .m-landscape--three-col[class*="-row"]:after,
  .m-landscape--three-col--padding[class*="-row"]:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  .m-landscape--three-col[class*="-row"]:after,
  .m-landscape--three-col--padding[class*="-row"]:after {
    clear: both;
  }
  .m-landscape--three-col > [class*="gc"],
  .m-landscape--three-col--padding > [class*="gc"] {
    float: left;
  }
  .m-landscape--three-col > .gcso-third,
  .m-landscape--three-col--padding > .gcso-third,
  .m-landscape--three-col > [class*="gc"],
  .m-landscape--three-col--padding > [class*="gc"] {
    width: 33.33333%;
  }
  /*

Tabs

*/
  .tabs.inner-tabs {
    position: relative;
  }
  .tabs.inner-tabs .tabs__nav--container {
    display: table;
    padding: 0 1.2857142857142858em;
  }
  .tabs.inner-tabs .tabs__nav {
    display: table-row;
  }
  .tabs.inner-tabs .tabs__nav li {
    display: table-cell;
    padding: 0.6428571428571429em 1.7857142857142858em 0.7857142857142857em 1.7857142857142858em;
    background-color: #e55d13;
    vertical-align: middle;
    border-right: 2px solid #f9f9f7;
  }
  /*

Faculty Member

*/
  .faculty__member--card .member__card--general,
  .faculty__member--card .member__card--contact {
    padding: 1.7857142857142858em 1.2857142857142858em;
  }
  .faculty__member--card .member__card--contact {
    clear: left;
  }
  .recovery-button {
    content: "";
    width: 50%;
    bottom: 0;
    left: 0;
    z-index: 200;
  }
  /*

Main Footer

*/
  .main-footer h4 {
    margin-top: 1em;
  }
  /*

Apply Page

 */
  .text-mobile-center {
    text-align: center;
  }
  /*

Home Page

*/
}
/**
 * Small
 */
@media screen and (min-width: 30em) {
  .up-slider__home-page .listing__text p {
    margin: 2.142857142857143em 0 0 0;
  }
}
@media screen and (max-width: 61.9375em) {
  .media-object--center .media-object__figure {
    margin: 0.7142857142857143em auto;
    float: none;
  }
  .media-object--center .media-object__figure img {
    margin-left: auto;
    margin-right: auto;
  }
  .media-object--center .media-object__desc {
    float: none;
  }
  .media-object--center .media-object__figure,
  .media-object--center .media-object__desc {
    text-align: center;
  }
}
/**
 * Medium Only
 */
@media screen and (min-width: 48em) and (max-width: 61.9375em) {
  .is-hidden-tablet {
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    overflow: hidden;
  }
  .is-hidden-tablet.focusable:active,
  .is-hidden-tablet.focusable:focus {
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    overflow: visible;
    position: static;
  }
  body:hover .is-hidden-tablet a,
  body:hover .is-hidden-tablet input,
  body:hover .is-hidden-tablet button {
    display: none;
  }
  .faculty-member__programs {
    margin-top: 0;
  }
  .faculty-member__programs .tertiary-heading {
    margin-top: 0;
  }
  .text-tablet-center {
    text-align: center;
  }
}
/**
 * Medium
 */
@media screen and (min-width: 48em) {
  /*

Main Header

*/
  .main-header {
    padding-top: 1.4285714285714286em;
  }
  .logo-container {
    margin-bottom: 1.4285714285714286em;
    text-align: center;
  }
  .main-logo {
    width: 90%;
  }
  /*

Eyebrow Navigation

*/
  .eyebrow__nav {
    margin-top: 0;
    margin-bottom: 0.7142857142857143em;
    text-align: right;
  }
  .eyebrow__nav a {
    margin: 0 0.5em;
  }
  /*

Main Navigation

*/
  .main-nav__button--mobile {
    display: none;
  }
  #main-nav-list {
    height: auto;
    max-height: 999px;
    overflow: visible;
  }
  .main-nav {
    background-color: #e55d13;
  }
  .main-nav li {
    border-right: 1px solid #ffffff;
    text-align: center;
  }
  .main-nav li:last-of-type {
    border-right: 0;
  }
  .main-nav li a {
    padding-left: 1.0714285714285714em;
    padding-right: 1.0714285714285714em;
  }
  .main-nav__container {
    display: table;
  }
  .main-nav__container ul {
    display: table-row;
  }
  .main-nav__container ul li {
    display: table-cell;
    vertical-align: middle;
  }
  .main-nav__icon--text {
    /* Mixins */
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    overflow: hidden;
  }
  .main-nav__icon--text.focusable:active,
  .main-nav__icon--text.focusable:focus {
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    overflow: visible;
    position: static;
  }
  body:hover .main-nav__icon--text a,
  body:hover .main-nav__icon--text input,
  body:hover .main-nav__icon--text button {
    display: none;
  }
  .interior-sidebar__nav a {
    padding-top: 0.3333333333333333em;
    padding-bottom: 0.2916666666666667em;
  }
  /*

Sidebar Navigation

*/
  /*

Main Navigation Search

*/
  .main-nav__search {
    width: 100%;
    position: absolute;
    top: 100%;
    right: 100%;
  }
  .basic-interior-content,
  .basic-interior-content--full {
    padding: 2.857142857142857em 2.5em;
  }
  .content-size--small {
    min-height: 25em;
  }
  /*

Page Banners

*/
  .banner__padding--large {
    padding: 14.285714285714286em;
  }
  .banner--choosing-amb {
    background: transparent url('/resources/images/banners/banner-large-choosing-amb.jpg') no-repeat left bottom;
  }
  .banner--faculty {
    background-image: url('/resources/images/banners/banner-medium-faculty-landing.jpg');
  }
  .banner--specializations {
    background: transparent url('/resources/images/banners/banner-large-certifications.jpg') no-repeat left bottom;
  }
  .banner--home-career-paths {
    background-image: url('/resources/images/banners/home/banner--home-career-paths.jpg');
  }
  .banner--homepage-main {
    padding-top: 16.785714285714285em;
    padding-bottom: 5em;
    background-image: url('/resources/images/banners/home/banner-welcome--large.jpg');
    background-position: right top;
  }
  .banner--home-graduation {
    background-image: url('/resources/images/banners/home/banner-graduation--large.jpg');
  }
  .banner--content-bottom .header-banner__content {
    position: absolute;
    bottom: 1.0714285714285714em;
    left: 3.2142857142857144em;
    right: 3.2142857142857144em;
  }
  .header-banner__container {
    padding: 4.285714285714286em 3.2142857142857144em 3.2142857142857144em 3.2142857142857144em;
  }
  .header-banner__content h1 {
    font-size: 44px;
    font-size: 2.75rem;
  }
  .header-banner__content h1.primary-heading--underline,
  .header-banner__content h1.primary-heading--underline-light,
  .header-banner__content h1.wysiwyg h1,
  .header-banner__content h1.wysiwyg h2 {
    margin-bottom: 0.8636363636363636em;
  }
  .header-banner__content h1.primary-heading--underline:after,
  .header-banner__content h1.primary-heading--underline-light:after,
  .header-banner__content h1.wysiwyg h1:after,
  .header-banner__content h1.wysiwyg h2:after {
    bottom: -0.5em;
  }
  .banner--homepage-main .banner__heading {
    font-size: 44px;
    font-size: 2.75rem;
    min-height: 120px;
  }
  .header-banner__text {
    padding: 2.857142857142857em;
    position: absolute;
    top: 0;
    left: 0;
  }
  .header-banner__caption {
    margin-top: 0.7142857142857143em;
  }
  .banner__container {
    min-height: 450px;
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
  }
  .banner__form--header {
    padding: 1.5714285714285714em 1.7857142857142858em;
  }
  .banner__form--header:after {
    right: 2.642857142857143em;
  }
  .banner__form--start,
  .banner--choosing-amb,
  .banner--programs-and-courses,
  .banner--prototype,
  .banner--success,
  .banner--bachelor-professional-development,
  .banner--specializations,
  .banner--contact-advisors {
    min-height: 40em;
  }
  .lte8 .banner__form--start.header-banner__container,
  .lte8 .banner--choosing-amb.header-banner__container,
  .lte8 .banner--programs-and-courses.header-banner__container,
  .lte8 .banner--prototype.header-banner__container,
  .lte8 .banner--success.header-banner__container,
  .lte8 .banner--bachelor-professional-development.header-banner__container,
  .lte8 .banner--specializations.header-banner__container,
  .lte8 .banner--contact-advisors.header-banner__container {
    min-height: 25.214285714285715em;
  }
  .banner__form--start.apply-page-close,
  .banner--choosing-amb.apply-page-close,
  .banner--programs-and-courses.apply-page-close,
  .banner--prototype.apply-page-close,
  .banner--success.apply-page-close,
  .banner--bachelor-professional-development.apply-page-close,
  .banner--specializations.apply-page-close,
  .banner--contact-advisors.apply-page-close {
    min-height: 32.142857142857146em;
    padding-top: 6.428571428571429em;
  }
  .banner__form > div {
    position: relative;
    z-index: 100;
  }
  .banner__form:after {
    content: "";
    width: 33.33333%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ffffff;
  }
  /*

Callout Cards

*/
  [class*="call-out__card"] {
    margin-top: 2.5em;
    margin-bottom: 1.4285714285714286em;
  }
  [class*="call-out__card"] .wysiwyg *:first-child {
    margin-top: 0;
  }
  [class*="call-out__card"] h3,
  [class*="call-out__card"] h4,
  [class*="call-out__card"] h5,
  [class*="call-out__card"] h6,
  [class*="call-out__card"] .card-title {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "Proxima Nova Semibold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
    text-rendering: optimizeLegibility;
  }
  [class*="call-out__card"] h3 + p,
  [class*="call-out__card"] h4 + p,
  [class*="call-out__card"] h5 + p,
  [class*="call-out__card"] h6 + p,
  [class*="call-out__card"] .card-title + p {
    margin-top: 1.4285714285714286em;
  }
  [class*="call-out__card"] .link--quick {
    display: inline-block;
    margin-top: 1.4285714285714286em;
  }
  .call-out__card {
    background-color: #fff3db;
    padding: 2.857142857142857em 2.5em 3.2142857142857144em 2.5em;
  }
  .card__container {
    position: relative;
  }
  .card__container + .card__container .call-out__card--hang-left,
  .card__container + .card__container .call-out__card--hang-right {
    top: 2.5em;
  }
  /*

Tabbed Widget

Aka: Tabs

*/
  .tabs-follow {
    padding-bottom: 6em;
  }
  .tabs.inner-tabs {
    position: relative;
    top: -4.285714285714286em;
    left: 0;
  }
  .tabs.inner-tabs .tabs__nav--container {
    display: table;
    padding: 0 3.5714285714285716em;
  }
  .tabs.inner-tabs .tabs__nav {
    margin-top: 0;
    display: table-row;
  }
  .tabs.inner-tabs .tabs__nav li {
    display: table-cell;
    padding: 0.6428571428571429em 1.7857142857142858em 0.7857142857142857em 1.7857142857142858em;
    background-color: #e55d13;
    vertical-align: middle;
    border-right: 2px solid #f9f9f7;
  }
  .tabs.inner-tabs .tabs__nav li.is-revealed {
    background-color: #e47904;
  }
  .tabs.inner-tabs .tabs__nav li.is-revealed a {
    color: #ffffff;
  }
  .tabs.inner-tabs .reveal__target {
    padding: 4.285714285714286em 5.357142857142857em 6.642857142857143em 5.357142857142857em;
    background-color: #ffffff;
  }
  /*

Faculty Member

*/
  .faculty__member--card {
    position: relative;
  }
  .faculty__member--card:after {
    content: "";
    height: 100%;
    width: 33.33333%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 50;
    background-color: #f9f9f7;
  }
  .faculty__member--card [class*="gcl"],
  .faculty__member--card [class*="gcm"] {
    position: relative;
    z-index: 100;
  }
  .member__card--general:before {
    content: "";
    position: absolute;
    top: 3.5714285714285716em;
    right: 100%;
    z-index: 100;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #ffffff;
  }
  .recovery-button {
    content: "";
    width: 33.33333%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
  }
  .member__card--contact {
    background-color: transparent;
  }
  .member__card--contact .tertiary-heading--underline {
    margin-top: 1.5555555555555556em;
  }
  .faculty-member__degrees {
    position: relative;
  }
  .faculty-member__degrees .member__degree--listing:before {
    content: "";
    width: 33.33333%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #201a17;
  }
  .faculty-member__degrees .member__degree--container {
    position: relative;
  }
  .faculty-member__degrees .member__degree--container:after {
    content: "";
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 100;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #201a17;
  }
  /*

Our History

*/
  .our-history .media-object h2 {
    text-align: right;
  }
  .our-history .media-object p {
    margin-top: 4.285714285714286em;
  }
  /*


Apply Page

*/
  .banner__form--start.apply-page {
    height: 480px;
  }
  .banner__form--start.apply-page select {
    font-size: 14px;
    font-size: 0.875rem;
    position: relative;
    top: -5px;
  }
  .banner__form--start.apply-page .apply-align-fix {
    position: absolute;
    left: -70px;
  }
  [class*=apply__form__perks] {
    text-align: center;
  }
  [class*=apply__form__perks] li {
    margin-right: 0.2777777777777778em;
  }
  .right-seperator {
    border-right: 1px solid #ffffff;
  }
  /*

Programs and Courses

*/
  .pac-course-search-bar {
    position: absolute;
    bottom: 0;
    padding-right: 10px;
    margin-bottom: 0;
  }
  /*

Course Catalog

*/
  .course__search + form .expand__target.is-expanded {
    max-height: 71.35714285714286em;
  }
  .course-filter__menu {
    padding: 3.5714285714285716em 3.2142857142857144em;
  }
  [class*="filter-option"] {
    width: inherit;
    margin: 0.35714285714285715em 0 0.35714285714285715em 2.857142857142857em;
  }
  [class*="filter-option"]:after {
    width: 2.5em;
  }
  [class*="filter-option"]:before {
    display: block;
  }
  .filter-icon--checkbox:before {
    display: inline;
  }
  .filter-button {
    position: absolute;
    top: 0;
    right: 0;
  }
  .legend-icon {
    display: block;
  }
  .season-legend__text {
    display: none;
  }
  [class*="tool-tip__trigger"] {
    position: relative;
    overflow: hidden;
  }
  [class*="tool-tip__trigger"]:hover {
    overflow: visible;
  }
  [class*="tool-tip__trigger"]:hover [class*="tool-tip__content"] {
    top: -4.583333333333333em;
    opacity: 1;
    visibility: visible;
  }
  [class*="tool-tip__content"] {
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    display: block;
    position: absolute;
    left: 50%;
    opacity: 0;
  }
  .tool-tip__content--learning {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.25;
    width: 6.666666666666667em;
    margin-left: -3.5833333333333335em;
    padding: 0.75em 0.8333333333333334em;
    top: -3.75em;
    color: #ffffff;
    visibility: hidden;
    background-color: #323232;
    text-align: center;
  }
  .tool-tip__content--learning:after {
    content: "";
    margin-left: -0.4166666666666667em;
    position: absolute;
    top: 100%;
    left: 50%;
    border-left: 0.4166666666666667em solid transparent;
    border-right: 0.4166666666666667em solid transparent;
    border-top: 0.4166666666666667em solid #323232;
  }
  .tool-tip--hidden {
    display: block;
  }
  .course-listing li {
    border-top: 0px solid #afaeaf;
    padding-bottom: 0;
    padding-top: 0;
  }
  /*

Calendar 

*/
  .data-table--calendar ul {
    padding-left: 1.4285714285714286em !important;
  }
  /*

Main Footer

*/
  .main-footer h4 {
    margin-top: 0;
  }
  .footer__search {
    margin-bottom: 5.214285714285714em;
  }
  .footer__search__container {
    position: relative;
  }
  .footer__search__container .input-search-icon {
    margin-top: -0.55em;
    position: absolute;
    top: 50%;
    left: 0.65em;
  }
  .footer__search input {
    padding-left: 3em;
  }
  .footer__search [type="submit"] .icon--search:before {
    display: none;
  }
  /*

Homepage

*/
  .banner__callout__center {
    padding-left: 2px;
    padding-right: 2px;
  }
  .cluster__quote-container.ratio--square:before {
    padding-top: 100%;
  }
  .cluster--bg:before,
  .cluster--bg:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
  }
  .cluster--bg:before {
    width: 50%;
    left: 0;
    background-color: #e55d13;
  }
  .cluster--bg:after {
    width: 0;
    right: 0;
    background-color: #ffffff;
  }
  .cluster--bg .cluster__content {
    position: relative;
    z-index: 100;
  }
  .cluster__quote {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 60%;
    left: 50%;
  }
  .lte8 .cluster__quote {
    width: 100%;
    top: 3.5714285714285716em;
    left: 0;
    text-align: center;
  }
  .content-breaker--large {
    padding-top: 11.071428571428571em;
    padding-bottom: 10.714285714285714em;
    background-color: #201a17;
  }
  .border-bottom-orange {
    border-bottom: 0.42857142857142855em solid #e47904;
  }
  .vertical-align--middle--wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .faculty-spotlight--position-left {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 100%;
    margin-right: 20px;
  }
  .lte8 .faculty-spotlight--position-left {
    margin-top: -8.857142857142858em;
  }
  .bg--leadership-button {
    background: url(/resources/images/home-page/icon--leadership.png) no-repeat;
    background-size: 102%;
  }
  .bg--counseling-button {
    background: url(/resources/images/home-page/icon--counseling.png) no-repeat;
    background-size: 102%;
  }
  .bg--business-button {
    background: url(/resources/images/home-page/icon--business.png) no-repeat;
    background-size: 102%;
  }
  .button--circle {
    font-size: 24px;
    font-size: 1.5rem;
    border-radius: 50%;
    height: 8.928571428571429em;
    width: 8.928571428571429em;
    border: 5px solid #ffffff;
    padding: 0;
  }
  .career-path--circle-spotlight-fixed {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 0.5em solid #ffffff;
    width: 25em;
    height: 25em;
    padding: 3.2142857142857144em 2.5em 1.7857142857142858em 2.5em;
    margin-right: 1.4285714285714286em;
    margin-left: 1.4285714285714286em;
  }
  .career-path--circle-spotlight-fixed-medium {
    margin: 0.7142857142857143em;
  }
  .career-path-row {
    margin-bottom: 5em;
  }
  .career-path--spot {
    -webkit-border-radius: 1.0714285714285714em;
    -moz-border-radius: 1.0714285714285714em;
    -o-border-radius: 1.0714285714285714em;
    border-radius: 1.0714285714285714em;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.5em;
    width: 1.0714285714285714em;
    height: 1.0714285714285714em;
    border: 0.21428571428571427em solid #e47904;
    background-color: #ffffff;
  }
  [class*="career-path--line"] i {
    position: absolute;
  }
  [class*="career-path--line"]:after {
    position: absolute;
    content: "";
    background-color: #e47904;
    width: 0.42857142857142855em;
    margin-left: -0.21428571428571427em;
  }
  .career-path--line-header:after {
    left: 50%;
    top: 90%;
    bottom: 0;
  }
  .career-path--line-header i {
    left: 50%;
    top: 88%;
    margin-left: -50px;
    width: 100px;
    z-index: 10;
  }
  .career-path--line-mid-section:after {
    left: 50%;
    top: 0;
    bottom: 0;
  }
  .career-path--line-closing-section:after {
    left: 50%;
    top: 0;
    bottom: 90%;
  }
  .career-path--line-closing-section i {
    left: 50%;
    bottom: 81%;
    margin-left: -50px;
    width: 100px;
    z-index: 10;
  }
  .career-path--fr {
    float: right;
  }
  .career-path--ar {
    text-align: right;
  }
  .career-path--fr-ar {
    float: right;
    text-align: right;
  }
  .career-path--fl {
    float: left;
  }
  .career-path--header {
    padding: 7.142857142857143em 0 12.857142857142858em 0;
  }
  .career-path--mid-section {
    padding: 4.285714285714286em 0 5.714285714285714em 0;
  }
  .career-path--closing-section {
    padding: 8.571428571428571em 0 4.285714285714286em 0;
  }
  .bg--student-testimony {
    background-size: 110%;
  }
  /* 

Footer

*/
  .footer__icons {
    text-align: right;
  }
  .footer__icons img {
    padding-bottom: 0;
  }
  /*

How To Apply

 */
  .howToApply__top-container {
    display: block;
  }
  .howToApply__badge {
    display: block;
  }
  .howToApply__apply-headline {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 1.0227272727272727;
    margin-top: 0;
    text-align: left;
  }
  .howToApply__apply-headline--small {
    display: none;
  }
  .applicationStep__container {
    padding: 2.857142857142857em 1.2857142857142858em;
    margin-top: 2.857142857142857em;
  }
  .applicationStep__number {
    font-size: 70px;
    font-size: 4.375rem;
    line-height: 1;
    height: auto;
    width: auto;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    display: block;
  }
  .applicationStep__number:before {
    display: none;
  }
  .no-anyflexbox .applicationStep__number {
    text-align: left;
    padding: 0;
  }
  .applicationStep__heading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.0416666666666667;
    color: #e47904;
  }
  .applicationStep__subheading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.0416666666666667;
    margin-top: 0.7142857142857143em;
    display: block;
  }
  .applicationStep__option {
    padding: 0;
    display: block;
  }
  .gcl-quarter .applicationStep__option {
    margin-top: 0;
  }
  .gcl-quarter:nth-of-type(2) .applicationStep__option:before,
  .gcl-quarter:nth-of-type(3) .applicationStep__option:before {
    width: 3px;
    height: auto;
    right: 0;
    top: 0;
    bottom: 0;
    left: auto;
    transform: translateX(-50%);
  }
  .applicationStep__container--2 .applicationStep__option,
  .applicationStep__container--3 .applicationStep__option {
    text-align: left;
  }
  .applicationStep__row {
    display: flex;
    align-items: stretch;
  }
  .howToApply__testimony {
    text-align: right;
  }
  .applicationStep__header {
    padding: 0;
  }
  .applicationStep__header,
  .applicationStep__container--2 .applicationStep__header {
    background: #ffffff;
  }
  .applicationStep__header .applicationStep__container--2,
  .applicationStep__header .applicationStep__container--3 {
    margin-top: 5.714285714285714em;
  }
  .howToApply__right-arrow {
    height: 36px;
    width: 36px;
    margin-left: 0.6428571428571429em;
  }
  .howToApply__list li {
    margin-top: 2.857142857142857em;
  }
  .howToApply__list li:before {
    font-size: 36px;
    line-height: 1;
  }
  .howToApply__row {
    display: flex;
    align-items: center;
  }
  .howToApply__testimony-quote {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1;
    line-height: 1.4em;
    margin-top: 0;
  }
  .applicationStep__subtext,
  .applicationStep__text {
    text-align: left;
  }
  .applicationStep__subtext {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.1111111111111112;
  }
  .applicationStep__arrow {
    display: none;
  }
}
/**
 * Large Only
 */
@media screen and (min-width: 62em) and (max-width: 77.4375em) {
  .cluster__news-events ol li:nth-child(1n+3) {
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    overflow: hidden;
  }
  .cluster__news-events ol li:nth-child(1n+3).focusable:active,
  .cluster__news-events ol li:nth-child(1n+3).focusable:focus {
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    overflow: visible;
    position: static;
  }
  body:hover .cluster__news-events ol li:nth-child(1n+3) a,
  body:hover .cluster__news-events ol li:nth-child(1n+3) input,
  body:hover .cluster__news-events ol li:nth-child(1n+3) button {
    display: none;
  }
}
/**
 * Large
 */
@media screen and (min-width: 62em) {
  .logo-container {
    margin-top: 0.14285714285714285em;
    margin-bottom: 0;
    text-align: left;
    margin-right: 0.35714285714285715em;
  }
  #main-nav-list {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 110;
  }
  .basic-interior-content,
  .basic-interior-content--full {
    padding: 4.285714285714286em 5.357142857142857em;
  }
  /*

Call Out Card Hand Right

@pattern: Call Out Card Hang Right
@basic-interior
<div class="card__container">
    <div class="call-out__card--hang-right">
        <h3>Enrollment at Amberton</h3>
        <p>In order to enroll, you must be at least 21, and have already completed work at an accredited University.</p>
        <a class="link--quick" href="#">See full student pre-qualification checklist</a>
    </div>
</div>
<p class="mtn"><strong>Do not use the code from this paragraph down. Only use the code about this starting with the div class=call-out__card--hang-right.</strong></p>
<p>Our programs and approaches are founded on Christian principles, and have been designed for you, centering around your needs and your lifestyle. We know you are juggling a lot of responsibilities. After all, we are working adults too. That’s why we offer most of our classes online and feature flexible, adaptable degree programs and courses.</p>
<p>We know you are serious about taking the next step in your education, so both our Garland and Frisco campuses offer a professional atmosphere rather than the traditional college student environment. At Amberton, we limit our class sizes, ensuring that you’ll get the most out each class you take.</p>

*/
  .call-out__card--hang-left {
    width: 60%;
  }
  .call-out__card--hang-right {
    width: 40%;
    margin-top: 0;
    margin-left: 36px;
    position: absolute;
    top: 0;
    left: 100%;
  }
  .call-out__card--hang-right.border--top {
    padding-top: 1.0714285714285714em;
    border-top: 2px solid #323232;
  }
  .gutters--half-side {
    margin-left: -0.6428571428571429em;
    margin-right: -0.6428571428571429em;
  }
  .gutters--half-side [class*="gcl"] {
    padding-left: 0.6428571428571429em;
    padding-right: 0.6428571428571429em;
  }
  /*

Image Alignment

@pattern: Image Alignment Quarter
@basic-interior
<figure class="figure figure-quarter">
    <img src="http://placehold.it/710x456">
    <figcaption class="figure__caption">Designed to provide a secure, professional environment conducive to adult learning.</figcaption>
</figure>
<p class="mtn"><strong>Do not use the code from this paragraph down. Only use the code about this starting with the div class=call-out__card--hang-right.</strong></p>
<p>Our programs and approaches are founded on Christian principles, and have been designed for you, centering around your needs and your lifestyle. We know you are juggling a lot of responsibilities. After all, we are working adults too. That’s why we offer most of our classes online and feature flexible, adaptable degree programs and courses.</p>
<p>We know you are serious about taking the next step in your education, so both our Garland and Frisco campuses offer a professional atmosphere rather than the traditional college student environment. At Amberton, we limit our class sizes, ensuring that you’ll get the most out each class you take.</p>
<p>We know you are serious about taking the next step in your education, so both our Garland and Frisco campuses offer a professional atmosphere rather than the traditional college student environment. At Amberton, we limit our class sizes, ensuring that you’ll get the most out each class you take.</p>

*/
  /*

Image Alignment

@pattern: Image Alignment Half
@basic-interior
<figure class="figure figure-half">
    <img src="http://placehold.it/710x456">
    <figcaption class="figure__caption">Designed to provide a secure, professional environment conducive to adult learning.</figcaption>
</figure>
<p class="mtn"><strong>Do not use the code from this paragraph down. Only use the code about this starting with the div class=call-out__card--hang-right.</strong></p>
<p>Our programs and approaches are founded on Christian principles, and have been designed for you, centering around your needs and your lifestyle. We know you are juggling a lot of responsibilities. After all, we are working adults too. That’s why we offer most of our classes online and feature flexible, adaptable degree programs and courses.</p>
<p>We know you are serious about taking the next step in your education, so both our Garland and Frisco campuses offer a professional atmosphere rather than the traditional college student environment. At Amberton, we limit our class sizes, ensuring that you’ll get the most out each class you take.</p>
<p>We know you are serious about taking the next step in your education, so both our Garland and Frisco campuses offer a professional atmosphere rather than the traditional college student environment. At Amberton, we limit our class sizes, ensuring that you’ll get the most out each class you take.</p>

*/
  /*

Image Alignment

@pattern: Image Alignment Full
@basic-interior
<figure class="figure figure-full">
    <img src="http://placehold.it/710x456">
    <figcaption class="figure__caption">Designed to provide a secure, professional environment conducive to adult learning.</figcaption>
</figure>
<p class="mtn"><strong>Do not use the code from this paragraph down. Only use the code about this starting with the div class=call-out__card--hang-right.</strong></p>
<p>Our programs and approaches are founded on Christian principles, and have been designed for you, centering around your needs and your lifestyle. We know you are juggling a lot of responsibilities. After all, we are working adults too. That’s why we offer most of our classes online and feature flexible, adaptable degree programs and courses.</p>
<p>We know you are serious about taking the next step in your education, so both our Garland and Frisco campuses offer a professional atmosphere rather than the traditional college student environment. At Amberton, we limit our class sizes, ensuring that you’ll get the most out each class you take.</p>
<p>We know you are serious about taking the next step in your education, so both our Garland and Frisco campuses offer a professional atmosphere rather than the traditional college student environment. At Amberton, we limit our class sizes, ensuring that you’ll get the most out each class you take.</p>

*/
  .figure-quarter,
  .figure-half {
    width: 50%;
    margin: 0 -50% 1.2857142857142858em 1.2857142857142858em;
    float: right;
  }
  .figure-half {
    width: 75%;
  }
  .figure-full {
    margin: 0 -50% 2.2142857142857144em 0;
    clear: right;
  }
  /*

Banners

*/
  .banner--faculty {
    background-image: url('/resources/images/banners/banner-large-faculty-landing.jpg');
  }
  .banner--contact-advisors {
    background-position: center center;
  }
  .inner-banner h4 {
    font-size: 44px;
    font-size: 2.75rem;
  }
  /*

Faculty Landing

*/
  .faculty__listing--portrait {
    margin-bottom: 1.2857142857142858em;
  }
  .faculty__listing--portrait .listing__container {
    overflow: hidden;
    color: #ffffff;
  }
  .faculty__listing--portrait .listing__text {
    -webkit-transition: top 0.25s ease-in-out 0s;
    -moz-transition: top 0.25s ease-in-out 0s;
    -o-transition: top 0.25s ease-in-out 0s;
    transition: top 0.25s ease-in-out 0s;
    display: block;
    height: 100%;
    padding: 9.3% 1.4285714285714286em;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    background-color: rgba(229, 93, 19, 0.8);
  }
  .faculty__listing--portrait .listing__text p {
    max-height: 8.214285714285714em;
  }
  .lte8 .faculty__listing--portrait .listing__text {
    background-color: #e55d13;
  }
  .faculty__listing--portrait:hover .listing__text {
    top: 0;
  }
  .faculty-member__degrees .member__degress--heading h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3em;
  }
  .tabs.inner-tabs .tabs__nav--container {
    padding: 0 5.357142857142857em;
  }
  /*

Faculty Member 

*/
  .faculty__member--card:after,
  .recovery-button {
    width: 25%;
  }
  .member__card--general,
  .member__card--contact {
    padding-left: 2.857142857142857em;
    padding-right: 2.857142857142857em;
  }
  .faculty-member__programs {
    margin-top: 4.285714285714286em;
  }
  .faculty-member__programs .tertiary-heading {
    margin-top: 0;
  }
  /*

Homapge

*/
  .cluster--bg:before {
    width: 33.33333%;
  }
  .cluster--bg:after {
    width: 25%;
  }
  .cluster__spotlight,
  .cluster__news-events {
    padding: 2.5em;
  }
  .career-path--line-header:after {
    top: 90%;
    bottom: 0;
  }
  .career-path--line-header i {
    top: 80%;
  }
  /*  

Apply Page 

*/
  .banner__form--start.apply-page .apply-align-fix {
    position: absolute;
    left: -70px;
  }
  .apply__form__perks li {
    display: inline;
  }
  /*

Flippable Cards

*/
  .flip:hover .flip-front,
  .flip:focus .flip-front {
    -webkit-transform: perspective(1000px) rotateY(180deg);
    -moz-transform: perspective(1000px) rotateY(180deg);
    -o-transform: perspective(1000px) rotateY(180deg);
    -ms-transform: perspective(1000px) rotateY(180deg);
    transform: perspective(1000px) rotateY(180deg);
  }
  .flip:hover .flip-back,
  .flip:focus .flip-back {
    -webkit-transform: perspective(1000px) rotateY(0);
    -moz-transform: perspective(1000px) rotateY(0);
    -o-transform: perspective(1000px) rotateY(0);
    -ms-transform: perspective(1000px) rotateY(0);
    transform: perspective(1000px) rotateY(0);
  }
  .no-csstransforms3d .flip:hover .flip-back,
  .no-csstransforms3d .flip:focus .flip-back {
    display: block;
  }
  .applicationStep__heading {
    font-size: 36px;
    line-height: 1.15;
  }
}
/**
 * Extra Large
 */
@media screen and (min-width: 77.5em) {
  /* 

Home page

*/
  .applicationStep__container {
    padding: 2.857142857142857em 2.5714285714285716em;
  }
}
/**
 * Print
 * @media not screen, print
 * The above might actually work
 */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  html {
    font: 12pt/1.5em Georgia, "Times New Roman", Times, serif;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 0.5em;
    padding-top: 1em;
    page-break-after: avoid;
    orphans: 3;
    widows: 3;
  }
  li h1,
  li h2,
  li h3,
  li h4,
  li h5,
  li h6 {
    margin-top: 0;
  }
  h1 {
    font-size: 24pt;
  }
  h2 {
    font-size: 21pt;
  }
  h3 {
    font-size: 18pt;
  }
  h4 {
    font-size: 16pt;
  }
  h5 {
    font-size: 14pt;
  }
  h6 {
    font-size: 12pt;
  }
  a {
    font-size: 10pt !important;
    text-decoration: underline !important;
  }
  blockquote,
  p,
  ul,
  ol,
  dl,
  figure,
  img {
    margin-bottom: 1em;
  }
  figure img {
    margin-bottom: 0;
  }
  ul,
  ol,
  dd {
    margin-left: 2em;
  }
  ul li {
    list-style: circle;
  }
  ul li:before {
    display: none;
  }
  ul.list--unstyled li {
    list-style: none outside none;
  }
  .wysiwyg ul,
  .list--unordered {
    list-style-type: none;
    padding: 0;
  }
  .wysiwyg ul li,
  .list--unordered li,
  .wysiwyg ol ul li,
  .list--ordered ul li,
  .wysiwyg ol ul li,
  .list--ordered ul li {
    margin: 0.7142857142857143em 0;
    padding-left: 0.7142857142857143em;
    position: relative;
  }
  pre,
  blockquote,
  .blockquote,
  .wysiwyg blockquote {
    border-left: 0.5em solid #999;
    padding-left: 1.5em;
    page-break-inside: avoid;
    font-size: 14pt;
  }
  a,
  a:visited {
    text-decoration: underline;
    word-wrap: break-word;
    width: 80%;
  }
  a[href]:after {
    content: " (" attr(href) ")";
    word-wrap: break-word;
    display: block;
    font-size: 90%;
    line-height: 1.5;
    margin-top: 0.35714285714285715em;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  figcaption {
    text-transform: uppercase;
    font-size: 10pt;
  }
  strong {
    font-weight: bold;
  }
  em {
    font-style: italic;
  }
  thead {
    display: table-header-group;
  }
  table {
    display: table;
    width: 100%;
    max-width: 100%;
    padding-right: 1.4285714285714286em;
    margin-top: 2.2142857142857144em;
    border: 1px solid #afaeaf;
    background-color: #ffffff;
    color: #000000;
    white-space: pre;
    /* CSS 2.0 */
    white-space: pre-wrap;
    /* CSS 2.1 */
    white-space: pre-line;
    /* CSS 3.0 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    white-space: -moz-pre-wrap;
    /* Mozilla */
    white-space: -hp-pre-wrap;
    /* HP Printers */
    word-wrap: break-word;
  }
  th,
  td {
    padding: 0.7142857142857143em 0.6428571428571429em;
    text-align: left;
    display: table-cell;
    vertical-align: inherit;
  }
  tbody {
    display: table-row-group;
  }
  tr {
    display: table-row;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  .text--white {
    color: #000000;
  }
  .banner--homepage-main .banner__heading,
  .canon-text,
  .quote-slider .flex-next:before,
  .quote-slider .flex-prev:before,
  .wysiwyg h1,
  .wysiwyg h1,
  .campaignLanding__slider-block .flex-next:before,
  .campaignLanding__slider-block .flex-prev:before {
    font-size: 28px;
  }
  .main-header,
  .footer__copyright {
    margin: 0;
  }
  .main-header,
  .main-footer,
  .basic-interior-content,
  .career-path--closing-section,
  .content-breaker--large {
    padding: 0;
  }
  .banner__form--start.apply-page-close,
  .banner--choosing-amb.apply-page-close,
  .banner--programs-and-courses.apply-page-close,
  .banner--prototype.apply-page-close,
  .banner--success.apply-page-close,
  .banner--bachelor-professional-development.apply-page-close,
  .banner--specializations.apply-page-close,
  .banner--contact-advisors.apply-page-close {
    min-height: inherit !important;
  }
  aside h2.gl-half {
    width: 100% !important;
  }
  [class*="gl-row"] {
    margin-left: -1.2857142857142858em;
    margin-right: -1.2857142857142858em;
  }
  [class*="gl-row"]:before,
  [class*="gl-row"]:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="gl-row"]:after {
    clear: both;
  }
  ul[class*="gl-row"] {
    padding-left: 0;
    list-style: none outside none;
  }
  .gutters--half {
    margin-left: -0.6428571428571429em;
    margin-right: -0.6428571428571429em;
  }
  .gutters--half [class*="gc"] {
    padding-left: 0.6428571428571429em;
    padding-right: 0.6428571428571429em;
  }
  .gl-row--ltr > [class*="gcl"] {
    float: left;
  }
  .group,
  .breadcrumb,
  .media-object--checkbox {
    /* Mixins */
  }
  .lte7 .group,
  .lte7 .media-object--checkbox {
    zoom: 1;
  }
  .group:before,
  .group:after,
  .media-object--checkbox:before,
  .media-object--checkbox:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  .group:after,
  .media-object--checkbox:after {
    clear: both;
  }
  .new-line,
  .media-object__figure img,
  .media-object__desc,
  .figure [class*="figure--"] img,
  [class*="ratio"]:before,
  .input-label,
  .input-hint,
  .input-desc,
  .interior-sidebar__nav a {
    display: block;
  }
  .relative-container,
  [class*="ratio"],
  .js .expand__target,
  .js .fade__target,
  .primary-heading--underline,
  .alternate-heading--underline,
  .alternate-heading--underline-left,
  .blockquote,
  a,
  .link,
  .header-banner__container,
  .header-banner__container-home-page,
  .sidebar-nav__level-1,
  .sidebar-nav__level-2,
  .sidebar-nav__level-1 > a,
  .sidebar-nav__level-2 > a,
  .sidebar-nav__level-3,
  .section-card__heading,
  .list--x--pgs a[href],
  .primary-heading--underline-light,
  .wysiwyg blockquote,
  .wysiwyg h1,
  .wysiwyg h2 {
    position: relative;
  }
  .float--center {
    margin-left: auto;
    margin-right: auto;
  }
  form,
  video,
  .sidebar--cta,
  .call-out__card,
  .banner__form--start,
  .banner--contact-advisors,
  .call-out__card--hang-right img[alt="Garland Campus"],
  .call-out__card--hang-right img[alt="Frisco Campus"],
  .banner--programs-and-courses-catalog,
  #main-header,
  [role="navigation"],
  .career-path--circle-spotlight-orange.career-path--icon,
  .content-spotlight__image img,
  #main-footer {
    display: none !important;
  }
  @page {
    margin: 2cm;
  }
  .data-table--abstract,
  .data-table--abstract * {
    border: none;
  }
  .data-table--abstract li {
    padding-left: 0;
    list-style: none !important;
  }
  .data-table--abstract .data-table__section__heading {
    font-size: 16px !important;
  }
  .data-table--abstract .data-table__section__cell.mobile--hidden {
    /* Mixins */
  }
  .lte7 .data-table--abstract .data-table__section__cell.mobile--hidden {
    zoom: 1;
  }
  .data-table--abstract .data-table__section__cell.mobile--hidden:before,
  .data-table--abstract .data-table__section__cell.mobile--hidden:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  .data-table--abstract .data-table__section__cell.mobile--hidden:after {
    clear: both;
  }
  .data-table--abstract .data-table__section__cell.mobile--hidden .relative-container {
    margin: 5px 5px 0 0;
    float: right;
  }
  .data-table--abstract .mobile--hidden {
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
    clip: auto;
    text-align: left !important;
  }
  body:hover .data-table--abstract .mobile--hidden a,
  body:hover .data-table--abstract .mobile--hidden input,
  body:hover .data-table--abstract .mobile--hidden button {
    display: inline-block;
  }
  .lte7 body:hover .data-table--abstract .mobile--hidden a,
  .lte7 body:hover .data-table--abstract .mobile--hidden input,
  .lte7 body:hover .data-table--abstract .mobile--hidden button {
    display: inline;
    zoom: 1;
  }
  .data-table--abstract .inactive,
  .data-table--abstract .legend-icon:before,
  .data-table--abstract .season-legend__text > .active {
    display: none !important;
  }
  li.gcl-quarter {
    width: 25%;
    float: left;
    padding: 0 !important;
  }
  li.gcl-third {
    width: 28%;
    float: left;
    padding-left: 0 !important;
    padding-right: 5px !important;
  }
  li .flip .flip-back {
    -webkit-transform: perspective(0px) rotateY(0deg);
    -moz-transform: perspective(0px) rotateY(0deg);
    -o-transform: perspective(0px) rotateY(0deg);
    -ms-transform: perspective(0px) rotateY(0deg);
    transform: perspective(0px) rotateY(0deg);
    position: relative !important;
    margin-top: 0;
    margin-bottom: 15px;
    padding: 0 !important;
  }
  li .flip .flip-back .text--primary-text,
  li .flip .flip-back .card__heading--back {
    font-size: 10px !important;
  }
  li .flip .flip-back .card__content {
    padding-bottom: 3.5714285714285716em;
    padding-top: 0;
  }
  li .flip .text--primary-text,
  li .flip .card__heading--back {
    font-size: 10px !important;
  }
  .faculty__listing--portrait .listing__figure-name {
    width: 100%;
    display: block;
    padding: 0.7142857142857143em 1.4285714285714286em;
    position: relative;
  }
}
/**
 * Prototype Styles
 * REMOVE WHEN BEGINNING PRODUCTION
 */
/*# sourceMappingURL=amberton.css.map */