@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Fix for Windows 8/IE viewport issue
******************************************************/
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* Over-writing browser styles
******************************************************/
* {
  box-sizing: border-box;
}

img {
  vertical-align: middle;
  visibility: hidden;
}

img[src] {
  visibility: visible;
}

textarea {
  resize: vertical;
}

iframe {
  max-width: 100%;
}

.textbox {
  font-size: 16px;
  font-size: 1rem;
  text-indent: 5px;
}

/* Styles for screen readers
******************************************************/
.Hidden, .skip-nav {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skip-nav {
  background: white;
}

/* Rich-text fields
******************************************************/
.RTF {
  /* Styles for rich-text fields
  ******************************************************/
  /* Changed to OL & UL for old Ektron editor */
  /*.DataTable {
      margin: 10px 0 25px;
      width: 100%;
      max-width: 100%;

      th {
          padding: 8px 12px;
          background-color: $slateBlue;
          border-top: 1px solid white;
          border-left: 1px solid white;
          color: white;

          &:first-child {
              border-left: 0;
          }
      }

      td {
          padding: 8px 12px;
          text-align: right;
          border-left: 1px solid white;

          &:first-child {
              text-align: left;
              border-left: 0;
          }
      }

      tr:nth-child(2n + 1) td {
          background-color: $lightGrey;
      }
  }*/
}

.RTF:after {
  content: "";
  display: table;
  clear: both;
}

.RTF img {
  max-width: 100%;
}

.RTF h1 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 25px;
  line-height: 1.5625rem;
}

.RTF .AlignCenter {
  display: block;
  margin: 0 auto;
}

.RTF .AlignLeft {
  margin: 0 0 20px;
}

@media screen and (min-width: 500px) {
  .RTF .AlignLeft {
    float: left;
    margin: 0 20px 10px 0;
  }
}
.RTF .AlignRight {
  margin: 0 0 20px;
}

@media screen and (min-width: 500px) {
  .RTF .AlignRight {
    float: right;
    margin: 0 0 10px 20px;
  }
}
.RTF .ImgCaption {
  table-layout: fixed;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  line-height: 1rem;
}

.RTF .ImgCaption tr:last-child td {
  padding-top: 5px;
}

@media screen and (max-width: 499px) {
  .RTF .ImgCaption {
    width: 100%;
  }
}
@media screen and (min-width: 500px) {
  .RTF .ImgCaption {
    max-width: 312px;
  }
}
.RTF .Quote {
  margin-bottom: 20px;
  border-left: 13px solid #0673bb;
}

.RTF .Quote tr:first-child td {
  padding: 0 20px;
  font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
  font-size: 33px;
  font-size: 2.0625rem;
  line-height: 39px;
  line-height: 2.4375rem;
  font-weight: 400;
}

.RTF .Quote tr:first-child td:before {
  content: "“";
}

.RTF .Quote tr:first-child td:after {
  content: "”";
}

.RTF .Quote tr:last-child td {
  padding: 15px 20px 0;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem;
}

@media screen and (min-width: 500px) {
  .RTF .Quote {
    max-width: 312px;
  }
}
.RTF .TwoColLayout {
  table-layout: fixed;
  width: 100%;
  margin: 0 0 20px;
}

.RTF .TwoColLayout > tbody > tr > td {
  vertical-align: top;
}

@media screen and (max-width: 499px) {
  .RTF .TwoColLayout > tbody > tr > td {
    display: block;
  }

  .RTF .TwoColLayout > tbody > tr > td:first-child {
    padding: 0 0 20px;
  }
}
@media screen and (min-width: 500px) {
  .RTF .TwoColLayout > tbody > tr > td {
    width: 50%;
    padding: 0 0 0 10px;
  }

  .RTF .TwoColLayout > tbody > tr > td:first-child {
    padding: 0 10px 0 0;
  }
}
@media screen and (min-width: 500px) {
  .Sidebar .RTF .TwoColLayout > tbody > tr > td {
    display: block;
    width: auto;
    padding: 0;
  }

  .Sidebar .RTF .TwoColLayout > tbody > tr > td:first-child {
    padding: 0 0 20px;
  }
}
.RTF ol {
  margin-bottom: 15px;
  list-style-type: decimal;
}

.RTF ol li {
  padding: 0 0 2px;
}

.RTF ol ol {
  margin-bottom: 5px;
  list-style: inherit;
}

.RTF ul {
  margin-bottom: 15px;
  list-style-type: disc;
}

.RTF ul li {
  padding: 0 0 2px;
}

.RTF ul ul {
  margin-bottom: 5px;
  list-style: inherit;
}

.RTF .design_content {
  background: transparent;
  /* Ektron auto-applies white as bg color */
}

.RTF .design_content table td {
  padding: 0 0 15px;
}

.RTF .design_content table td:first-child {
  padding: 0 10px 15px 0;
  text-align: right;
}

@media screen and (max-width: 499px) {
  .RTF .design_content table {
    width: 100%;
    table-layout: fixed;
  }

  .RTF .design_content table td {
    display: block;
    float: left \9 ;
    width: 100% \9 ;
  }

  .RTF .design_content table td:first-child {
    padding: 0 0 5px;
    text-align: left;
  }
}
.Sidebar .RTF .design_content table {
  width: 100%;
  table-layout: fixed;
}

.Sidebar .RTF .design_content table td {
  display: block;
  float: left \9 ;
  width: 100% \9 ;
}

