html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, u, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, #top-nav ul, #top-nav li, #global-links ul, #global-links li, #mobile-nav ul, #mobile-nav li, #left-nav ul, #left-nav li, ul#breadcrumbs, ul#breadcrumbs li, footer ul, footer li {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}
sup { /* Modified by IMSERC to prevent superscripts from affecting line height */
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub { /* Modified by IMSERC to prevent subscripts from affecting line height */
  vertical-align: baseline;
  position: relative;
  top: 0.4em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, main, section {
  display: block
}
body {
  line-height: 1
}
blockquote, q {
  quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
#top-bar:after, #tab-content > div:after, .tab-content > div:after, #search:after, .standard-page #page:after, .standard-page .alternate-photo-float:after, .narrow-page #news-story .wrap:after, .standard-page .news-events-announcements:after, .standard-page .news:after, .standard-page .people-big .people-wrap:after, .standard-page .people-medium .people-wrap:after, .standard-page .people-small .people-wrap:after, .people-columns:after, .standard-page .photo-feature-2-across:after, .standard-page .photo-grid:after, .standard-page .plus-section:after, .standard-page .showcase .below-content:after, .landing-page #page:after, .landing-page .alternate-photo-float:after, .landing-page .feature-three-col:after, .landing-page .feature-four-col:after, .landing-page .large-feature-inner:after, .landing-page .news-event:after, .landing-page .news-box:after, .landing-page .news-events-announcements:after, .landing-page .news-events-announcements .column-wide:after, .landing-page .photo-feature-2-across:after, .landing-page .photo-feature-3-across:after, .landing-page .photo-grid:after, .landing-page .stats-callout:after, .landing-page .three-column-links:after {
  content: "";
  display: table;
  clear: both
}
.content p.arrow-link:after, .content a.arrow-link:after, .content span.arrow-link:after, #top-nav .contain-1120 > ul .dropdown-quick-links .nav-quick-links ul li:after, .standard-page .showcase .links ul li:after, .landing-page .large-feature-inner .right-side ul li:after {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg") no-repeat 50% 45%/6px 10px;
  padding-right: 1.5rem;
  content: " "
}
.standard-page .photo-feature-2-across .photo-feature p.link:after, .landing-page .photo-feature-2-across .photo-feature p.link:after, .landing-page .photo-feature-3-across .photo-feature p.link:after {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-white.svg") no-repeat 50% 45%/6px 10px;
  padding-right: 1.5rem;
  content: " "
}
#global-links > ul li .dropdown-arrow:after {
  content: "\003E";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-left: .4rem;
  color: #fff;
  display: inline-block
}
* {
  box-sizing: border-box
}
html {
  overflow-y: scroll
}
body {
  font: 62.5%/1.7em "Akkurat Pro Regular", Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color: #342f2e;
  background: #fff;
  min-width: 98%;
  height: 100%;
  overflow-x: hidden
}
a:focus {
  outline: 1px dashed
}
a:active {
  outline: none
}
a.screen-reader-shortcut {
  left: .5em;
  position: absolute;
  top: -99px
}
a.screen-reader-shortcut:focus {
  background-color: #fff;
  box-shadow: 0 0 0.3rem 0.3rem rgba(0, 0, 0, 0.6);
  color: #401f68;
  font: bold 1.5em sans-serif;
  padding: 1rem;
  top: .5rem;
  z-index: 5
}
#container {
  position: relative;
  background: #fff
}
#main-content {
  font-size: 17px; /* Modified by IMSERC by increasing the font size from 16 to 17 */
  line-height: 1.7em;
  outline: none !important
}
.contain-780 {
  margin: 0 auto;
  max-width: 780px;
  box-sizing: content-box
}
.contain-850 {
  margin: 0 auto;
  max-width: 850px;
  box-sizing: content-box
}
.contain-970 {
  margin: 0 auto;
  max-width: 970px;
  box-sizing: content-box
}
.contain-1120 {
  margin: 0 auto;
  max-width: 1120px;
  box-sizing: content-box
}
.contain-1440 {
  margin: 0 auto;
  max-width: 1440px
}
ul#breadcrumbs {
  list-style: none;
  font: 12px/1.5rem "Akkurat Pro Bold", "Arial Black", sans-serif;
  text-transform: uppercase;
  padding: 0 0 .5rem 0;
  margin-bottom: 2rem;
  border-bottom: 4px solid #f0f0f0;
  min-height: 30px
}
ul#breadcrumbs li {
  display: inline;
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-ltpurple.svg") no-repeat center left 8px/8px 8px;
  padding-left: 2em
}
ul#breadcrumbs li:first-child {
  background: none;
  padding-left: 0
}
ul#breadcrumbs li.active {
  color: #401f68
}
ul#breadcrumbs li a {
  color: #716c6b;
  border: none;
  text-decoration: none
}
ul#breadcrumbs li a:hover {
  text-decoration: underline;
  border: none
}
img {
  display: inline-block;
  max-width: 100%;
  height: auto
}
img .outline {
  border: 1px solid #ccc
}
a#scrollup {
  display: none;
  opacity: .9;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  position: fixed;
  z-index: 999;
  right: 2rem;
  bottom: 2rem;
  background: #401f68 url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-white.svg") no-repeat 50%/14px 18px;
  border: 1px solid #fff;
  transform: rotate(270deg)
}
a:hover#scrollup {
  background-color: #836eaa;
  transition: .3s
}
a:focus#scrollup {
  border: 2px dashed #fff;
  outline: none
}
.responsive-table {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  margin: 1em 0 2em 0
}
.responsive-container {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%
}
.responsive-container iframe, .responsive-container object, .responsive-container embed {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.responsive-container .overlay {
  position: absolute;
  bottom: 20%;
  width: 100%;
  text-align: center;
  z-index: 5000;
  cursor: default
}
.responsive-container .overlay h2 {
  color: white;
  font: 60px/1.2em "Campton Bold", Impact, sans-serif;
  margin-bottom: 1rem;
  position: relative;
  text-shadow: 2px 2px 0 black
}
.hide-label {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden
}
.group:after {
  content: "";
  display: table;
  clear: both
}
a[href*=".pdf"], a[href$=".PDF"] { /* Modified by IMSERC */
  padding-right: 1.25rem;
  background: url("https://common.northwestern.edu/v8/css/images/icons/pdf.png") no-repeat right center
}
a[href$=".docx"], a[href$=".DOCX"], a[href$=".doc"], a[href$=".DOC"] { /* Modified by IMSERC */
  padding-right: 1.25rem;
  background: url("https://common.northwestern.edu/v8/css/images/icons/word.png") no-repeat right center
}
a[href$=".xlsx"], a[href$=".XLSX"], a[href$=".xls"], a[href$=".XLS"], a[href$=".xlsm"], a[href$=".XLSM"] { /* Modified by IMSERC */
  padding-right: 1.25rem;
  background: url("https://common.northwestern.edu/v8/css/images/icons/excel.png") no-repeat right center
}
@media screen and (max-width: 1140px) {
  #main-content .contain-1120 {
    margin-left: 1rem;
    margin-right: 1rem
  }
  .responsive-container .overlay {
    bottom: 20%
  }
  .responsive-container .overlay h2 {
    font-size: 48px
  }
}
@media screen and (max-width: 768px) {
  a#scrollup {
    right: 1rem;
    bottom: 1rem
  }
  .hide-mobile {
    display: none
  }
  #page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
  }
  .responsive-container .overlay {
    bottom: 15%
  }
  .responsive-container .overlay h2 {
    font-size: 36px;
    margin-bottom: .5rem
  }
  #back-to-top {
    display: block;
    font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #401f68;
    text-align: center;
    text-transform: uppercase;
    margin: 2rem 0
  }
  #back-to-top:before {
    background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-down-ltpurple.svg") no-repeat 50%/15px 19px;
    padding: 0 25px;
    content: " "
  }
  #back-to-top:after {
    background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-down-ltpurple.svg") no-repeat 50%/15px 19px;
    background-size: 15px 19px;
    padding: 0 25px;
    content: " "
  }
  #back-to-top {
    margin: 2rem 0 2rem 0
  }
  #back-to-top:before {
    background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-up-ltpurple.svg") no-repeat 50%/15px 19px
  }
  #back-to-top:after {
    background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-up-ltpurple.svg") no-repeat 50%/15px 19px
  }
}
@media screen and (max-width: 480px) {
  .responsive-container .overlay {
    bottom: 10%
  }
  .responsive-container .overlay h2 {
    font-size: 24px;
    margin-bottom: .5rem
  }
}
#ie {
  background: #fcf3c5;
  font: 1.5em/1em Arial, sans-serif;
  text-align: center;
  padding: .5em;
  border-bottom: 1px solid #000
}
#ie a {
  font-weight: bold
}
#ie p {
  margin: 0
}
.web-form form {
  margin-bottom: .5rem
}
.web-form fieldset {
  border: 1px solid #f0f0f0;
  margin-bottom: 1em;
  border: 0
}
.web-form fieldset p {
  margin: 0
}
.web-form .field {
  margin-bottom: 1em
}
.web-form .field p {
  margin: 0
}
.web-form label, .web-form .label, .web-form legend {
  margin: .5em 0 .2em;
  display: block
}
.web-form label.inline, .web-form .label.inline, .web-form legend.inline {
  display: inline;
  margin: .5em 1em .2em 0
}
.web-form label.right, .web-form .label.right, .web-form legend.right {
  font-style: italic;
  font-weight: normal;
  font-size: .9em
}
.web-form input + label, .web-form select + label, .web-form .label-secondary + label, .web-form .required + label {
  margin: 1.5rem 0 0
}
.web-form input[type=search]::-webkit-search-cancel-button, .web-form input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
.web-form input, .web-form select, .web-form textarea {
  display: inline-block;
  border: 1px solid #ccc;
  font: inherit;
  color: #342f2e;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  width: 50%;
  background: #fff;
  padding: .5em;
  -webkit-transition: .3s linear border;
  -moz-transition: .3s linear border;
  -ms-transition: .3s linear border;
  -o-transition: .3s linear border;
  transition: .3s linear border
}
.web-form input.required, .web-form select.required, .web-form textarea.required {
  border: 1px solid #b2292e
}
.web-form input.narrow, .web-form select.narrow, .web-form textarea.narrow {
  width: 25%
}
.web-form input[type=checkbox], .web-form input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  height: 15px;
  width: 15px
}
.web-form input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
.web-form input:focus, .web-form select:focus, .web-form textarea:focus {
  border-color: #4e2a84
}
.web-form input.required:focus, .web-form select.required:focus, .web-form textarea.required:focus {
  border-color: #b2292e
}
.web-form input:focus {
  outline: 1px auto #4e2a84
}
.web-form input[disabled], .web-form select[disabled], .web-form textarea[disabled] {
  cursor: not-allowed;
  background-color: #f0f0f0;
  color: #ccc
}
.web-form input[readonly], .web-form select[readonly], .web-form textarea[readonly], .web-form input[readonly]:focus, .web-form select[readonly]:focus, .web-form textarea[readonly]:focus {
  background: #f0f0f0;
  color: #716c6b;
  border-color: #ccc
}
.web-form input[type=file] {
  background-image: none
}
.web-form input[type=file]:hover {
  background-image: none
}
.web-form select {
  background: #fff url("https://common.northwestern.edu/v8/css/images/icons/arrow-down-dkpurple.svg") no-repeat top 50% right 0.5rem/17px 10px;
  color: #716c6b;
  width: inherit;
  padding-right: 2rem;
  margin: 0 .65rem 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
  height: 45px
}
.web-form select::-ms-expand {
  display: none
}
.web-form select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000
}
.web-form select option {
  font-family: "Akkurat Pro Regular", Arial, sans-serif
}
.web-form select[multiple] {
  height: auto
}
.web-form textarea {
  border: 1px solid #ccc;
  padding: 0.3em 1.5em 0.3em .5em;
  width: 100%;
  height: 8em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
  overflow: auto;
  vertical-align: top
}
.web-form .required {
  color: #b2292e;
  font-weight: normal
}
.web-form label span.required, .web-form .label span.required {
  margin-left: 0.5rem
}
.web-form span.required {
  display: inline
}
.web-form .form-help-inline, .web-form .form-message-inline {
  display: inline-block;
  padding-left: .3em;
  color: #716c6b;
  vertical-align: middle
}
.web-form .form-message {
  display: block
}
.web-form button::-moz-focus-inner, .web-form input::-moz-focus-inner {
  border: 0;
  padding: 0
}
.web-form button, .web-form input, .web-form select, .web-form textarea {
  font-size: 100%;
  vertical-align: baseline;
  vertical-align: middle
}
.web-form button, .web-form input {
  line-height: normal
}
.web-form button, .web-form input[type=button], .web-form input[type=reset], .web-form input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  overflow: visible
}
.web-form button[disabled], .web-form input[disabled] {
  cursor: default
}
@media only screen and (max-width: 480px) {
  .web-form button[type=submit] {
    margin: .7em 0 0
  }
  .web-form input, .web-form label {
    margin-bottom: .3em;
    display: block
  }
  .web-form input, .web-form select, .web-form textarea {
    width: 100%
  }
  .web-form input.narrow, .web-form select.narrow, .web-form textarea.narrow {
    width: 50%
  }
  .web-form .form-help-inline, .web-form -message-inline, .web-form -message {
    display: block;
    font-size: 80%;
    padding: .2em 0 .8em
  }
}
h2 {
  font: 46px/1.2em "Campton Book", "Courier New", sans-serif; /* Modified by IMSERC by replacing Campton Bold with Campton Book */
  color: #4e2a84;
  margin-bottom: 1rem
}
h3 {
  font: 30px/1.2em "Campton Bold", Impact, sans-serif;
  color: #4e2a84;
  margin-bottom: .5rem
}
h3.demo {
  font: 26px/1.2em "Campton Bold", Impact, sans-serif;
  background: #401f68;
  color: #fff;
  padding: 1rem;
  display: inline-block
}
h4 {
  font: 26px/1.2em "Akkurat Pro Regular", Arial, sans-serif;
  color: #716c6b;
  margin-bottom: .5rem
}
h5 {
  font: 21px/1.3em "Akkurat Pro Regular", Arial, sans-serif;
  color: #4e2a84;
  margin-bottom: .5rem
}
h6 {
  font: 18px/1.3em "Campton Bold", Impact, sans-serif;
  color: #716c6b;
  margin-bottom: .5rem
}
.center-list {
  list-style: none;
  margin: 2rem 0 0 0;
  padding: 0;
  text-align: center
}
.center-list li {
  background: none;
  display: inline;
  margin: 0;
  padding: 0
}
.content a {
  font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #4e2a84;
  text-decoration: none;
  border-bottom: 1px dashed #b6acd1;
  padding-bottom: .08rem
}
.content a:hover {
  border-bottom: 1px solid #4e2a84
}
.content a img {
  border-bottom: none
}
.content a.no-dash {
  border-bottom: none
}
.content a em, .content em a, .content a i, .content i a {
  font-family: "Akkurat Pro Bold Italic", "Arial Black", sans-serif
}
.content strong, .content b {
  font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
  font-weight: normal
}
.content em, .content i {
  font-family: "Akkurat Pro Italic", Arial, sans-serif;
  font-style: normal
}
.content strong em, .content em strong, .content strong i, .content i strong, .content b i, .content i b {
  font-family: "Akkurat Pro Bold Italic", "Arial Black", sans-serif;
  font-style: normal;
  font-weight: normal
}
.content ul {
  padding-left: 1em
}
.content ul > li {
  list-style: none;
  background: url("https://common.northwestern.edu/v8/css/images/icons/bullet.png") 0 0.6em no-repeat;
  padding: 0 0 .5em 1.5em
}
.content ul > li:last-child {
  padding-bottom: 0
}
.content ul > li > ul {
  margin-top: .5em
}
.content ul > li > ul li {
  background: none;
  list-style: circle;
  padding-left: .5em
}
.content ul > li > ol {
  padding-left: 1em;
  margin-top: .5em
}
.content ul > li > ol > li {
  background: none;
  list-style-type: decimal;
  overflow: inherit;
  padding-left: .5em
}
.content ul > li > ol > li:last-child {
  padding-bottom: 0
}
.content ul.center-list > li {
  background: none;
  padding: 0
}
.content ul.center-list > li:last-of-type a.button {
  margin-right: 0
}
.content ul.two-column-list {
  width: 100% !important;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem
}
.content ul.two-column-list li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid
}
@media screen and (max-width: 768px) {
  .content ul.two-column-list {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
  }
}
.content ol {
  padding-left: 2.2em
}
.content ol > li {
/*  list-style-type: decimal;*/
  padding: 0 0 .5em .5em
}
.content ol > li:last-child {
  padding-bottom: 0
}
.content ol > li > ol {
  margin-top: .5em;
  padding-left: 1.2em
}
.content ol > li > ol li {
  list-style: lower-alpha
}
.content ol > li > ol li:last-child {
  padding-bottom: 0
}
.content ol > li > ul {
  margin-top: .5em;
  padding-left: 0
}
.content ol > li > ul > li:last-child {
  padding-bottom: 0
}
.content table {
  width: 100%;
  margin: 1em 0 0 0;
  font-family: "Akkurat Pro Regular", Arial, sans-serif;
  line-height: 1.5em
}
.content table th {
  background: #4e2a84;
  font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #fff;
  padding: .7rem 1rem .7rem 1rem;
  text-align: left;
  border: 2px solid #fff
}
.content table td {
  padding: .7rem 1rem .7rem 1rem;
  border: 2px solid #fff;
  vertical-align: top
}
.content table tr.stripe {
  background: #f0f0f0
}
.content table tr.hover td {
  background: #e4e0ee;
  color: #342f2e
}
.content table.table-no-hover tr.hover td {
  background: transparent;
  color: inherit
}
.content table.table-no-hover tr.hover.stripe {
  background: #f0f0f0
}
.content table.table-center-header th {
  text-align: center
}
.content table.table-no-stripe tr.stripe {
  background: transparent
}
.content table.table-borders {
  border: 3px solid #f0f0f0
}
.content table.table-borders th {
  border: 2px solid #f0f0f0
}
.content table.table-borders td {
  border: 2px solid #f0f0f0
}
.content table.table-borders tr.stripe td {
  border: 2px solid #fff
}
.content table.table-borders.table-no-stripe tr.stripe td {
  border: 2px solid #f0f0f0
}
.content table ul {
  margin-left: 0;
  padding-top: .5rem
}
.align-text-center {
  text-align: center
}
.align-image-left {
  float: left;
  margin: .5rem 1.5rem .5rem 0
}
.align-image-right {
  float: right;
  margin: .5rem 0 .5rem 1.5rem
}
.align-image-center {
  margin: 0 auto;
  display: block
}
@media screen and (max-width: 768px) {
  .align-image-left, .align-image-right, .align-image-center {
    float: none;
    margin: 0 0 1rem 0;
    display: block
  }
}
@font-face {
  font-family: "Akkurat Pro Light";
  src: url("https://common.northwestern.edu/v8/css/fonts/AkkuratProLight.woff") format("woff");
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: "Akkurat Pro Light Italic";
  src: url("https://common.northwestern.edu/v8/css/fonts/AkkuratProLightItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: "Akkurat Pro Regular";
  src: url("https://common.northwestern.edu/v8/css/fonts/AkkuratProRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: "Akkurat Pro Italic";
  src: url("https://common.northwestern.edu/v8/css/fonts/AkkuratProItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: "Akkurat Pro Bold";
  src: url("https://common.northwestern.edu/v8/css/fonts/AkkuratProBold.woff") format("woff");
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: "Akkurat Pro Bold Italic";
  src: url("https://common.northwestern.edu/v8/css/fonts/AkkuratProBoldItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: "Campton Book";
  src: url("https://common.northwestern.edu/v8/css/fonts/CamptonBook.woff") format("woff");
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: "Campton Bold";
  src: url("https://common.northwestern.edu/v8/css/fonts/CamptonBold.woff") format("woff");
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: "Campton Extra Bold";
  src: url("https://common.northwestern.edu/v8/css/fonts/CamptonExtraBold.woff") format("woff");
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: "Campton Extra Light";
  src: url("https://common.northwestern.edu/v8/css/fonts/CamptonExtraLight.woff") format("woff");
  font-weight: normal;
  font-style: normal
}
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  box-shadow: 0 1px 0 0 rgba(187, 184, 184, 0.75);
  margin-bottom: 1rem
}
table.dataTable thead th, table.dataTable thead td {
  padding: 10px 18px
}
table.dataTable thead th:active, table.dataTable thead td:active {
  outline: none
}
table.dataTable tfoot th, table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center right
}
table.dataTable thead .sorting {
  background-image: url("//cdn.datatables.net/1.10.16/images/sort_both.png")
}
table.dataTable thead .sorting_asc {
  background-image: url("//cdn.datatables.net/1.10.16/images/sort_asc.png")
}
table.dataTable thead .sorting_desc {
  background-image: url("//cdn.datatables.net/1.10.16/images/sort_desc.png")
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("//cdn.datatables.net/1.10.16/images/sort_asc_disabled.png")
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("//cdn.datatables.net/1.10.16/images/sort_desc_disabled.png")
}
table.dataTable tbody tr {
  background-color: #fff
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9
}
table.dataTable tbody th, table.dataTable thead th, table.dataTable tfoot th, table.dataTable tbody td {
  padding: 8px 10px;
  border: 1px solid #fff
}
table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
  border-top: none
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd
}
table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd
}
table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
  border-top: none
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1
}
table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa
}
table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap
}
table.dataTable.compact thead th, table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px
}
table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
  padding: 4px
}
table.dataTable.compact tbody th, table.dataTable.compact tbody td {
  padding: 4px
}
table.dataTable th.dt-left, table.dataTable td.dt-left {
  text-align: left
}
table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
  text-align: center
}
table.dataTable th.dt-right, table.dataTable td.dt-right {
  text-align: right
}
table.dataTable th.dt-justify, table.dataTable td.dt-justify {
  text-align: justify
}
table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
  white-space: nowrap
}
table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
  text-align: left
}
table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
  text-align: center
}
table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
  text-align: right
}
table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
  text-align: justify
}
table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap
}
table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
  text-align: left
}
table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
  text-align: center
}
table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
  text-align: right
}
table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
  text-align: justify
}
table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap
}
table.dataTable, table.dataTable th, table.dataTable td {
  box-sizing: content-box
}
.dataTables_wrapper {
  position: relative;
  clear: both
}
.dataTables_wrapper td {
  position: relative
}
.dataTables_wrapper a.details-control {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg") no-repeat center/20px 20px;
  height: 20px;
  width: 20px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: .7rem;
  left: 1rem
}
.dataTables_wrapper tr.shown td a.details-control {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}
.dataTables_wrapper td > span {
  margin-left: 2.5rem;
  display: block
}
.dataTables_wrapper .dataTables_length {
  float: left;
  margin-bottom: 1rem
}
.dataTables_wrapper .dataTables_length label {
  color: #716c6b
}
.dataTables_wrapper .dataTables_length select {
  font: 16px/1.5em "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #716c6b;
  background-color: #fff;
  border: 1px solid #ccc;
  display: inline-block;
  margin: 0;
  padding: 0.6em 1.5em 0.6em .5em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-down-dkgrey.svg") no-repeat top 50% right 0.5rem/17px 10px;
  width: 75px
}
.dataTables_wrapper .dataTables_length select::-ms-expand {
  display: none
}
.dataTables_wrapper .dataTables_length select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000
}
.dataTables_wrapper .dataTables_length select option {
  font-family: "Akkurat Pro Regular", Arial, sans-serif
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  margin-bottom: 1rem
}
.dataTables_wrapper .dataTables_filter label {
  color: #716c6b
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  font: 16px/1.5em "Akkurat Pro Bold", "Arial Black", sans-serif;
  border: 1px solid #ccc;
  padding: 0.4em 1.5em 0.4em .5em
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
  color: #716c6b
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5rem;
  padding: .3rem .8rem;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: #4e2a84 !important;
  border: 1px solid transparent;
  border-radius: 2px
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
  border: none;
  background-color: #4e2a84
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #d8d6d6 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  background-color: #b6acd1
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none
}
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  outline: none;
  border: 1px dashed #000
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: #333
}
.dataTables_wrapper .dataTables_scroll {
  clear: both
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  -webkit-overflow-scrolling: touch
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important
}
.dataTables_wrapper .dataTables_scroll:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0
}
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em
  }
}
#emergency, #breaking_news {
  background: #b2292e;
  padding: 1rem 5rem 1.5rem 5rem;
  font: 16px "Akkurat Pro Regular", Arial, sans-serif;
  color: #fff;
  text-align: center
}
#emergency a, #breaking_news a {
  color: #fff;
  text-decoration: underline;
  font-family: "Akkurat Pro Bold", "Arial Black", sans-serif
}
#emergency a:hover, #breaking_news a:hover {
  text-decoration: none
}
#emergency h1, #emergency h2, #emergency h4, #emergency h4, #emergency h5, #breaking_news h1, #breaking_news h2, #breaking_news h4, #breaking_news h4, #breaking_news h5 {
  color: #fff
}
#emergency h2, #breaking_news h2 {
  font: 26px "Campton Bold", Impact, sans-serif
}
#emergency h3, #breaking_news h3 {
  font: 26px "Campton Bold", Impact, sans-serif
}
#emergency h4, #breaking_news h4 {
  font: 24px "Campton Bold", Impact, sans-serif
}
@media screen and (max-width: 768px) {
  #emergency {
    padding: 1rem 1rem 1.5rem 1rem;
    text-align: left
  }
}
footer {
  background: #4e2a84;
  color: #fff;
  font: 14px/1.3em "Akkurat Pro Regular", Arial, sans-serif;
  padding: 3rem 0;
  width: 100%
}
footer a {
  font-family: "Akkurat Pro Regular", Arial, sans-serif;
  color: #fff;
  text-decoration: underline
}
footer a:hover {
  text-decoration: none
}
.footer-content {
  margin-right: 5.15464%;
  display: inline-block;
  position: relative;
  vertical-align: top
}
.footer-content ul {
  list-style-type: none
}
.footer-content ul li {
  padding-bottom: .8rem
}
.footer-content:nth-of-type(1) {
  width: 23.71134%
}
.footer-content:nth-of-type(1) img:not(.png) {
  width: 100%
}
.footer-content:nth-of-type(2) {
  width: 25.7732%
}
.footer-content:nth-of-type(3) {
  width: 18.04124%
}
.footer-content:nth-of-type(4) {
  width: 14.43299%;
  margin-right: 0
}
.footer-content p {
  margin-top: 0
}
.footer-content strong {
  font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
  font-weight: normal
}
.footer-content .footer-icon {
  height: 29px;
  width: 18px;
  left: -25px;
  margin-top: .5em
}
.footer-content img {
  margin-bottom: 1rem;
  max-width: 200px
}
.footer-content.contact ul {
  margin: 0 0 1rem 2rem;
  position: relative
}
.footer-content.contact ul:last-of-type {
  margin-bottom: 0
}
.footer-content.contact ul li.footer-pin-icon {
  background: url("https://common.northwestern.edu/v8/css/images/icons/pin-drop.svg") no-repeat;
  background-size: 18px 24px;
  position: absolute;
  top: 2px;
  left: -2rem;
  height: 24px;
  width: 18px
}
.footer-content.contact ul li.footer-phone-icon {
  background: url("https://common.northwestern.edu/v8/css/images/icons/mobile-phone.svg") no-repeat;
  background-size: 18px 24px;
  position: absolute;
  top: 2px;
  left: -2rem;
  height: 24px;
  width: 18px
}
.footer-content.contact ul li.footer-fax-icon {
  background: url("https://common.northwestern.edu/v8/css/images/icons/fax.svg") no-repeat;
  background-size: 18px 24px;
  position: absolute;
  left: -2rem;
  height: 20px;
  width: 18px
}
.footer-content.contact ul li.footer-email-icon {
  background: url("https://common.northwestern.edu/v8/css/images/icons/email.svg") no-repeat;
  background-size: 18px 24px;
  position: absolute;
  top: 2px;
  left: -2.2rem;
  height: 24px;
  width: 18px
}
.footer-content.contact ul li.footer-email-icon + li {
  font-size: 12px
}
.social {
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  margin: 4px;
  width: 39px;
  height: 39px;
  font-size: 0;
  text-indent: -9999px;
  background: url("https://common.northwestern.edu/v8/css/images/icons/social-media-icons.svg");
  background-color: #fff;
  transition: background 0.3s;
  border: 1px solid #fff
}
.social:hover {
  background-color: #b6acd1
}
.facebook {
  background-position: 0 0
}
.facebook:hover {
  background-position: 0 -39px
}
.twitter {
  background-position: -39px 0
}
.twitter:hover {
  background-position: -39px -39px
}
.instagram {
  background-position: -78px 0
}
.instagram:hover {
  background-position: -78px -39px
}
.rss {
  background-position: -117px 0
}
.rss:hover {
  background-position: -117px -39px
}
.youtube {
  background-position: -156px 0
}
.youtube:hover {
  background-position: -156px -39px
}
.tumblr {
  background-position: -195px 0
}
.tumblr:hover {
  background-position: -195px -39px
}
.wordpress {
  background-position: -234px 0
}
.wordpress:hover {
  background-position: -234px -39px
}
.futurity {
  background-position: -273px 0
}
.futurity:hover {
  background-position: -273px -39px
}
.vimeo {
  background-position: -312px 0
}
.vimeo:hover {
  background-position: -312px -39px
}
.linkedin {
  background-position: -351px 0
}
.linkedin:hover {
  background-position: -351px -39px
}
.google-plus {
  background-position: -390px 0
}
.google-plus:hover {
  background-position: -390px -39px
}
.google-groups {
  background-position: -429px 0
}
.google-groups:hover {
  background-position: -429px -39px
}
.blog {
  background-position: -468px 0
}
.blog:hover {
  background-position: -468px -39px
}
.github {
  background-position: -507px 0
}
.github:hover {
  background-position: -507px -39px
}
.flickr {
  background-position: -546px 0
}
.flickr:hover {
  background-position: -546px -39px
}
.storify {
  background-position: -585px 0
}
.storify:hover {
  background-position: -585px -39px
}
.pinterest {
  background-position: -624px 0
}
.pinterest:hover {
  background-position: -624px -39px
}
.we-will {
  background-position: -663px 0
}
.we-will:hover {
  background-position: -663px -39px
}
@media screen and (max-width: 1140px) {
  footer {
    padding: 3rem 1rem
  }
}
@media screen and (max-width: 870px) {
  .footer-content {
    margin-bottom: 1.5rem
  }
  .footer-content:nth-of-type(1), .footer-content:nth-of-type(3) {
    width: 45%;
    margin-right: 5%
  }
  .footer-content:nth-of-type(2), .footer-content:nth-of-type(4) {
    width: 46%;
    margin-right: 0
  }
}
@media screen and (max-width: 550px) {
  .footer-content:nth-of-type(1), .footer-content:nth-of-type(2), .footer-content:nth-of-type(3), .footer-content:nth-of-type(4) {
    width: 100%;
    margin-right: 0
  }
}
header {
  background: #4e2a84
}
#top-bar {
  background: #401f68;
  font: 12px/1.4em "Akkurat Pro Bold", "Arial Black", sans-serif;
  min-height: 60px
}
#top-bar #left {
  display: block;
  float: left;
  padding-left: 0
}
#top-bar #left #northwestern a {
  width: 170px;
  height: 21px;
  display: inline-block;
  margin: 1.1rem 0 0 0;
  background: url("https://common.northwestern.edu/v8/css/images/northwestern.svg") no-repeat center
}
#top-bar #left #northwestern a:focus {
  outline: 1px dashed #fff
}
#top-bar #parent-unit {
  display: none
}
#parent #left {
  position: relative;
  display: table
}
#parent #left #northwestern a {
  width: 78px;
  height: 78px;
  display: inline-block;
  margin: 0;
  background: url("https://common.northwestern.edu/v8/css/images/northwestern-university-n.svg") no-repeat center;
  position: absolute;
  top: 10px
}
#parent #left #northwestern a:focus {
  outline: none;
  border: 1px dashed #fff
}
#parent #parent-unit {
  font: 18px/1.2em "Akkurat Pro Regular", Arial, sans-serif;
  text-transform: uppercase;
  padding-left: 6rem;
  display: table-cell;
  vertical-align: middle;
  height: 60px
}
#parent #parent-unit a {
  color: #fff;
  text-decoration: none
}
#parent #parent-unit strong {
  font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
  font-weight: normal
}
#parent #parent-unit span {
  display: block
}
#parent #bottom-bar {
  margin-top: 0
}
#global-links {
  position: relative;
  float: right;
  color: #fff;
  text-transform: uppercase
}
#global-links > ul {
  margin: 0;
  display: table
}
#global-links > ul a {
  color: #fff;
  text-decoration: none;
  display: block;
  position: relative
}
#global-links > ul a:hover, #global-links > ul a:focus, #global-links > ul a:active {
  text-decoration: underline
}
#global-links > ul li {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  line-height: 100%;
  padding-left: 1rem;
  height: 60px
}
#global-links > ul li:hover, #global-links > ul li.hover {
  z-index: 100
}
#global-links > ul li:hover ul, #global-links > ul li.hover ul {
  right: 0;
  top: 60px;
  z-index: 1000
}
#global-links > ul li.resources {
  cursor: pointer
}
#global-links > ul li.resources > a {
  display: inline
}
#global-links > ul ul {
  position: absolute;
  top: 100%;
  width: 150px;
  background: #765da0;
  padding: .5rem;
  text-align: right;
  z-index: -1000
}
#global-links > ul ul li {
  float: none;
  padding: 0 0 .5rem 0;
  width: 100%;
  margin: 0;
  display: inline-block;
  line-height: 1.2em;
  height: inherit
}
#global-links > ul ul li:hover ul, #global-links > ul ul li.hover ul {
  left: 0
}
#global-links > ul ul li:last-child {
  padding-bottom: 0
}
#quick-links {
  max-width: 1120px;
  margin: 0 auto;
  padding-right: .5rem;
  text-align: right;
  width: 100%
}
#quick-links ul {
  list-style-type: none;
  margin: .75rem 0 -1rem 0;
  padding: 0
}
#quick-links ul li {
  display: inline-block;
  padding-left: 1rem
}
#quick-links a {
  font: 12px/1em "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none
}
#quick-links a:hover, #quick-links a:focus, #quick-links a:active {
  text-decoration: underline
}
#bottom-bar {
  display: table;
  width: 100%;
  padding: 2.25rem 0
}
#site-name {
  display: table-cell;
  vertical-align: middle;
  width: 76.33929%;
  padding-right: 2rem
}
#site-name h1 {
  font: 32px/1em "Akkurat Pro Regular", Arial, sans-serif
}
#site-name h1.small {
  font-size: 16px
}
#site-name h1 span {
  font-size: 14px;
  line-height: 1em;
  display: block
}
#site-name h2 {
  font: 32px "Akkurat Pro Regular", Arial, sans-serif;
  line-height: 1em;
  color: #fff;
  margin: 1rem 0 0 0
}
#site-name a {
  color: #fff;
  text-decoration: none
}
#site-name a:hover {
  text-decoration: none
}
@media screen and (max-width: 1445px) {
  #top-bar {
    padding: 0 .5rem
  }
}
@media screen and (max-width: 1155px) {
  #bottom-bar {
    padding-left: .5rem
  }
}
@media screen and (max-width: 768px) {
  #top-bar {
    padding: 0
  }
  #top-bar #left {
    float: none;
    margin-left: .5rem
  }
  #parent #left #northwestern a {
    width: 60px;
    height: 60px
  }
  #parent #left #parent-unit {
    padding-left: 4.5rem
  }
  #parent #left #site-name {
    font-size: 16px
  }
  #global-links, #quick-links {
    display: none
  }
  #bottom-bar {
    padding: 1.75rem 1rem 1.5rem .5rem
  }
  #site-name {
    width: 100%;
    padding: 0
  }
  #site-name h1 {
    font-size: 24px
  }
}
@media screen and (max-width: 480px) {
  #top-bar {
    min-height: 50px
  }
  #top-bar #left #northwestern a {
    width: 130px;
    margin: .8rem 0 0 0
  }
  #parent #left #northwestern a {
    width: 55px;
    height: 55px;
    top: 5px;
    margin: 0
  }
  #parent #left #parent-unit {
    height: 50px;
    padding-left: 4.25rem
  }
  #site-name h1 {
    font-size: 22px
  }
}
.hero {
  width: 100%;
  display: table
}
.hero.mobile-hero .mobile-hero-text {
  display: none
}
.hero .hero-image {
  text-align: center;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  position: relative;
  padding: 0 1rem
}
.hero .hero-image:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.45) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.45)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.45) 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.45) 100%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.45) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.45) 100%)
}
.hero h2 {
  font: 24px "Campton Extra Bold", Impact, sans-serif;
  color: #fff;
  text-shadow: 2px 2px 0px #000;
  margin-bottom: 1.5em;
  position: relative
}
.hero h2:before {
  background: url("https://common.northwestern.edu/v8/css/images/icons/ltpurple-slash.svg") no-repeat 50%/17px 21px;
  padding: 0 20px;
  content: " "
}
.hero h2:after {
  background: url("https://common.northwestern.edu/v8/css/images/icons/ltpurple-slash.svg") no-repeat 50%/17px 21px;
  padding: 0 20px;
  content: " "
}
.hero p {
  font: 60px/1.2em "Campton Bold", Impact, sans-serif;
  color: #fff;
  text-shadow: 2px 2px 0px #000;
  margin: 0 0 1rem 0;
  position: relative
}
.hero p.description {
  font: 24px/1.2em "Akkurat Pro Regular", Arial, sans-serif
}
.landing-page .hero .hero-image {
  height: 600px
}
.landing-page .hero .hero-image.in-page {
  height: 540px
}
.landing-page .hero .hero-image.in-page h3 {
  font: 24px "Campton Extra Bold", Impact, sans-serif;
  color: #fff;
  text-shadow: 2px 2px 0px #000;
  margin-bottom: 1.5em;
  position: relative
}
.landing-page .hero .hero-image.in-page h3:before {
  background: url("https://common.northwestern.edu/v8/css/images/icons/ltpurple-slash.svg") no-repeat 50%/17px 21px;
  padding: 0 20px;
  content: " "
}
.landing-page .hero .hero-image.in-page h3:after {
  background: url("https://common.northwestern.edu/v8/css/images/icons/ltpurple-slash.svg") no-repeat 50%/17px 21px;
  padding: 0 20px;
  content: " "
}
.landing-page .hero .hero-image h2 {
  color: #fff
}
.landing-page .hero .hero-image h2:before {
  background: url("https://common.northwestern.edu/v8/css/images/icons/ltpurple-slash.svg") no-repeat 50%/17px 21px
}
.landing-page .hero .hero-image h2:after {
  background: url("https://common.northwestern.edu/v8/css/images/icons/ltpurple-slash.svg") no-repeat 50%/17px 21px
}
.landing-page .hero.news-hero .hero-image {
  vertical-align: bottom !important;
  padding-bottom: 2.5rem
}
.landing-page .small-hero .hero-image {
  height: 420px
}
.standard-page .hero .hero-image {
  height: 420px
}
.standard-page .hero .hero-image.tiny-hero-image {
  height: 190px
}
.standard-page .hero .hero-image.tiny-hero-image h2 {
  margin-bottom: 0
}
@media screen and (max-width: 1000px) {
  .hero p {
    font-size: 48px
  }
}
@media screen and (max-width: 768px) {
  .standard-page .hero.mobile-hero .hero-image, .landing-page .hero.mobile-hero .hero-image {
    display: block;
    height: 300px
  }
  .standard-page .hero.mobile-hero .hero-image div, .landing-page .hero.mobile-hero .hero-image div {
    display: none
  }
  .standard-page .hero.mobile-hero .mobile-hero-text, .landing-page .hero.mobile-hero .mobile-hero-text {
    display: block;
    text-align: center;
    background: #342f2e;
    padding: 2rem 1em
  }
  .standard-page .hero.mobile-hero .mobile-hero-text h2, .landing-page .hero.mobile-hero .mobile-hero-text h2 {
    font-size: 24px;
    text-shadow: none;
    margin-bottom: 0
  }
  .standard-page .hero.mobile-hero .mobile-hero-text h2 + p, .standard-page .hero.mobile-hero .mobile-hero-text h2 + .button, .landing-page .hero.mobile-hero .mobile-hero-text h2 + p, .landing-page .hero.mobile-hero .mobile-hero-text h2 + .button {
    margin-top: 1rem
  }
  .standard-page .hero.mobile-hero .mobile-hero-text p, .landing-page .hero.mobile-hero .mobile-hero-text p {
    text-shadow: none;
    font-size: 48px
  }
  .standard-page .standard-page .hero-image.big-hero-image, .landing-page .standard-page .hero-image.big-hero-image {
    height: 350px
  }
  .standard-page .standard-page.m-hide-hero, .landing-page .standard-page.m-hide-hero {
    display: none
  }
}
@media screen and (max-width: 480px) {
  .landing-page .hero .hero-image, .standard-page .hero .hero-image {
    height: 400px
  }
  .landing-page .hero .hero-image.big-hero-image, .standard-page .hero .hero-image.big-hero-image {
    display: none
  }
  .landing-page .hero .hero-image.in-page, .standard-page .hero .hero-image.in-page {
    height: 400px
  }
  .landing-page .hero .hero-image.in-page h3, .standard-page .hero .hero-image.in-page h3 {
    font-size: 20px;
    margin-bottom: 1rem
  }
  .landing-page .hero .hero-image.in-page h3:before, .standard-page .hero .hero-image.in-page h3:before {
    background: none;
    padding: 0
  }
  .landing-page .hero .hero-image.in-page h3:after, .standard-page .hero .hero-image.in-page h3:after {
    background: none;
    padding: 0
  }
  .landing-page .hero h2, .standard-page .hero h2 {
    font-size: 20px;
    margin-bottom: 1rem
  }
  .landing-page .hero h2:before, .standard-page .hero h2:before {
    background: none;
    padding: 0
  }
  .landing-page .hero h2:after, .standard-page .hero h2:after {
    background: none;
    padding: 0
  }
  .landing-page .hero p, .standard-page .hero p {
    font-size: 28px
  }
  .landing-page .hero p.description, .standard-page .hero p.description {
    font-size: 20px
  }
  .landing-page .hero.mobile-hero .hero-image, .standard-page .hero.mobile-hero .hero-image {
    height: 200px
  }
  .landing-page .hero.mobile-hero .mobile-hero-text, .standard-page .hero.mobile-hero .mobile-hero-text {
    padding: 1em 0
  }
  .landing-page .hero.mobile-hero .mobile-hero-text h2, .standard-page .hero.mobile-hero .mobile-hero-text h2 {
    font-size: 20px
  }
  .landing-page .hero.mobile-hero .mobile-hero-text p, .standard-page .hero.mobile-hero .mobile-hero-text p {
    font-size: 28px
  }
  .standard-page .hero.smaller-hero .hero-image {
    height: 190px
  }
}
#left-nav {
  width: 23.66071%;
  float: left;
  font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
  margin-bottom: 3rem;
  outline: none !important
}
#left-nav .mobile-back-to-top {
  display: none
}
#left-nav h2 {
  border-bottom: 4px solid #f0f0f0;
  min-height: 30px;
  padding-bottom: .5rem;
  margin-bottom: 2rem;
  font: 18px/1.5rem "Akkurat Pro Bold", "Arial Black", sans-serif;
  text-transform: none
}
#left-nav h2 a {
  color: #4e2a84;
  text-decoration: none
}
#left-nav ul {
  list-style: none
}
#left-nav ul ul {
  margin-top: 1.5rem;
  padding-left: .3rem
}
#left-nav ul ul ul {
  margin-top: 1rem;
  padding-left: 0
}
#left-nav ul ul.open {
  border-left: 4px solid #f0f0f0;
  margin-left: -4px
}
#left-nav li {
  padding-bottom: 1rem;
  font-size: 18px;
  line-height: 1.4em;
  font-family: "Akkurat Pro Bold", "Arial Black", sans-serif
}
#left-nav li a {
  color: #716c6b;
  text-decoration: none;
  display: block
}
#left-nav li a:hover {
  text-decoration: underline
}
#left-nav li a.active {
  color: #4e2a84
}
#left-nav li a[href^="http://"]::after, #left-nav li a[href^="https://"]::after {
  content: url("https://common.northwestern.edu/v8/css/images/icons/external-link-top-nav.png");
  margin-left: 0.5em
}
#left-nav li li {
  margin-left: .5rem;
  padding-bottom: 1rem;
  font-size: 14px
}
#left-nav li li li {
  margin-left: 1rem;
  font-family: "Akkurat Pro Bold Italic", "Arial Black", sans-serif;
  color: #636262
}
#left-nav li li li a.active {
  font-family: "Akkurat Pro Bold Italic", "Arial Black", sans-serif
}
#left-nav li:last-child {
  padding-bottom: .3rem
}
#left-nav li ul.open li:last-child {
  padding-bottom: 0
}
@media screen and (max-width: 768px) {
  #left-nav {
    display: none
  }
}
#tabs, .tabs {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center
}
#tabs li, .tabs li {
  background: none;
  margin: 0 .3rem 0 0;
  padding: 0;
  display: inline;
  vertical-align: middle
}
#tabs li:last-child, .tabs li:last-child {
  margin: 0
}
#tabs li a, .tabs li a {
  font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #4e2a84;
  background: #e4e0ee;
  padding: .75rem 1.2rem .5rem 1.2rem;
  display: inline-block;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border: none
}
#tabs li a:hover, .tabs li a:hover {
  border: none;
  text-decoration: underline;
  background: #4e2a84;
  color: #fff
}
#tabs li a.active, .tabs li a.active {
  background: #4e2a84;
  color: #fff
}
#tabs li a:focus, .tabs li a:focus {
  text-decoration: underline
}
.content ul.tabs {
  padding-left: 0
}
.content ul.tabs > li {
  background: none;
  padding: 0
}
.standard-page #tabs, #standard-page .tabs {
  text-align: left
}
#tab-content, .tab-content {
  border-top: 3px solid #4e2a84;
  margin: 0 0 3rem 0;
  padding: 1rem 0 0 0
}
#tab-content > div h3, .tab-content > div h3 {
  margin-top: 1rem
}
#tab-content .row, .tab-content .row {
  border-bottom: 3px solid #f0f0f0;
  padding: 0 0 2rem 0
}
#tab-content .responsive-table, .tab-content .responsive-table {
  margin-top: 0
}
#tab-content .headings, .tab-content .headings {
  display: table-cell;
  width: 32.14286%;
  padding-right: 1rem
}
#tab-content .headings h4, .tab-content .headings h4 {
  font: 30px "Campton Bold", Impact, sans-serif;
  color: #4e2a84
}
#tab-content .headings h4 span, .tab-content .headings h4 span {
  display: block;
  color: #836eaa
}
#tab-content .contents, .tab-content .contents {
  display: table-cell;
  width: 66.07143%
}
#tab-content .contents .callout, .tab-content .contents .callout {
  background: #836eaa;
  padding: .1rem 1rem;
  margin: 0 0 1rem 2rem;
  width: 266px;
  font: 24px "Campton Book", Tahoma, sans-serif;
  color: #fff;
  float: right
}
#tab-content .contents .callout a, .tab-content .contents .callout a {
  text-decoration: underline;
  font-family: "Campton Book", Tahoma, sans-serif;
  color: #fff
}
#tab-content .contents .callout h4, .tab-content .contents .callout h4 {
  font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
  padding-top: 1rem;
  margin-bottom: 0;
  color: #fff
}
#tab-content .contents .callout h4 + p, .tab-content .contents .callout h4 + p {
  margin: .5rem 0
}
@media screen and (max-width: 1150px) {
  #tabs li a, .tabs li a {
    font-size: 16px;
    margin-top: 5px
  }
}
@media screen and (max-width: 1000px) {
  .tab-left-side .img {
    float: none
  }
}
@media screen and (max-width: 850px) {
  #tab-content .contents .callout, .tab-content .contents .callout {
    float: none;
    margin: 1em 0 1em 0;
    width: 100%
  }
}
@media screen and (max-width: 550px) {
  #tabs li a {
    width: 100%;
    font-size: 18px
  }
  #tab-content .headings, #tab-content .contents, .tab-content .headings, .tab-content .contents {
    width: 100%;
    display: block
  }
  #tab-content .headings .callout, #tab-content .contents .callout, .tab-content .headings .callout, .tab-content .contents .callout {
    font-size: 18px
  }
  #tab-content .headings h3, #tab-content .contents h3, .tab-content .headings h3, .tab-content .contents h3 {
    font-size: 26px
  }
}
#mobile-search {
  display: none
}
#search {
  width: 23.66071%;
  display: table-cell;
  vertical-align: middle
}
#search .search-form {
  width: 265px;
  float: right
}
#search .search-form input {
  width: 230px;
  height: 35px;
  padding: 0 .3em 0 0;
  float: left;
  font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
  background: none;
  color: #fff;
  border: none;
  border-bottom: 1px solid #b6acd1;
  -webkit-appearance: none
}
#search .search-form input::-webkit-input-placeholder {
  color: #b6acd1
}
#search .search-form input::-moz-placeholder {
  color: #b6acd1
}
#search .search-form input:-moz-placeholder {
  color: #b6acd1
}
#search .search-form input:-ms-input-placeholder {
  color: #b6acd1
}
#search .search-form input:focus {
  outline: 1px dashed #fff
}
#search .search-form button {
  float: left;
  cursor: pointer;
  height: 35px;
  width: 35px;
  background: url("https://common.northwestern.edu/v8/css/images/icons/search.svg") no-repeat 1em 0.4em;
  background-size: 20px 20px;
  border: none;
  border-bottom: 1px solid #b6acd1;
  -webkit-appearance: none
}
#search .search-form button:focus {
  outline: 1px dashed #fff
}
@media screen and (max-width: 1145px) {
  #search {
    padding-right: 1rem
  }
}
@media screen and (max-width: 768px) {
  header {
    position: relative
  }
  #search {
    display: none
  }
  #mobile-search {
    position: absolute;
    margin-top: -6px;
    left: 0;
    right: 0;
    z-index: 9998
  }
  .search-form {
    width: 100%;
    height: auto;
    background: #401f68;
    float: none;
    position: relative
  }
  .search-form form {
    margin: 0 20px;
    height: 63px;
    position: relative;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA/CAYAAAAhZaJUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OThCRkYyRUZFQUM5MTFFNDg4MkNDNUM0RUJBRUJDM0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OThCRkYyRjBFQUM5MTFFNDg4MkNDNUM0RUJBRUJDM0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OEJGRjJFREVBQzkxMUU0ODgyQ0M1QzRFQkFFQkMzRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5OEJGRjJFRUVBQzkxMUU0ODgyQ0M1QzRFQkFFQkMzRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr4qas0AAAAeSURBVHjaYvj//z8DEwMQDHuCmf+n3n8G6vkXIMAAeQ0Iq8diMWYAAAAASUVORK5CYII=")
  }
  .search-form input {
    width: 80%;
    height: 32px;
    margin: 15px 0;
    float: left;
    font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
    color: #fff;
    background: none;
    border: none
  }
  .search-form input::-webkit-input-placeholder {
    color: #b6acd1
  }
  .search-form input::-moz-placeholder {
    color: #b6acd1
  }
  .search-form input:-moz-placeholder {
    color: #b6acd1
  }
  .search-form input:-ms-input-placeholder {
    color: #b6acd1
  }
  .search-form button {
    float: left;
    cursor: pointer;
    height: 32px;
    width: 32px;
    padding: 10px 0 15px;
    background: url("https://common.northwestern.edu/v8/css/images/icons/search.svg") no-repeat 1em 0.4em/20px 20px;
    background-position: right center;
    border-bottom: none;
    position: absolute;
    right: 0;
    bottom: 18px
  }
  .search-form .hide-label, .search-form input[type="hidden"] {
    visibility: hidden;
    display: none
  }
}
#mobile-links {
  display: none
}
#top-nav {
  background: #f0f0f0
}
#top-nav .contain-1120 > ul {
  width: 100%;
  line-height: 0;
  position: relative
}
#top-nav .contain-1120 > ul a {
  color: #4e2a84;
  text-decoration: none;
  display: block;
  padding: 1rem 1.5rem
}
#top-nav .contain-1120 > ul a:hover, #top-nav .contain-1120 > ul a:focus, #top-nav .contain-1120 > ul a:active {
  text-decoration: underline
}
#top-nav .contain-1120 > ul a[href^="http://"]::after, #top-nav .contain-1120 > ul a[href^="https://"]::after {
  content: url("https://common.northwestern.edu/v8/css/images/icons/external-link-top-nav.png");
  margin-left: 0.5em
}
#top-nav .contain-1120 > ul > li {
  display: table-cell;
  text-align: center;
  line-height: 100%;
  font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif
}
#top-nav .contain-1120 > ul > li:hover, #top-nav .contain-1120 > ul > li.hover {
  z-index: 100
}
#top-nav .contain-1120 > ul > li:hover .dropdown, #top-nav .contain-1120 > ul > li:hover .dropdown-one-column, #top-nav .contain-1120 > ul > li:hover .dropdown-two-column, #top-nav .contain-1120 > ul > li:hover .dropdown-quick-links, #top-nav .contain-1120 > ul > li.hover .dropdown, #top-nav .contain-1120 > ul > li.hover .dropdown-one-column, #top-nav .contain-1120 > ul > li.hover .dropdown-two-column, #top-nav .contain-1120 > ul > li.hover .dropdown-quick-links {
  left: 0;
  z-index: 1000
}
#top-nav .contain-1120 > ul > li:hover a, #top-nav .contain-1120 > ul > li.hover a {
  background: #e3e3e3;
  animation: inherit;
  animation: none
}
#top-nav .contain-1120 > ul > li:hover a:focus, #top-nav .contain-1120 > ul > li.hover a:focus {
  animation: none
}
#top-nav .contain-1120 > ul > li:hover a.button, #top-nav .contain-1120 > ul > li.hover a.button {
  background: #4e2a84
}
#top-nav .contain-1120 > ul > li.active a {
  background: #836eaa;
  color: #fff
}
#top-nav .contain-1120 > ul > li .dropdown-arrow {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-down-ltpurple.svg") no-repeat 50%;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: .5em
}
#top-nav .contain-1120 > ul .dropdown, #top-nav .contain-1120 > ul .dropdown-one-column, #top-nav .contain-1120 > ul .dropdown-two-column, #top-nav .contain-1120 > ul .dropdown-quick-links {
  position: absolute;
  background: #e3e3e3;
  left: -9999em;
  z-index: -9999;
  top: 100%;
  width: 100%;
  padding: 2rem;
  list-style-type: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
#top-nav .contain-1120 > ul .dropdown .nav-intro, #top-nav .contain-1120 > ul .dropdown .nav-links, #top-nav .contain-1120 > ul .dropdown-one-column .nav-intro, #top-nav .contain-1120 > ul .dropdown-one-column .nav-links, #top-nav .contain-1120 > ul .dropdown-two-column .nav-intro, #top-nav .contain-1120 > ul .dropdown-two-column .nav-links, #top-nav .contain-1120 > ul .dropdown-quick-links .nav-intro, #top-nav .contain-1120 > ul .dropdown-quick-links .nav-links {
  list-style-type: none;
  width: 50%;
  float: left;
  text-align: left
}
#top-nav .contain-1120 > ul .dropdown p.intro, #top-nav .contain-1120 > ul .dropdown-one-column p.intro, #top-nav .contain-1120 > ul .dropdown-two-column p.intro, #top-nav .contain-1120 > ul .dropdown-quick-links p.intro {
  font: 30px "Campton Bold", Impact, sans-serif;
  color: #4e2a84;
  margin: 0 0 1rem 0;
  padding-right: 2rem
}
#top-nav .contain-1120 > ul .dropdown .nav-links, #top-nav .contain-1120 > ul .dropdown-one-column .nav-links, #top-nav .contain-1120 > ul .dropdown-two-column .nav-links, #top-nav .contain-1120 > ul .dropdown-quick-links .nav-links {
  border-left: 2px solid #ccc;
  padding-left: 1rem
}
#top-nav .contain-1120 > ul .dropdown ul, #top-nav .contain-1120 > ul .dropdown-one-column ul, #top-nav .contain-1120 > ul .dropdown-two-column ul, #top-nav .contain-1120 > ul .dropdown-quick-links ul {
  display: block;
  background: inherit
}
#top-nav .contain-1120 > ul .dropdown ul li, #top-nav .contain-1120 > ul .dropdown-one-column ul li, #top-nav .contain-1120 > ul .dropdown-two-column ul li, #top-nav .contain-1120 > ul .dropdown-quick-links ul li {
  display: block;
  text-align: left;
  width: inherit;
  line-height: 1.4em;
  margin-bottom: 1rem
}
#top-nav .contain-1120 > ul .dropdown ul li a, #top-nav .contain-1120 > ul .dropdown-one-column ul li a, #top-nav .contain-1120 > ul .dropdown-two-column ul li a, #top-nav .contain-1120 > ul .dropdown-quick-links ul li a {
  padding: 0;
  display: inline-block;
  background: inherit;
  color: #4e2a84
}
#top-nav .contain-1120 > ul .dropdown ul li a:hover, #top-nav .contain-1120 > ul .dropdown-one-column ul li a:hover, #top-nav .contain-1120 > ul .dropdown-two-column ul li a:hover, #top-nav .contain-1120 > ul .dropdown-quick-links ul li a:hover {
  text-decoration: underline
}
#top-nav .contain-1120 > ul .dropdown-two-column ul {
  width: 100% !important;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  -webkit-column-rule: 2px solid #ccc;
  -moz-column-rule: 2px solid #ccc;
  column-rule: 2px solid #ccc;
  margin: 0;
  padding: 0
}
#top-nav .contain-1120 > ul .dropdown-two-column ul li {
  background: none;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  display: inline-block
}
#top-nav .contain-1120 > ul .dropdown-quick-links ul {
  display: block;
  background: inherit
}
#top-nav .contain-1120 > ul .dropdown-quick-links ul li {
  display: block;
  text-align: left;
  width: inherit;
  line-height: 1.5em;
  padding: 0
}
#top-nav .contain-1120 > ul .dropdown-quick-links .nav-links {
  width: 75%;
  float: left;
  text-align: left;
  border-left: none
}
#top-nav .contain-1120 > ul .dropdown-quick-links .nav-links ul {
  width: 100% !important;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  margin: 0;
  padding: 0
}
#top-nav .contain-1120 > ul .dropdown-quick-links .nav-links ul li {
  background: none;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  display: inline-block
}
#top-nav .contain-1120 > ul .dropdown-quick-links .nav-links ul li span {
  display: block;
  line-height: 1.2em;
  font: 16px/1.2em "Akkurat Pro Regular", Arial, sans-serif
}
#top-nav .contain-1120 > ul .dropdown-quick-links .nav-quick-links {
  border-left: 2px solid #ccc;
  margin-left: 1rem;
  padding-left: 2rem;
  float: left;
  width: 25%;
  text-align: left
}
#top-nav .contain-1120 > ul .dropdown-quick-links .nav-quick-links p {
  margin-top: 0;
  font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
  text-transform: uppercase
}
#top-nav .contain-1120 > ul .dropdown-quick-links .nav-quick-links ul {
  padding: 0
}
#top-nav .contain-1120 > ul .dropdown-quick-links .nav-quick-links ul li {
  text-transform: none;
  font-size: 15px;
  line-height: 1.2em
}
#top-nav.narrow-dropdown ul li {
  position: relative
}
#top-nav.narrow-dropdown ul li:hover ul.nav-align-right {
  right: 0;
  left: inherit
}
#top-nav.narrow-dropdown ul li:hover ul.nav-align-right li {
  text-align: right
}
#top-nav.narrow-dropdown .contain-1120 > ul .dropdown {
  display: inherit;
  width: 320px;
  padding: 1em
}
@media screen and (max-width: 768px) {
  #top-nav {
    display: none
  }
}
#mobile-links, #mobile-nav {
  display: none
}
@media screen and (max-width: 768px) {
  #mobile-nav a[href^="http://"]::after, #mobile-nav a[href^="https://"]::after {
    content: url("https://common.northwestern.edu/v8/css/images/icons/external-link-top-nav.png");
    margin-left: 0.5em
  }
  #mobile-links {
    display: block;
    background: #f0f0f0;
    height: 45px
  }
  .mobile-link {
    display: inline-block;
    padding: 1em;
    height: 45px;
    width: 45px;
    cursor: pointer;
    position: relative
  }
  .mobile-link.mobile-search-link {
    background: url("https://common.northwestern.edu/v8/css/images/icons/search-purple.svg") no-repeat center/20px 20px
  }
  .mobile-link.mobile-search-link.open {
    background: #401f68 url("https://common.northwestern.edu/v8/css/images/icons/alert-x-white-home.svg") no-repeat center/20px 20px
  }
  .mobile-link.mobile-nav-link {
    background: url("https://common.northwestern.edu/v8/css/images/icons/hamburger-purple.svg") no-repeat center/20px 20px
  }
  .mobile-link.mobile-nav-link.open {
    background: #401f68 url("https://common.northwestern.edu/v8/css/images/icons/alert-x-white-home.svg") no-repeat center/20px 20px
  }
  #mobile-nav {
    display: none;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -6px;
    z-index: 9998
  }
  #mobile-nav ul {
    background: #401f68
  }
  #mobile-nav ul li {
    position: relative;
    font-size: 18px;
    line-height: 1.2em
  }
  #mobile-nav ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    padding: .75em 3em .75em .75em
  }
  #mobile-nav ul li a.active {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif
  }
  #mobile-nav ul li .arrow.open a {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    border: none
  }
  #mobile-nav ul li .arrow a {
    width: 50px;
    height: 48px;
    background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-down-white.svg") no-repeat center/20px 20px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    overflow: hidden;
    border: none;
    padding: 0
  }
  #mobile-nav ul ul {
    display: none;
    background: #b6acd1
  }
  #mobile-nav ul ul li a {
    padding-left: 1.5em;
    color: #000
  }
  #mobile-nav ul ul ul {
    background-color: #bbb8b8
  }
  #mobile-nav ul ul ul li a {
    padding-left: 2em
  }
  #mobile-nav ul ul ul ul {
    background-color: #d8d6d6
  }
  #mobile-nav ul ul ul ul li a {
    padding-left: 2.5em
  }
  #mobile-nav ul ul ul ul ul {
    background-color: #e4e0ee
  }
  #mobile-nav ul ul ul ul ul li a {
    padding-left: 3em
  }
  #mobile-nav ul ul ul ul ul ul {
    background-color: white
  }
  #mobile-nav ul ul ul ul ul ul li a {
    padding-left: 3.5em
  }
  #mobile-nav ul ul ul ul ul ul .arrow a {
    background: url("https://common.northwestern.edu/v8/css/images/icons/mobile-down-arrow-ltpurple.svg") no-repeat center/20px 20px
  }
  #mobile-nav-bottom {
    background: #401f68
  }
  #mobile-nav-bottom:after {
    content: "";
    display: table;
    clear: both
  }
  #mobile-nav-bottom #mobile-nav-bottom-left, #mobile-nav-bottom #mobile-nav-bottom-right {
    width: 50%;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 1rem;
    background: none
  }
  #mobile-nav-bottom #mobile-nav-bottom-left li, #mobile-nav-bottom #mobile-nav-bottom-right li {
    background: transparent;
    list-style: none
  }
  #mobile-nav-bottom #mobile-nav-bottom-left li:last-child, #mobile-nav-bottom #mobile-nav-bottom-right li:last-child {
    border: none
  }
  #mobile-nav-bottom #mobile-nav-bottom-left li a, #mobile-nav-bottom #mobile-nav-bottom-right li a {
    text-transform: uppercase;
    color: #fff;
    font: 12px/2em "Akkurat Pro Bold", "Arial Black", sans-serif;
    border: none;
    padding: inherit
  }
  #mobile-nav-bottom #mobile-nav-bottom-left li a.white-link, #mobile-nav-bottom #mobile-nav-bottom-right li a.white-link {
    color: #fff
  }
  #mobile-nav-bottom #mobile-nav-bottom-left ul, #mobile-nav-bottom #mobile-nav-bottom-right ul {
    display: block;
    background: none
  }
}
.standard-page .section {
  margin-bottom: 3rem
}
.standard-page .section:first-of-type {
  margin-top: 3rem
}
.standard-page .section.hero:first-of-type {
  margin-top: 0
}
.standard-page #page {
  margin: 2rem auto 0 auto;
  max-width: 1120px
}
.standard-page .hero + #page {
  margin-top: -1em
}
.standard-page #main-content {
  min-height: 300px;
  margin-bottom: 5rem
}
.standard-page .content {
  width: 74.64286%;
  float: right;
  margin-bottom: 3rem
}
.standard-page ul + h4, .standard-page ul + h5, .standard-page ul + h6, .standard-page ol + h4, .standard-page ol + h5, .standard-page ol + h6 {
  margin-top: 2rem
}
.standard-page p + h3, .standard-page p + h4, .standard-page p + h5, .standard-page p + h6, .standard-page ul + h3, .standard-page ul + h4, .standard-page ul + h5, .standard-page ul + h6, .standard-page ol + h3, .standard-page ol + h4, .standard-page ol + h5, .standard-page ol + h6 {
  margin-top: 3rem
}
.standard-page #sidebar {
  width: 31.10048%;
  float: right;
  margin: 0 0 2rem 2rem
}
.standard-page #sidebar .box {
  background: #e4e0ee;
  padding: 1rem;
  margin-bottom: 2rem;
  font-size: 14px;
  line-height: 1.4em
}
.standard-page #sidebar .box h3 {
  font: 18px/1.2em "Campton Bold", Impact, sans-serif;
  color: #342f2e
}
.standard-page #sidebar .box h4 {
  font: 16px/1.2em "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #342f2e;
  margin-top: inherit
}
.standard-page #sidebar .box ul {
  padding-left: .5rem
}
.standard-page #sidebar .box ul li {
  background-position: 0 .3em
}
.standard-page .pagination {
  margin: 2.5em 0 2em;
  padding: 1rem 0 0 0;
  border-top: 1px solid #ccc;
  list-style-type: none
}
.standard-page .pagination li {
  display: inline-block;
  padding: 0;
  background-image: none;
  font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #bbb8b8
}
.standard-page .pagination li.disabled {
  padding: .8rem 1rem
}
.standard-page .pagination a {
  border: none;
  display: inline-block;
  padding: .8rem 1rem;
  text-decoration: none;
  color: #342f2e
}
.standard-page .pagination a:hover {
  background: #b6acd1;
  color: #fff
}
.standard-page .pagination a.current {
  background: #4e2a84;
  color: #fff
}
.standard-page ol.steps {
  counter-reset: li;
  list-style: none;
  padding: 0;
  margin-bottom: 1em
}
.standard-page ol.steps li {
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: 1em;
  padding: 1em .5em 0 5em;
  min-height: 90px
}
.standard-page ol.steps li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  font: 72px "Campton Bold", Impact, sans-serif;
  color: #4e2a84;
  margin: 0;
  padding: 0 .15em 0 .15em;
  text-align: center
}
@media screen and (max-width: 1145px) {
  .standard-page #page {
    margin-left: 1rem;
    margin-right: 1rem
  }
}
@media screen and (max-width: 970px) {
  .standard-page #page-narrow {
    margin-left: 1rem;
    margin-right: 1rem
  }
  .standard-page #sidebar {
    width: 39.0625%
  }
}
@media screen and (max-width: 768px) {
  .standard-page .content {
    float: none;
    width: 100%
  }
  .standard-page .content h2 {
    font-size: 36px
  }
  .standard-page #sidebar {
    width: 39.0625%
  }
}
@media screen and (max-width: 700px) {
  .standard-page #sidebar {
    margin-left: 0;
    width: 100%;
    float: none
  }
  .standard-page #sidebar .box {
    margin-bottom: 1rem
  }
}
@media screen and (max-width: 480px) {
  .standard-page .content h2 {
    font-size: 32px
  }
  .standard-page .content h3 {
    font-size: 24px
  }
}
.standard-page .alternate-photo-float {
  margin-bottom: 3rem
}
.standard-page .alternate-photo-float h3, .standard-page .alternate-photo-float h4 {
  font: 30px "Akkurat Pro Regular", Arial, sans-serif;
  color: #716c6b;
  border-bottom: 4px solid #ccc;
  text-transform: none;
  padding-bottom: .5rem
}
.standard-page .alternate-photo-float .image-left, .standard-page .alternate-photo-float .image-right, .standard-page .alternate-photo-float .text {
  width: 43.0622%;
  max-width: 360px;
  margin-right: 2.39234%;
  float: left;
  position: relative;
  max-height: 360px
}
.standard-page .alternate-photo-float .image-left:last-child, .standard-page .alternate-photo-float .image-right:last-child, .standard-page .alternate-photo-float .text:last-child {
  margin-right: 0
}
.standard-page .alternate-photo-float .text {
  width: 54.42584%;
  max-width: 455px;
  margin-right: 2.39234%;
  max-height: none
}
.standard-page .alternate-photo-float .text:last-child {
  margin-right: 0
}
.standard-page .alternate-photo-float .text img {
  z-index: 30
}
@media screen and (max-width: 875px) {
  .standard-page .alternate-photo-float {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 2rem
  }
  .standard-page .alternate-photo-float h3, .standard-page .alternate-photo-float h4 {
    margin-top: 1rem
  }
  .standard-page .alternate-photo-float .image-left, .standard-page .alternate-photo-float .image-right, .standard-page .alternate-photo-float .text {
    width: 100%;
    float: none;
    position: relative
  }
  .standard-page .alternate-photo-float .image-left:last-child, .standard-page .alternate-photo-float .image-right:last-child, .standard-page .alternate-photo-float .text:last-child {
    margin-right: auto
  }
  .standard-page .alternate-photo-float .image-left .quote p, .standard-page .alternate-photo-float .image-right .quote p, .standard-page .alternate-photo-float .text .quote p {
    margin-top: 1em
  }
  .standard-page .alternate-photo-float .text {
    max-width: 360px
  }
  .standard-page .alternate-photo-float .image-right {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
  }
}
@media screen and (max-width: 480px) {
  .standard-page .alternate-photo-float .text .column {
    width: 100%
  }
}
@media screen and (max-width: 420px) {
  .standard-page .alternate-photo-float .text ul.two-columns {
    -moz-column-count: inherit;
    -moz-column-gap: inherit;
    -webkit-column-count: inherit;
    -webkit-column-gap: inherit;
    column-count: inherit;
    column-gap: inherit
  }
}
.standard-page .background-select {
  width: 100%;
  display: table;
  min-height: 300px;
  margin-bottom: 3rem;
  color: #fff
}
.standard-page .background-select .background-select-image {
  text-align: center;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  position: relative;
  padding: 2rem 1em
}
.standard-page .background-select h3 {
  font: 42px "Campton Book", Tahoma, sans-serif;
  color: #fff;
  margin-bottom: 1rem
}
.standard-page .background-select p {
  font-size: 18px;
  margin-bottom: 2rem
}
.standard-page .background-select .select-date {
  font: 18px "Campton Bold", Impact, sans-serif;
  text-transform: uppercase;
  margin-bottom: 1.5rem
}
@media screen and (max-width: 480px) {
  .standard-page .background-select h3 {
    font-size: 28px
  }
}
.expander1 {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin: 2rem 0
}
.expander1 h3 > a, .expander1 h4 > a {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg") no-repeat 0.5rem center/8px 16px;
  padding: .5em 0 .5rem 2rem;
  border: none
}
.expander1 h3 > a:hover, .expander1 h4 > a:hover {
  border: none;
  text-decoration: underline
}
.expander1 h3.open a, .expander1 h4.open a {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-down-dkpurple.svg") no-repeat 0.3rem center/16px 8px
}
.expander2 {
  border: 1px solid #f0f0f0;
  margin: 2rem 0
}
.expander2 h3 > a, .expander2 h4 > a {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg") no-repeat 0.5rem center/8px 16px;
  padding: .5em 0 .5rem 2rem;
  border: none
}
.expander2 h3 > a:hover, .expander2 h4 > a:hover {
  border: none;
  text-decoration: underline
}
.expander2 h3.open a, .expander2 h4.open a {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-down-dkpurple.svg") no-repeat 0.3rem center/16px 8px
}
.expander2 h3 span, .expander2 h4 span {
  float: right;
  border-right: 1px solid #f0f0f0;
  padding-right: .5rem
}
.expander3 {
  margin: 2rem 0
}
.expander3 h3, .expander3 h4 {
  background: #4e2a84
}
.expander3 h3 > a, .expander3 h4 > a {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-white.svg") no-repeat right 1rem center/12px 18px;
  padding: .5em 3rem .5rem 1rem;
  color: #fff;
  border: none
}
.expander3 h3 > a:hover, .expander3 h4 > a:hover {
  border: none;
  text-decoration: underline
}
.expander3 h3.open a, .expander3 h4.open a {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-down-white.svg") no-repeat right 1rem center/18px 12px
}
.expander h3, .expander h4 {
  margin: 0;
  font-size: 18px;
  line-height: inherit;
  border-top: 1px solid #f0f0f0
}
.expander h3:first-of-type, .expander h4:first-of-type {
  border-top: none
}
.expander h3 > a, .expander h4 > a {
  display: block;
  margin: 0
}
.expander > div {
  margin: 1rem 2rem
}
.expander > div h4 {
  color: #716c6b;
  font: 26px/1.2em "Akkurat Pro Regular", Arial, sans-serif;
  margin-bottom: 1rem;
  background: none
}
@media screen and (max-width: 480px) {
  .content .expander h3, .content .expander1 h3, .content .expander2 h3, .content .expander3 h3 {
    font-size: 18px
  }
}
.standard-page .feature-two-col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2.39234%
}
.standard-page .feature-two-col .feature-box {
  width: 48.68421%;
  background: #f0f0f0;
  position: relative
}
.standard-page .feature-two-col .feature-box:nth-child(even) {
  margin-left: 2.39234%
}
.standard-page .feature-two-col .feature-box:nth-child(n+3) {
  margin-top: 1.25rem
}
.standard-page .feature-two-col .feature-box.no-button .feature-copy {
  padding-bottom: 1rem
}
.standard-page .feature-two-col .feature-box .feature-copy {
  padding: 1rem 1.5rem 4rem 1.5rem
}
.standard-page .feature-two-col .feature-box .feature-copy h3, .standard-page .feature-two-col .feature-box .feature-copy h4 {
  font: 21px "Akkurat Pro Regular", Arial, sans-serif;
  text-transform: uppercase;
  color: #342f2e
}
.standard-page .feature-two-col .feature-box .feature-copy ul {
  margin-left: 0;
  padding-left: 0
}
@media screen and (max-width: 600px) {
  .standard-page .feature-two-col {
    display: inherit;
    margin-bottom: 0
  }
  .standard-page .feature-two-col .feature-box {
    width: inherit;
    max-width: 407px;
    margin-bottom: 1.25rem
  }
  .standard-page .feature-two-col .feature-box:nth-child(even) {
    margin-left: 0
  }
  .standard-page .feature-two-col .feature-box:last-child {
    margin-bottom: 0
  }
  .standard-page .feature-two-col .feature-box:nth-child(n+2) {
    margin-top: 0
  }
}
.narrow-page #page {
  margin: 2rem auto 0 auto;
  max-width: 1120 /* Modified by IMSERC by increasing the width from 830 to 1120 */
}
.narrow-page #page .content {
  width: 100%;
  float: none
}
.narrow-page #news-story h2 {
  margin-bottom: 1.5rem
}
.narrow-page #news-story .wrap {
  margin-bottom: 1.5rem
}
.narrow-page #news-story .wrap #credit {
  font: 16px/1.4em "Campton Bold", Impact, sans-serif;
  color: #342f2e;
  width: 69.35484%
}
.narrow-page #news-story .wrap #share {
  float: right;
  width: 28.49462%
}
.narrow-page #news-story #story-floater {
  float: right;
  width: 28.49462%;
  height: 100%;
  margin-left: 2.15054%;
  margin-bottom: 2.15054%
}
.narrow-page #news-story #story-floater figure + .news-tidbit {
  margin-top: 2rem
}
.narrow-page #news-story #story-floater #story-callout {
  border-top: 4px solid #f0f0f0;
  border-bottom: 4px solid #f0f0f0;
  padding: 1.5rem 0;
  font: 20px "Campton Book", Tahoma, sans-serif;
  color: #4e2a84
}
.narrow-page main .section {
  max-width: 836px
}
@media screen and (max-width: 970px) {
  .narrow-page #page {
    margin-left: 1rem;
    margin-right: 1rem
  }
}
@media screen and (max-width: 768px) {
  .narrow-page #news-story #story-floater {
    float: none;
    width: 100%;
    padding-top: 1.5rem;
    margin-left: 0;
    margin-bottom: 1.5rem;
    border-top: 4px solid #f0f0f0
  }
  .narrow-page #news-story #story-floater .quote {
    float: none;
    width: 100%;
    font-size: 18px;
    border-bottom: 4px solid #f0f0f0
  }
  .narrow-page #news-story #story-floater #story-callout {
    display: none
  }
}
@media screen and (max-width: 700px) {
  .narrow-page #news-story .wrap #share {
    float: none;
    width: 100%;
    margin-bottom: 1rem
  }
  .narrow-page #news-story .wrap #credit {
    float: none;
    width: 100%
  }
}
.standard-page .news-events-announcements h4 {
  font: 30px/1.2em "Akkurat Pro Regular", Arial, sans-serif;
  margin-bottom: 1.5rem;
  padding-bottom: .5rem;
  color: #716c6b;
  border-bottom: 4px solid #f0f0f0
}
.standard-page .news-events-announcements h5 {
  font: 18px/1.3em "Akkurat Pro Bold", "Arial Black", sans-serif;
  margin-bottom: .5rem;
  padding-bottom: 0;
  border: none
}
.standard-page .news-events-announcements p.button {
  margin-bottom: 0
}
.standard-page .news-events-announcements .column-narrow, .standard-page .news-events-announcements .column-wide {
  float: left;
  position: relative
}
.standard-page .news-events-announcements .column-narrow {
  width: 32.89474%;
  margin-right: 3.58852%
}
.standard-page .news-events-announcements .column-wide {
  width: 63.51675%
}
.standard-page .news-events-announcements .news-section img {
  margin-bottom: .5rem
}
.standard-page .news-events-announcements .news-section p {
  line-height: 1.2em
}
.standard-page .news-events-announcements .events-section .event-wrap {
  position: relative;
  min-height: 100px;
  margin-bottom: 1rem
}
.standard-page .news-events-announcements .events-section .event-wrap:last-child {
  margin-bottom: 1rem
}
.standard-page .news-events-announcements .events-section .event-wrap .event-date {
  position: absolute;
  text-align: center;
  top: 0;
  width: 90px;
  padding: .25rem;
  background: #4e2a84;
  font-family: "Campton Bold", Impact, sans-serif;
  color: #fff;
  float: left
}
.standard-page .news-events-announcements .events-section .event-wrap .event-date .month, .standard-page .news-events-announcements .events-section .event-wrap .event-date year {
  font-size: 14px
}
.standard-page .news-events-announcements .events-section .event-wrap .event-date .day {
  font-size: 36px
}
.standard-page .news-events-announcements .events-section .event-wrap .event-description {
  margin-left: 105px
}
.standard-page .news-events-announcements .events-section .event-wrap .event-description > p {
  margin-top: 0;
  line-height: 1.2em
}
.standard-page .news-events-announcements .events-section .event-wrap .event-time-location {
  font: 14px/1.4em "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #342f2e;
  margin-bottom: .5rem;
  margin-top: .5rem
}
.standard-page .news-events-announcements p.button a {
  margin: 0
}
@media screen and (max-width: 1000px) {
  .standard-page .news-events-announcements {
    display: block
  }
  .standard-page .news-events-announcements .column-narrow, .standard-page .news-events-announcements .column-wide {
    width: 100%;
    float: none;
    margin-right: 0
  }
  .standard-page .news-events-announcements .news-section {
    margin-bottom: 2rem
  }
}
.standard-page .news {
  margin: 2rem 0
}
.standard-page .news img {
  float: left;
  margin: 0 1rem 1rem 0
}
.standard-page .news h4.news-title {
  font: 18px/1.3em "Akkurat Pro Bold", "Arial Black", sans-serif;
  margin-bottom: .5rem
}
.standard-page .news .news-date {
  font: 14px/1.4em "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #342f2e
}
.standard-page .news .news-description {
  margin-top: .5rem
}
.standard-page .event {
  position: relative;
  min-height: 100px;
  margin-bottom: 1rem
}
.standard-page .event .event-date {
  position: absolute;
  text-align: center;
  top: 0;
  width: 90px;
  padding: .25rem;
  background: #4e2a84;
  font-family: "Campton Bold", Impact, sans-serif;
  color: #fff;
  float: left
}
.standard-page .event .event-date .month, .standard-page .event .event-date year {
  font-size: 14px
}
.standard-page .event .event-date .day {
  font-size: 36px
}
.standard-page .event .event-description {
  margin-left: 105px
}
.standard-page .event .event-description h4 {
  font: 18px/1.3em "Akkurat Pro Bold", "Arial Black", sans-serif;
  margin-bottom: .5rem;
  padding-bottom: 0
}
.standard-page .event .event-description > p {
  margin-top: 0;
  line-height: 1.2em
}
.standard-page .event .event-time-location {
  font: 14px/1.4em "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #342f2e;
  margin-bottom: .5rem;
  margin-top: .5rem
}
@media screen and (max-width: 420px) {
  .standard-page .news img {
    float: none;
    margin: 0 0 1rem 0
  }
}
.standard-page .people-big, .standard-page .people-medium, .standard-page .people-small {
  margin: 1rem 0 2rem 0
}
.standard-page .people-big > p:first-of-type, .standard-page .people-medium > p:first-of-type, .standard-page .people-small > p:first-of-type {
  margin-top: 0
}
.standard-page .people-big .people-wrap.no-image .people-image, .standard-page .people-medium .people-wrap.no-image .people-image, .standard-page .people-small .people-wrap.no-image .people-image {
  display: none
}
.standard-page .people-big .people-wrap.no-image .people-content, .standard-page .people-medium .people-wrap.no-image .people-content, .standard-page .people-small .people-wrap.no-image .people-content {
  width: 100%
}
.standard-page .people-big .people-image, .standard-page .people-medium .people-image, .standard-page .people-small .people-image {
  float: left;
  margin-right: 2.39234%;
  margin-bottom: .5rem
}
.standard-page .people-big .people-content, .standard-page .people-medium .people-content, .standard-page .people-small .people-content {
  float: right
}
.standard-page .people-big .people-content h3, .standard-page .people-big .people-content h4, .standard-page .people-medium .people-content h3, .standard-page .people-medium .people-content h4, .standard-page .people-small .people-content h3, .standard-page .people-small .people-content h4 {
  font: 24px/1.2em "Campton Bold", Impact, sans-serif;
  color: #716c6b;
  margin-bottom: 0
}
.standard-page .people-big .people-content .title, .standard-page .people-medium .people-content .title, .standard-page .people-small .people-content .title {
  font: 18px/1.2em "Akkurat Pro Regular", Arial, sans-serif;
  margin-top: 0
}
.standard-page .people-big .people-image {
  width: 43.0622%
}
.standard-page .people-big .people-content {
  width: 54.54545%
}
.standard-page .people-medium .people-image {
  width: 31.69856%
}
.standard-page .people-medium .people-content {
  width: 65.90909%
}
.standard-page .people-small .people-image {
  width: 20.33493%
}
.standard-page .people-small .people-content {
  width: 77.27273%
}
@media screen and (max-width: 600px) {
  .standard-page .people-big .people-image, .standard-page .people-big .people-content {
    float: none;
    width: 100%
  }
}
@media screen and (max-width: 540px) {
  .standard-page .people-medium .people-image, .standard-page .people-medium .people-content {
    float: none;
    width: 100%
  }
  .standard-page .people-small .people-image, .standard-page .people-small .people-content {
    float: none;
    width: 100%
  }
}
.people-columns {
  margin-top: 2rem;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.people-columns .people {
  float: left;
  width: 48.56459%;
  margin: 0 0 2rem 0;
  margin-right: 2.87081%
}
.people-columns .people:nth-child(even) {
  margin-right: 0
}
.people-columns .people.no-image .people-image {
  display: none
}
.people-columns .people.no-image .people-content {
  width: 100%
}
.people-columns .people .people-image {
  width: 29.55665%;
  margin-right: 3.69458%;
  float: left
}
.people-columns .people .people-image.no-image {
  display: none
}
.people-columns .people .people-content {
  width: 66.74877%;
  float: left;
  font-size: 15px;
  line-height: 1.2em
}
.people-columns .people h3, .people-columns .people h4 {
  margin-bottom: 0;
  font: 22px/1.2em "Campton Book", Tahoma, sans-serif;
  color: #342f2e;
  text-align: inherit
}
.people-columns .people h3:before, .people-columns .people h3:after, .people-columns .people h4:before, .people-columns .people h4:after {
  background: none;
  padding: 0
}
.people-columns .people p.title {
  margin-top: 0;
  font: 18px/1.2em "Akkurat Pro Regular", Arial, sans-serif
}
@media screen and (max-width: 1120px) {
  .people-columns .people {
    float: none;
    width: 100%;
    margin: 0 0 1rem 0
  }
  .people-columns .people .people-image {
    width: 120px;
    margin-right: 1.66667%;
    margin-bottom: 1rem
  }
}
@media screen and (max-width: 480px) {
  .people-columns .people .people-image {
    width: 100%;
    margin: 0 0 .5rem 0;
    float: none
  }
  .people-columns .people .people-content {
    float: none;
    width: 100%
  }
}
.standard-page .photo-feature-2-across {
  margin-bottom: 2rem
}
.standard-page .photo-feature-2-across .photo-feature {
  width: 50%;
  float: left;
  position: relative;
  max-height: 235px
}
.standard-page .photo-feature-2-across .photo-feature a:hover {
  opacity: .8
}
.standard-page .photo-feature-2-across .photo-feature img {
  display: block
}
.standard-page .photo-feature-2-across .photo-feature .back {
  display: none;
  background-color: #836eaa;
  width: 100%
}
.standard-page .photo-feature-2-across .photo-feature .text-over-image {
  color: #fff;
  padding: 0 2em;
  position: absolute;
  bottom: 1rem;
  z-index: 31;
  width: 90%
}
.standard-page .photo-feature-2-across .photo-feature h4 {
  font: 30px "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #fff;
  margin-bottom: -.5rem;
  text-shadow: 2px 2px 0px #000
}
.standard-page .photo-feature-2-across .photo-feature p {
  font: 16px/1.3em "Akkurat Pro Regular", Arial, sans-serif;
  text-shadow: 2px 2px 0px #000
}
.standard-page .photo-feature-2-across .photo-feature p.link {
  font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
  text-transform: uppercase
}
.standard-page .photo-feature-2-across .photo-feature .back-text {
  color: #fff;
  padding: 0 2em;
  position: absolute;
  z-index: 31;
  width: 100%;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center
}
.standard-page .photo-feature-2-across .photo-feature .back-text h4 {
  font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #fff;
  margin-bottom: 1.5em;
  text-shadow: none
}
.standard-page .photo-feature-2-across .photo-feature .back-text p {
  text-shadow: none
}
.standard-page .photo-feature-2-across .photo-feature .back-text p.link {
  margin-top: 1em
}
.standard-page .photo-feature-2-across .photo-feature .text-over-image {
  color: #fff;
  padding: 0 2em;
  position: absolute;
  bottom: 1rem;
  z-index: 31
}
@media screen and (max-width: 1000px) {
  .standard-page .photo-feature-2-across .photo-feature {
    width: inherit;
    max-width: 418px;
    float: none
  }
}
@media screen and (max-width: 480px) {
  .standard-page .photo-feature-2-across .photo-feature .back-text {
    padding: 0 .5rem
  }
  .standard-page .photo-feature-2-across .photo-feature .back-text h4 {
    margin-bottom: .5rem
  }
  .standard-page .photo-feature-2-across .photo-feature .back-text p {
    font-size: 14px
  }
}
@media screen and (max-width: 420px) {
  .standard-page .photo-feature-2-across .photo-feature .text-over-image {
    padding: 0 1em;
    bottom: 0
  }
  .standard-page .photo-feature-2-across .photo-feature h4 {
    font-size: 20px
  }
}
.standard-page .photo-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 1.5rem
}
.standard-page .photo-grid h4, .standard-page .photo-grid h3 {
  font: 16px/1.5em "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #342f2e;
  margin: 1rem 0 0 0
}
.standard-page .photo-grid h4 + p, .standard-page .photo-grid h3 + p {
  margin-top: .5rem
}
.standard-page .photo-grid a h4, .standard-page .photo-grid a h3 {
  color: #4e2a84
}
.standard-page .photo-grid a img {
  opacity: 1;
  transition: opacity .3s ease-in-out
}
.standard-page .photo-grid a img:hover {
  opacity: .5
}
.standard-page .photo-grid.two-grid article {
  width: 48.80383%;
  margin-right: 2.39234%;
  margin-bottom: 20px;
  float: left;
  line-height: 1.5rem
}
.standard-page .photo-grid.two-grid article:nth-of-type(2n+2) {
  margin-right: 0
}
.standard-page .photo-grid.three-grid article {
  width: 31.69856%;
  margin-right: 2.39234%;
  margin-bottom: 20px;
  float: left;
  line-height: 1.5rem
}
.standard-page .photo-grid.three-grid article:nth-of-type(3n+3) {
  margin-right: 0
}
.standard-page .photo-grid.four-grid article {
  width: 23.66071%;
  margin-right: 1.78571%;
  margin-bottom: 20px;
  float: left;
  line-height: 1.5rem
}
.standard-page .photo-grid.four-grid article:nth-of-type(4n+4) {
  margin-right: 0
}
@media screen and (max-width: 900px) {
  .standard-page .photo-grid.three-grid article {
    width: 48.5%;
    max-width: 265px;
    margin-right: 3%
  }
  .standard-page .photo-grid.three-grid article:nth-of-type(3n+3) {
    margin-right: 3%
  }
  .standard-page .photo-grid.three-grid article:nth-of-type(2n+2) {
    margin-right: 0
  }
}
@media screen and (max-width: 768px) {
  .standard-page .photo-grid.four-grid article, .standard-page .photo-grid .two-grid article {
    width: 48.5%;
    margin-right: 3%
  }
  .standard-page .photo-grid.four-grid article:nth-of-type(2n+2), .standard-page .photo-grid .two-grid article:nth-of-type(2n+2) {
    margin-right: 0
  }
}
@media screen and (max-width: 475px) {
  .standard-page .photo-grid.two-grid article, .standard-page .photo-grid.three-grid article, .standard-page .photo-grid.four-grid article {
    width: 100%
  }
}
.standard-page .plus-section {
  margin: 2rem 0;
  padding-bottom: 1rem;
  border-bottom: 4px solid #f0f0f0
}
.standard-page .plus-section:last-of-type {
  border-bottom: none
}
.standard-page .plus-section .left-side {
  float: left;
  width: 50%
}
.standard-page .plus-section .right-side {
  float: right;
  width: 43.66029%
}
@media screen and (max-width: 600px) {
  .standard-page .plus-section .left-side, .standard-page .plus-section .right-side {
    width: 100%;
    float: none
  }
}
.standard-page .quote {
  font: 24px/1.2em "Campton Book", Tahoma, sans-serif;
  color: #4e2a84;
  margin-bottom: .5em
}
.standard-page .quote span {
  background: url("https://common.northwestern.edu/v8/css/images/icons/quote.png") no-repeat;
  width: 35px;
  height: 24px;
  display: inline-block;
  margin-right: .5rem
}
.standard-page .quote p {
  margin-top: 0
}
.standard-page .quote figcaption, .standard-page .fig-centered figcaption {
  font: 16px/1.4em "Akkurat Pro Regular", Arial, sans-serif;
  color: #716c6b
}
@media screen and (max-width: 1145px) {
  .standard-page .quote {
    font-size: 20px
  }
}
@media screen and (max-width: 900px) {
  .standard-page .quote {
    font-size: 18px
  }
}
.standard-page .showcase .left-content .swiper-container {
  max-width: 550px;
  margin: 0
}
.standard-page .showcase .caption {
  font: 14px "Akkurat Pro Italic", Arial, sans-serif;
  margin: 0;
  position: absolute;
  bottom: .5rem;
  padding: .75rem;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  width: 100%
}
.standard-page .showcase .caption strong {
  font-family: "Akkurat Pro Bold Italic", "Arial Black", sans-serif
}
.standard-page .showcase .swiper-button-next, .standard-page .showcase .swiper-button-prev {
  width: 35px;
  height: 35px;
  -moz-background-size: 35px 35px;
  -webkit-background-size: 35px 35px;
  background-size: 35px 35px
}
.standard-page .showcase .swiper-button-prev {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-purple-white.svg") no-repeat;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 10px;
  right: auto
}
.standard-page .showcase .swiper-button-next {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-purple-white.svg") no-repeat;
  right: 10px;
  left: auto
}
.standard-page .showcase p + h4 {
  margin: 1.5rem 0 .5rem 0
}
.standard-page .showcase .left-content {
  width: 65.78947%;
  float: left
}
.standard-page .showcase .right-content {
  width: 29.90431%;
  float: left;
  margin-left: 4.1866%
}
.standard-page .showcase .quote {
  float: left;
  width: 265px;
  margin: 0 2rem 1rem 0;
  line-height: 1.4em
}
.standard-page .showcase .stat-list {
  font: 24px "Campton Extra Light", "Courier New", sans-serif;
  color: #4e2a84
}
.standard-page .showcase .stat-list strong {
  font: 72px/1em "Campton Bold", Impact, sans-serif;
  color: #4e2a84;
  display: block
}
.standard-page .showcase .stat-list ul {
  margin: 0 0 2rem 0;
  padding: 1.5rem 0 0 0;
  border-top: 4px solid #f0f0f0;
  color: #716c6b
}
.standard-page .showcase .stat-list ul.no-border {
  border-top: none;
  padding-top: 0
}
.standard-page .showcase .stat-list ul li {
  background: none;
  padding: 0
}
.standard-page .showcase .stat-list ul li:first-child {
  font: 30px/1.2em "Campton Bold", Impact, sans-serif;
  color: #4e2a84;
  margin-bottom: .5rem
}
.standard-page .showcase .stat-list ul.bullet {
  margin: 0 0 -2rem 0;
  padding: inherit
}
.standard-page .showcase .stat-list ul.bullet li {
  background: url("https://common.northwestern.edu/v8/css/images/icons/bullet.png") top left no-repeat;
  background-position: 0 .5rem;
  padding: 0 0 .5rem 1em;
  font-size: 20px
}
.standard-page .showcase .stat-list ul.bullet li:first-child {
  font: 26px/1.2em "Campton Bold", Impact, sans-serif;
  color: #4e2a84;
  margin-bottom: .5rem;
  background: none;
  padding: 1rem 0 1rem 0
}
.standard-page .showcase .links p {
  font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #716c6b;
  border-bottom: 4px solid #f0f0f0;
  padding-bottom: .5rem
}
.standard-page .showcase .links ul {
  padding: 0;
  margin: 0
}
.standard-page .showcase .links ul li {
  font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
  background: none;
  padding: 0;
  margin-bottom: 1rem
}
@media screen and (max-width: 1145px) {
  .standard-page .showcase .stat-list strong {
    font-size: 54px
  }
}
@media screen and (max-width: 1000px) {
  .standard-page .showcase .left-content {
    float: none;
    width: 100%
  }
  .standard-page .showcase .quote {
    display: none
  }
  .standard-page .showcase .right-content {
    float: none;
    width: 100%;
    margin: 1rem 0 2rem 0
  }
  .standard-page .showcase ul.three-columns {
    display: none
  }
}
@media screen and (max-width: 600px) {
  .standard-page .showcase .caption {
    position: relative;
    background: #836eaa;
    bottom: .6rem
  }
  .standard-page .showcase .swiper-button-next, .standard-page .showcase .swiper-button-prev {
    width: 25px;
    height: 25px;
    -moz-background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    margin-top: -2rem
  }
}
.standard-page .two-column-links {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 2rem 0 0 0
}
.standard-page .two-column-links article {
  width: 47.84689%
}
.standard-page .two-column-links article:nth-child(even) {
  margin-left: 4.30622%
}
.standard-page .two-column-links article:nth-child(n+3) {
  margin-top: 2rem
}
.standard-page .two-column-links article img {
  margin-bottom: .5rem
}
.standard-page .two-column-links article h3, .standard-page .two-column-links article h4 {
  font: 26px "Akkurat Pro Regular", Arial, sans-serif;
  color: #716c6b;
  margin-bottom: 1rem;
  padding-bottom: .5rem;
  border-bottom: 4px solid #ccc
}
.standard-page .two-column-links article ul {
  margin: 0;
  padding: 0
}
@media screen and (max-width: 600px) {
  .standard-page .two-column-links article {
    float: none;
    width: 100%;
    margin-bottom: 2rem
  }
  .standard-page .two-column-links article:nth-child(even) {
    margin-left: 0
  }
  .standard-page .two-column-links article:last-child {
    margin-bottom: 0
  }
  .standard-page .two-column-links article:nth-child(n+2) {
    margin-top: 0
  }
}
.standard-page .stats-callout {
  border-top: 4px solid #f0f0f0;
  border-bottom: 4px solid #f0f0f0;
  text-align: center;
  color: #4e2a84;
  padding: 1rem 0
}
.standard-page .stats-callout div {
  margin: 0 auto
}
.standard-page .stats-callout span {
  display: block
}
.standard-page .stats-callout span.big {
  font: 72px/1.2em "Campton Bold", Impact, sans-serif
}
.standard-page .stats-callout span.small {
  font: 24px/1.2em "Campton Extra Light", "Courier New", sans-serif
}
@media screen and (max-width: 480px) {
  .standard-page .stats-callout span.big {
    font-size: 48px
  }
}
.landing-page .section {
  margin-bottom: 5rem
}
.landing-page .section.no-bottom-margin {
  margin-bottom: 0
}
.landing-page #back-to-top {
  margin-bottom: 2rem
}
.landing-page #page {
  margin: 0 auto;
  max-width: 1440px
}
.landing-page .content {
  font-size: 16px;
  line-height: 1.7em;
  width: 100%
}
.landing-page .content h3 {
  font: 24px "Campton Extra Bold", Impact, sans-serif;
  color: #4e2a84;
  text-align: center
}
.landing-page .content h3:before {
  background: url("https://common.northwestern.edu/v8/css/images/icons/grey-slash.svg") no-repeat 50%/17px 21px;
  padding: 0 20px;
  content: " "
}
.landing-page .content h3:after {
  background: url("https://common.northwestern.edu/v8/css/images/icons/grey-slash.svg") no-repeat 50%/17px 21px;
  padding: 0 20px;
  content: " "
}
.landing-page .content p.subhead {
  color: #4e2a84;
  font: 46px/1.2em "Campton Extra Light", "Courier New", sans-serif;
  margin-bottom: 1rem
}
.landing-page .content .section-top {
  margin-bottom: 3rem;
  text-align: center;
  padding: 0 1rem
}
.landing-page .content .section-top h3 {
  margin-bottom: 4rem
}
.landing-page .content .section-top h3 + p {
  margin-top: -2rem
}
@media screen and (max-width: 480px) {
  .landing-page .section {
    margin-bottom: 2.5rem
  }
  .landing-page .content .section-top h3, .landing-page .content .background-select h3, .landing-page .content .large-feature-wrap h3, .landing-page .content .in-page h3 {
    font: 20px "Campton Extra Bold", Impact, sans-serif;
    margin-bottom: 1rem
  }
  .landing-page .content .section-top h3 + p, .landing-page .content .background-select h3 + p, .landing-page .content .large-feature-wrap h3 + p, .landing-page .content .in-page h3 + p {
    margin-top: 0
  }
  .landing-page .content .section-top h3:before, .landing-page .content .background-select h3:before, .landing-page .content .large-feature-wrap h3:before, .landing-page .content .in-page h3:before {
    background: none;
    padding: 0
  }
  .landing-page .content .section-top h3:after, .landing-page .content .background-select h3:after, .landing-page .content .large-feature-wrap h3:after, .landing-page .content .in-page h3:after {
    background: none;
    padding: 0
  }
  .landing-page .content .section-top p.subhead, .landing-page .content .background-select p.subhead, .landing-page .content .large-feature-wrap p.subhead, .landing-page .content .in-page p.subhead {
    font-size: 28px
  }
}
.landing-page .alternate-photo-float {
  margin-bottom: 5rem
}
.landing-page .alternate-photo-float h4 {
  font: 30px "Akkurat Pro Regular", Arial, sans-serif;
  color: #716c6b;
  border-bottom: 4px solid #ccc;
  text-transform: none;
  padding-bottom: .5rem;
  margin-bottom: 1.5rem
}
.landing-page .alternate-photo-float .image-left, .landing-page .alternate-photo-float .image-right, .landing-page .alternate-photo-float .text {
  width: 49.10714%;
  max-width: 550px;
  margin-right: 3.57143%;
  float: left;
  position: relative;
  max-height: 310px
}
.landing-page .alternate-photo-float .image-left:last-child, .landing-page .alternate-photo-float .image-right:last-child, .landing-page .alternate-photo-float .text:last-child {
  margin-right: 0
}
.landing-page .alternate-photo-float .text {
  width: 47.32143%;
  max-width: 530px;
  margin-right: 3.57143%;
  max-height: none
}
.landing-page .alternate-photo-float .text:last-child {
  margin-right: 0
}
.landing-page .alternate-photo-float .text.tl-text {
  color: #4e2a84;
  font: 24px/1.2em "Campton Book", Tahoma, sans-serif;
  margin-bottom: 1em
}
.landing-page .alternate-photo-float .text ul {
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
  margin: 0;
  padding: 0
}
.landing-page .alternate-photo-float .text ul li {
  background: none;
  padding: 0 0 .5em 0;
  line-height: 1.5em;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid
}
.landing-page .alternate-photo-float .text .column {
  width: 45%;
  margin-right: 5%;
  float: left
}
.landing-page .alternate-photo-float .text .column:last-child {
  margin-right: 0
}
.landing-page .alternate-photo-float .text .column ul {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -webkit-column-gap: normal;
  -moz-column-gap: normal;
  column-gap: normal
}
.landing-page .alternate-photo-float .text img {
  z-index: 30
}
.landing-page .alternate-photo-float .text-over-image {
  position: absolute;
  top: 20%;
  width: 100%;
  color: #fff;
  text-align: center;
  z-index: 31;
  padding: 0 1em;
  font: 24px "Campton Extra Bold", Impact, sans-serif
}
.landing-page .alternate-photo-float .text-over-image p {
  margin: 0
}
.landing-page .alternate-photo-float .text-over-image .big {
  font: 72px/1em "Campton Bold", Impact, sans-serif
}
@media screen and (max-width: 1150px) {
  .landing-page .alternate-photo-float .quote {
    font-size: 20px
  }
}
@media screen and (max-width: 900px) {
  .landing-page .alternate-photo-float .quote {
    font-size: 18px
  }
  .landing-page .alternate-photo-float .text-over-image {
    top: 5%;
    font-size: 24px
  }
  .landing-page .alternate-photo-float .text-over-image .big {
    font-size: 60px;
    line-height: 1em
  }
}
@media screen and (max-width: 875px) {
  .landing-page .alternate-photo-float {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 550px
  }
  .landing-page .alternate-photo-float h4 {
    font-size: 24px;
    margin-top: 1rem
  }
  .landing-page .alternate-photo-float .image-left, .landing-page .alternate-photo-float .image-right, .landing-page .alternate-photo-float .text {
    width: 100%;
    float: none;
    position: relative;
    margin-right: 0
  }
  .landing-page .alternate-photo-float .image-left:last-child, .landing-page .alternate-photo-float .image-right:last-child, .landing-page .alternate-photo-float .text:last-child {
    margin-right: auto
  }
  .landing-page .alternate-photo-float .image-right {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
  }
  .landing-page .alternate-photo-float .text-over-image {
    top: 20%
  }
}
@media screen and (max-width: 768px) {
  .landing-page .alternate-photo-float .text.tl-text {
    font-size: 22px
  }
}
@media screen and (max-width: 480px) {
  .landing-page .alternate-photo-float .text.tl-text {
    font-size: 18px
  }
  .landing-page .alternate-photo-float .text-over-image {
    top: 1em;
    font-size: 20px
  }
  .landing-page .alternate-photo-float .text-over-image .big {
    font-size: 42px
  }
  .landing-page .alternate-photo-float .text .column {
    width: 100%
  }
}
@media screen and (max-width: 420px) {
  .landing-page .alternate-photo-float .text ul {
    -moz-column-count: inherit;
    -moz-column-gap: inherit;
    -webkit-column-count: inherit;
    -webkit-column-gap: inherit;
    column-count: inherit;
    column-gap: inherit
  }
}
@media screen and (max-width: 380px) {
  .landing-page .alternate-photo-float .text-over-image {
    font-size: 18px;
    line-height: 1em
  }
  .landing-page .alternate-photo-float .text-over-image .big {
    font-size: 36px
  }
}
.landing-page #announcement {
  background: #e4e0ee;
  font-size: 18px;
  line-height: 1.3em;
  padding: 1.5rem;
  max-width: 1440px
}
.landing-page #announcement h2 {
  font: 34px "Campton Bold", Impact, sans-serif
}
.landing-page #announcement h3 {
  font: 26px "Campton Bold", Impact, sans-serif;
  background: none;
  text-align: left
}
.landing-page #announcement h3::before, .landing-page #announcement h3::after {
  background: none;
  padding: 0
}
.landing-page #announcement h4 {
  font: 21px "Campton Bold", Impact, sans-serif
}
.landing-page #announcement h5 {
  font: 18px "Campton Bold", Impact, sans-serif
}
.landing-page #announcement a {
  color: #4e2a84;
  text-decoration: none
}
.landing-page #announcement a:hover {
  text-decoration: underline
}
.landing-page #announcement a.button {
  color: #fff;
  text-decoration: none
}
.landing-page #announcement p.button a {
  color: #fff;
  text-decoration: none
}
@media screen and (max-width: 768px) {
  .landing-page #announcement h2 {
    font-size: 26px;
    line-height: 1.2em
  }
  .landing-page #announcement h3 {
    font-size: 21px
  }
  .landing-page #announcement h4 {
    font-size: 18px
  }
}
.landing-page .background-select {
  width: 100%;
  display: table;
  min-height: 400px
}
.landing-page .background-select .background-select-image {
  text-align: center;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  position: relative;
  padding: 5rem 1em 3rem 1em
}
.landing-page .background-select h3 {
  margin-bottom: 2rem
}
.landing-page .background-select p {
  margin-bottom: 3rem
}
.landing-page .background-select a.button {
  margin-bottom: 2rem
}
.landing-page .background-select.purple-slashes p {
  color: #fff
}
.landing-page .background-select.purple-slashes h3 {
  color: #fff
}
@media screen and (max-width: 960px) {
  .landing-page .purple-slashes .purple-half {
    padding: 2rem
  }
}
@media screen and (max-width: 875px) {
  .landing-page .background-select p.subhead {
    font-size: 36px
  }
}
.landing-page .feature-two-col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.landing-page .feature-two-col .feature-box {
  width: 49.10714%;
  background: #f0f0f0;
  position: relative
}
.landing-page .feature-two-col .feature-box:nth-child(even) {
  margin-left: 1.78571%
}
.landing-page .feature-two-col .feature-box:nth-child(n+3) {
  margin-top: 1.25rem
}
.landing-page .feature-two-col .feature-box.no-button .feature-copy {
  padding-bottom: 1rem
}
.landing-page .feature-two-col .feature-box .feature-copy {
  padding: 1rem 1.5rem 4rem 1.5rem
}
.landing-page .feature-two-col .feature-box .feature-copy h4 {
  font: 21px "Akkurat Pro Regular", Arial, sans-serif;
  text-transform: uppercase;
  color: #342f2e
}
.landing-page .feature-two-col .feature-box .feature-copy ul {
  margin-left: 0;
  padding-left: .5em
}
@media screen and (max-width: 768px) {
  .landing-page .feature-two-col {
    display: inherit
  }
  .landing-page .feature-two-col .feature-box {
    width: inherit;
    max-width: 550px;
    margin: 0 auto 1.5rem auto
  }
  .landing-page .feature-two-col .feature-box:nth-child(even) {
    margin-left: auto
  }
  .landing-page .feature-two-col .feature-box:last-child {
    margin-bottom: 0
  }
  .landing-page .feature-two-col .feature-box:nth-child(n+2) {
    margin-top: 0
  }
}
.landing-page .feature-three-col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.landing-page .feature-three-col .feature-box {
  width: 32.14286%;
  float: left;
  background: #f0f0f0;
  margin-left: 1.78571%;
  position: relative
}
.landing-page .feature-three-col .feature-box:first-child {
  margin-left: 0
}
.landing-page .feature-three-col .feature-box .feature-copy {
  padding: 1rem 1.5rem 4rem 1.5rem
}
.landing-page .feature-three-col .feature-box .feature-copy h4 {
  font: 21px "Akkurat Pro Regular", Arial, sans-serif;
  text-transform: uppercase;
  color: #342f2e
}
.landing-page .feature-three-col .feature-box .feature-copy ul {
  margin-left: 0;
  padding-left: .5em
}
.landing-page .feature-three-col .feature-box.no-button .feature-copy {
  padding-bottom: 1rem
}
@media screen and (max-width: 875px) {
  .landing-page .feature-three-col {
    display: inherit
  }
  .landing-page .feature-three-col .feature-box {
    width: inherit;
    max-width: 360px;
    float: none;
    background: #f0f0f0;
    margin: 0 auto 2rem auto
  }
  .landing-page .feature-three-col .feature-box:first-child {
    margin-left: auto
  }
}
.landing-page .feature-four-col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.landing-page .feature-four-col .feature-box {
  width: 23.95833%;
  float: left;
  background: #f0f0f0;
  margin-right: 1.38889%;
  position: relative
}
.landing-page .feature-four-col .feature-box:last-child {
  margin-right: 0
}
.landing-page .feature-four-col .feature-box .feature-copy {
  padding: 1rem 1.5rem 4rem 1.5rem
}
.landing-page .feature-four-col .feature-box .feature-copy h4 {
  font: 21px "Akkurat Pro Regular", Arial, sans-serif;
  text-transform: uppercase;
  color: #342f2e
}
.landing-page .feature-four-col .feature-box .feature-copy ul {
  margin-left: 0;
  padding-left: .5em
}
.landing-page .feature-four-col .feature-box.no-button .feature-copy {
  padding-bottom: 1rem
}
@media screen and (max-width: 920px) {
  .landing-page .feature-four-col {
    flex-wrap: wrap;
    max-width: 920px
  }
  .landing-page .feature-four-col .feature-box {
    max-width: inherit;
    width: 48.91304%;
    margin-bottom: 20px;
    margin-right: 2.17391%
  }
  .landing-page .feature-four-col .feature-box:nth-child(2n) {
    margin-right: 0
  }
  .landing-page .feature-four-col .feature-box img {
    width: 100%
  }
}
@media screen and (max-width: 590px) {
  .landing-page .feature-four-col {
    display: inherit;
    width: 100%
  }
  .landing-page .feature-four-col .feature-box {
    width: inherit;
    float: none
  }
}
.landing-page .large-feature {
  padding: 4rem;
  background: url("https://common.northwestern.edu/v8/css/images/slashes-grey-bg.gif") repeat
}
.landing-page .large-feature-inner {
  max-width: 1120px;
  margin: 3rem auto 0 auto;
  box-sizing: content-box
}
.landing-page .large-feature-inner .content-side {
  width: 78.57143%;
  float: left;
  border-right: 1px solid #ccc;
  padding-right: 3.57143%
}
.landing-page .large-feature-inner .content-side img {
  float: left;
  margin: 0 2rem 2rem 0
}
.landing-page .large-feature-inner .content-side h4 {
  font: 48px/1.1em "Campton Bold", Impact, sans-serif;
  margin-bottom: 3rem;
  color: #4e2a84
}
.landing-page .large-feature-inner .content-side .text ul {
  overflow: hidden
}
.landing-page .large-feature-inner .right-side {
  width: 21.42857%;
  float: left;
  padding-left: 1.5rem
}
.landing-page .large-feature-inner .right-side h4 {
  font: 24px "Akkurat Pro Regular", Arial, sans-serif;
  padding-bottom: .5rem;
  margin-bottom: 1.5rem;
  border-bottom: 4px solid #ccc;
  color: #716c6b
}
.landing-page .large-feature-inner .right-side ul {
  padding-left: 0;
  margin-left: 0
}
.landing-page .large-feature-inner .right-side ul li {
  background: none;
  line-height: 1.2rem;
  margin: 0 0 1rem 0;
  padding-left: 0
}
.landing-page .large-feature-inner .right-side ul li a {
  font-family: "Akkurat Pro Bold", "Arial Black", sans-serif
}
@media screen and (max-width: 1100px) {
  .landing-page .large-feature-inner .content-side, .landing-page .large-feature-inner > ul, .landing-page .large-feature-inner .right-side {
    float: none;
    width: 100%;
    border: none;
    border-right: 0
  }
  .landing-page .large-feature-inner .content-side li, .landing-page .large-feature-inner > ul li, .landing-page .large-feature-inner .right-side li {
    padding-left: 0
  }
  .landing-page .large-feature-inner .content-side {
    padding-right: 0
  }
  .landing-page .large-feature-inner .content-side:after {
    content: "";
    display: table;
    clear: both
  }
  .landing-page .large-feature-inner .right-side {
    padding-left: 0
  }
}
@media screen and (max-width: 850px) {
  .landing-page .large-feature-wrap {
    padding: 2rem
  }
  .landing-page .large-feature {
    padding: 2rem
  }
  .landing-page .large-feature .content-side img {
    float: none;
    margin-bottom: 1rem
  }
  .landing-page .large-feature .content-side h4 {
    font-size: 36px
  }
}
@media screen and (max-width: 480px) {
  .landing-page .large-feature-wrap {
    padding: 1rem
  }
  .landing-page .large-feature {
    padding: 2rem 1rem
  }
  .landing-page .large-feature h3 {
    font-size: 20px
  }
  .landing-page .large-feature h3:before, .landing-page .large-feature h3:after {
    background: none
  }
  .landing-page .large-feature .content-side h4 {
    font-size: 28px
  }
}
.landing-page .news-event {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.landing-page .news-event .section {
  margin-bottom: 2rem
}
.landing-page .news, .landing-page .events {
  border-bottom: 4px solid #f0f0f0
}
.landing-page .news h4, .landing-page .events h4 {
  font: 30px/1.2em "Akkurat Pro Regular", Arial, sans-serif;
  margin-bottom: 1.5rem;
  padding-bottom: .5rem;
  color: #716c6b;
  border-bottom: 4px solid #f0f0f0
}
.landing-page .news h5, .landing-page .events h5 {
  font: 18px/1.3em "Akkurat Pro Bold", "Arial Black", sans-serif;
  margin-bottom: .5rem;
  padding-bottom: 0;
  border: none
}
.landing-page .news {
  float: left;
  width: 66.07143%
}
.landing-page .news-box {
  float: left;
  width: 48.64865%;
  margin-right: 2.7027%;
  margin-bottom: 1rem
}
.landing-page .news-box:nth-of-type(2n) {
  margin-right: 0
}
.landing-page .news-box > p {
  margin-top: 0
}
.landing-page .showcase .news {
  width: 32.14286%;
  padding-bottom: 1rem
}
.landing-page .showcase .news img {
  margin-bottom: .5rem
}
.landing-page .showcase .news h5 {
  color: #716c6b
}
.landing-page .events {
  float: left;
  width: 32.14286%;
  margin-left: 1.78571%
}
.landing-page .events h5 {
  color: #716c6b
}
.landing-page .events p {
  margin-top: 0
}
@media screen and (max-width: 900px) {
  .landing-page .news {
    width: 60%
  }
  .landing-page .news .news-box {
    width: 100%;
    float: none
  }
  .landing-page .events {
    width: 40%;
    margin-left: 2.22222%
  }
}
@media screen and (max-width: 768px) {
  .landing-page .news-event.showcase {
    display: inherit;
    margin-bottom: 3rem
  }
  .landing-page .news-event.showcase .news, .landing-page .news-event.showcase .events {
    width: 100%;
    float: none;
    margin-bottom: 3rem;
    margin-left: 0;
    border-bottom: none
  }
  .landing-page .news-event.showcase .news:nth-child(3), .landing-page .news-event.showcase .events:nth-child(3) {
    margin-bottom: 0
  }
  .landing-page .news-event .news-box p:last-of-type {
    margin-bottom: 0
  }
}
@media screen and (max-width: 550px) {
  .landing-page .news-event {
    display: inherit;
    margin-bottom: 3rem
  }
  .landing-page .news, .landing-page .events {
    width: 100%;
    float: none;
    margin-bottom: 3rem;
    margin-left: 0;
    border-bottom: none
  }
}
@media screen and (max-width: 550px) {
  .landing-page .news h5, .landing-page .events h5 {
    font-size: 18px
  }
}
@media screen and (max-width: 480px) {
  .landing-page .news h4, .landing-page .events h4 {
    font-size: 24px
  }
}
.landing-page .news-events-announcements h4 {
  font: 30px/1.2em "Akkurat Pro Regular", Arial, sans-serif;
  margin-bottom: 1.5rem;
  padding-bottom: .5rem;
  color: #716c6b;
  border-bottom: 4px solid #f0f0f0
}
.landing-page .news-events-announcements h5 {
  font: 18px/1.3em "Akkurat Pro Bold", "Arial Black", sans-serif;
  margin-bottom: .5rem;
  padding-bottom: 0;
  border: none
}
.landing-page .news-events-announcements p.button {
  margin-bottom: 0
}
.landing-page .news-events-announcements .column-narrow, .landing-page .news-events-announcements .column-wide {
  float: left;
  position: relative
}
.landing-page .news-events-announcements .column-narrow {
  width: 32.14286%;
  margin-right: 2.67857%;
  margin-bottom: 0
}
.landing-page .news-events-announcements .column-wide {
  width: 65.17857%;
  margin-bottom: 0
}
.landing-page .news-events-announcements .column-inner {
  width: 47.94521%;
  margin-right: 3.83562%;
  float: left;
  margin-bottom: 0
}
.landing-page .news-events-announcements .column-inner:last-child {
  margin-right: 0
}
.landing-page .news-events-announcements .news-section .event-wrap img {
  margin-bottom: .5rem
}
.landing-page .news-events-announcements .news-section .event-wrap p {
  line-height: 1.2em
}
.landing-page .news-events-announcements .events-section .event-wrap {
  position: relative;
  min-height: 100px;
  margin-bottom: 2rem
}
.landing-page .news-events-announcements .events-section .event-wrap:last-of-type {
  margin-bottom: 1rem
}
.landing-page .news-events-announcements .events-section .event-wrap .event-date {
  position: absolute;
  text-align: center;
  top: 0;
  width: 90px;
  padding: .25rem;
  background: #4e2a84;
  font-family: "Campton Bold", Impact, sans-serif;
  color: #fff;
  float: left
}
.landing-page .news-events-announcements .events-section .event-wrap .event-date .month, .landing-page .news-events-announcements .events-section .event-wrap .event-date .year {
  font-size: 14px
}
.landing-page .news-events-announcements .events-section .event-wrap .event-date .day {
  font-size: 36px
}
.landing-page .news-events-announcements .events-section .event-wrap .event-date + .event-description {
  margin-left: 105px
}
.landing-page .news-events-announcements .events-section .event-wrap .event-description {
  margin-left: 0
}
.landing-page .news-events-announcements .events-section .event-wrap .event-description > p {
  margin-top: 0;
  font-size: 14px;
  line-height: 1.2em
}
.landing-page .news-events-announcements .events-section .event-wrap .event-time-location {
  font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #342f2e;
  margin-bottom: .5rem;
  margin-top: .5rem
}
.landing-page .news-events-announcements p.button a {
  margin: 0
}
@media screen and (max-width: 1000px) {
  .landing-page .news-events-announcements {
    display: block
  }
  .landing-page .news-events-announcements .column-narrow, .landing-page .news-events-announcements .column-wide {
    width: 100%;
    float: none;
    margin-right: 0
  }
  .landing-page .news-events-announcements .column-narrow, .landing-page .news-events-announcements .column-wide, .landing-page .news-events-announcements .column-inner {
    margin: 0 0 2.5rem 0
  }
}
@media screen and (max-width: 768px) {
  .landing-page .news-events-announcements .column-inner {
    width: 100%;
    float: none;
    margin-right: 0
  }
}
.landing-page .number-boxes {
  background: #4e2a84 url("https://common.northwestern.edu/v8/css/images/slashes-purple-bg.gif") repeat;
  padding: 2em 1em;
  text-align: center
}
.landing-page .number-boxes .half {
  width: 50%;
  float: left;
  border-right: 1px solid #836eaa;
  padding: 2rem 7rem
}
.landing-page .number-boxes .half:last-child {
  border-right: none
}
.landing-page .number-boxes .half p {
  font: 24px "Campton Extra Bold", Impact, sans-serif;
  color: #b6acd1
}
.landing-page .number-boxes .half p span {
  font: 96px "Campton Bold", Impact, sans-serif;
  color: #fff
}
@media screen and (max-width: 768px) {
  .landing-page .number-boxes .half {
    padding: 2rem
  }
  .landing-page .number-boxes .half p {
    font-size: 18px
  }
  .landing-page .number-boxes .half p span {
    font-size: 60px
  }
}
@media screen and (max-width: 480px) {
  .landing-page .number-boxes .half {
    width: 100%;
    float: none;
    padding: 2rem;
    border-right: none;
    border-bottom: 1px solid #836eaa
  }
  .landing-page .number-boxes .half:last-child {
    border-bottom: none
  }
}
.landing-page .photo-feature-2-across .photo-feature {
  width: 50%;
  float: left;
  position: relative;
  max-height: 350px
}
.landing-page .photo-feature-2-across .photo-feature a:hover {
  opacity: .8
}
.landing-page .photo-feature-2-across .photo-feature img {
  display: block
}
.landing-page .photo-feature-2-across .photo-feature .back {
  display: none;
  background-color: #836eaa;
  width: 100%
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image {
  color: #fff;
  padding: 0 2em;
  position: absolute;
  bottom: 1rem;
  z-index: 31;
  width: 80%
}
.landing-page .photo-feature-2-across .photo-feature .text-over-image h4 {
  font: 30px "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #fff;
  margin-bottom: -.5rem;
  text-shadow: 2px 2px 0px #000
}
.landing-page .photo-feature-2-across .photo-feature p {
  font: 16px/1.3em "Akkurat Pro Regular", Arial, sans-serif;
  text-shadow: 2px 2px 0px #000
}
.landing-page .photo-feature-2-across .photo-feature p.link {
  font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
  text-transform: uppercase
}
.landing-page .photo-feature-2-across .photo-feature .back-text {
  color: #fff;
  padding: 0 2em;
  position: absolute;
  z-index: 31;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-align: center
}
.landing-page .photo-feature-2-across .photo-feature .back-text h4 {
  font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #fff;
  margin-bottom: 1.5em;
  text-shadow: none
}
.landing-page .photo-feature-2-across .photo-feature .back-text p {
  text-shadow: none
}
.landing-page .photo-feature-2-across .photo-feature .back-text p.link {
  margin-top: 1em
}
@media screen and (max-width: 1150px) {
  .landing-page .photo-feature-2-across .photo-feature {
    width: 50%;
    max-height: 350px
  }
  .landing-page .photo-feature-2-across .photo-feature .text-over-image {
    width: 100%
  }
  .landing-page .photo-feature-2-across .photo-feature .text-over-image h4 {
    font-size: 26px
  }
  .landing-page .photo-feature-2-across .photo-feature .text-over-image h4.campton {
    font-size: 30px
  }
}
@media screen and (max-width: 875px) {
  .landing-page .photo-feature-2-across .photo-feature {
    width: inherit;
    max-width: 720px;
    float: none;
    margin: 0 auto 0 auto
  }
}
@media screen and (max-width: 768px) {
  .landing-page .photo-feature-2-across .photo-feature .text-over-image {
    width: 100%
  }
  .landing-page .photo-feature-2-across .photo-feature .text-over-image h4 {
    font-size: 24px
  }
  .landing-page .photo-feature-2-across .photo-feature .text-over-image h4.campton {
    font-size: 30px
  }
  .landing-page .photo-feature-2-across .photo-feature .text-over-image p {
    display: none
  }
  .landing-page .photo-feature-2-across .photo-feature .text-over-image p.link {
    display: block
  }
}
@media screen and (max-width: 480px) {
  .landing-page .photo-feature-2-across h4.campton {
    font-size: 30px
  }
}
@media screen and (max-width: 420px) {
  .landing-page .photo-feature-2-across .photo-feature .text-over-image {
    padding: 0 1em;
    bottom: 0
  }
  .landing-page .photo-feature-2-across .photo-feature .text-over-image h4 {
    font-size: 20px
  }
  .landing-page .photo-feature-2-across .photo-feature .text-over-image h4.campton {
    font-size: 24px
  }
}
.landing-page .photo-feature-3-across {
  margin-top: 3rem
}
.landing-page .photo-feature-3-across .photo-feature {
  width: 33.333333%;
  float: left;
  position: relative;
  max-height: 350px
}
.landing-page .photo-feature-3-across .photo-feature a:hover {
  opacity: .8
}
.landing-page .photo-feature-3-across .photo-feature img {
  display: block
}
.landing-page .photo-feature-3-across .photo-feature .back {
  display: none;
  background-color: #836eaa;
  width: 100%
}
.landing-page .photo-feature-3-across .photo-feature .text-over-image {
  color: #fff;
  padding: 0 2em;
  position: absolute;
  bottom: 1rem;
  z-index: 31;
  width: 90%
}
.landing-page .photo-feature-3-across .photo-feature h4 {
  font: 30px "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #fff;
  margin-bottom: -.5rem;
  text-shadow: 2px 2px 0px #000
}
.landing-page .photo-feature-3-across .photo-feature p {
  font: 16px/1.3em "Akkurat Pro Regular", Arial, sans-serif;
  text-shadow: 2px 2px 0px #000
}
.landing-page .photo-feature-3-across .photo-feature p.link {
  font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
  text-transform: uppercase
}
.landing-page .photo-feature-3-across .photo-feature .back-text {
  color: #fff;
  padding: 0 2em;
  position: absolute;
  z-index: 31;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-align: center
}
.landing-page .photo-feature-3-across .photo-feature .back-text h4 {
  font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #fff;
  margin-bottom: 1.5em;
  text-shadow: none
}
.landing-page .photo-feature-3-across .photo-feature .back-text p {
  text-shadow: none
}
.landing-page .photo-feature-3-across .photo-feature .back-text p.link {
  margin-top: 1em
}
@media screen and (max-width: 1150px) {
  .landing-page .photo-feature-3-across .photo-feature .text-over-image {
    padding: 0 1em
  }
  .landing-page .photo-feature-3-across .photo-feature .text-over-image h4 {
    font-size: 26px
  }
  .landing-page .photo-feature-3-across .photo-feature .back-text {
    padding: 0 1em
  }
}
@media screen and (max-width: 960px) {
  .landing-page .photo-feature-3-across .photo-feature {
    width: 50%
  }
}
@media screen and (max-width: 800px) {
  .landing-page .photo-feature-3-across .photo-feature {
    width: inherit;
    max-width: 480px;
    float: none;
    margin: 0 auto 0 auto
  }
}
@media screen and (max-width: 768px) {
  .landing-page .photo-feature-3-across .photo-feature {
    width: inherit;
    max-width: 480px;
    margin: 0 auto;
    float: none
  }
  .landing-page .photo-feature-3-across .photo-feature .text-over-image {
    width: 100%
  }
  .landing-page .photo-feature-3-across .photo-feature .text-over-image h4 {
    font-size: 24px
  }
  .landing-page .photo-feature-3-across .photo-feature .text-over-image h4.campton {
    font-size: 30px
  }
  .landing-page .photo-feature-3-across .photo-feature .text-over-image p {
    display: none
  }
  .landing-page .photo-feature-3-across .photo-feature .text-over-image p.link {
    display: block
  }
}
@media screen and (max-width: 420px) {
  .landing-page .photo-feature-3-across .photo-feature .back-text {
    padding: 0 .5rem
  }
  .landing-page .photo-feature-3-across .photo-feature .back-text h3 {
    font-size: 16px;
    margin-bottom: .5rem
  }
  .landing-page .photo-feature-3-across .photo-feature .back-text p {
    font-size: 14px
  }
}
.landing-page .photo-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 1.5rem
}
.landing-page .photo-grid a img {
  opacity: 1;
  transition: opacity .3s ease-in-out
}
.landing-page .photo-grid a img:hover {
  opacity: .5
}
.landing-page .photo-grid article {
  width: 23.66071%;
  margin-right: 1.78571%;
  margin-bottom: 20px;
  float: left;
  line-height: 1.5rem
}
.landing-page .photo-grid article:nth-of-type(4n+4) {
  margin-right: 0
}
.landing-page .photo-grid article h4 {
  font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #342f2e;
  margin: 1rem 0 0 0
}
.landing-page .photo-grid article h4 + p {
  margin-top: .5rem
}
@media screen and (max-width: 768px) {
  .landing-page .photo-grid article {
    width: 48.5%;
    max-width: 265px;
    margin-right: 3%
  }
  .landing-page .photo-grid article:nth-of-type(2n+2) {
    margin-right: 0
  }
}
@media screen and (max-width: 475px) {
  .landing-page .photo-grid article {
    width: 100%
  }
}
.landing-page .quote {
  font: 24px/1.2em "Campton Book", Tahoma, sans-serif;
  color: #4e2a84;
  margin-bottom: 1em
}
.landing-page .quote span {
  background: url("https://common.northwestern.edu/v8/css/images/icons/quote.png") no-repeat;
  width: 35px;
  height: 24px;
  display: inline-block;
  margin-right: .5rem
}
.landing-page .quote figcaption, .landing-page .fig-centered figcaption {
  font: 16px/1.4em "Akkurat Pro Regular", Arial, sans-serif;
  color: #716c6b
}
.landing-page .quote figcaption span {
  font: 18px "Akkurat Pro Bold", "Arial Black", sans-serif;
  background: none;
  height: inherit;
  width: inherit;
  display: inherit;
  margin-right: inherit
}
.landing-page .swiper-button-next, .landing-page .swiper-button-prev {
  width: 35px;
  height: 35px;
  -moz-background-size: 35px 35px;
  -webkit-background-size: 35px 35px;
  background-size: 35px 35px
}
.landing-page .swiper-button-prev {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-purple-white.svg") no-repeat;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 10px;
  right: auto
}
.landing-page .swiper-button-next {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-purple-white.svg") no-repeat;
  right: 10px;
  left: auto
}
.landing-page .caption {
  font: 20px/1.3em "Akkurat Pro Regular", Arial, sans-serif;
  position: absolute;
  bottom: .4rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  width: 100%;
  margin: 0
}
.landing-page .caption strong {
  font-family: "Akkurat Pro Bold", "Arial Black", sans-serif
}
.landing-page .caption a {
  font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
  text-transform: uppercase;
  text-decoration: underline;
  color: #fff
}
.landing-page .caption a:after {
  background: url("https://common.northwestern.edu/v8/css/images/icons/arrow-right-white.svg") no-repeat 50%/8px 12px;
  padding-right: 1.5rem;
  content: " "
}
.landing-page .caption a:hover {
  text-decoration: none
}
@media screen and (max-width: 768px) {
  .landing-page .caption {
    font-size: 16px
  }
}
@media screen and (max-width: 600px) {
  .landing-page .caption {
    position: relative;
    background: #836eaa;
    font-size: 14px
  }
  .landing-page .swiper-button-next, .landing-page .swiper-button-prev {
    width: 25px;
    height: 25px;
    -moz-background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    margin-top: -3rem
  }
}
.landing-page .stats-callout {
  border-top: 4px solid #f0f0f0;
  border-bottom: 4px solid #f0f0f0;
  text-align: center;
  padding: 2rem 0;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.landing-page .stats-callout div {
  width: 33%;
  float: left;
  padding: 1rem;
  margin: 0 auto
}
.landing-page .stats-callout span {
  display: block
}
.landing-page .stats-callout span.big {
  font: 72px/1.1em "Campton Bold", Impact, sans-serif;
  color: #4e2a84
}
.landing-page .stats-callout span.small {
  font: 24px "Campton Extra Light", "Courier New", sans-serif;
  color: #4e2a84
}
.landing-page .stats-callout.one-callout {
  display: block
}
.landing-page .stats-callout.one-callout div {
  width: 100%;
  float: none
}
.landing-page .stats-callout.one-callout span {
  display: block
}
@media screen and (max-width: 800px) {
  .landing-page .stats-callout span.big {
    font: 48px "Campton Bold", Impact, sans-serif
  }
  .landing-page .stats-callout span.small {
    font: 20px "Campton Extra Light", "Courier New", sans-serif
  }
}
@media screen and (max-width: 550px) {
  .landing-page .stats-callout span.big {
    font: 24px "Campton Bold", Impact, sans-serif
  }
  .landing-page .stats-callout span.small {
    font: 15px "Campton Extra Light", "Courier New", sans-serif
  }
}
.landing-page .three-column-links h4 {
  font: 30px "Akkurat Pro Regular", Arial, sans-serif;
  color: #716c6b;
  border-bottom: 4px solid #ccc;
  text-transform: none;
  padding-bottom: .5rem
}
.landing-page .three-column-links article {
  float: left;
  width: 32.14286%;
  margin-right: 1.78571%
}
.landing-page .three-column-links article:last-child {
  margin-right: 0
}
.landing-page .three-column-links article:nth-child(n+4) {
  margin-top: 2rem
}
.landing-page .three-column-links article img {
  margin-bottom: 1rem
}
.landing-page .three-column-links article p {
  margin-top: 0
}
.landing-page .three-column-links ul {
  list-style: none;
  margin: 0;
  padding: 0
}
@media screen and (max-width: 875px) {
  .landing-page .three-column-links article {
    float: none;
    width: inherit;
    max-width: 360px;
    margin: 0 auto 2rem auto
  }
  .landing-page .three-column-links article:last-child {
    margin-right: auto;
    margin-bottom: 0
  }
}
@media screen and (max-width: 480px) {
  .landing-page .three-column-links h4 {
    font-size: 24px
  }
  .landing-page .three-column-links article:nth-child(n+3) {
    margin-top: 0
  }
}
.landing-page .three-column-list h1 {
  margin-bottom: 2rem
}
.landing-page .three-column-list h2 {
  font: 30px "Akkurat Pro Regular", Arial, sans-serif;
  color: #716c6b;
  border-bottom: 4px solid #ccc;
  text-transform: none;
  padding-bottom: .5rem
}
.landing-page .three-column-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 3em;
  -moz-column-gap: 3em;
  column-gap: 2em;
  margin: 0;
  padding: 0
}
.landing-page .three-column-list ul li {
  background: none;
  padding: 0 0 .8em 0;
  line-height: 1.5em;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid
}
@media screen and (max-width: 480px) {
  .landing-page .three-column-list h2 {
    font-size: 24px
  }
  .landing-page .three-column-list ul {
    -moz-column-count: inherit;
    -moz-column-gap: inherit;
    -webkit-column-count: inherit;
    -webkit-column-gap: inherit;
    column-count: inherit
  }
}
.content a.button, .content p.button a, .hero a.button, #top-nav .contain-1120 > ul > li a.button, .tl-slideshow a.button, button.button, input[type="submit"] {
  background: #4e2a84;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
  margin: 0 .5em .5em 0;
  padding: .8em 1em .7em 1em;
  position: relative;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  text-decoration: none
}
.content a.button:after, .content p.button a:after, .hero a.button:after, #top-nav .contain-1120 > ul > li a.button:after, .tl-slideshow a.button:after, button.button:after, input[type="submit"]:after {
  content: "";
  position: absolute;
  transition: all 0.3s ease 0s;
  z-index: -1
}
.content a.button:hover, .content a.button:active, .content p.button a:hover, .content p.button a:active, .hero a.button:hover, .hero a.button:active, #top-nav .contain-1120 > ul > li a.button:hover, #top-nav .contain-1120 > ul > li a.button:active, .tl-slideshow a.button:hover, .tl-slideshow a.button:active, button.button:hover, button.button:active, input[type="submit"]:hover, input[type="submit"]:active {
  background: #b6acd1
}
.content a.button:focus, .content p.button a:focus, .hero a.button:focus, #top-nav .contain-1120 > ul > li a.button:focus, .tl-slideshow a.button:focus, button.button:focus, input[type="submit"]:focus {
  border: 1px dashed #fff;
  outline: none
}
.content a.button.normal-case, .content p.button a.normal-case, .hero a.button.normal-case, #top-nav .contain-1120 > ul > li a.button.normal-case, .tl-slideshow a.button.normal-case, button.button.normal-case, input[type="submit"].normal-case {
  text-transform: none
}
.feature-box a.button {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
  position: absolute;
  bottom: 0
}
.purple-slashes a.button, #map-feature a.button, .standard-page .background-select a.button {
  background: #e4e0ee;
  color: #4e2a84
}
.purple-slashes a.button:hover, #map-feature a.button:hover, .standard-page .background-select a.button:hover {
  background: #b6acd1;
  color: #fff
}
.standard-plus a.button {
  margin: 1.5rem 0
}
@media screen and (max-width: 768px) {
  .caption a.button {
    background: #b6acd1;
    margin: 0
  }
}
.fig-container { /*Added by IMSERC*/
  display: flex;
  justify-content: center;
  align-items: center;
}
figure.fig-centered-500 { /*Added by IMSERC*/
  display: inline-block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}