.Sidebar .RTF .design_content table td:first-child {
  padding: 0 0 5px;
  text-align: left;
}

.RTF .design_content input,
.RTF .design_content select,
.RTF .design_content textarea {
  color: #777;
}

.RTF .design_content .design_textfield,
.RTF .design_content input[type=text] {
  width: 325px;
  max-width: 100%;
  padding: 5px 10px;
  border: 1px solid #d4dbe3;
  font-size: 17px;
  font-size: 1.0625rem;
}

.RTF .design_content select {
  width: 325px;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid #d4dbe3;
  font-size: 17px;
  font-size: 1.0625rem;
}

.RTF .design_content select[multiple] {
  font-size: 14px;
  font-size: 0.875rem;
}

.RTF .design_content input[type=submit],
.RTF .design_content input[type=reset] {
  display: inline-block;
  margin-bottom: 5px;
  padding: 0 15px;
  height: 37px;
  background: #2b71b6;
  border: 0;
  line-height: 35px;
  line-height: 2.1875rem;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: white;
  text-transform: uppercase;
}

.RTF .design_content input[type=submit]:hover,
.RTF .design_content input[type=reset]:hover {
  background: #03134b;
  text-decoration: none;
}

.RTF .design_content input[type=reset] {
  background: #808080;
}

.RTF .design_content input[type=reset]:hover {
  background: #4e4e4e;
}

.RTF .Clear:after {
  content: "";
  display: table;
  clear: both;
}

.RTF .WarningText {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #d5232f;
  font-style: italic;
}

.WidgetContent {
  margin: 0 0 30px;
}

.WidgetContent:after {
  content: "";
  display: table;
  clear: both;
}

/* General Structure Styles
******************************************************/
.Container {
  padding-right: 10px;
  padding-left: 10px;
  margin: 0 auto;
  max-width: 1024px;
}