figure.fig-centered-800 { /*Added by IMSERC*/
  display: inline-block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
}
.landing-page .fig-centered-800 figcaption, .standard-page .fig-centered-800 figcaption, .landing-page .fig-centered-500 figcaption, .standard-page .fig-centered-500 figcaption { /*Added by IMSERC*/
  border-top: 2px solid #f0f0f0;
  padding: 0.5rem 0;
  font: 16px/1.4em "Akkurat Pro Regular", Arial, sans-serif;
  color: #716c6b;
  text-align: justify;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.narrow-page #story-footer { /*Added by IMSERC*/
  /*	border-top: 2px solid #f0f0f0;*/
  padding-top: 1.5rem;
  font: 16px/1.4em "Akkurat Pro Regular", Arial, sans-serif;
  color: #716c6b;
  text-align: justify;
  /*	line-height: 2em;*/
}
.covid-box { /*Added by IMSERC*/
  /*	position: relative;*/
  /*	background-color: #FEF3CF;*/
  border: 2px dashed #333;
  border-radius: 5px;
  padding: 30px;
  position: relative;
}
.covid-box::before { /*Added by IMSERC*/
  background-color: #FFFFFF;
  border: 2px dashed #333;
  border-radius: 5px;
  color: #333;
  content: "COVID-19 specific announcement";
  font-weight: bold;
  left: 30px;
  padding: 3px 12px;
  position: absolute;
  top: -18px;
}
.script-output { /*Added by IMSERC*/
  margin-top: 25px;
  margin-bottom: 25px;
  list-style: none;
  height: 120px;
  font: 14px "Akkurat Pro Bold", "Arial Black", sans-serif;
  color: #4e2a84;
  background: #e4e0ee;
  padding: .75rem 1.2rem .5rem 1.2rem;
  border: 1px;
  width: 100%;
  overflow-y: auto;
  display: none;
}
.spin-loader { /*Added by IMSERC*/
  border: 4px solid #fff; /* Light grey #f3f3f3*/
  border-top: 4px solid #4e2a84; /* Blue #3498db;*/
  border-bottom: 4px solid #4e2a84;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 2s linear infinite;
  vertical-align: middle;
  display: none;
  /*    visibility: visible;*/
}
@keyframes spin { /*Added by IMSERC*/
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.field-width {
  width: 100% !important;
  max-width: 500px;
  box-sizing: border-box;
}
.example-box { /*Added by IMSERC*/
  /*	position: relative;*/
  /*	background-color: #FEF3CF;*/
  border: 2px dashed #333;
  border-radius: 5px;
  padding: 30px;
  position: relative;
}
.example-box::before { /*Added by IMSERC*/
  background-color: #FFFFFF;
  border: 2px dashed #333;
  border-radius: 5px;
  color: #333;
  content: "EXAMPLE";
  font-weight: bold;
  left: 30px;
  padding: 3px 12px;
  position: absolute;
  top: -18px;
}
.google-visualization-tooltip > div { /*Added by IMSERC*/
  line-height: normal !important;
}
.background-gray { /*Added by IMSERC*/
  background: url('../images/slashes-grey-bg.gif') no-repeat center / cover;
}
p.paragraph-with-button { /*Added by IMSERC for adjusting line spacing for paragraphs that contain buttons*/
  line-height: 2.2;
}