@media (min-width: 1024px) {
  .Container {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.hide {
  display: none;
}

.PageTitleBand {
  background: #30407a;
  color: white;
}

.PageTitleBand h1, .PageTitleBand h2, .PageTitleBand h3, .PageTitleBand h4, .PageTitleBand h5, .PageTitleBand h6 {
  color: white;
}

.PageTitle {
  padding: 10px 0 0;
  text-align: center;
}

.PageTitle h1 {
  margin: 0;
  color: white;
}

.PageTitle hr {
  margin: 10px;
  border-top: 1px solid white;
}

.PageTitle .subHead {
  margin: 0;
  padding: 0 0 15px;
}

@media screen and (min-width: 750px) {
  .PageTitle {
    padding: 30px 50px 10px;
  }
}
@media screen and (min-width: 955px) {
  .PageTitle {
    padding: 30px 185px 10px;
  }
}
@media screen and (max-width: 749px) {
  .TwoColWrapper .Sidebar {
    display: none;
    /* Hide sidebar at mobile size */
  }
}
@media screen and (min-width: 750px) {
  .TwoColWrapper:after {
    content: "";
    display: table;
    clear: both;
  }

  .TwoColWrapper .Sidebar {
    float: left;
    width: 31.89744%;
    margin: 0 2.05128% 0 0;
    background: white;
    padding: 10px;
  }

  .TwoColWrapper .Sidebar .WidgetContent {
    padding: 15px 0 0;
    border-top: 13px solid #03134b;
  }

  .TwoColWrapper .RightCol {
    float: left;
    width: 66.05128%;
  }
}
/* Text Styles
******************************************************/
body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.57;
  font-weight: 400;
  background: #f4f4f4;
  color: #2b2b2b;
}

a {
  color: #0673bb;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0 0 15px;
  padding: 0;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  color: inherit;
}

/* H1 & subHead usually live in the Page Title Bar */
h1 {
  font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
  color: #2b2b2b;
  font-weight: 700;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 26px;
  line-height: 1.625rem;
  text-transform: uppercase;
}

@media screen and (min-width: 750px) {
  h1 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
.subHead {
  font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
  color: #5eb9f6;
  font-weight: 400;
  font-style: italic;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 26px;
  line-height: 1.625rem;
}

@media screen and (min-width: 750px) {
  .subHead {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
/*h2 {
    font-family: $fancyFont;
    color: #2b2b2b;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
}*/
h2 {
  color: #2b2b2b;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
}

h3 {
  color: #2b2b2b;
  font-weight: 700;
  font-size: 15px;
  font-size: 0.9375rem;
}

h4, h5, h6 {
  /* No style in design */
}

hr {
  display: block;
  border: 0;
  border-top: 1px solid #03134b;
  margin: 5px 0 20px;
  padding: 0;
}

/* Button Styles
******************************************************/
.Button, .ButtonLight, .ButtonDark {
  display: inline-block;
  margin-bottom: 5px;
  min-width: 156px;
  padding: 7px 15px;
  border: 0;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: white;
  text-transform: uppercase;
}

.Button:hover, .ButtonLight:hover, .ButtonDark:hover {
  text-decoration: none;
}

.ButtonLight {
  background: #2b71b6;
}

.ButtonLight:hover {
  background: #03134b;
}

.ButtonDark {
  background: #30407a;
}

.ButtonDark:hover {
  background: #03134b;
}

/* Footer styles
******************************************************/
.Footer {
  padding: 10px 0;
  background: #aba8aa;
  color: white;
}

.Footer:after {
  content: "";
  display: table;
  clear: both;
}

.Footer .left p {
  margin: 0;
}

.Footer .copyright,
.Footer .links {
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
}

.Footer .links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.Footer .links li {
  display: inline-block;
}

.Footer .links li:after {
  padding: 0 5px;
  content: "|";
}

.Footer .links a {
  color: white;
  font-weight: 600;
}

@media screen and (max-width: 749px) {
  .Footer {
    text-align: center;
  }

  .Footer .left {
    margin: 0 0 10px;
  }

  .Footer .links {
    margin: 0 0 4px;
  }

  .Footer .links li:last-child:after {
    padding: 0;
    content: "";
  }
}
@media screen and (min-width: 750px) {
  .Footer .left,
.Footer .right {
    width: 50%;
  }

  .Footer .left {
    float: left;
  }

  .Footer .right {
    float: right;
    text-align: right;
  }

  .Footer .links,
.Footer .copyright {
    display: inline-block;
  }
}
@media print {
  .Footer {
    display: none;
  }
}
/* Header styles
******************************************************/
@media (max-width: 980px) {
  .collegeNav {
    background: #333;
    color: white;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
  }

  .collegeNav .select {
    position: relative;
    padding: 12px 0;
    cursor: pointer;
  }

  .collegeNav .select .marker {
    padding-right: 10px;
  }

  .collegeNav .select .selectText:after {
    content: "Campus Locations";
  }

  .collegeNav .select .close {
    display: none;
  }

  .collegeNav .select.is-open .selectText:after {
    content: "Select a Campus";
  }

  .collegeNav .select.is-open .close {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -9px 0 0;
  }

  .collegeNav .wrap {
    display: none;
  }

  .collegeNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .collegeNav ul li a {
    display: block;
    padding: 12px 0;
    color: white;
    font-weight: 400;
  }

  .collegeNav ul li a:hover {
    text-decoration: none;
  }

  .collegeNav ul .adLink {
    background: #007e65;
  }

  .collegeNav ul .nlcLink {
    background: #90bf4a;
  }

  .collegeNav ul .nvcLink {
    background: #7e4a9b;
  }

  .collegeNav ul .pacLink {
    background: #6eb89f;
  }

  .collegeNav ul .spcLink {
    background: #2b4a9f;
  }

  .collegeNav ul .sacLink {
    background: #c8362e;
  }

  .collegeNav .popoutDetails,
.collegeNav #popout {
    display: none;
  }
}
@media (min-width: 980px) {
  .collegeNav {
    height: 24px;
    background: #333;
    font-family: sans-serif;
  }

  .collegeNav .select {
    display: none;
  }

  .collegeNav .wrap {
    position: relative;
    z-index: 50;
    max-width: 960px;
    margin: 0 auto;
  }

  .collegeNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .collegeNav ul li {
    width: 160px;
    float: left;
    position: relative;
  }

  .collegeNav ul li a {
    position: relative;
    z-index: 10;
    display: block;
    width: 160px;
    height: 24px;
    overflow: hidden;
    color: #c2c2c2;
    line-height: 24px;
    line-height: 1.5rem;
    font-size: 9px;
    font-size: 0.5625rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
  }

  .collegeNav ul li a.adLink {
    border-bottom: 3px solid #007e65;
  }

  .collegeNav ul li a.nlcLink {
    border-bottom: 3px solid #90bf4a;
  }

  .collegeNav ul li a.nvcLink {
    border-bottom: 3px solid #7e4a9b;
  }

  .collegeNav ul li a.pacLink {
    border-bottom: 3px solid #6eb89f;
  }

  .collegeNav ul li a.spcLink {
    border-bottom: 3px solid #2b4a9f;
  }

  .collegeNav ul li a.sacLink {
    border-bottom: 3px solid #c8362e;
  }

  .collegeNav ul li.selected {
    position: relative;
    z-index: 49;
    box-shadow: 0 7px 0 0 #2b71b6, -10px 0 10px -2px rgba(0, 0, 0, 0.8), 10px 0 10px -2px rgba(0, 0, 0, 0.8);
  }

  .collegeNav ul li.selected a {
    background-color: #2b71b6;
    border-bottom: 3px solid #2b71b6;
  }

  .collegeNav ul li.selected a.adLink {
    color: #fff;
  }

  .collegeNav ul li.selected a.nlcLink {
    color: #90bf4a;
  }

  .collegeNav ul li.selected a.nvcLink {
    color: #7e4a9b;
  }

  .collegeNav ul li.selected a.pacLink {
    color: #6eb89f;
  }

  .collegeNav ul li.selected a.spcLink {
    color: #2b4a9f;
  }

  .collegeNav ul li.selected a.sacLink {
    color: #c8362e;
  }

  .popoutDetails {
    display: none;
    /* popoutDetails html moves into #popout div on hover with JS */
  }

  #popout {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    z-index: 50;
    width: 160px;
    background: white;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
  }

  #popout.menu1 {
    left: 0;
  }

  #popout.menu2 {
    left: 160px;
  }

  #popout.menu3 {
    left: 320px;
  }

  #popout.menu4 {
    left: 480px;
  }

  #popout.menu5 {
    left: 640px;
  }

  #popout.menu6 {
    left: 800px;
  }

  .popoutHeader {
    height: 24px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 9px;
    font-size: 0.5625rem;
    line-height: 24px;
    line-height: 1.5rem;
    cursor: pointer;
  }

  .adLink .popoutHeader {
    background: #007e65;
  }

  .nlcLink .popoutHeader {
    background: #90bf4a;
  }

  .nvcLink .popoutHeader {
    background: #7e4a9b;
  }

  .pacLink .popoutHeader {
    background: #6eb89f;
  }

  .spcLink .popoutHeader {
    background: #2b4a9f;
  }

  .sacLink .popoutHeader {
    background: #c8362e;
  }

  .popoutBody {
    width: 130px;
    margin: 8px auto 0;
    padding-bottom: 8px;
    overflow: hidden;
  }

  .popoutBody .details {
    font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
    font-style: italic;
    font-size: 12px;
    font-size: 0.75rem;
    overflow: hidden;
  }

  .adLink .popoutBody .details {
    color: #007e65;
  }

  .nlcLink .popoutBody .details {
    color: #90bf4a;
  }

  .nvcLink .popoutBody .details {
    color: #7e4a9b;
  }

  .pacLink .popoutBody .details {
    color: #6eb89f;
  }

  .spcLink .popoutBody .details {
    color: #2b4a9f;
  }

  .sacLink .popoutBody .details {
    color: #c8362e;
  }

  .popoutBody .details img {
    float: left;
    margin-right: 8px;
    width: 25px;
  }

  .popoutBody .details span {
    display: block;
    width: 95px;
    line-height: 1em;
    float: left;
    overflow: hidden;
  }

  .popoutBody .visitLink {
    display: block;
    width: 132px;
    height: 32px;
    margin: 12px auto 0;
    line-height: 30px;
    line-height: 1.875rem;
    color: #fff;
    letter-spacing: 1px;
    letter-spacing: 0.0625rem;
    font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    background: #182a5d;
    background-image: linear-gradient(to bottom, #325dcf, #182a5d);
  }

  .sacLink .popoutBody .visitLink {
    background: #6d1d19;
    background-image: linear-gradient(to bottom, #dd4d4a, #6d1d19);
  }

  .pacLink .popoutBody .visitLink {
    background: #406d5e;
    background-image: linear-gradient(to bottom, #6eb79e, #406d5e);
  }

  .nvcLink .popoutBody .visitLink {
    background: #3c244b;
    background-image: linear-gradient(to bottom, #8e68a5, #3c244b);
  }

  .nlcLink .popoutBody .visitLink {
    background: #5b7930;
    background-image: linear-gradient(to bottom, #a5dc56, #5b7930);
  }
}
.Logo {
  padding: 25px 0 30px;
  background: #2b71b6;
  text-align: center;
}

.Logo .logoImg {
  width: 309px;
  height: 66px;
}

@media screen and (max-width: 749px) {
  .Logo {
    padding: 10px;
  }

  .Logo .logoImg {
    width: 200px;
    height: 41px;
  }
}
@media print {
  .Header {
    display: none;
  }
}
/* Step arrows
******************************************************/
.StepArrowsBand {
  padding: 5px 0;
  background: #03134b;
  color: white;
  font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
  text-align: center;
}

@media screen and (max-width: 749px) {
  .StepArrowsBand > .Container {
    padding: 0;
  }
}
@media screen and (min-width: 750px) {
  .StepArrowsBand {
    padding: 10px;
  }
}
@media print {
  .StepArrowsBand {
    display: none;
  }
}
.StepArrows .intro {
  margin: 0 0 10px;
  font-size: 23px;
  font-size: 1.4375rem;
}

.StepArrows .intro a {
  color: inherit;
}

.StepArrows .arrowWrap {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  overflow: hidden;
}

.StepArrows .arrow {
  display: inline-block;
  height: 64px;
  margin: 0 -2px;
  /* squish arrows closer together */
  background-repeat: no-repeat;
  background-position: 0 -128px;
}

.StepArrows .arrow a {
  display: block;
  color: white;
}

.StepArrows .arrow a:hover {
  text-decoration: none;
}

.StepArrows .arrow .number {
  background: white;
  border-radius: 50%;
  color: #30407a;
  font-family: "Open Sans", sans-serif;
}

.StepArrows .arrow .title,
.StepArrows .arrow .desc {
  display: block;
}

.StepArrows .arrow .title {
  text-transform: uppercase;
}

.StepArrows .arrow .desc {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-style: italic;
  font-weight: 400;
}

.StepArrows .arrow:hover {
  background-position: 0 -64px;
}

.StepArrows .arrow.active {
  background-position: 0 0;
}

.StepArrows .arrow.active .number {
  background: #03134b;
  color: white;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.StepArrows .arrow.active .title {
  color: #30407a;
}

.StepArrows .arrow.active .desc {
  color: #5eb9f6;
}

@media screen and (max-width: 749px) {
  .StepArrows .intro {
    margin: 0 0 5px;
    padding: 0 10px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }

  .StepArrows .arrow {
    position: relative;
    width: 102px;
    padding: 5px 0 0;
    background-image: url(../img/step-arrows_mobile.png);
    text-align: left;
  }

  .StepArrows .arrow .number {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 15px;
    height: 15px;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 15px;
    line-height: 0.9375rem;
    text-align: center;
  }

  .StepArrows .arrow .title {
    width: 95px;
    height: 18px;
    padding-left: 22px;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 18px;
    line-height: 1.125rem;
    overflow: hidden;
  }

  .StepArrows .arrow .desc {
    width: 95px;
    height: 40px;
    padding-left: 10px;
    overflow: hidden;
  }
}
@media screen and (min-width: 750px) {
  .StepArrows .arrow {
    width: 210px;
    padding: 10px 0 0;
    background-image: url(../img/step-arrows.png);
  }

  .StepArrows .arrow .number,
.StepArrows .arrow .step {
    display: inline-block;
    vertical-align: middle;
  }

  .StepArrows .arrow .number {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 30px;
    line-height: 1.875rem;
  }

  .StepArrows .arrow .step {
    width: 130px;
    text-align: left;
  }

  .StepArrows .arrow .title {
    height: 23px;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 23px;
    line-height: 1.4375rem;
    overflow: hidden;
  }

  .StepArrows .arrow .desc {
    height: 20px;
    overflow: hidden;
  }
}
/* Modal styles
******************************************************/
.Overlay {
  position: fixed;
  left: 50%;
  top: 50%;
  height: 0;
  width: 0;
  overflow: hidden;
  display: none;
  background: #000;
}

.Overlay.isActive {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0.7;
}

.CustomModal {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  width: 974px;
  padding: 20px 15px;
  margin: 0 0 0 -487px;
  background: #fff;
}

.CustomModal.isActive {
  display: block;
}

.CustomModal .modalClose {
  position: absolute;
  z-index: 60;
  top: -35px;
  right: 0;
  width: 22px;
  background: white;
  border-radius: 50%;
  text-align: center;
  font-weight: 700;
  color: black;
}

.CustomModal .modalClose:hover {
  text-decoration: none;
  opacity: 0.8;
}

@media screen and (max-width: 999px) {
  .CustomModal {
    width: 87.5%;
    margin: 6.25%;
    left: auto;
    padding: 40px 15px 20px;
    background: #b7b7b7;
    border: 1px solid white;
  }

  .CustomModal .modalClose {
    top: 10px;
    right: 10px;
    background: black;
    color: white;
    border: 1px solid white;
  }
}
/* Custom Modal styles
******************************************************/
.CustomModal .modalTitle {
  position: absolute;
  width: 100%;
  top: -45px;
  left: 0;
  color: white;
  font-weight: 700;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 29px;
  line-height: 1.8125rem;
  text-transform: uppercase;
  text-align: center;
}

.CustomModal .modalTitle p {
  margin: 0;
}

.CustomModal img {
  display: block;
  max-width: 100%;
}

.CustomModal .image img {
  margin: 0 auto;
}

@media screen and (max-width: 999px) {
  .CustomModal .modalTitle {
    display: none;
  }
}
/*  FAUX HEADER FROM ALAMO SITE  */
.Header {
  margin: 0;
  background: #fff;
  position: relative;
  z-index: 120;
  background-size: 0;
  font-family: "din-2014", sans-serif;
}

.Header .Container {
  max-width: 1208px;
  padding: 0;
}

@media screen and (min-width: 1024px) {
  .Header .mobile-only {
    display: none;
  }
}
.Header ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media print {
  .Header {
    display: none;
  }
}
.Header .UtilityBar {
  position: relative;
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .Header .UtilityBar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
  }

  .Header .UtilityBar > .Container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .Header .SchoolsNav .school-subnav {
    display: none;
  }

  .Header .SchoolsNav .menu .current {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .Header .SchoolsNav {
    color: #fff;
    background-color: #2d2d2d;
  }

  .Header .SchoolsNav .menu {
    position: relative;
    z-index: 5;
  }

  .Header .SchoolsNav .menu ul li:hover .school-subnav {
    opacity: 1;
    visibility: visible;
  }

  .Header .SchoolsNav .menu ul li {
    line-height: 1.2;
  }

  body[data-brand=DIST] .Header .SchoolsNav .menu ul li.district .school-subnav:after {
    background: linear-gradient(to top, #2b71b8 0%, rgba(43, 113, 184, 0) 100%);
  }

  body[data-brand=NLC] .Header .SchoolsNav .menu ul li.district .school-subnav:after {
    background: linear-gradient(to top, #2b71b8 0%, rgba(43, 113, 184, 0) 100%);
  }

  body[data-brand=NVC] .Header .SchoolsNav .menu ul li.district .school-subnav:after {
    background: linear-gradient(to top, #2b71b8 0%, rgba(43, 113, 184, 0) 100%);
  }

  body[data-brand=SPC] .Header .SchoolsNav .menu ul li.district .school-subnav:after {
    background: linear-gradient(to top, #2b71b8 0%, rgba(43, 113, 184, 0) 100%);
  }

  body[data-brand=PAC] .Header .SchoolsNav .menu ul li.district .school-subnav:after {
    background: linear-gradient(to top, #2b71b8 0%, rgba(43, 113, 184, 0) 100%);
  }

  body[data-brand=SAC] .Header .SchoolsNav .menu ul li.district .school-subnav:after {
    background: linear-gradient(to top, #2b71b8 0%, rgba(43, 113, 184, 0) 100%);
  }

  .Header .SchoolsNav .menu ul li.district .school-subnav .college-info {
    border-color: #2b71b8;
  }

  .Header .SchoolsNav .menu ul li.district .desc .action-btn .chevron svg path {
    fill: #2b71b8;
  }

  body[data-brand=DIST] .Header .SchoolsNav .menu ul li.nlc .school-subnav:after {
    background: linear-gradient(to top, #789f3e 0%, rgba(120, 159, 62, 0) 100%);
  }

  body[data-brand=NLC] .Header .SchoolsNav .menu ul li.nlc .school-subnav:after {
    background: linear-gradient(to top, #789f3e 0%, rgba(120, 159, 62, 0) 100%);
  }

  body[data-brand=NVC] .Header .SchoolsNav .menu ul li.nlc .school-subnav:after {
    background: linear-gradient(to top, #789f3e 0%, rgba(120, 159, 62, 0) 100%);
  }

  body[data-brand=SPC] .Header .SchoolsNav .menu ul li.nlc .school-subnav:after {
    background: linear-gradient(to top, #789f3e 0%, rgba(120, 159, 62, 0) 100%);
  }

  body[data-brand=PAC] .Header .SchoolsNav .menu ul li.nlc .school-subnav:after {
    background: linear-gradient(to top, #789f3e 0%, rgba(120, 159, 62, 0) 100%);
  }

  body[data-brand=SAC] .Header .SchoolsNav .menu ul li.nlc .school-subnav:after {
    background: linear-gradient(to top, #789f3e 0%, rgba(120, 159, 62, 0) 100%);
  }

  .Header .SchoolsNav .menu ul li.nlc .school-subnav .college-info {
    border-color: #789f3e;
  }

  .Header .SchoolsNav .menu ul li.nlc .desc .action-btn .chevron svg path {
    fill: #789f3e;
  }

  body[data-brand=DIST] .Header .SchoolsNav .menu ul li.nvc .school-subnav:after {
    background: linear-gradient(to top, #90499c 0%, rgba(144, 73, 156, 0) 100%);
  }

  body[data-brand=NLC] .Header .SchoolsNav .menu ul li.nvc .school-subnav:after {
    background: linear-gradient(to top, #90499c 0%, rgba(144, 73, 156, 0) 100%);
  }

  body[data-brand=NVC] .Header .SchoolsNav .menu ul li.nvc .school-subnav:after {
    background: linear-gradient(to top, #90499c 0%, rgba(144, 73, 156, 0) 100%);
  }

  body[data-brand=SPC] .Header .SchoolsNav .menu ul li.nvc .school-subnav:after {
    background: linear-gradient(to top, #90499c 0%, rgba(144, 73, 156, 0) 100%);
  }

  body[data-brand=PAC] .Header .SchoolsNav .menu ul li.nvc .school-subnav:after {
    background: linear-gradient(to top, #90499c 0%, rgba(144, 73, 156, 0) 100%);
  }

  body[data-brand=SAC] .Header .SchoolsNav .menu ul li.nvc .school-subnav:after {
    background: linear-gradient(to top, #90499c 0%, rgba(144, 73, 156, 0) 100%);
  }

  .Header .SchoolsNav .menu ul li.nvc .school-subnav .college-info {
    border-color: #90499c;
  }

  .Header .SchoolsNav .menu ul li.nvc .desc .action-btn .chevron svg path {
    fill: #90499c;
  }

  body[data-brand=DIST] .Header .SchoolsNav .menu ul li.pac .school-subnav:after {
    background: linear-gradient(to top, #5b9982 0%, rgba(91, 153, 130, 0) 100%);
  }

  body[data-brand=NLC] .Header .SchoolsNav .menu ul li.pac .school-subnav:after {
    background: linear-gradient(to top, #5b9982 0%, rgba(91, 153, 130, 0) 100%);
  }

  body[data-brand=NVC] .Header .SchoolsNav .menu ul li.pac .school-subnav:after {
    background: linear-gradient(to top, #5b9982 0%, rgba(91, 153, 130, 0) 100%);
  }

  body[data-brand=SPC] .Header .SchoolsNav .menu ul li.pac .school-subnav:after {
    background: linear-gradient(to top, #5b9982 0%, rgba(91, 153, 130, 0) 100%);
  }

  body[data-brand=PAC] .Header .SchoolsNav .menu ul li.pac .school-subnav:after {
    background: linear-gradient(to top, #5b9982 0%, rgba(91, 153, 130, 0) 100%);
  }

  body[data-brand=SAC] .Header .SchoolsNav .menu ul li.pac .school-subnav:after {
    background: linear-gradient(to top, #5b9982 0%, rgba(91, 153, 130, 0) 100%);
  }

  .Header .SchoolsNav .menu ul li.pac .school-subnav .college-info {
    border-color: #5b9982;
  }

  .Header .SchoolsNav .menu ul li.pac .desc .action-btn .chevron svg path {
    fill: #5b9982;
  }

  body[data-brand=DIST] .Header .SchoolsNav .menu ul li.spc .school-subnav:after {
    background: linear-gradient(to top, #3a62d3 0%, rgba(58, 98, 211, 0) 100%);
  }

  body[data-brand=NLC] .Header .SchoolsNav .menu ul li.spc .school-subnav:after {
    background: linear-gradient(to top, #3a62d3 0%, rgba(58, 98, 211, 0) 100%);
  }

  body[data-brand=NVC] .Header .SchoolsNav .menu ul li.spc .school-subnav:after {
    background: linear-gradient(to top, #3a62d3 0%, rgba(58, 98, 211, 0) 100%);
  }

  body[data-brand=SPC] .Header .SchoolsNav .menu ul li.spc .school-subnav:after {
    background: linear-gradient(to top, #3a62d3 0%, rgba(58, 98, 211, 0) 100%);
  }

  body[data-brand=PAC] .Header .SchoolsNav .menu ul li.spc .school-subnav:after {
    background: linear-gradient(to top, #3a62d3 0%, rgba(58, 98, 211, 0) 100%);
  }

  body[data-brand=SAC] .Header .SchoolsNav .menu ul li.spc .school-subnav:after {
    background: linear-gradient(to top, #3a62d3 0%, rgba(58, 98, 211, 0) 100%);
  }

  .Header .SchoolsNav .menu ul li.spc .school-subnav .college-info {
    border-color: #3a62d3;
  }

  .Header .SchoolsNav .menu ul li.spc .desc .action-btn .chevron svg path {
    fill: #3a62d3;
  }

  body[data-brand=DIST] .Header .SchoolsNav .menu ul li.pac .school-subnav:after {
    background: linear-gradient(to top, #5b9982 0%, rgba(91, 153, 130, 0) 100%);
  }

  body[data-brand=NLC] .Header .SchoolsNav .menu ul li.pac .school-subnav:after {
    background: linear-gradient(to top, #5b9982 0%, rgba(91, 153, 130, 0) 100%);
  }

  body[data-brand=NVC] .Header .SchoolsNav .menu ul li.pac .school-subnav:after {
    background: linear-gradient(to top, #5b9982 0%, rgba(91, 153, 130, 0) 100%);
  }

  body[data-brand=SPC] .Header .SchoolsNav .menu ul li.pac .school-subnav:after {
    background: linear-gradient(to top, #5b9982 0%, rgba(91, 153, 130, 0) 100%);
  }

  body[data-brand=PAC] .Header .SchoolsNav .menu ul li.pac .school-subnav:after {
    background: linear-gradient(to top, #5b9982 0%, rgba(91, 153, 130, 0) 100%);
  }

  body[data-brand=SAC] .Header .SchoolsNav .menu ul li.pac .school-subnav:after {
    background: linear-gradient(to top, #5b9982 0%, rgba(91, 153, 130, 0) 100%);
  }

  .Header .SchoolsNav .menu ul li.pac .school-subnav .college-info {
    border-color: #5b9982;
  }

  .Header .SchoolsNav .menu ul li.pac .desc .action-btn .chevron svg path {
    fill: #5b9982;
  }

  body[data-brand=DIST] .Header .SchoolsNav .menu ul li.sac .school-subnav:after {
    background: linear-gradient(to top, #ed1d24 0%, rgba(237, 29, 36, 0) 100%);
  }

  body[data-brand=NLC] .Header .SchoolsNav .menu ul li.sac .school-subnav:after {
    background: linear-gradient(to top, #ed1d24 0%, rgba(237, 29, 36, 0) 100%);
  }

  body[data-brand=NVC] .Header .SchoolsNav .menu ul li.sac .school-subnav:after {
    background: linear-gradient(to top, #ed1d24 0%, rgba(237, 29, 36, 0) 100%);
  }

  body[data-brand=SPC] .Header .SchoolsNav .menu ul li.sac .school-subnav:after {
    background: linear-gradient(to top, #ed1d24 0%, rgba(237, 29, 36, 0) 100%);
  }

  body[data-brand=PAC] .Header .SchoolsNav .menu ul li.sac .school-subnav:after {
    background: linear-gradient(to top, #ed1d24 0%, rgba(237, 29, 36, 0) 100%);
  }

  body[data-brand=SAC] .Header .SchoolsNav .menu ul li.sac .school-subnav:after {
    background: linear-gradient(to top, #ed1d24 0%, rgba(237, 29, 36, 0) 100%);
  }

  .Header .SchoolsNav .menu ul li.sac .school-subnav .college-info {
    border-color: #ed1d24;
  }

  .Header .SchoolsNav .menu ul li.sac .desc .action-btn .chevron svg path {
    fill: #ed1d24;
  }

  .Header .SchoolsNav .school-subnav {
    padding: 35px;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #2d2d2d;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    z-index: 5;
    min-height: 280px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all ease-in-out;
  }

  .no-flexbox .Header .SchoolsNav .school-subnav {
    display: table;
  }

  .no-flexbox .Header .SchoolsNav .school-subnav .college-info,
.no-flexbox .Header .SchoolsNav .school-subnav .desc {
    float: left;
  }

  .Header .SchoolsNav .school-subnav:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .Header .SchoolsNav .school-subnav .wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, #2d2d2d 0%, #2d2d2d 45%, rgba(125, 185, 232, 0) 100%);
    z-index: 1;
  }

  .Header .SchoolsNav .school-subnav .college-info {
    width: 225px;
    border-left: 12px solid;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-size: 0.875rem;
    font-family: "open-sans", sans-serif;
    font-weight: 400;
    position: relative;
    z-index: 1;
  }

  .Header .SchoolsNav .school-subnav .college-info .college-name {
    color: #fff;
    font-size: 34px;
    font-size: 2.125rem;
    font-family: "din-2014", sans-serif;
    font-weight: 400;
  }

  .Header .SchoolsNav .desc {
    width: 400px;
    font-family: "din-2014", sans-serif;
    font-weight: bold;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    position: relative;
    z-index: 1;
  }

  .Header .SchoolsNav .desc .action-btn {
    font-family: "open-sans", sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    text-transform: uppercase;
    padding-right: 25px;
    padding-left: 0;
    display: inline-block;
    clear: both;
    position: relative;
  }

  .Header .SchoolsNav .desc .action-btn .chevron {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 20px;
    width: 12px;
    transition: 0.3s all;
  }

  .Header .SchoolsNav .desc .action-btn:hover {
    opacity: 0.5;
  }

  .Header .SchoolsNav .desc .action-btn:hover .chevron {
    right: -10px;
  }
}
.Header .SchoolsNav,
.Header .ResourcesNav {
  font-family: "din-2014", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}

.Header .SchoolsNav button,
.Header .ResourcesNav button {
  background: transparent;
  padding: 15px 26px 15px 20px;
  border: 0;
  line-height: 1;
  position: relative;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  color: #2d2d2d;
}

body[data-brand=DIST] .Header .SchoolsNav button, body[data-brand=DIST] .Header .ResourcesNav button {
  color: #1e4f81;
}

body[data-brand=NLC] .Header .SchoolsNav button, body[data-brand=NLC] .Header .ResourcesNav button {
  color: #416f06;
}

body[data-brand=NVC] .Header .SchoolsNav button, body[data-brand=NVC] .Header .ResourcesNav button {
  color: #60357e;
}

body[data-brand=SPC] .Header .SchoolsNav button, body[data-brand=SPC] .Header .ResourcesNav button {
  color: #182878;
}

body[data-brand=PAC] .Header .SchoolsNav button, body[data-brand=PAC] .Header .ResourcesNav button {
  color: #01766e;
}

body[data-brand=SAC] .Header .SchoolsNav button, body[data-brand=SAC] .Header .ResourcesNav button {
  color: #9a1519;
}

.Header .SchoolsNav button:after,
.Header .ResourcesNav button:after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: calc(50% - 3px);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #2d2d2d;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.Header .SchoolsNav ul,
.Header .ResourcesNav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1023px) {
  .Header .SchoolsNav ul,
.Header .ResourcesNav ul {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 16px 15px;
  }
}
.no-flexbox .Header .SchoolsNav ul, .no-flexbox .Header .ResourcesNav ul {
  display: table;
}

@media screen and (min-width: 1024px) {
  .Header .SchoolsNav ul li,
.Header .ResourcesNav ul li {
    float: left;
    width: 20%;
  }

  .Header .SchoolsNav ul li:hover,
.Header .ResourcesNav ul li:hover {
    background-color: #2d2d2d;
  }

  .Header .SchoolsNav ul li:hover > a,
.Header .ResourcesNav ul li:hover > a {
    opacity: 0.36;
  }
}
.Header .SchoolsNav ul li a,
.Header .ResourcesNav ul li a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  padding: 16px 15px;
  transition: 0.3s all ease-in-out;
}

@media screen and (min-width: 1024px) {
  .Header .SchoolsNav ul li a span,
.Header .ResourcesNav ul li a span {
    display: block;
    clear: both;
  }
}
@media screen and (max-width: 1023px) {
  .Header .SchoolsNav ul li a,
.Header .ResourcesNav ul li a {
    padding: 5px 0;
  }
}
.Header .SchoolsNav ul li a:hover,
.Header .ResourcesNav ul li a:hover {
  color: inherit;
  text-decoration: none;
}

@media screen and (max-width: 1023px) {
  .Header .SchoolsNav,
.Header .ResourcesNav {
    float: left;
    color: #fff;
    background-color: #fff;
    margin-bottom: 0;
  }

  .Header .SchoolsNav > .Container,
.Header .ResourcesNav > .Container {
    padding-right: 0;
    padding-left: 0;
  }

  .Header .SchoolsNav .menu,
.Header .ResourcesNav .menu {
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 44px;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
    transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
    transition: visibility 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  }

  body[data-brand=DIST] .Header .SchoolsNav .menu, body[data-brand=DIST] .Header .ResourcesNav .menu {
    color: #2b71b8;
  }

  body[data-brand=NLC] .Header .SchoolsNav .menu, body[data-brand=NLC] .Header .ResourcesNav .menu {
    color: #789f3e;
  }

  body[data-brand=NVC] .Header .SchoolsNav .menu, body[data-brand=NVC] .Header .ResourcesNav .menu {
    color: #90499c;
  }

  body[data-brand=SPC] .Header .SchoolsNav .menu, body[data-brand=SPC] .Header .ResourcesNav .menu {
    color: #3a62d3;
  }

  body[data-brand=PAC] .Header .SchoolsNav .menu, body[data-brand=PAC] .Header .ResourcesNav .menu {
    color: #5b9982;
  }

  body[data-brand=SAC] .Header .SchoolsNav .menu, body[data-brand=SAC] .Header .ResourcesNav .menu {
    color: #ed1d24;
  }

  .Header .SchoolsNav .menu li a,
.Header .ResourcesNav .menu li a {
    color: #0062a1;
  }

  .Header .SchoolsNav .menu li a:hover,
.Header .ResourcesNav .menu li a:hover {
    color: #0062a1;
  }

  .Header .SchoolsNav.active button:after,
.Header .ResourcesNav.active button:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .Header .SchoolsNav.active .menu,
.Header .ResourcesNav.active .menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 150;
  }

  .SiteSearch-isOpen .Header .SchoolsNav.active .menu, .SiteSearch-isOpen .Header .ResourcesNav.active .menu {
    opacity: 0;
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
    transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
    transition: visibility 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  }
}