@charset "UTF-8";
/* Standard Colors
----------------------------------------- */
/*
lighten = lighten w/ white  darken = darken w/ black */
/* BLACK & WHITE */
/* really dark navy */
/* PENN STATE BRAND BLUE */
/* logo medium blue */
/* logo navy */
/* highlights only */
/* new PS Colors */
/* Fonts
----------------------------------------- */
/* 12, 14, 16, 20, 24, 28, 36, 48 */
/* 12 */
/* 14 */
/* 16 */
/* 18 */
/* 20 */
/* 24 */
/* 28 */
/* 36 */
/* 48 */
/* 64 */
@import url(https://fonts.googleapis.com/css?family=Lato:900,400,700,400italic,700italic,300);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?l70lgl");
  src: url("../fonts/icomoon.eot?l70lgl#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?l70lgl") format("truetype"), url("../fonts/icomoon.woff?l70lgl") format("woff"), url("../fonts/icomoon.svg?l70lgl#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "jenna_sueregular";
  src: url("../fonts/jennasue-webfont.woff2") format("woff2"), url("../fonts/jennasue-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* Defaults
----------------------------------------- */
/* Grids & Breakpoints
----------------------------------------- */
/*420*/
/*600*/
/*760 - imbetween b/c of wide mega menu */
/*900*/
/* temporary to match current bootstrap */
/*1200*/
/*1400*/
/*1800*/
/* query for no padding beyond this width */
/* ----------------------------------------------------------

STRIPPED DOWN RESET

---------------------------------------------------------- */
html {
  scroll-behavior: smooth;
}

* {
  padding: 0;
  margin: 0;
  outline: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

.clear:after,
.group:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

img {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -ms-flex-item-align: start;
  -ms-flex-negative: 0;
  align-self: flex-start;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

a img {
  border: none; /* IE 10 */
}

/* ----------------------------------------------------------

BASE

---------------------------------------------------------- */
body.college-of-comm {
  background-color: #C3E2F8;
  background: #fff url(../images/bg-gradient-sky-light.jpg) no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: 100% 0%;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
}

body#home.college-of-comm {
  background: #fff url(../images/bg-gradient-sky-light-shield.jpg) no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: 100% 0%;
}

@media (min-width: 56.25rem) {
  body#home.college-of-comm {
    background-position: 50% 50%;
  }
}
body#sitemap2016,
body#sitemap {
  background-color: #FFF;
}

/* ----------------------------------------------------------

GENERAL BODY & CONTAINERS

---------------------------------------------------------- */
body {
  font-size: 100%;
  font-weight: 400;
  color: #192540;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  position: relative;
}

@media (min-width: 37.5rem) {
  body {
    font-size: 110%;
  }
}
@media (min-width: 56.25rem) {
  body {
    font-size: 120%;
  }
}
@media (min-width: 75rem) {
  body {
    font-size: 130%;
  }
}
@media (min-width: 87.5rem) {
  body {
    font-size: 140%;
  }
}
@media (min-width: 112.5rem) {
  body {
    font-size: 150%;
  }
}
/* ----------------------------------------------------------

UTILITY CLASSES

---------------------------------------------------------- */
/* Offscreen Elements
----------------------------------------- */
.element-invisible.mobile-only {
  height: auto;
  width: auto;
  left: auto;
  position: relative;
}

.element-invisible {
  height: 0px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 0px;
}
.element-invisible:active, .element-invisible:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999;
  width: auto;
}

a.element-invisible:focus {
  background-color: #EFC900;
  color: #FFF;
}

@media (min-width: 37.5rem) {
  .element-invisible.mobile-only {
    height: 0px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 0px;
  }
}
.desktop-only {
  display: none;
}

@media (min-width: 37.5rem) {
  .desktop-only {
    display: block;
  }
}
/* Formatting Utilities
----------------------------------------- */
.word-break {
  word-break: break-all;
}

.no-margin {
  margin: 0;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.no-margin-top {
  margin-top: 0;
}

.no-padding {
  padding: 0;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.no-padding-top {
  padding-top: 0;
}

.img-rounded {
  border-radius: 6px;
}

.img-circle {
  border-radius: 500px;
  border: 0.5em solid rgba(255, 255, 255, 0.1);
}

.img-bordered {
  border: 0.5em solid rgba(255, 255, 255, 0.1);
}

.text-left {
  text-align: left;
}

.text-left-mobile-center {
  text-align: center;
}

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

.text-right-mobile-center {
  text-align: center;
}

@media (min-width: 37.5rem) {
  .text-left-mobile-center {
    text-align: left;
  }
  .text-right-mobile-center {
    text-align: right;
  }
}
.text-center {
  text-align: center;
}

.float-right {
  float: right;
  margin-left: 1rem;
}

.float-left {
  float: left;
  margin-right: 1rem;
}

.large {
  font-size: 110%;
}

.smallish {
  font-size: 85%;
}

.small {
  font-size: 75%;
}

.container-center,
.element-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

img.actual-size {
  width: auto;
  height: auto;
}

.logo-comm img {
  width: 280px;
  height: auto;
  z-index: 9;
}

@media (min-width: 60em) {
  .logo-comm img {
    width: 340px;
    height: auto;
  }
}
.reveal-me {
  opacity: 0;
}

/* ----------------------------------------------------------

ICONS

---------------------------------------------------------- */
.icon-social-2023 {
  text-align: center;
}
.icon-social-2023 svg {
  width: 3rem;
  height: 3rem;
}

footer .icon-social-2023 {
  display: inline-block;
}
footer .icon-social-2023 svg {
  width: 2.5rem;
  height: 2.5rem;
}

[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0.25em 0 0;
}

.icon-newspaper:before {
  content: "\e904";
}

.icon-book:before {
  content: "\e91f";
}

.icon-file-empty:before {
  content: "\e924";
}

.icon-file-text2:before {
  content: "\e926";
}

.icon-folder:before {
  content: "\e92f";
}

.icon-folder-open:before {
  content: "\e930";
}

.icon-phone:before {
  content: "\e942";
}

.icon-envelop:before {
  content: "\e945";
}

.icon-location:before {
  content: "\e947";
}

.icon-location2:before {
  content: "\e948";
}

.icon-calendar:before {
  content: "\e953";
}

.icon-bubbles:before {
  content: "\e96c";
}

.icon-bubbles2:before {
  content: "\e96d";
}

.icon-quotes-left:before {
  content: "\e977";
}

.icon-quotes-right:before {
  content: "\e978";
}

.icon-search:before {
  content: "\e986";
}

.icon-bookmark:before {
  content: "\e9d2";
}

.icon-plus:before {
  content: "\ea0a";
}

.icon-minus:before {
  content: "\ea0b";
}

.icon-cross:before {
  content: "\ea0f";
}

.icon-checkmark:before {
  content: "\ea10";
}

.icon-arrow-up2:before {
  content: "\ea3a";
}

.icon-arrow-up-right2:before {
  content: "\ea3b";
}

.icon-arrow-right2:before {
  content: "\ea3c";
}

.icon-arrow-down-right2:before {
  content: "\ea3d";
}

.icon-arrow-down2:before {
  content: "\ea3e";
}

.icon-arrow-down-left2:before {
  content: "\ea3f";
}

.icon-arrow-left2:before {
  content: "\ea40";
}

.icon-checkbox-checked:before {
  content: "\ea52";
}

.icon-checkbox-unchecked:before {
  content: "\ea53";
}

.icon-radio-checked:before {
  content: "\ea54";
}

.icon-radio-checked2:before {
  content: "\ea55";
}

.icon-radio-unchecked:before {
  content: "\ea56";
}

.icon-share:before {
  content: "\ea7d";
}

.icon-facebook2:before {
  content: "\ea91";
}

.icon-instagram:before {
  content: "\ea92";
}

.icon-twitter:before {
  content: "\ea96";
}

.icon-rss2:before {
  content: "\ea9c";
}

.icon-youtube:before {
  content: "\ea9d";
}

.icon-vimeo2:before {
  content: "\eaa1";
}

.icon-linkedin2:before {
  content: "\eaca";
}

.icon-file-pdf:before {
  content: "\eadf";
}

.icon-file-openoffice:before {
  content: "\eae0";
}

.icon-file-word:before {
  content: "\eae1";
}

.icon-file-excel:before {
  content: "\eae2";
}

.icon-libreoffice:before {
  content: "\eae3";
}

.icon-linkedin2:before {
  color: #0077B5;
}

.icon-instagram:before {
  color: #192540;
}

.icon-facebook2:before {
  color: #3B5998;
}

.icon-twitter:before {
  color: #1DA1F3;
}

.icon-vimeo2:before {
  color: #1AB7EA;
}

.icon-youtube:before {
  color: #D12222;
}

.btn .icon-twitter:before {
  color: #FFF;
}

.icon-divider {
  text-align: center;
  font-size: 2.25rem;
}

.icon-social {
  color: #FFF;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.25rem;
}

.icon-social + a {
  vertical-align: middle;
}

/* ----------------------------------------------------------

PRIMARY MEGA NAV

---------------------------------------------------------- */
#show-micro { /* makes button full-width with just bg on far right */
  display: block;
  text-align: center;
  position: relative;
  background: #205EA3;
  background-color: #ba2b06;
  background: linear-gradient(to right bottom, #ba2b06 0%, #ff665d 100%);
  cursor: pointer;
  padding: 1em;
  white-space: nowrap;
  width: 100%;
  z-index: 999;
  opacity: 1;
  transition: all 0.3s ease-out;
  color: #FFF;
}

#show-micro:hover {
  opacity: 0.75;
}

#show-micro.opened {
  background: #205EA3;
}

.cbp-hrmenu {
  display: block;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease-out;
  width: 100%;
  position: relative;
  z-index: 999;
  text-align: center; /* just to center inital ul - override inside */
  background-color: #205EA3;
  background-color: #ba2b06;
  background: linear-gradient(to right bottom, #ba2b06 0%, #ff665d 100%);
  font-weight: 400;
  letter-spacing: 0.025em;
}

.cbp-hrmenu.display-cbp-hrmenu {
  display: block;
  height: auto;
  opacity: 1;
}

.cbp-hropen .cbp-hrsub {
  padding-top: 0;
  position: relative;
}

.cbp-hrmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 1rem; /*
display: inline-block; /* just inital ul to enable list centering */
}

.cbp-hrmenu ul ul {
  background-color: transparent;
  text-transform: none;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.cbp-hrmenu .cbp-hrsub-inner {
  max-width: 1440px;
}

.cbp-hrmenu li { /* overall menu sizing */ }

.cbp-hrmenu > ul > li {
  display: block;
  border-bottom: 1px solid #FFF;
}

.cbp-hrmenu > ul > li.hide-desktop {
  display: block;
}

.cbp-hrmenu > ul > li > a {
  display: block;
  padding: 1em 2em;
  color: #fff;
}

.cbp-hrmenu > ul > li > a:before {
  content: "\ea0a";
  font-family: "icomoon";
  margin-right: 0.25em;
  display: inline-block;
  font-size: 0.5em;
  position: relative;
  color: #fff;
  font-weight: lighter;
  top: -0.05rem;
}

.cbp-hrmenu > ul > li.cbp-hropen > a:before {
  content: "\ea0f";
  font-family: "icomoon";
  font-size: 0.5em;
  color: #FFF;
  font-weight: lighter;
  top: -0.05rem;
}

.cbp-hrmenu > ul > li.dropdown-search > a:before,
.cbp-hrmenu > ul > li.dropdown-search.cbp-hropen > a:before {
  content: none;
}

.cbp-hrmenu > ul > li > a:hover {
  text-decoration: none;
  background-color: #1E417B;
  color: #FFF;
}

.cbp-hrmenu > ul > li > a:hover:before {
  color: #FFF;
}

.cbp-hrmenu > ul > li.dropdown.cbp-hropen > a {
  color: #FFF;
  background-color: #192540;
}

.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
  color: #FFF;
}

.cbp-hrmenu .cbp-hrsub {
  position: relative;
}

.cbp-hrmenu .cbp-hrsub {
  display: none;
  background: #192540; /* tab and dropdown bg */
  width: 100%;
  left: 0;
  z-index: 999;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease-out;
}

.cbp-hropen .cbp-hrsub {
  display: block;
  padding-bottom: 3em;
  z-index: 999;
  height: auto;
  overflow: auto;
  opacity: 1;
}

.ie7 .cbp-hropen .cbp-hrsub {
  top: 3em;
}

.cbp-hrmenu .cbp-hrsub-inner {
  padding: 0;
}

.cbp-hrmenu .cbp-hrsub-inner ul li a {
  padding: 0.1em;
  color: rgba(255, 255, 255, 0.85);
}

.cbp-hrmenu .cbp-hrsub-inner ul li a:hover {
  /* text-decoration: underline;
  text-decoration-color: $color-highlight-blue; */
  color: #3DCBFF;
}

.cbp-hrmenu .cbp-hrsub-inner ul li img {
  display: none;
}

#nav-primary-mega .cbp-hrsub-inner ul li {
  border: medium none;
  float: none;
  line-height: 1.2;
  margin: 0;
  padding: 0.625rem 0 0.625rem 0;
  position: relative;
  text-align: left;
  text-transform: none;
  width: auto;
  border-bottom: 1px solid rgba(164, 215, 218, 0.25);
}
#nav-primary-mega .cbp-hrsub-inner ul li a {
  display: block;
}
#nav-primary-mega .cbp-hrsub-inner ul li span {
  display: block;
  font-family: "Roboto Slab", "Bitter", sans-serif;
  font-size: 90%;
  margin-bottom: 0.2rem;
  line-height: 1.4;
}
#nav-primary-mega .cbp-hrsub-inner ul li.nav-divider {
  height: 0;
  border-bottom: 1px solid rgba(164, 215, 218, 0.5);
  padding-top: 0;
}
#nav-primary-mega .cbp-hrsub-inner ul.alpha-directory li {
  float: left;
  display: block;
  padding-top: 0;
}
#nav-primary-mega .cbp-hrsub-inner ul.alpha-directory li a {
  padding: 0.75rem 0.875rem;
  display: block;
}
#nav-primary-mega .cbp-hrsub-inner ul.alpha-directory li a:hover {
  border-bottom: none;
  box-shadow: none;
  background-color: #3DCBFF;
  color: #1E417B;
  font-weight: bolder;
  text-decoration: none;
}

#nav-primary-mega .cbp-hrsub-inner ul ul li {
  border-bottom: transparent;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
  content: " ";
  display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
  clear: both;
}

.cbp-hrsub div.nav-overview p {
  font-size: 1rem;
}

.cbp-hrsub p.nav-category {
  padding: 1.5rem 0 0.5rem 1.5rem;
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.2;
  text-align: left;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: 400;
  text-transform: uppercase; /* 0425 */
  border-bottom: transparent; /* temp override for other stylesheet */
  border-top: 1px solid rgba(164, 215, 218, 0.5);
}

.theme-dark p.nav-category {
  color: #3DCBFF;
}
.theme-dark p.nav-category a {
  color: #3DCBFF;
}
.theme-dark p.nav-category a:hover {
  border-bottom: 1px solid rgba(164, 215, 218, 0.75);
}

.cbp-hrsub ul + p.nav-category {
  margin-top: 2rem;
}

#nav-primary-mega .cbp-hrsub-inner ul.nav-subsection li.first {
  font-family: "Roboto Slab", "Bitter", sans-serif;
  border-top: 1px dotted rgba(164, 215, 218, 0.5);
  font-size: 1.25rem;
  margin-top: 1rem;
}

.cbp-hrsub div.nav-overview p.nav-category {
  display: none;
}

.cbp-hrsub div.nav-overview p {
  font-size: 1rem;
}

@media (min-width: 47.5rem) { /* this breakpoint sets where the menu goes from expandable to inline */
  /* Primary Nav */
  .cbp-hrmenu {
    display: block;
    height: auto;
    overflow: visible;
    float: none;
    opacity: 1;
  }
  #show-micro {
    display: none;
  }
  .cbp-hrmenu .cbp-hrsub {
    position: absolute;
  }
  .cbp-hrmenu .cbp-hrsub-inner {
    padding-top: 2rem;
  }
  .cbp-hrmenu ul {
    font-size: 0.875rem;
  }
  .cbp-hrmenu ul ul {
    border-left: 1px solid rgba(164, 215, 218, 0.5);
    font-size: 1rem;
  }
  .cbp-hrmenu ul ul.main-nav-subset {
    border-left: transparent;
  }
  .cbp-hrsub p.nav-category {
    border-left: 1px solid rgba(164, 215, 218, 0.5);
    border-top: transparent;
    padding-top: 0;
  }
  .cbp-hrmenu > ul > li {
    display: inline-block;
    border-bottom: none;
  }
  .cbp-hrmenu > ul > li.hide-desktop {
    display: inline-block;
  }
  .cbp-hrmenu > ul > li > a {
    display: inline-block;
  }
  .cbp-hrmenu > ul > li > a > span {
    display: none; /* hide long menu items */
  }
  .cbp-hrmenu > ul > li > a {
    padding: 1rem 0.5rem;
  }
  .cbp-hrsub div.nav-overview {
    border-right: 1px solid #273a65;
  }
  .cbp-hrsub div.nav-overview p.nav-category {
    display: block;
  }
}
@media (min-width: 56.25rem) {
  .cbp-hrmenu ul {
    font-size: 1rem;
  }
  .cbp-hrmenu > ul > li > a {
    padding: 1rem 0.625rem;
  }
}
@media (min-width: 75rem) {
  .cbp-hrmenu > ul > li > a > span {
    display: inline; /* re-show long menu items */
  }
  .cbp-hrmenu .cbp-hrsub-inner > div.search {
    width: 50%;
  }
  /*
  .cbp-hrmenu > ul > li > a:before {
  	content: '+';	
  	margin-right: 0.25em;
  	display: inline-block;
  	font-weight: $font-weight-bold;
  	font-size: 1.0em;
  	position: relative;
  	}

  .cbp-hrmenu > ul > li.cbp-hropen > a:before {
  	content: '\00d7';	
  	font-weight: $font-weight-bold;
  	font-size: 1.0em;

  	}
  	*/
}
@media (min-width: 87.5rem) {
  .cbp-hrmenu > ul > li > a {
    padding: 1em 2em;
  }
}
.cbp-hrmenu p.pulled-header-links {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: 400;
  margin-bottom: 0.75rem;
}
.cbp-hrmenu p.pulled-header-links a {
  display: inline-block;
  margin: 0 0.375rem;
}

/* ----------------------------------------------------------

PROSPECTIVE NAV

---------------------------------------------------------- */
#prospective-nav,
#visit-nav,
#bellisario-nav {
  text-align: center;
  margin: 0 auto;
}
#prospective-nav ul,
#visit-nav ul,
#bellisario-nav ul {
  display: inline-block;
  padding: 0.5rem;
  font-size: 1.25rem;
}
#prospective-nav ul li,
#visit-nav ul li,
#bellisario-nav ul li {
  display: inline-block;
  margin: 1rem 0.75rem;
}
#prospective-nav ul li.learn,
#visit-nav ul li.learn,
#bellisario-nav ul li.learn {
  display: block;
  font-size: 2.25rem;
  margin-bottom: 1rem;
  margin-top: 3rem;
  font-family: "Roboto Slab", "Bitter", sans-serif;
}

a.campus-visit-link:before {
  content: "\e55b";
  font-family: "Material Icons";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  top: 0.625rem;
  display: inline-block;
  margin-right: 0.25rem;
  position: relative;
  color: #fff;
  font-size: 2.25rem;
}

a.open-house-link:before {
  content: "\e614";
  font-family: "Material Icons";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  top: 0.625rem;
  display: inline-block;
  margin-right: 0.25rem;
  position: relative;
  color: #fff;
  font-size: 2.25rem;
}

.affix#prospective-nav {
  position: relative;
}
.affix#prospective-nav ul {
  font-size: 1rem;
}

@media (min-width: 56.25rem) {
  .affix#prospective-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px 5px;
    background-color: #ba2b06;
    background: linear-gradient(to right bottom, #ba2b06 0%, #ff665d 100%);
  }
  .affix#prospective-nav ul {
    font-size: 1rem;
  }
  .affix#prospective-nav a {
    padding: 0.5rem;
  }
  .affix#prospective-nav a:hover {
    outline: 1px solid #FFF;
    color: #FFF;
  }
  .affix#prospective-nav a:focus,
  .affix#prospective-nav li.active > a,
  .affix#prospective-nav li.active > a:focus,
  .affix#prospective-nav nav li a:focus {
    outline: 1px solid #FFF;
    box-shadow: none;
  }
  .affix#prospective-nav li.learn {
    display: none;
  }
}
@media (min-width: 87.5rem) {
  .affix#prospective-nav ul {
    font-size: 1.25rem;
  }
}
.prospective-2020 #prospective-nav ul {
  font-size: 0.875rem;
}
@media (min-width: 87.5rem) {
  .prospective-2020 #prospective-nav ul {
    font-size: 1.1rem;
  }
}
@media (min-width: 112.5rem) {
  .prospective-2020 #prospective-nav ul {
    font-size: 1.25rem;
  }
}
.prospective-2020 #prospective-nav li {
  display: inline-block;
  margin: 1.25rem 0.5rem;
}
@media (min-width: 87.5rem) {
  .prospective-2020 #prospective-nav li {
    margin: 1.25rem 0.75rem;
  }
}
.prospective-2020 #prospective-nav li.learn {
  margin-top: 0;
}
.prospective-2020 #prospective-nav li a {
  padding: 0.5rem;
  background: #FFF;
  box-shadow: 2px 2px 2px #192540;
  color: #205EA3;
}
.prospective-2020 #prospective-nav li a:hover {
  color: #205EA3;
}
.prospective-2020 #prospective-nav.affix li a:focus,
.prospective-2020 #prospective-nav.affix li.active > a,
.prospective-2020 #prospective-nav.affix li.active > a:focus,
.prospective-2020 #prospective-nav.affix nav li a:focus {
  background: #ffda33;
  box-shadow: 2px 2px 2px #192540;
  outline: none;
  color: #192540;
}

/* ----------------------------------------------------------

HOME BG VIDEO

---------------------------------------------------------- */
.slide {
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: auto;
  position: relative;
}

.fix-height {
  /* height: 80vh; */ /* temporary while loading */
  /* used this as setting with header bar. . . hiding header, so increasing */
  height: 80vh;
}

.ambient-video {
  /*  display: none; */
}
.ambient-video h1 {
  margin-left: 2rem;
  margin-right: 2rem;
}

section#hero-video {
  background: url(../../assets/images/prospective.jpg) #000 no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  /* .fix-height {
  	 background-color: #000; 
  	} */
}
section#hero-video .logo-comm img {
  margin: 2.5rem auto 0 auto;
}

#hero-video .jp-no-solution {
  color: #000;
}
#hero-video .jp-no-solution a {
  color: #000;
}

@media (min-width: 37.5rem) {
  .ambient-video {
    display: block;
  }
}
/* disable pointer events for passing through to ambient video control */
.section-text,
.section.audio {
  pointer-events: none;
}

a.nav-arrow,
.jplayer,
button,
#progress {
  pointer-events: auto;
}

.ambient-video {
  position: absolute;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}

.ambient-video video {
  opacity: 0.625;
  }
  
.ambient-video iframe,
.ambient-video object,
.ambient-video embed,
.ambient-video video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
  /* wider than 16x9 */
  video {
    /* for jplayer */
    width: 100% !important;
    width: 100vw !important;
    height: 56.25vw !important;
    /* 16/9 = 1.778 */
  }
}
@media (max-aspect-ratio: 16/9) {
  /* taller than 16 x 9 */
  .ambient-video iframe,
  .ambient-video object,
  .ambient-video embed {
    height: 100vh;
    width: 177.78vh;
  }
  .ambient-video video {
    /* for jplayer */
    height: 100vh !important;
    width: 177.78vh !important;
  }
}
/* ----------------------------------------------------------

VIDEO

---------------------------------------------------------- */
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.container-video,
.video-embed {
  position: relative;
  width: 100%;
  margin: 0;
}
.container-video::after,
.video-embed::after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
  height: 0;
}
.container-video iframe,
.container-video object,
.container-video embed,
.container-video img,
.video-embed iframe,
.video-embed object,
.video-embed embed,
.video-embed img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.top-margin-1 {
  margin-top: 1rem;
}

.bottom-margin-1 {
  margin-bottom: 1rem;
}

.podcasts iframe {
  border: 1px solid rgba(164, 215, 218, 0.5) !important;
  margin-bottom: 1rem;
}

.hero .container-video {
  margin: 0;
}

.section-video-fullscreen .center-center {
  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9)); */
  background: rgba(0, 0, 0, 0.5);
  background: linear-gradient(to bottom, rgba(0, 8, 18, 0.6), rgba(0, 8, 18, 0.45));
}

@media screen and (min-aspect-ratio: 1/1) { /* square or landscape */
  .section-video-fullscreen .center-center {
    /*	 background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9)); */
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient(to bottom, rgba(0, 8, 18, 0.6), rgba(0, 8, 18, 0.45));
  }
}
/* VIDEO BELOW SCREENSHOT - AS FULL SCREEN AS POSSIBLE */
.full-video {
  background-color: #192540;
  position: relative;
  float: none;
  display: block;
}

.video-set-width {
  margin: 0 auto;
  padding: 2.5vh 0;
  width: 95%;
}

@media screen and (min-aspect-ratio: 16/9) { /* when page is 16x9 or wider */
  .video-set-width {
    margin: 0;
    width: 95%;
  }
  .full-video .container-video,
  .showcase-video .container-video {
    padding-bottom: 0;
    width: 160vh;
    height: 90vh;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .full-video .container-video iframe,
  .full-video .container-video object,
  .full-video .container-video embed,
  .showcase-video .container-video iframe,
  .showcase-video .container-video object,
  .showcase-video .container-video embed {
    position: relative;
    display: block;
    width: 160vh;
    height: 90vh;
    margin-left: auto;
    margin-right: auto;
  }
}
/* VIDEO IN TOP OF FRAME */
.showcase-video .container-video {
  padding-bottom: 0;
  width: 100vh;
  height: 56.25vh;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.showcase-video .container-video iframe,
.showcase-video .container-video object,
.showcase-video .container-video embed {
  position: relative;
  display: block;
  width: 100vh;
  height: 56.25vh;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-aspect-ratio: 16/9) { /* when page is 16x9 or wider, switch to vh units so user sees text */
  .showcase-video .container-video {
    padding-bottom: 0;
    width: 100vh;
    height: 56.25vh;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .showcase-video .container-video iframe,
  .showcase-video .container-video object,
  .showcase-video .container-video embed {
    position: relative;
    display: block;
    width: 100vh;
    height: 56.25vh;
    margin-left: auto;
    margin-right: auto;
  }
}
.accordion.accordion-transcript .btn {
  margin: 0;
  border-radius: 0;
}
.accordion.accordion-transcript .btn[aria-expanded=false] img.carat-open {
  display: inline-block;
}
.accordion.accordion-transcript .btn[aria-expanded=false] img.carat-close {
  display: none;
}
.accordion.accordion-transcript .btn[aria-expanded=true] img.carat-open {
  display: none;
}
.accordion.accordion-transcript .btn[aria-expanded=true] img.carat-close {
  display: inline-block;
}
.accordion.accordion-transcript .btn img {
  width: 15px;
  height: 10px;
  vertical-align: initial;
  display: inline-block;
}

.btn.btn-transcript {
  width: 100%;
  background-color: #e9eaea;
  text-align: left;
}
.btn.btn-transcript:hover {
  background-color: #C3E2F8;
}

.accordion-transcript .accordion-content {
  padding: 1rem;
  background-color: #f6f6f7;
}
.accordion-transcript .accordion-content p {
  font-size: 1rem;
}

.btn-transcript[aria-expanded=true] img {
  transform: rotate(180deg);
}

.accordion.content-accordion {
  margin: 1.5rem 0 2rem 0;
}
.accordion.content-accordion .btn {
  margin: 0;
  border-radius: 0;
  margin-bottom: 0.125rem;
  width: 100%;
  text-align: left;
  padding: 1rem;
  background: #EEF6FD;
  font-size: 1.1rem;
}
.accordion.content-accordion .btn[aria-expanded=false] img.carat-open {
  display: inline-block;
}
.accordion.content-accordion .btn[aria-expanded=false] img.carat-close {
  display: none;
}
.accordion.content-accordion .btn[aria-expanded=true] {
  background-color: #f6f6f7;
}
.accordion.content-accordion .btn[aria-expanded=true] img.carat-open {
  display: none;
}
.accordion.content-accordion .btn[aria-expanded=true] img.carat-close {
  display: inline-block;
}
.accordion.content-accordion .btn img {
  width: 15px;
  height: 10px;
  vertical-align: initial;
  display: inline-block;
  margin-right: 0.25rem;
}
.accordion.content-accordion .btn:hover {
  background: #DFEFFC;
}

.content-accordion .accordion-content {
  padding: 1.5rem 1rem;
  background-color: #f6f6f7;
}
.content-accordion .accordion-content p {
  font-size: 1rem;
}

.btn-transcript[aria-expanded=true] img {
  transform: rotate(180deg);
}

/* ----------------------------------------------------------

SLIDE - FULL SCREEN BG

---------------------------------------------------------- */
.hero {
  /* position: relative; removed for link click on video */
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  background-color: #192540;
}
.hero img.hero-background {
  opacity: 0.5;
}

@media (min-width: 75rem) {
  .sub-brand-primary .dropdown-menu:after {
    content: "";
    position: absolute;
    top: 0;
    left: 2rem;
    margin-left: -0.75rem;
    margin-top: -0.75rem;
    width: 0;
    z-index: 1;
    height: 0;
    border-bottom: solid 0.75rem #FFF;
    border-left: solid 0.75rem transparent;
    border-right: solid 0.75rem transparent;
  }
}
@media (min-width: 56.25rem) {
  .sub-brand-primary #affixable-nav.affix ul#nav-sub li a.dropdown-item,
  .sub-brand-primary #affixable-nav.affix ul#nav-sub li.active a.dropdown-item {
    color: #205EA3;
  }
}
.sub-brand-primary #affixable-nav.navbar button.navbar-toggler {
  margin: 0;
  border-radius: 0;
}
.sub-brand-primary #affixable-nav ul#nav-sub li {
  margin-top: 0;
}
@media (min-width: 56.25rem) {
  .sub-brand-primary #affixable-nav ul#nav-sub li {
    margin-top: 0.25rem;
  }
}
.sub-brand-primary #affixable-nav ul#nav-sub li .dropdown-menu a.dropdown-item {
  padding: 0.75rem;
  border-bottom: 1px dotted rgba(164, 215, 218, 0.75);
}
.sub-brand-primary #affixable-nav ul#nav-sub li .dropdown-menu a.dropdown-item:hover {
  color: #1E417B;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
}
.sub-brand-primary .dropdown-menu {
  border: transparent;
  font-size: 0.875rem;
}
@media (min-width: 75rem) {
  .sub-brand-primary .dropdown-menu {
    margin-top: 0.75rem;
    font-size: 1.125rem;
    padding: 1rem 1.5rem 2rem 1.5rem;
    border-bottom: 0.25rem solid #009CDE;
    border-left: transparent;
    border-right: transparent;
    border-top: transparent;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 75rem) {
  .sub-brand-primary .hero {
    margin-bottom: 5vh;
  }
  .sub-brand-primary article {
    margin-bottom: 5vh;
  }
}
.sub-brand-primary .hero img.hero-background {
  opacity: 0.25;
}
.sub-brand-primary .hero h1 {
  color: #FFF;
  text-transform: none;
  mix-blend-mode: normal;
  font-weight: 700;
}
.sub-brand-primary .hero p {
  color: #FFF;
  padding-bottom: 2vh;
  line-height: 1.2;
  font-size: 1.25rem;
}
@media (min-width: 37.5rem) {
  .sub-brand-primary .hero p {
    font-size: 1.5rem;
  }
}
@media (min-width: 56.25rem) {
  .sub-brand-primary .hero p {
    font-size: 1.75rem;
  }
}
.sub-brand-primary h2,
.sub-brand-primary h3 {
  color: #1e407c;
}
.sub-brand-primary h2 {
  border-top: none;
  margin-top: 0;
}
.sub-brand-primary p.p-disclaimer {
  font-size: 1rem;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-style: italic;
  border-top: dotted 1px #009CDE;
  padding-top: 1.5rem;
  margin-top: 1.5rem;
}
.sub-brand-primary article h1 {
  text-align: left;
  position: relative;
  color: #1e407c;
}
.sub-brand-primary article h1::after {
  content: "";
  height: 4px;
  width: 5.25rem;
  background-color: #009CDE;
  display: block;
  margin-top: 1.25rem;
}
.sub-brand-primary article ol li,
.sub-brand-primary article ul li {
  margin: 1rem 0;
  padding-bottom: 0;
  border-bottom: none;
}
.sub-brand-primary article ol {
  padding: 0.25rem 1rem 0.25rem 1.5rem;
}
@media (min-width: 37.5rem) {
  .sub-brand-primary article ol {
    padding: 0.5rem 1.5rem 0.5rem 3rem;
  }
}
.sub-brand-primary article ul {
  padding: 0.25rem 1rem 0.25rem 1.5rem;
  list-style-type: square;
  font-size: 1.125rem;
}
@media (min-width: 37.5rem) {
  .sub-brand-primary article ul {
    padding: 0.5rem 1.5rem 0.5rem 3rem;
    font-size: 1.25rem;
  }
}
.sub-brand-primary article ul li::marker {
  color: #009CDE;
  font-size: 110%; /* lines up more centered with text */
}
.sub-brand-primary article ul ul {
  font-size: 1rem;
  list-style-type: circle;
}
@media (min-width: 37.5rem) {
  .sub-brand-primary article ul ul {
    font-size: 1.125rem;
  }
}
.sub-brand-primary article ul ul li {
  margin: 0.5rem 0;
}
.sub-brand-primary nav h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  margin-top: 3.5rem;
}
.sub-brand-primary nav ul {
  list-style-type: none;
  font-size: 1.125rem;
}
.sub-brand-primary nav ul li {
  border-bottom: 1px solid rgba(112, 112, 112, 0.325);
  line-height: 1.35;
}
.sub-brand-primary nav ul li:first-of-type {
  border-top: 1px solid rgba(112, 112, 112, 0.325);
}
.sub-brand-primary .subsection-nav li.active a.nav-link {
  background: rgba(195, 226, 248, 0.25);
}
.sub-brand-primary .subsection-nav a.nav-link {
  padding: 1rem;
}
.sub-brand-primary footer p.identity-subnav-primary {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-weight: 500;
}
.sub-brand-primary footer p.identity-subnav-primary a {
  border-bottom: transparent;
  box-shadow: none;
}

.hero.full-height,
.full-height .grid {
  height: 90vh;
  position: relative;
}

@media (min-width: 37.5rem) {
  .hero.full-height,
  .full-height .grid {
    height: 100vh;
    position: relative;
  }
}
.hero.partial-height,
.partial-height .grid {
  height: 60vh;
}

.hero.partial-height img {
  width: auto;
  height: 100%;
}

.hero.full-height img {
  width: auto;
  height: 100%;
}

@media (min-aspect-ratio: 1400/950) {
  .bellisario .hero.full-height img {
    width: 100%;
    height: auto;
  }
}
@media (min-aspect-ratio: 202/117) {
  /* wider than 16x9 */ /* now editing for comm header. . . 1600 x 660 - should be 16 / 7? */
  .hero.full-height img {
    width: 100%;
    height: auto;
  }
  .hero.partial-height img {
    width: 100%;
    height: auto;
  }
}
.hero,
.hero.center-center,
.hero .ambient-video {
  overflow: hidden;
}
.hero img,
.hero frame,
.hero object,
.hero embed,
.hero video,
.hero.center-center img,
.hero.center-center frame,
.hero.center-center object,
.hero.center-center embed,
.hero.center-center video,
.hero .ambient-video img,
.hero .ambient-video frame,
.hero .ambient-video object,
.hero .ambient-video embed,
.hero .ambient-video video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.hero.center-top img {
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}

.hero.center-bottom img {
  left: 50%;
  top: 100%;
  transform: translate(-50%, -100%);
}

.hero.left-bottom img {
  left: 0;
  top: 100%;
  transform: translate(0, -100%);
}

.hero.right-bottom img {
  left: 100%;
  top: 100%;
  transform: translate(-100%, -100%);
}

.hero.left-top img {
  left: 0;
  top: 0;
  transform: translate(0, 0);
}

.hero.right-top img {
  left: 100%;
  top: 0;
  transform: translate(-100%, 0);
}

.hero-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.5vh 2.5vh; /* amount of inset */
}
@media (min-width: 37.5rem) {
  .hero-title {
    padding: 3vh 5vh;
  }
}

.hero .tagline {
  font-size: 1.75rem;
  line-height: 1;
  margin-top: 0.5rem;
}

.section-video-fullscreen h1,
.hero h1 {
  margin: 0 0 2rem 0;
  display: block;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #3DCBFF;
  line-height: 1;
  mix-blend-mode: hard-light;
  opacity: 0.75;
}

.section-video-fullscreen h1 { /* resize home page h1 */
  font-size: 3.6rem;
}
@media (min-width: 37.5rem) {
  .section-video-fullscreen h1 {
    font-size: 4.8rem;
  }
}
@media (min-width: 56.25rem) {
  .section-video-fullscreen h1 {
    font-size: 6rem;
  }
}

.hero h1 { /* resize other hero h1 */
  font-size: 2rem;
}
@media (min-width: 37.5rem) {
  .hero h1 {
    font-size: 3.6rem;
  }
}
@media (min-width: 56.25rem) {
  .hero h1 {
    font-size: 5rem;
  }
}

.hero h1 { /* resize other hero h1 */
  font-size: 1.75rem;
}
@media (min-width: 37.5rem) {
  .hero h1 {
    font-size: 3.125rem;
  }
}
@media (min-width: 56.25rem) {
  .hero h1 {
    font-size: 4.125rem;
  }
}

.section-video-fullscreen h1 span {
  color: #FFF;
  font-family: "jenna_sueregular";
  font-weight: 400;
  font-weight: 300;
  text-transform: none;
  font-size: 140%;
  display: block;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  text-align: right;
  position: relative;
  top: 1rem;
  right: 1.5rem;
}

.intro {
  padding-bottom: 1rem;
}
.intro p {
  font-size: 1.1rem;
  line-height: 1.6;
}

@media (min-width: 37.5rem) {
  .intro {
    padding-top: 1rem;
  }
  .intro p {
    font-size: 1.25rem;
  }
  .hero .tagline {
    font-size: 3rem;
  }
}
@media (min-width: 1160px) {
  .intro {
    padding-bottom: 6rem; /*for offset w/ article */
  }
}
@media (min-width: 75rem) {
  .intro p {
    font-size: 2.25rem;
  }
}
/* ----------------------------------------------------------

BELLISARIO SPECIAL PAGE

---------------------------------------------------------- */
body.bellisario {
  background: #FFF;
}

#bellisario-nav {
  display: none;
}

.bellisario #main .logo-comm {
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.bellisario .hero {
  box-shadow: rgba(0, 0, 0, 0.375) 0 10px 25px 10px;
}
.bellisario .hero img.hero-background {
  opacity: 1;
}
.bellisario .hero .hero-title-right {
  text-align: right;
  right: 3vw;
  padding: 0;
}
.bellisario .hero .hero-title-left {
  text-align: left;
  left: 3vw;
  padding: 0;
}
.bellisario .hero .hero-title-left h1 {
  text-align: left;
}
.bellisario .hero h1 {
  text-align: right;
  font-size: 15vmin;
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5);
}

.bellisario-container {
  background-color: #FFF;
}

.bellisario-letters .bellisario-container .grid-content h3 {
  margin-top: 0;
}
.bellisario-letters .bellisario-container .grid-content p.position {
  font-style: italic;
}

ul.bellisario-letter-list {
  list-style-type: none;
  margin-left: 2rem;
}
ul.bellisario-letter-list li {
  margin-bottom: 1rem;
  font-family: "Roboto Slab", "Bitter", sans-serif;
}
ul.bellisario-letter-list li a:visited {
  color: #bfcbe6;
}

@media (min-width: 1160px) {
  .bellisario .hero .hero-title-right {
    right: 12vw;
  }
  .bellisario .hero .hero-title-left {
    left: 12vw;
  }
  .bellisario .grid-content {
    padding: 1.5rem 2.25rem;
  }
  .hero-title-right,
  .hero-title-left {
    bottom: 6rem;
  }
  .bellisario-container {
    margin-left: 12vw;
    margin-right: 12vw;
  }
}
.bellisario p.positioning {
  text-align: left;
  font-size: 1rem;
}

@media (min-width: 37.5rem) {
  .bellisario p.positioning {
    text-align: left;
    font-size: 1.5rem;
  }
}
.latest-bellisario {
  padding: 0 0 2rem 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(164, 215, 218, 0.5);
}
.latest-bellisario .grid-cell {
  background: #FFF;
  box-shadow: rgba(0, 0, 0, 0.125) 0 5px 12px 5px;
  padding: 1rem;
}
.latest-bellisario .grid-cell:hover {
  background: rgba(195, 226, 248, 0.5);
}
.latest-bellisario .grid-cell ul {
  list-style-type: none;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-style: italic;
  font-size: 1rem;
}
.latest-bellisario .grid-cell ul li {
  display: inline-block;
  margin-right: 0.5rem;
  color: #3d5a9c;
}
.latest-bellisario .grid-cell p.bellisario-link-title {
  line-height: 1.4;
  margin-top: 0;
}

@media (min-width: 56.25rem) {
  #bellisario-nav {
    position: relative;
    display: block;
  }
  #bellisario-nav ul {
    font-size: 1.25rem;
  }
}
.affix#bellisario-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px 5px;
  background-color: #FFF;
}
.affix#bellisario-nav a {
  padding: 0.5rem;
}
.affix#bellisario-nav a:hover {
  border-bottom: 1px solid #3DCBFF;
  box-shadow: inset 0 -2px 0 #3DCBFF;
}
.affix#bellisario-nav a:focus,
.affix#bellisario-nav li.active > a:focus,
.affix#bellisario-nav nav li > a:focus {
  border-bottom: 1px solid #3DCBFF;
  box-shadow: inset 0 -2px 0 #3DCBFF;
  outline: none;
}

@media (min-width: 87.5rem) {
  .bellisario .hero .hero-title-right {
    right: 18vw;
  }
  .bellisario .hero .hero-title-left {
    left: 18vw;
  }
  .bellisario-container {
    margin-left: 18vw;
    margin-right: 18vw;
  }
}
/* ----------------------------------------------------------

GENERAL STYLING

---------------------------------------------------------- */
.theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark p, .theme-dark ul, .theme-dark li, .theme-dark dl {
  color: #FFF;
}

img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

h1, h2, h3, h4 {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  line-height: 1.2;
  font-weight: 400;
}

h1, .h1 {
  font-size: 3.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  font-family: "Roboto Slab", "Bitter", sans-serif;
  color: #1E417B;
}

h2, .h2 {
  font-size: 1.75rem;
  font-family: "Roboto Slab", "Bitter", sans-serif;
  font-weight: 400;
  color: #3d5a9c;
  letter-spacing: -0.015em;
  line-height: 1.2;
  margin: 3rem 0 0.25rem 0;
  padding: 3rem 0 1rem 0;
  border-top: 1px solid rgba(164, 215, 218, 0.5);
}
h2 span, .h2 span {
  font-weight: 300;
}

ul + h2 {
  margin-top: 0.75rem; /* this matches distance from p to h2 */
}

@media (min-width: 37.5rem) {
  h2, .h2 {
    font-size: 2.25rem;
  }
}
h2.no-m-p {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

nav h2 {
  font-size: 2.25rem;
  padding: 0;
  margin-top: 3rem;
  display: inline-block;
  border-top: none;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: bolder;
}

h2 + h3,
.h2 + .h3 {
  margin-top: 0;
}

h3,
.h3,
table caption {
  font-size: 1.25rem;
  font-weight: 400;
  color: #192540;
  font-family: "Roboto Slab", "Bitter", sans-serif;
  letter-spacing: -0.015em;
  margin: 3rem 0 0.125rem 0;
}

#events table caption {
  margin-top: 1.5rem;
}

@media (min-width: 37.5rem) {
  h3,
  .h3,
  table caption {
    font-size: 1.75rem;
  }
}
#news-blocks h3 {
  font-size: 1.5rem;
}

table caption {
  text-align: center;
  margin-bottom: 0.5rem;
}

h3 span {
  display: block;
  font-weight: bolder;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  color: rgba(25, 37, 64, 0.75);
  font-size: 80%;
}

h4, .h4 {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  margin: 1.75rem 0 0 0;
  text-align: left;
  font-style: italic;
  color: rgba(25, 37, 64, 0.8);
}

@media (min-width: 37.5rem) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}
caption {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  margin: 1rem 0 0 0;
  text-align: left;
}

h4 + p,
.h4 + p {
  margin-top: 0.25rem;
}

p {
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0;
  margin: 0.75rem 0 0.25rem 0;
  font-weight: lighter;
  font-family: "Roboto Slab", "Bitter", sans-serif;
}

p.pullout,
.highlight-text p {
  font-size: 1.25rem;
  color: #3d5a9c;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  border-top: 1px solid rgba(164, 215, 218, 0.5);
  border-bottom: 1px solid rgba(164, 215, 218, 0.5);
  line-height: 1.8;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-top: 1.5rem;
}

p.nav-category {
  font-weight: 400;
}

@media (min-width: 37.5rem) {
  p {
    font-size: 1.25rem;
  }
  p.pullout,
  .highlight-text p {
    font-size: 1.75rem;
    margin: 3rem 4rem;
  }
}
p.boxed {
  background-color: #222;
  padding: 2rem;
}

p.category {
  margin-top: 0;
}

/* Links
----------------------------------------- */
a { /* normal, hover, active, visited, focus */
  transition: all 0.3s ease-out;
  text-decoration: none;
  color: #205EA3;
}

a:link, a:visited, a:focus, a:active {
  color: #205EA3;
}

a:hover {
  color: #0f2d4e;
}

p a,
a.blog-preview-link {
  padding: 0.1em;
  border-bottom: 1px solid #3DCBFF;
  box-shadow: inset 0 -2px 0 #3DCBFF;
  text-decoration: none;
}

p a.no-border {
  border-bottom: 1px solid transparent;
  box-shadow: none;
}

nav p a {
  border-bottom: 0;
  box-shadow: none;
  padding: 0;
}

.theme-dark a:link, .theme-dark a:visited, .theme-dark a:focus {
  color: #FFF;
}
.theme-dark a:hover, .theme-dark a:active, .theme-dark p a:hover {
  color: #3DCBFF;
}

a:focus,
a:focus img,
nav li > a:focus,
a:focus #nav-icon,
a.btn:focus,
button:focus,
input[type=submit]:focus,
div:focus {
  outline: thin dotted;
  outline: 5px auto #EFC900;
  outline-offset: -2px;
  box-shadow: inset 0 0 3px 2px #EFC900;
}

nav a:focus {
  outline: none;
}

.modaal-wrapper:focus,
.modaal-video-wrap:focus {
  box-shadow: none;
  outline: none;
}

/* ----------------------------------------------------------

NEWS EVENTS

---------------------------------------------------------- */
div.event-photo {
  position: relative;
  float: none;
  height: auto;
  max-width: 240px;
  min-width: 240px;
  margin-right: 2rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
div.event-photo img {
  border: 1px solid #f6f7fb;
}

@media (min-width: 37.5rem) {
  div.event-photo {
    float: left;
    max-width: 210px;
    min-width: 210px;
  }
}
p.date,
p.previous-lecture-date {
  text-transform: uppercase;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  color: #3d5a9c;
  font-weight: 400;
  margin-top: 0.5rem;
  line-height: 1.4;
}

.event-details p {
  margin-top: 0.25rem;
  line-height: 1.4;
}

.event-details p span {
  font-weight: bolder;
}

.event-description {
  margin-top: 1rem;
}

p.website {
  margin-top: 1rem;
}

.previous-lecture h1,
.event-details h1 {
  margin-top: 0;
  color: #192540;
  font-size: 1.75rem;
  text-align: left;
  font-weight: 400;
}
.previous-lecture p.date,
.event-details p.date {
  padding-top: 0.5rem;
}
.previous-lecture h3,
.event-details h3 {
  margin-top: 0;
}
.previous-lecture p.speaker,
.event-details p.speaker {
  font-style: italic;
  font-size: 1.5rem;
}

.event-details-wrap {
  padding: 1.5rem;
  display: block;
  border-top: 1px solid rgba(164, 215, 218, 0.5);
}

#events table {
  margin-top: 0;
}

.event-details-wrap.individual-event {
  border-top: 0;
}

a.event-details-wrap:hover {
  background-color: rgba(195, 226, 248, 0.5);
}

.accordion .event-details-wrap {
  font-size: 90%;
  padding: 0.5rem;
}

/* ----------------------------------------------------------

ARTICLE FORMATTTING

---------------------------------------------------------- */
.header-image {
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; /* allows image to crop center when combined with below media query */
  width: 100%;
}

article ul,
article ol {
  font-family: "Roboto Slab", "Bitter", sans-serif;
  font-size: 1rem;
  font-weight: lighter;
  padding: 0 1.5rem;
}
article ul li,
article ol li {
  margin: 1.5rem 0;
  border-bottom: 1px solid rgba(164, 215, 218, 0.5);
  padding-bottom: 1.5rem;
  line-height: 1.6;
}
article ul li:last-of-type,
article ol li:last-of-type {
  border-bottom: none;
}
article ul ul,
article ol ul { /* second-level ul - added b/c of Holocaust Initative */
  padding-bottom: 0;
  list-style: circle;
}
article ul ul li,
article ol ul li {
  border-bottom: none;
  padding-bottom: 0;
}
article ul ul li:last-of-type,
article ol ul li:last-of-type {
  margin-bottom: 0;
}
article ul#contributor-filter {
  padding: 0;
}
article ul {
  list-style-type: disc;
}
article ul.list-inline li {
  display: inline;
  border-bottom: none;
}

.pdf:before {
  content: "\eadf";
  font-family: "icomoon";
  color: #A02F0C;
  margin-right: 0.25rem;
}

.link:before,
.more-info:before {
  content: "\ea3b";
  font-family: "icomoon";
  color: #205EA3;
  margin-right: 0.25rem;
}

@media (min-width: 37.5rem) {
  article ul,
  article ol {
    font-size: 1.25rem;
  }
}
article h1,
.get-started h2,
h2.get-started,
.bellisario h2 {
  text-align: center;
  font-size: 2.25rem;
  font-weight: bolder;
  color: #1E417B;
  margin-top: 3.3333rem;
  margin-bottom: 0;
  line-height: 1;
}

article h1 span.blog-post-type {
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.25rem;
}

h2.get-started {
  padding-top: 0;
}

@media (min-width: 37.5rem) {
  article h1,
  .get-started h2,
  .bellisario h2 {
    font-size: 3rem;
  }
  h2.get-started {
    font-size: 3.5rem;
    padding-top: 3rem;
  }
}
p.page-subhead {
  margin-top: 2.25rem;
  font-weight: 400;
  font-size: 1.5rem;
  color: #205EA3;
  position: relative;
  line-height: 1.4;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  text-align: center;
  margin-bottom: 2rem;
}

p.page-subhead:before {
  content: "";
  position: absolute;
  left: 45%;
  top: -1rem;
  display: block;
  width: 10%; /* or 100px */
  border-bottom: 3px solid #C3E2F8;
}

article ul.alumni-columned-list,
article ul.alumni-society-list {
  list-style-type: none;
  margin-top: 1rem;
}
article ul.alumni-columned-list li,
article ul.alumni-society-list li {
  font-size: 1.1rem;
  margin: 0.5rem 0;
  padding-bottom: 0.5rem;
  font-weight: 400;
}
article ul.alumni-columned-list li:first-of-type,
article ul.alumni-society-list li:first-of-type {
  border-top: 1px solid rgba(164, 215, 218, 0.5);
  padding-top: 0.5rem;
}
article ul.alumni-columned-list li:last-of-type,
article ul.alumni-society-list li:last-of-type {
  border-bottom: 1px solid rgba(164, 215, 218, 0.5);
}
article ul.alumni-columned-list span,
article ul.alumni-society-list span {
  font-weight: lighter;
}
article ul.alumni-columned-list span.service-period,
article ul.alumni-society-list span.service-period {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  color: #273a65;
  font-size: 0.9rem;
  font-weight: bolder;
  display: inline-block;
  margin-left: 0.25rem;
}
article ul.alumni-columned-list span.service-period::before,
article ul.alumni-society-list span.service-period::before {
  content: "■";
  padding-right: 0.25rem;
}

@media (min-width: 56.25rem) {
  article ul.alumni-columned-list {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2;
    column-gap: 2;
  }
}
ul.columned-list {
  list-style-type: none;
  margin-top: 1.5rem;
}

@media (min-width: 56.25rem) {
  ul.columned-list {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2;
    column-gap: 2;
  }
  ul.columned-list li {
    margin-top: 1rem;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  }
  ul.columned-list li:before {
    content: "//";
    color: #A4D7DA;
    margin-right: 0.5rem;
  }
}
/* ----------------------------------------------------------

HIGHLIGHT BOX

---------------------------------------------------------- */
@media (min-width: 37.5rem) {
  .highlight-box {
    float: left;
    width: 33.3333%;
  }
}
/* ----------------------------------------------------------

FIGURE

---------------------------------------------------------- */
figure.top-offset {
  margin-top: 3rem;
}

figure.third {
  display: block;
}

figure.float-half,
figure.float-third {
  margin-top: 1rem;
}

.float-right.float-half,
.float-right.float-third,
.float-left.float-half,
.float-left.float-third {
  margin-left: 0;
  margin-right: 0;
}

.img-right,
.img-right-half,
.img-right.third,
.img-left,
.img-left-half,
.img-left.third {
  float: none;
  width: 100%;
  position: relative;
}

@media (min-width: 37.5rem) {
  .img-right-half,
  .img-right.third,
  .img-left-half,
  .img-left.third,
  .float-half,
  .float-third {
    width: 50%;
  }
  .img-right,
  .img-right-half,
  .img-right.third,
  .float-right.float-half,
  .float-right.float-third {
    float: right;
    position: relative;
    margin-left: 1.5rem;
  }
  .img-left,
  .img-left-half,
  .img-left.third,
  .float-left.float-half,
  .float-left.float-third {
    float: left;
    position: relative;
    margin-right: 1.5rem;
  }
}
@media (min-width: 56.25rem) {
  .img-left,
  .img-right,
  .img-right.third,
  .img-left.third,
  .float-right.float-third,
  .float-left.float-third {
    width: 33.3333%;
  }
}
figcaption {
  display: block;
  background-color: #f6f6f7;
  padding: 0.75rem;
  font-size: 0.875rem;
  color: #192540;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  margin-bottom: 1.5rem;
}
figcaption.no-background {
  background-color: transparent;
  padding: 0.5rem;
}
figcaption p {
  font-size: 0.875rem;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  line-height: 1.4;
  margin: 0;
}

.news-index .img-right,
.news-index .img-right-half,
.news-index .img-right-third,
.news-index .img-left,
.news-index .img-left-half,
.news-index .img-left.third {
  width: 25%;
}
.news-index p.date {
  border-top: 1px solid rgba(164, 215, 218, 0.5);
  padding-top: 2rem;
}

/* ----------------------------------------------------------

SCICOMM

---------------------------------------------------------- */
.science-comm-events {
  background: #FFF;
}
.science-comm-events p {
  line-height: 1.2;
}
.science-comm-events h2 {
  margin-top: 0.75rem;
  padding-top: 0;
  border-top: none;
}
.science-comm-events .event-details-wrap {
  padding: 1rem;
}
.science-comm-events .event-details-wrap h3 {
  margin-top: 0;
}
.science-comm-events .event-details-wrap p.date {
  padding-top: 0;
}

/* ----------------------------------------------------------

ADDRESS

---------------------------------------------------------- */
p.address {
  display: inline-block;
  padding: 1rem;
  background-color: #c3e2f8;
  background: linear-gradient(to right bottom, #c3e2f8 0%, #ffffff 100%);
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  margin-left: 0;
  text-align: left;
}
p.address span {
  display: inline-block;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #FFF;
}

@media (min-width: 37.5rem) {
  p.address {
    padding: 2rem;
    margin-lef: 1.5rem;
  }
}
/* ----------------------------------------------------------

FAQ

---------------------------------------------------------- */
.faq h4 {
  margin-left: 1rem;
  padding-top: 1rem;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  font-size: 1.25rem;
  position: relative;
  font-style: normal;
  cursor: pointer;
}

.faq h4:before {
  content: "\ea0a";
  font-family: "icomoon";
  color: #7BAA59;
  font-weight: bold;
  position: absolute;
  left: 0rem;
  top: 1.35em;
  font-size: 0.875rem;
}

.faq h4.active:before {
  content: "\ea0f";
  font-family: "icomoon";
  color: #C34123;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 1.35em;
  font-size: 1rem;
}

.faq div {
  background-color: rgba(255, 255, 255, 0.5);
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.faq div.row,
.faq div.faq-question,
.faq div.faq-answer {
  margin: 0;
  padding: 0;
}

.faq-question p.h4 {
  margin-top: 0.75rem;
  line-height: 1.4;
  font-style: normal;
  font-weight: bolder;
}

@media (min-width: 37.5rem) {
  .faq h4 {
    margin-left: 3rem;
    font-size: 1.5rem;
  }
  .faq h4:before {
    font-size: 1rem;
  }
  .faq div {
    padding: 1.5rem;
  }
}
@media (min-width: 75rem) {
  .faq .row {
    border-top: 1px solid rgba(164, 215, 218, 0.25);
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
  }
}

/* ----------------------------------------------------------

BIG LISTS

---------------------------------------------------------- */
ul.big-list-redux {
  list-style-type: none;
  display: block;
}
ul.big-list-redux li {
  margin-top: 1rem;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
ul.big-list-redux li p.big-list-ranking {
  padding: 0.5rem 1rem;
  font-size: 2.25rem;
  display: inline;
  width: auto;
  height: 100%;
  background-color: #1E417B;
  color: #FFF;
  margin: 0;
  font-weight: bolder;
  position: relative;
  top: 1.75rem;
  border-top: none;
}
ul.big-list-redux li:nth-child(5n) p.big-list-ranking {
  background-color: #005693;
  background: linear-gradient(to right bottom, #005693 0%, #009CDE 100%);
}
ul.big-list-redux li:nth-child(5n+1) p.big-list-ranking {
  background-color: rgb(0, 86, 147);
  background: linear-gradient(to right bottom, rgb(0, 86, 147) 0%, rgb(0, 191, 197) 100%);
}
ul.big-list-redux li:nth-child(5n+2) p.big-list-ranking {
  background-color: #ba2b06;
  background: linear-gradient(to right bottom, #ba2b06 0%, #ff665d 100%);
}
ul.big-list-redux li:nth-child(5n+3) p.big-list-ranking {
  background-color: #604471;
  background: linear-gradient(to right bottom, #604471 0%, #4e64b2 100%);
}
ul.big-list-redux li:nth-child(5n+4) p.big-list-ranking {
  background-color: rgb(125, 194, 232);
  background: linear-gradient(to right bottom, rgb(125, 194, 232) 0%, rgb(170, 221, 116) 100%);
}
ul.big-list-redux li h3 {
  background-color: rgba(246, 247, 251, 0.25);
  padding: 2.5rem 1.5rem 1.5rem 1.5rem;
  margin: 0 0 0 2rem;
  font-size: 1rem;
  font-weight: lighter;
  line-height: 1.6;
}
ul.big-list-redux li h3 span {
  font-size: 1.25rem;
  display: block;
  border-top: 1px solid rgba(164, 215, 218, 0.5);
  padding-top: 0.75rem;
  margin-top: 0.75rem;
  font-style: italic;
}

article ul.big-list {
  padding: 0;
}

@media (min-width: 37.5rem) {
  article ul.big-list {
    padding: 0 1.5rem;
  }
  ul.big-list-redux li h3 {
    font-size: 1.25rem;
  }
}
.prospective-2020 ul.big-list-redux li h3 {
  margin-left: 0;
}
.prospective-2020 ul.big-list-redux li p.big-list-ranking {
  font-size: 1.5rem;
}
.prospective-2020 ul.big-list-redux {
  text-align: center;
}
.prospective-2020 ul.big-list-redux li {
  margin-top: 0;
}

@media (min-width: 47.5rem) {
  .prospective-2020 ul.big-list-redux li h3 {
    margin-left: 2rem;
  }
  .prospective-2020 ul.big-list-redux li p.big-list-ranking {
    font-size: 2.25rem;
  }
  .prospective-2020 ul.big-list-redux {
    text-align: left;
  }
}
/* ----------------------------------------------------------

SECTION NAVIGATION

---------------------------------------------------------- */
article.max-width.bio-block {
  margin-bottom: 5rem;
}

article.no-header-image + aside {
  top: 0;
}

.highlight-box {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}
.highlight-box h2 {
  border-top: none;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 1.75rem;
  background-color: #1E417B;
  color: #FFF;
  font-weight: lighter;
  display: inline-block;
  padding: 0.5rem 1rem;
}
.highlight-box img {
  position: absolute;
  z-index: 0;
}
.highlight-box .half, .highlight-box.third {
  background-color: rgb(125, 194, 232);
  background: linear-gradient(to right bottom, rgb(125, 194, 232) 0%, rgb(170, 221, 116) 100%);
}
.highlight-box .half p, .highlight-box.third p {
  font-size: 1.25rem;
}

.highlight-box.third {
  padding: 1.5rem;
}
.highlight-box.third p {
  font-size: 1rem;
}
.highlight-box.third a {
  background-color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 37.5rem) {
  .highlight-box.third {
    float: right;
    position: relative;
    width: 33.3333%;
    margin-left: 1.5rem;
  }
}
/* ----------------------------------------------------------

SECTION NAVIGATION

---------------------------------------------------------- */
.top-offset {
  /* no top offset for mobile */
  position: relative;
  top: 0;
}

@media (min-width: 1160px) {
  .top-offset {
    top: -6rem;
  }
}
.category-navigation {
  margin-bottom: 3rem;
  position: relative; /* necessary b/c content block is offset */
}
.category-navigation .grid-cell {
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

ul#nav-sub,
ul#nav_categories {
  list-style-type: none;
  font-size: 1.25rem;
  margin-top: 1rem;
}
ul#nav-sub li,
ul#nav_categories li {
  display: block;
  position: relative;
}
ul#nav-sub li a,
ul#nav_categories li a {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 1rem 1rem 1rem 1.5rem;
  padding-left: 2.5rem;
  width: 100%;
  display: block;
  margin-bottom: 0.5rem;
}
ul#nav-sub li a:hover,
ul#nav_categories li a:hover {
  background-color: #205EA3;
  color: #FFF;
}
ul#nav-sub li.active > a,
ul#nav_categories li.active > a {
  outline: none;
  box-shadow: none;
  background-color: rgba(32, 94, 163, 0.75);
  color: #FFF;
}
ul#nav-sub li.active:before,
ul#nav_categories li.active:before {
  content: "\ea3c";
  font-family: "icomoon";
  margin-right: 0.25em;
  display: block;
  position: absolute;
  left: 0.75rem;
  top: 1.125rem;
  color: #B9DC7A;
}
ul#nav-sub li ul li,
ul#nav_categories li ul li {
  margin-left: 0.5rem;
}
ul#nav-sub li ul li a,
ul#nav_categories li ul li a {
  background-color: tint(#C3E2F8, 40%);
}

@media (min-width: 37.5rem) {
  ul#nav-sub,
  .nav-sub ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  ul#nav-sub li,
  .nav-sub ul li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  ul#nav-sub li.parent-active,
  .nav-sub ul li.parent-active {
    -webkit-column-break-inside: unset;
    page-break-inside: unset;
    break-inside: unset;
  }
}
@media (min-width: 56.25rem) {
  ul#nav-sub,
  .nav-sub ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .half ul#nav-sub,
  .half .nav-sub ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
.split-block-nav ul#nav-sub {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

.accordion ul#nav-sub,
.accordion .nav-sub ul { /* overrides for student directory */
  margin-top: 0;
}
.accordion ul#nav-sub li a,
.accordion .nav-sub ul li a {
  padding: 0;
  padding-left: 0;
}
.accordion ul#nav-sub li a:hover,
.accordion .nav-sub ul li a:hover {
  background-color: transparent;
  color: #0f2d4e;
}

.split-screen .category-navigation {
  /* landing block nav */
  margin-bottom: 0;
}
.split-screen .category-navigation ul a {
  padding-left: 1rem;
}

article.no-header-image .category-navigation {
  top: 0;
}

/* ----------------------------------------------------------

SUBNAV IS PRIMARY - NEW ADDITION JAN 2020

---------------------------------------------------------- */
.navbar-toggler-icon::before {
  font-family: "icomoon";
  color: #FFF;
  font-weight: bold;
  font-size: 1rem;
  margin-right: 0.33rem;
}

.navbar-toggler[aria-expanded=false] .navbar-toggler-icon::before {
  content: "\ea3e";
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon::before {
  content: "\ea3a";
}

.navbar-toggler-icon {
  content: none !important;
  width: auto !important;
  height: auto !important;
}

.navbar-collapse {
  background-color: transparent;
}

/* @media (min-width: $breakpoint-subnav-menu) {	*/
@media (min-width: 56.25rem) {
  .affix .navbar-collapse {
    background: rgba(25, 37, 64, 0.9) !important;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px 5px;
  }
}
.subnav-primary .logo-comm.logo-comm-float {
  position: relative;
  width: 100%;
  display: block;
}
.subnav-primary .logo-comm.logo-comm-float img {
  width: 100%;
  max-width: 280px;
  padding: 1rem 1.5rem 0.5rem 1.5rem;
}
@media (min-width: 37.5rem) {
  .subnav-primary .logo-comm.logo-comm-float img {
    max-width: 340px;
    padding: 1.5rem 1rem 1.5rem 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .subnav-primary .logo-comm.logo-comm-float {
    float: left;
    width: 100%;
    max-width: 39%;
  }
}
@media (min-width: 56.25rem) {
  .subnav-primary .logo-comm.logo-comm-float {
    max-width: 33.33%;
  }
}
.subnav-primary p.identity-subnav-primary {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: lighter;
  font-size: 1.25rem;
  line-height: 1.2;
  position: relative;
  margin-bottom: 0;
  max-width: 100%;
  color: #FFF;
  padding: 0 1.5rem 0.75rem 1.5rem;
}
.subnav-primary p.identity-subnav-primary a {
  color: #FFF;
  border-bottom: transparent;
  box-shadow: none;
}
@media (min-width: 37.5rem) {
  .subnav-primary p.identity-subnav-primary {
    font-size: 1.5rem;
    float: left;
    max-width: 59%;
    padding: 1.5rem 1.5rem 1.5rem 1rem;
  }
}
@media (min-width: 56.25rem) {
  .subnav-primary p.identity-subnav-primary {
    max-width: 66.66%;
  }
}
@media (min-width: 75rem) {
  .subnav-primary p.identity-subnav-primary {
    font-size: 1.75rem;
  }
}

.subnav-primary .logo-comm img {
  width: 240px;
}
@media (min-width: 56.25rem) {
  .subnav-primary .logo-comm img {
    width: 340px;
  }
}
.subnav-primary .header-image img {
  width: 150%;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 56.25rem) {
  .subnav-primary .header-image img {
    width: 100%;
    left: 0;
    transform: none;
  }
}

header.subnav-primary + #main {
  background-color: #FFF;
}

header.subnav-primary .grid-content { /* logo container */
  padding: 1rem 1.5rem 0.5rem 1.5rem;
}

header.subnav-primary .grid-content.identity-subnav-primary { /* center/project branding */
  padding: 0 1.5rem 0.75rem 1.5rem;
}

@media (min-width: 56.25rem) {
  header.subnav-primary .grid-content {
    padding: 1.5rem;
  }
  header.subnav-primary .grid-content.identity-subnav-primary {
    padding: 1.5rem;
  }
}
p.sponsor-note {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  font-style: italic;
  margin-top: 1.25rem;
}

/* logo in header */
.identity-subnav-primary p {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: lighter;
  font-size: 1.25rem;
  line-height: 1.2;
  margin: 0 auto;
}
@media (min-width: 37.5rem) {
  .identity-subnav-primary p {
    font-size: 1.75rem;
  }
}
@media (min-width: 75rem) {
  .identity-subnav-primary p {
    font-size: 2.25rem;
  }
}

.subnav-max-width {
  max-width: 1080px;
}

/* ----------------------------------------------------------

SUBNAV PRIMARY BOOTSTRAP NAV OVERRIDES

---------------------------------------------------------- */
#main.subnav-primary {
  background-color: #FFF;
  /* @media (min-width: $breakpoint-subnav-menu) {	*/
}
#main.subnav-primary article h1 {
  margin-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 37.5rem) {
  #main.subnav-primary article .grid-content {
    padding: 2.5rem;
  }
}
@media (min-width: 56.25rem) {
  #main.subnav-primary article h1 {
    margin-top: 3.3333rem;
  }
}
@media (min-width: 1160px) {
  #main.subnav-primary article .grid-content {
    padding: 2.5rem 4rem;
  }
}

nav {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif !important;
}

#affixable-nav.navbar button.navbar-toggler {
  width: 100%;
  padding: 0.75rem;
  color: #FFF;
}
#affixable-nav.navbar button.navbar-toggler:hover {
  background-color: #ba2b06;
}

.college-of-comm ul {
  margin-bottom: 0;
}

/* END BOOTSTRAP OVERRIDES */
#affixable-nav.navbar {
  text-align: center;
  padding: 0 !important;
}

#affixable-nav ul#nav-sub {
  -webkit-column-count: unset;
  -moz-column-count: unset;
  column-count: unset;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  text-align: left;
  /* @media (min-width: $breakpoint-subnav-menu) {	*/
}
@media (min-width: 56.25rem) {
  #affixable-nav ul#nav-sub {
    font-size: 1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 75rem) {
  #affixable-nav ul#nav-sub {
    font-size: 1.125rem;
    text-align: center;
  }
}
#affixable-nav ul#nav-sub li {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border: none;
  padding-bottom: 0;
  line-height: 1.2;
  /* @media (min-width: $breakpoint-subnav-menu) {	*/
}
@media (min-width: 56.25rem) {
  #affixable-nav ul#nav-sub li {
    display: inline-block;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
}
#affixable-nav ul#nav-sub li.active a {
  background-color: transparent;
  border: 1px solid #205EA3;
  color: #205EA3;
}
#affixable-nav ul#nav-sub li.active::before {
  content: none;
}
#affixable-nav ul#nav-sub li a {
  background-color: transparent;
  padding: 0.5rem 0.75rem;
  color: #205EA3;
  margin-bottom: 0;
  border: 1px solid transparent;
}
@media (min-width: 75rem) {
  #affixable-nav ul#nav-sub li a {
    padding: 0.25rem 0.75rem;
  }
}
#affixable-nav ul#nav-sub li a:hover {
  border: 1px solid #205EA3;
  text-decoration: none;
}

#affixable-nav {
  /* background: #FFD100; */
}
#affixable-nav button {
  background: #ba2b06;
  background: linear-gradient(to right bottom, #ba2b06 0%, #ff665d 100%);
  transition: all 0.3s ease-out;
  position: relative; /* dont' affix for mobile */
}
#affixable-nav.affix {
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  width: 100%;
  background: rgba(25, 37, 64, 0.9);
  z-index: 999;
  /* @media (min-width: $breakpoint-subnav-menu) {	*/
}
@media (min-width: 56.25rem) {
  #affixable-nav.affix ul#nav-sub li a,
  #affixable-nav.affix ul#nav-sub li.active a {
    color: #FFF;
  }
  #affixable-nav.affix ul#nav-sub li.active a,
  #affixable-nav.affix ul#nav-sub li a:hover {
    border: 1px solid #FFF;
  }
}
#affixable-nav nav {
  position: relative;
}
#affixable-nav ul#nav-sub li a,
#affixable-nav ul#nav-sub li.active a {
  color: #205EA3;
}

ul#nav-sub li {
  line-height: 1.2;
}

ul#nav-sub.side-nav,
ul#nav-sub.side-nav-parent {
  -webkit-column-count: unset;
  -moz-column-count: unset;
  column-count: unset;
}

ul#nav-sub.side-nav-parent {
  margin-top: 5rem;
}
ul#nav-sub.side-nav-parent li.first a {
  padding-left: 0;
  font-style: bolder;
  font-size: 1.5rem;
  margin-bottom: 0;
  padding-bottom: 0.25rem;
}
ul#nav-sub.side-nav-parent li.first a:hover {
  background: transparent;
  color: #184578;
}

#nav-toggle.affix {
  position: fixed;
}

p.side-nav-section {
  margin-top: 0;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: bolder;
  margin-bottom: 0;
  line-height: 1.2;
  /* @media (min-width: $breakpoint-subnav-menu) {	*/
}
@media (min-width: 56.25rem) {
  p.side-nav-section {
    margin-top: 7rem;
  }
}

ul#nav-sub.side-nav,
article ul#nav-sub.side-nav {
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 3rem;
  font-size: 1rem;
}
ul#nav-sub.side-nav li a,
article ul#nav-sub.side-nav li a {
  padding-left: 4rem;
}
ul#nav-sub.side-nav li.first a,
article ul#nav-sub.side-nav li.first a {
  padding-left: 2.5rem;
}
ul#nav-sub.side-nav li,
article ul#nav-sub.side-nav li {
  border-bottom: transparent;
  padding-bottom: 0;
  margin-bottom: 2px;
  margin-top: 0;
}
ul#nav-sub.side-nav li::before,
article ul#nav-sub.side-nav li::before {
  color: #A02F0C;
  left: 2.5rem;
}
ul#nav-sub.side-nav li.first::before,
article ul#nav-sub.side-nav li.first::before {
  left: 0.75rem;
}
ul#nav-sub.side-nav li.active a,
article ul#nav-sub.side-nav li.active a {
  background: #f1f8fd;
  color: #184578;
}
ul#nav-sub.side-nav li a,
article ul#nav-sub.side-nav li a {
  margin-bottom: 2px;
  background: #f1f8fd;
}
ul#nav-sub.side-nav li a:hover,
article ul#nav-sub.side-nav li a:hover {
  background: #f1f8fd;
  color: #184578;
}

article ul#nav-sub.side-nav {
  margin-top: 3rem;
}
@media (min-width: 75rem) {
  article ul#nav-sub.side-nav {
    display: none;
  }
}

/* ----------------------------------------------------------

FACILITIES & TECH

---------------------------------------------------------- */
.support-box {
  padding-left: 2.5rem;
  padding-top: 1rem;
}
.support-box h3 {
  margin-top: 0;
  font-size: 1.25rem;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
}
.support-box p {
  line-height: 1.4;
  font-size: 1rem;
  margin-top: 0.25rem;
}

/* ----------------------------------------------------------

FACULTY STAFF RESOURCES

---------------------------------------------------------- */
.faculty-staff-resources ul.tag-list li {
  display: inline;
  border-bottom: none;
}
.faculty-staff-resources ul.tag-list li a {
  display: inline;
  background-color: none;
}

/* ----------------------------------------------------------

ANIMATION

---------------------------------------------------------- */
.animation-hero-background {
  -webkit-animation-delay: 0.5s;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-delay: 0.5s;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: 1;
  -o-animation-delay: 0.5s;
  -o-animation-duration: 6s;
  -o-animation-iteration-count: 1;
  animation-delay: 0.5s;
  animation-duration: 6s;
  animation-iteration-count: 1;
}

.animation-hero-h1 {
  -webkit-animation-delay: 1s;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-delay: 1s;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: 1;
  -o-animation-delay: 1s;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: 1;
  animation-delay: 1s;
  animation-duration: 5s;
  animation-iteration-count: 1;
}

.animation-hero-tagline {
  -webkit-animation-delay: 1.5s;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-delay: 1.5s;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: 1;
  -o-animation-delay: 1.5s;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: 1;
  animation-delay: 1.5s;
  animation-duration: 5s;
  animation-iteration-count: 1;
}

article {
  background-color: #FFF;
  position: relative;
}

article.no-header-image {
  top: 0;
  margin-top: 0;
}

@media (min-width: 1160px) {
  article.no-header-image {
    top: 0;
    margin-top: 3rem;
  }
}
article .featured-alumni .grid-img-bg,
.image-and-copy .grid-img-bg {
  background-color: #192540;
  min-height: 1px; /* IE11 height bug */
}
article .featured-alumni img,
.image-and-copy img {
  opacity: 0.8;
  transition: all 0.3s ease-out;
}
article .featured-alumni .grid-content,
.image-and-copy .grid-content {
  padding: 1rem;
  background-color: rgba(246, 247, 251, 0.5);
}
article .featured-alumni .grid-cell:hover img,
.image-and-copy .grid-cell:hover img {
  opacity: 1;
}
article .featured-alumni .grid-cell:hover .grid-content,
.image-and-copy .grid-cell:hover .grid-content {
  background-color: rgba(246, 247, 251, 0.25);
}
article .featured-alumni h3,
article .featured-alumni h4,
.image-and-copy h3,
.image-and-copy h4 {
  margin-top: 0;
}
article .featured-alumni p,
.image-and-copy p {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0.25rem;
}
article .featured-alumni p.class-major,
.image-and-copy p.class-major {
  font-style: italic;
}

.prospective-2020 .image-and-copy .grid-content {
  background-color: transparent;
}

.prospective-2020 .image-and-copy .grid-cell:hover .grid-content {
  background-color: rgba(25, 37, 64, 0.75);
}

article .card-deck.featured-alumni p {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
}

.six-up.image-and-copy h3 {
  font-size: 1.25rem;
}
.six-up.image-and-copy p {
  font-size: 0.875rem;
}

.preview-blocks .set-img-bg {
  overflow: hidden;
  background-color: #192540;
}
.preview-blocks img {
  opacity: 0.75;
  transition: all 0.3s ease-out;
}
.preview-blocks a:hover img {
  opacity: 1;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.preview-blocks a:hover.grid-cell {
  background-color: #FFF;
}
.preview-blocks h3, .preview-blocks h4 {
  margin-top: 0;
}
.preview-blocks .grid-cell {
  background-color: rgba(246, 247, 251, 0.25);
}
.preview-blocks .grid-content {
  padding: 1rem;
}

.tabs-container__panel .preview-blocks .grid-cell {
  background-color: rgba(255, 255, 255, 0.5);
}

/* ----------------------------------------------------------

JOURNALISM MATTERS

---------------------------------------------------------- */
.journalism-matters h3 {
  font-size: 1.25rem;
}
.journalism-matters p.position {
  font-size: 0.875rem;
}

/* ----------------------------------------------------------

BIO

---------------------------------------------------------- */
#people article {
  padding-top: 0;
  margin-bottom: 5rem;
}

.bio-block h2 {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 1.75rem;
  width: 100%;
  text-transform: uppercase;
  color: #3d5a9c;
  line-height: 1.4;
  padding-top: 1rem;
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  margin-top: 1.5rem;
}
.bio-block .contact-details {
  /* 	margin-top: 1.5rem; was for four-up version */
}
.bio-block .contact-details .grid-cell {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.bio-block .contact-details p {
  margin-top: 1rem;
  /* padding-top: 0; was for 4-up version */
  line-height: 1.4;
  font-size: 1.1rem;
}
.bio-block .contact-details h2 {
  margin-top: 0;
  padding-top: 1rem;
  padding-left: 1rem;
  font-size: 1.5rem;
  text-align: left;
  color: #bfcbe6;
  border-left: 1px solid rgba(164, 215, 218, 0.5);
}

ul.tag-list,
.education-block ul {
  padding: 0;
}
ul.tag-list li,
.education-block ul li {
  display: inline-block;
  border-bottom: none;
  box-shadow: none;
  margin: 0.25rem;
  padding: 0.25rem 0.75rem;
  border-radius: 15px;
  background-color: rgba(191, 203, 230, 0.125);
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  border: 1px solid rgba(191, 203, 230, 0.5);
  color: rgba(25, 37, 64, 0.75);
}

article ul.tag-list li:last-of-type,
article .education-block ul li:last-of-type {
  border-bottom: 1px solid rgba(191, 203, 230, 0.5);
}

@media (min-width: 37.5rem) {
  ul.tag-list li,
  .education-block ul li {
    font-size: 1.1rem;
  }
}
.bio-header {
  padding: 2rem 0 0 0;
}
.bio-header h1 {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 2.25rem;
  text-transform: uppercase;
  color: #3DCBFF;
  font-weight: 900;
  padding-bottom: 0.25rem;
  margin-bottom: 0.5rem;
  margin-top: 0;
  margin-left: 0;
  text-align: left;
  line-height: 1;
  border-bottom: 1px solid rgba(164, 215, 218, 0.5);
}
.bio-header p {
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
}
.bio-header p.more {
  margin-top: 0.25rem;
}
.bio-header p.dept {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  text-transform: uppercase;
  color: #3d5a9c;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.25rem;
}
.bio-header img {
  width: auto;
  height: auto;
  max-width: 143px;
  margin-bottom: 1.5rem;
  box-shadow: 5px 5px 0 #fff, 10px 10px 0 rgba(61, 203, 255, 0.5);
}

@media (min-width: 37.5rem) {
  .bio-header {
    padding: 2rem 4rem 0 4rem;
  }
  .bio-header h1 {
    font-size: 4.25rem;
    margin-left: 2rem;
  }
  .bio-header p {
    margin-left: 2rem;
  }
}
p.occupation,
p.occupation-dept {
  font-style: italic;
}

article ul.logo-wrap,
ul.logo-wrap {
  list-style-type: none;
  margin: 0;
}
article ul.logo-wrap li,
ul.logo-wrap li {
  width: 50%;
  -webkit-flex-basis: 50%;
  /* flex-basis: 49.98%; */ /* wtf safari? */
  flex-basis: 50%;
  max-width: 50%;
  display: flex;
  border-bottom: none;
  margin: 0;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
}
article ul.logo-wrap li img,
ul.logo-wrap li img {
  -webkit-align-self: unset;
  -ms-flex-item-align: unset;
  align-self: unset;
  margin: 0 auto;
}
article ul.logo-wrap li a,
ul.logo-wrap li a {
  justify-content: center;
  align-items: center;
}

ul.logo-wrap.logo-wrap-2020 li {
  width: 33.3333%;
  -webkit-flex-basis: 33.3333%;
  flex-basis: 33.3333%;
  max-width: 33.3333%;
}

#people h2 [class^=icon-], #people h2 [class*=" icon-"] {
  font-size: 2.25rem;
  margin: 0 0.5rem 0 0;
}
#people h2 .icon-twitter:before {
  content: "\ea96";
  color: #1DA1F3;
}
#people h2 .twitter {
  margin-bottom: 1.5rem;
}
#people h2 .twitter p {
  font-size: 1rem;
}

span.highlighter,
p.highlighter {
  background-color: #BBF99E;
  display: inline-block;
  padding: 2px;
  font-style: normal;
}

/* ----------------------------------------------------------
alumni board
---------------------------------------------------------- */
@media (min-width: 37.5rem) {
  #alumni .directory-image {
    width: 166px;
    margin-bottom: 1rem;
    float: right;
    margin-left: 1rem;
  }
}
/* ----------------------------------------------------------
alumni job postings
---------------------------------------------------------- */
p.posting-company {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  text-transform: uppercase;
  color: #A02F0C;
  font-size: 1.75rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
}

p.posting-apply {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  text-transform: uppercase;
  color: #A02F0C;
  font-size: 1.5rem;
  margin-bottom: 0;
  margin-top: 1.5rem;
  font-weight: 400;
}

p.posting-submit {
  text-align: right;
  font-style: italic;
}

p.posting-more:before {
  content: "→ ";
  margin-left: 2em;
}

/* ----------------------------------------------------------

NEWS SHARING

---------------------------------------------------------- */
.fb_iframe_widget {
  display: block !important;
}

.fb-like {
  margin: 0.5rem 0;
}

#news p.date {
  margin-top: 3rem;
}
#news h1 {
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

/* ----------------------------------------------------------

FLEX LAYOUT

---------------------------------------------------------- */
ul.list-inline.social-icons {
  display: block;
  margin-top: 1rem;
  padding-left: 0;
}
ul.list-inline.social-icons [class^=icon-], ul.list-inline.social-icons [class*=" icon-"] {
  font-size: 2.25rem;
  margin: 0 1rem 0 0;
}
ul.list-inline.social-icons [class^=icon-] li, ul.list-inline.social-icons [class*=" icon-"] li {
  margin-top: 1.5rem;
}

/* ----------------------------------------------------------

FLEX LAYOUT

---------------------------------------------------------- */
.mobile-reorder {
  order: -1;
}

@media (min-width: 37.5rem) {
  .mobile-reorder {
    order: unset; /*reset */
  }
}
.max-width {
  width: 100%;
  padding: 0 5%;
  margin: 0 auto;
}

.max-width.no-padding {
  padding: 0;
}

@media (min-width: 75rem) {
  article.max-width {
    padding: 0;
  }
}
/* -----
BASIC GRID CONTAINER 
-----  */
.grid:before {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.grid.no-wrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.grid-cell {
  display: block; /* at mobile size, all grid cells don't flex */
  position: relative;
  flex-direction: column; /* default grid cell is stacked vertically */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* actually I think all still need to flex - just make widths 100%*/
@media (min-width: 37.5rem) {
  .grid-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.grid-vertical,
.grid-science {
  flex-direction: column;
}

.grid-horizontal {
  flex-direction: row;
}

@media (min-width: 37.5rem) {
  .grid-science {
    flex-direction: row;
  }
}
.full,
.three-quarters,
.half,
.third, .three-up.margined .grid-cell,
.two-thirds,
.forty,
.quarter, .four-up.margined .grid-cell,
.fifth,
.sixth, .six-up.margined .grid-cell {
  width: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.three-up.margined .grid-cell,
.four-up.margined .grid-cell,
.six-up.margined .grid-cell {
  width: 99%;
  -webkit-flex-basis: 99%;
  flex-basis: 99%;
  max-width: 99%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.journalism-matters .four-up.margined .grid-cell {
  width: 47%;
  -webkit-flex-basis: 47%;
  flex-basis: 47%;
  max-width: 47%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.margined .full {
  width: 99%;
  -webkit-flex-basis: 99%;
  flex-basis: 99%;
  max-width: 99%;
  display: block;
  position: relative;
}

/* -----
GRID OPTIONS
-----  */
.reverse {
  flex-direction: row;
}

.justify-right {
  justify-content: flex-end;
}

.grid-content {
  padding: 1rem 1.5rem; /* for content with no background color */
  width: 100%;
  /* @include display-flex;
  @include flex-direction(column); */
  display: block;
}

.grid-padded {
  padding: 1rem 1.5rem;
}

/* .margined, */
.margined > div,
.margined > article,
.margined > a,
.margined > ul {
  margin: 1.5vw 1.5%; /* vw used for firefox bug */
}

.accordion .margined > div {
  margin-top: 0;
}

.three-up.margined > a,
.three-up.margined > div,
.three-up.margined > ul,
.four-up.margined > a,
.four-up.margined > div,
.four-up.margined > ul,
.six-up.margined > a,
.six-up.margined > div,
.six-up.margined > ul {
  margin: 0.5vw 0.5%; /* extra padding at grid level to even out margins on the inner blocks */
}

.three-up.margined,
.four-up.margined,
.six-up.margined {
  padding: 0.5vw 0.5%; /* extra padding at grid level to even out margins on the inner blocks */
}

.margined.sixth,
.six-up.margined .grid-cell {
  width: 49%;
  -webkit-flex-basis: 49%;
  flex-basis: 49%;
  max-width: 49%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.no-flex {
  display: block;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

article .grid-content {
  padding: 1.5rem 0 1.5rem 0;
}

@media (min-width: 37.5rem) {
  article .grid-content {
    padding: 2.5rem 0;
  }
}
@media (min-width: 56.25rem) {
  .content article {
    box-shadow: rgba(0, 0, 0, 0.125) 0 5px 12px 5px;
  }
}
@media (min-width: 1160px) {
  article .grid-content {
    padding: 2.5rem 4rem;
  }
}
.grid-centered {
  justify-content: center;
}

.grid-vertical-center {
  align-items: center;
}

/* -----
MAX WIDTH
-----  */
@media (min-width: 1520px) {
  .max-width {
    padding: 0;
    width: 1440px; /* need to set explicit width to equalize same width columns in different blocks */
  }
}
@media (min-width: 1160px) {
  article .max-width,
  article.max-width,
  aside .max-width,
  aside.max-width,
  .category-navigation .max-width,
  .extra-nav-cards .max-width {
    width: 1080px;
  }
  .split-block-nav .category-navigation .max-width {
    width: 100%;
    margin-left: 0;
  }
}
article.no-header-image .extra-nav-cards {
  top: 0;
}

.block-image {
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  position: relative;
}

.block-image-positioner {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block; /* no flex on single column */
}

@media (min-width: 37.5rem) {
  .padded .grid-cell {
    padding: 2rem;
  }
  header .grid-content {
    padding: 2rem;
  }
  .reverse {
    flex-direction: row-reverse;
  }
  .half,
  .third, .three-up .grid-cell,
  .quarter, .four-up .grid-cell,
  .fifth {
    width: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .two-thirds + .third {
    width: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .three-up.margined .grid-cell,
  .four-up.margined .grid-cell {
    width: 49%;
    -webkit-flex-basis: 49%;
    flex-basis: 49%;
    max-width: 49%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .journalism-matters .four-up.margined .grid-cell {
    width: 32.3333%;
    -webkit-flex-basis: 32.3333%;
    flex-basis: 32.3333%;
    max-width: 32.3333%;
  }
  .margined .half,
  .margined .third,
  .margined .quarter,
  .margined .fifth,
  .margined .forty {
    width: 47%;
    -webkit-flex-basis: 47%;
    flex-basis: 47%;
    max-width: 47%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .sixth,
  article ul.logo-wrap li,
  ul.logo-wrap li {
    width: 33.3333%;
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
  ul.logo-wrap.logo-wrap-2020 li {
    width: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .margined.sixth,
  .six-up.margined .grid-cell {
    width: 32.3333%;
    -webkit-flex-basis: 32.3333%;
    flex-basis: 32.3333%;
    max-width: 32.3333%;
  }
  header {
    /* for comm to retain logo and links */
  }
  header .third {
    width: 33.3333%;
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.3333%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  header .two-thirds {
    width: 66.6666%;
    -webkit-flex-basis: 66.6666%;
    flex-basis: 66.6666%;
    max-width: 66.6666%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 56.25rem) {
  .margined.sixth {
    width: 24%;
    -webkit-flex-basis: 24%;
    flex-basis: 24%;
    max-width: 24%;
  }
  .six-up.margined .grid-cell {
    width: 24%;
    -webkit-flex-basis: 24%;
    flex-basis: 24%;
    max-width: 24%;
  }
  .journalism-matters .four-up.margined .grid-cell {
    width: 24%;
    -webkit-flex-basis: 24%;
    flex-basis: 24%;
    max-width: 24%;
  }
  .third,
  .three-up .grid-cell,
  .two-thirds + .third {
    width: 33.3333%;
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.3333%;
  }
  .margined .third {
    width: 30.3333%;
    -webkit-flex-basis: 30.3333%;
    flex-basis: 30.3333%;
    max-width: 30.3333%;
  }
  .three-up.margined .grid-cell {
    width: 32.3333%;
    -webkit-flex-basis: 32.3333%;
    flex-basis: 32.3333%;
    max-width: 32.3333%;
  }
  .three-quarters {
    width: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .margined .three-quarters {
    width: 72%;
    -webkit-flex-basis: 72%;
    flex-basis: 72%;
    max-width: 72%;
  }
  .quarter {
    width: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .margined .quarter {
    width: 22%;
    -webkit-flex-basis: 22%;
    flex-basis: 22%;
    max-width: 22%;
  }
  .two-thirds {
    width: 66.6666%;
    -webkit-flex-basis: 66.6666%;
    flex-basis: 66.6666%;
    max-width: 66.6666%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .margined .two-thirds {
    width: 63.6666%;
    -webkit-flex-basis: 63.6666%;
    flex-basis: 63.6666%;
    max-width: 63.6666%;
  }
  .fifth { /* work on this - header nav only right now */
    flex-grow: 0;
    flex-shrink: 0;
    width: 20%;
    -webkit-flex-basis: 20%;
    flex-basis: 19.98%; /* wtf safari? */
    max-width: 20%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .margined .fifth { /* work on this - header nav only right now */
    flex-grow: 0;
    flex-shrink: 0;
    width: 17%;
    -webkit-flex-basis: 17%;
    flex-basis: 16.98%; /* wtf safari? */
    max-width: 17%;
  }
  header .grid-content {
    padding: 3rem 2rem;
  }
  .card.third {
    height: 50%;
  }
  .forty { /* used in header nav - flex basis weird in safari */
    -webkit-flex-basis: 40%;
    flex-basis: 39.98%; /* wtf safari? */
    max-width: 40%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .margined .forty {
    -webkit-flex-basis: 37%;
    flex-basis: 36.98%; /* wtf safari? */
    max-width: 37%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  article ul.logo-wrap li,
  ul.logo-wrap li {
    width: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  ul.logo-wrap.logo-wrap-2020 li {
    width: 20%;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  .block-image-positioner {
    display: flex; /* box flexes but image inside does not */
    position: absolute;
  }
  .block-image img { /* use standard responsive img until 2 column layout */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
  }
}
@media (min-width: 75rem) {
  .three-quarters {
    width: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .margined .three-quarters {
    width: 72%;
    -webkit-flex-basis: 72%;
    flex-basis: 72%;
    max-width: 72%;
  }
  .sixth,
  article ul.logo-wrap li,
  ul.logo-wrap li {
    width: 20%;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  ul.logo-wrap.logo-wrap-2020 li {
    width: 16.6667%;
    -webkit-flex-basis: 16.6667%;
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }
  .margined .sixth {
    width: 13.6666%;
    -webkit-flex-basis: 13.6666%;
    flex-basis: 13.6666%;
    max-width: 13.6666%;
  }
  .quarter,
  .four-up .grid-cell {
    width: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .quarter.card, .quarter.card-simple,
  .four-up .grid-cell.card,
  .four-up .grid-cell.card-simple {
    width: 23%;
    -webkit-flex-basis: 23%;
    flex-basis: 23%;
    max-width: 23%;
  }
  .four-up.margined .grid-cell {
    width: 24%;
    -webkit-flex-basis: 24%;
    flex-basis: 24%;
    max-width: 24%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .six-up.margined .grid-cell {
    width: 15.6667%;
    -webkit-flex-basis: 15.6667%;
    flex-basis: 15.6667%;
    max-width: 15.6667%;
  }
  .margined .quarter {
    width: 22%;
    -webkit-flex-basis: 22%;
    flex-basis: 22%;
    max-width: 22%;
  }
}
@media (min-width: 87.5rem) {
  ul.logo-wrap.logo-wrap-2020 li {
    width: 12.5%;
    -webkit-flex-basis: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
}
/* ----------------------------------------------------------

BG GRADIENTS

---------------------------------------------------------- */
.bg-light-blue-white-gradient {
  background-color: #c3e2f8;
  background: linear-gradient(to right bottom, #c3e2f8 0%, #ffffff 100%);
}

.bg-purple-gradient {
  background-color: #604471;
  background: linear-gradient(to right bottom, #604471 0%, #4e64b2 100%);
}

.bg-blue-gradient {
  background-color: #005693;
  background: linear-gradient(to right bottom, #005693 0%, #009CDE 100%);
}

.bg-dk-blue-gradient {
  background-color: rgb(0, 0, 0);
  background: linear-gradient(to right bottom, rgb(0, 0, 0) 0%, rgb(30, 65, 123) 100%);
}

.bg-rust-gradient {
  background-color: #ba2b06;
  background: linear-gradient(to right bottom, #ba2b06 0%, #ff665d 100%);
}

.bg-blueteal-gradient {
  background-color: rgb(0, 86, 147);
  background: linear-gradient(to bottom, #1a386d 0%, #3ea39e 100%);
}

.bg-palegreen-gradient {
  background-color: rgb(125, 194, 232);
  background: linear-gradient(to right bottom, rgba(125, 194, 232, 0.75) 0%, rgba(170, 221, 116, 0.75) 100%);
}

.bg-yellow-gradient {
  background-color: rgb(151, 220, 223);
  background: linear-gradient(to right bottom, rgba(151, 220, 223, 0.75) 0%, rgba(253, 216, 39, 0.75) 100%);
}

.bg-yelloworange-gradient {
  background-color: rgb(125, 194, 232);
  background: linear-gradient(to right bottom, rgba(253, 216, 39, 0.75) 0%, rgba(255, 150, 87, 0.75) 100%);
}

.bg-tricolor-1 {
  background-color: rgba(125, 194, 232, 0.75);
  background: linear-gradient(to right bottom, rgba(125, 194, 232, 0.75) 0%, rgba(160, 215, 141, 0.75) 100%);
}

.bg-tricolor-2 {
  background-color: rgba(152, 210, 162, 0.75);
  background: linear-gradient(to right bottom, rgba(152, 210, 162, 0.75) 0%, rgba(202, 219, 86, 0.75) 100%);
}

.bg-tricolor-3 {
  background-color: rgba(187, 220, 100, 0.75);
  background: linear-gradient(to right bottom, rgba(187, 220, 100, 0.75) 0%, rgba(253, 216, 39, 0.75) 100%);
}

.bg-tricolor-4 {
  background-color: rgba(253, 216, 39, 0.75);
  background: linear-gradient(to right bottom, rgba(253, 216, 39, 0.75) 0%, rgba(254, 190, 58, 0.75) 100%);
}

.bg-tricolor-5 {
  background-color: rgba(254, 196, 54, 0.75);
  background: linear-gradient(to right bottom, rgba(254, 196, 54, 0.75) 0%, rgba(254, 170, 73, 0.75) 100%);
}

.bg-tricolor-6 {
  background-color: rgba(254, 175, 69, 0.75);
  background: linear-gradient(to right bottom, rgba(254, 175, 69, 0.75) 0%, rgba(255, 150, 87, 0.75) 100%);
}

.bg-tricolor-7 {
  background-color: rgba(0, 161, 223, 0.75);
  background: linear-gradient(to right bottom, rgba(0, 161, 223, 0.75) 0%, rgba(64, 202, 217, 0.75) 100%);
}

.bg-tricolor-8 {
  background-color: rgba(64, 198, 220, 0.75);
  background: linear-gradient(to right bottom, rgba(64, 198, 220, 0.75) 0%, rgba(106, 215, 219, 0.75) 100%);
}

.bg-tricolor-9 {
  background-color: rgba(106, 215, 219, 0.75);
  background: linear-gradient(to right bottom, rgba(106, 215, 219, 0.75) 0%, rgba(151, 220, 223, 0.75) 100%);
}

.bg-rust-gradient.alert-box {
  background-color: #205EA3;
  background-image: url(/assets/uploads/temp_file_fpo-carnegie-1440-4802.jpg);
  background-blend-mode: multiply;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}

/* ----------------------------------------------------------

ALERT BOX

---------------------------------------------------------- */
.alert-box {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.alert-box p {
  font-size: 1.75rem;
  margin-bottom: 2rem;
}
.alert-box span {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: 600;
}
.alert-box span:after {
  content: " / ";
  font-weight: lighter;
  color: #3DCBFF;
}
.alert-box span.icon-twitter:after {
  content: none;
}

/* ----------------------------------------------------------

PINS

---------------------------------------------------------- */
#pinme {
  margin: 0 auto;
}

.two-third .pins {
  width: 230px;
  margin-right: 0;
}

.pins {
  width: 230px;
  text-align: left;
  font-size: 1.5em;
  line-height: 1.2;
  padding: 10px;
  margin: 20px 20px 0 0;
  background-color: rgba(255, 255, 255, 0.25);
  color: #333;
}

.student-faces .pins {
  width: 80px;
}

section .pins {
  margin-right: 0;
  width: 240px;
}

#news-blocks .pins {
  margin-right: 0;
  width: 170px;
  font-size: 95%;
}

.pins.twitter {
  border: none;
  background-color: transparent;
  box-shadow: none;
  font-size: 2.1em;
  line-height: 1.4;
  margin-bottom: 20px;
  font-family: OswaldBook;
}

.pins img {
  width: 100%;
  height: auto;
  /* margin-bottom: 5px; */
}

/**** Pins w/ Text ****/
.pins-head {
  position: relative;
}

.pins-head h1 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  margin: 0;
  z-index: 999;
  border: transparent;
  font-size: 1.7em;
  color: #fff;
  background-color: #000;
  background: rgba(0, 0, 0, 0.6);
  padding: 5px 5px 2px 5px;
  font-family: OswaldLight;
  text-transform: uppercase;
}

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

table.isotope,
table.isotope tbody,
tr.isotope-item {
  width: 100%;
}

.isotope-hidden.isotope-item {
  /* pointer-events: none; ONLY NECESSARY FOR FILTERING??? */
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

img.lazy {
  display: none;
  color: #FFF;
}

/* ----------------------------------------------------------

ASIDE - FOOTER CALLOUT BOX

---------------------------------------------------------- */
aside {
  position: relative;
}
aside.max-width {
  padding: 0;
}

/* ----------------------------------------------------------

SPLITSCREEN

---------------------------------------------------------- */
.split-screen nav h2,
.split-screen ul li.first { /* hide section callout and overview link from split screen landing page */
  display: none;
}

.img-fill {
  overflow: hidden;
  background-color: #192540;
  min-height: 12.5rem; /* needed for old iphone which does not respect img height */
}
.img-fill img {
  width: 100%;
  height: auto;
  opacity: 0.3;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.img-fill h1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 2.75rem;
  text-transform: uppercase;
  /* word-break: break-all; */
  word-wrap: break-word;
  color: #3DCBFF;
  line-height: 0.75;
  font-weight: 900;
  mix-blend-mode: hard-light;
  opacity: 0.75;
  width: 90%;
  letter-spacing: -0.025em;
}

.grid-square {
  min-height: 1px; /* IE11 Height Bug */
}
.grid-square .grid-cell {
  background-color: #192540;
}
.grid-square .grid-square-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 1.5rem;
  text-align: center;
}
.grid-square h2 {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 2.5rem;
  text-transform: uppercase;
  /* word-break: break-all; */
  word-wrap: break-word;
  color: #FFF;
  line-height: 0.85;
  font-weight: 900;
  opacity: 0.8;
  text-shadow: 3px 6px 3px rgba(0, 0, 0, 0.375);
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.grid-square img {
  width: 100%;
  height: auto;
  opacity: 0.5;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  transition: all 0.3s ease-out;
}

.grid-square .grid-cell:hover img {
  opacity: 0.125;
}

#home .img-fill h1 {
  font-size: 7rem;
}

.grid.full-height {
  height: 100vh;
}
.grid.full-height .img-fill {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.grid.full-height .img-fill h1 {
  font-size: 4.25rem;
}
.grid.full-height img {
  height: 100vh;
  width: auto;
}

.alert-box h2 {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 2.75rem;
  text-transform: uppercase;
  word-wrap: break-word;
  color: #3DCBFF;
  line-height: 0.85;
  font-weight: 900;
  mix-blend-mode: hard-light;
  opacity: 0.75;
  border-top: none;
  padding: 0;
  margin-top: 0;
}

@media (min-width: 37.5rem) {
  .grid-square-content h2 {
    font-size: 2.25rem;
  }
  .img-fill h1 {
    font-size: 4.5rem;
  }
}
@media (min-width: 56.25rem) {
  .grid-square-content h2 {
    font-size: 2.75rem;
  }
  .img-fill img {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 66rem) {
  .img-fill h1 {
    font-size: 5.5rem;
  }
}
@media (min-width: 75rem) {
  .grid-square-content h2 {
    font-size: 2rem;
  }
  .img-fill h1 {
    font-size: 6rem;
  }
}
@media (min-width: 87.5rem) {
  .grid-square-content h2 {
    font-size: 2.75rem;
  }
}
@media (min-width: 112.5rem) {
  /* no longer works when lots of sidenav options

  	.split-screen .img-fill {

  	img {
  		width: 100%;
  		height: auto;			
  		}	
  	} */
  .grid-square-content h2 {
    font-size: 3.625rem;
  }
  .img-fill h1 {
    font-size: 8rem;
  }
}
/* ----------------------------------------------------------

PROSPECTIVE

---------------------------------------------------------- */
.prospective-major-block {
  background-color: #DEECFC;
}

#prospective h2 {
  border-top: none;
  font-size: 2.25rem;
  padding-top: 8rem;
  margin-top: 0;
}
#prospective .prospective-2020 h2 {
  padding-top: 3rem;
}
#prospective p.positioning {
  font-size: 1.25rem;
  margin-bottom: 2rem;
}
#prospective p.big-quote {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 2rem;
  margin-top: 0;
  font-size: 1.25rem;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  display: inline-block;
}
@media (min-width: 37.5rem) {
  #prospective p.big-quote {
    font-size: 1.5rem;
  }
}
@media (min-width: 75rem) {
  #prospective p.big-quote {
    font-size: 1.75rem;
  }
}
#prospective .prospective-2020 p.positioning {
  font-size: 1rem;
  line-height: 2;
}

@media (min-width: 37.5rem) {
  #prospective h2 {
    font-size: 3rem;
  }
  #prospective p.positioning {
    font-size: 1.75rem;
  }
  #prospective .prospective-2020 p.positioning {
    font-size: 1.5rem;
  }
}
@media (min-width: 75rem) {
  #prospective .prospective-2020 h2 {
    padding-top: 6rem;
  }
}
#prospective .prospective-2020 p.positioning {
  margin-bottom: 1rem;
}
#prospective .prospective-2020 .grid-content {
  padding: 1rem 0.5rem;
}

#what-is-comm {
  background-color: #000;
  background: #000033 url(../../assets/images/bg-diamond.png) repeat;
}

#college-town {
  background: #43596F;
}

#student-support {
  background-color: #DEECFC;
}

#three-c {
  padding-bottom: 3rem;
}

#psu-statistics .video-embed {
  margin-top: 4rem;
  margin-bottom: 0;
}

.bg-50-white {
  background-color: rgba(255, 255, 255, 0.5);
}

#comm-students {
  background: #282828 url(../../assets/images/bg-gray-stripes.png) repeat;
}

.masonry img {
  max-width: 100%;
  vertical-align: bottom;
}

.masonry {
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.masonry p {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 2rem;
  margin-top: 0.5rem;
}

.masonry .brick {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.masonry .brick img {
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.masonry .brick:hover img {
  opacity: 0.75;
}

.masonry.gutterless {
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
}

.masonry.gutterless .brick {
  margin-bottom: 0;
}

.span {
  -moz-column-span: all;
  -webkit-column-span: all;
  column-span: all;
  *margin: 30px 0;
}

.masonry {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

@media (min-width: 56.25rem) {
  .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
  .masonry.masonry-2col {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
a.btn.visit-campus-btn {
  position: fixed;
  bottom: 0.5rem;
  right: 0.5rem;
  z-index: 999;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  border-radius: 1rem;
  background-color: #0061CC;
  color: #FFF;
  opacity: 1;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  line-height: 1;
}
@media (min-width: 37.5rem) {
  a.btn.visit-campus-btn {
    font-size: 1rem;
    padding: 0.5rem 1.5rem;
  }
}
a.btn.visit-campus-btn:hover {
  background-color: #004999;
}

/* ----------------------------------------------------------

MATERIALIZE CARD OVERRIDES

---------------------------------------------------------- */
.card {
  margin: 0;
  transition: none;
  box-shadow: none;
  background-color: #192540;
  overflow: hidden;
}
.card h3 {
  color: #FFF;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 1.75rem;
  margin-top: 0;
}

.card:hover {
  cursor: pointer;
}

.card .card-image {
  width: 100%;
}

.card .card-image img {
  width: 100%;
  height: auto;
  transition: all 0.3s ease-out;
}

.card-image {
  opacity: 0.3;
}

.card:hover .card-image {
  opacity: 0.85;
}
.card:hover .card-image img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.card-header:hover + .card-image,
.card-image:hover {
  opacity: 0.85;
}
.card-header:hover + .card-image img,
.card-image:hover img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.card-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  padding: 1em;
  height: 100%;
  width: 100%;
}
.card-header h2 {
  margin: 0;
  color: #FFF;
  cursor: pointer;
  text-align: center;
}

.card-reveal {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  padding: 2.5rem 1.5rem 1.5rem 1.5rem;
}

.card-reveal p:first-of-type {
  margin-top: 0;
  margin-bottom: 1rem;
}

div.card-reveal:focus {
  outline: none;
  box-shadow: none;
}

.card .card-reveal button {
  position: absolute;
  top: 1rem;
  margin: 0;
  right: 1rem;
  padding: 0;
  background: none;
}

.card-reveal.theme-dark .material-icons {
  color: #3DCBFF;
  font-size: 1.75rem;
}

.card-reveal.theme-dark {
  background-color: #192540;
}

/* ----------------------------------------------------------

CENTER TABLES

---------------------------------------------------------- */
.center-center {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.hero.center-center {
  display: block; /* changed to fix FF bug - not sure if this will break something else? */
}

.center-center-cell {
  display: table-cell;
  position: relative;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

/* ----------------------------------------------------------

LANDING SLIDE

---------------------------------------------------------- */
header {
  width: 100%;
  position: relative;
  display: block;
  z-index: 999;
  background-color: rgb(30, 65, 123);
  background: url(../images/header-shield-overlay.png), no-repeat, linear-gradient(to right, #1e417b 0%, #000000 100%);
  background-position: center top;
}
header img {
  display: block;
  transition: all 0.3s ease-out;
}
header img:hover {
  opacity: 0.75;
}
header a {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
header ul {
  list-style-type: none;
  text-transform: uppercase;
  font-size: 1rem;
  position: relative;
  top: -1rem;
}
header ul li {
  display: inline-block;
  margin: 0 0.75rem;
}
header ul li a {
  border-bottom: 2px solid transparent;
  padding: 0.5rem 0.5rem;
  transition: all 0.3s ease-out;
}
header ul li a:visited {
  color: #FFF;
}

p.branding-statement {
  font-size: 1.25rem;
  color: #C3E2F8;
  margin-top: 0.75rem;
  line-height: 1;
}
p.branding-statement span {
  color: #FFF;
}

img.big-small {
  display: none;
}

@media (min-width: 47.5rem) {
  img.big-small {
    display: inline-block;
    width: 380px;
    height: auto;
  }
}
@media (min-width: 56.25rem) {
  p.branding-statement {
    font-size: 1.75rem;
  }
  header p.branding-statement {
    display: block;
  }
}
.nav-feature div {
  background-color: #205EA3;
}
.nav-feature img {
  opacity: 1;
  transition: all 0.3s ease-out;
}

nav .nav-feature p {
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.2;
  transition: all 0.3s ease-out;
  border-bottom: 2px solid transparent;
}

nav a.nav-feature:hover img {
  opacity: 0.5;
}

header ul li a:hover,
nav a.nav-feature:hover p {
  border-bottom: 2px solid #3DCBFF;
  color: #FFF;
}

.navigation,
.header-background-animation { /* hide nav and its background from small screens */
  display: none;
}

.brand-logo {
  display: block;
  float: none;
  transition: all 0.3s ease-out;
}
.brand-logo img {
  width: 240px;
  height: auto;
}

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

@media (min-width: 37.5rem) {
  .center-mobile {
    text-align: inherit;
  }
  header p.branding-statement {
    display: block;
  }
  .brand-logo img {
    width: 280px;
    height: auto;
  }
}
p.story-tagline {
  line-height: 1.2;
  color: #FFF;
  margin-top: 0.25em;
  margin-bottom: 0.5em;
  font-weight: lighter;
  text-shadow: rgba(0, 0, 0, 0.75) 2px 2px 2px;
  text-align: center;
  font-size: 1.5rem;
}
p.story-tagline span {
  display: none;
}

@media (min-width: 37.5rem) {
  p.story-tagline span {
    display: inline;
  }
}
p.big-quote {
  background-color: #FFF;
  padding: 1rem;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.25rem;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: lighter;
  display: inline-block;
}
@media (min-width: 37.5rem) {
  p.big-quote {
    font-size: 1.5rem;
  }
}
@media (min-width: 75rem) {
  p.big-quote {
    font-size: 1.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

p.quote-author {
  margin-top: 0;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: lighter;
}

p.big-quote + p.quote-author {
  margin-bottom: 1rem;
}

.grid-content blockquote {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding: 1.5rem 1rem;
  text-align: left;
  text-transform: none;
  text-align: center;
  position: relative;
}
.grid-content blockquote p {
  font-weight: lighter;
  font-size: 1.25rem;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  line-height: 1.6;
  text-align: center;
  position: relative;
  color: #273a65;
}
@media (min-width: 37.5rem) {
  .grid-content blockquote p {
    font-size: 1.5rem;
  }
}
@media (min-width: 75rem) {
  .grid-content blockquote p {
    font-size: 1.75rem;
  }
}
.grid-content blockquote p.big-quote {
  text-align: center;
  position: relative;
}
.grid-content blockquote::before {
  content: "";
  background-image: url(../images/quote-top.svg);
  background-size: 100% 100%;
  display: block;
  width: 52px;
  height: 39px;
  position: absolute;
  left: 50%;
  top: -1rem;
  transform: translateX(-50%);
}
.grid-content blockquote::after {
  content: "";
  background-image: url(../images/quote-bottom.svg);
  background-size: 100% 100%;
  display: block;
  width: 52px;
  height: 39px;
  position: absolute;
  left: 50%;
  bottom: -1rem;
  transform: translateX(-50%);
}
.grid-content blockquote.twitter-tweet {
  /* hide quote marks as Tweet renders */
}
.grid-content blockquote.twitter-tweet::before, .grid-content blockquote.twitter-tweet::after {
  content: none;
}
.grid-content blockquote cite {
  display: block;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  margin-right: 1rem; /* offset the before - */
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.2;
}
.grid-content blockquote cite::before {
  content: "—";
}
@media (min-width: 75rem) {
  .grid-content blockquote {
    padding: 2rem 3rem;
  }
}

/*------------------------------------------------

BUTTON

---------------------------------------------------------- */
button,
a.btn,
.theme-dark a.btn,
.btn {
  background: rgba(239, 201, 0, 0.85);
  color: #192540;
  text-align: center;
  line-height: 1.3;
  font-weight: 400;
  font-family: "Roboto Slab", "Bitter", sans-serif;
  border: none;
  margin-top: 1em;
  font-size: 1.25rem;
  display: inline-block;
  transition: all 0.3s ease-out;
  padding: 0.5rem 1.5rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
button:hover,
a.btn:hover,
.theme-dark a.btn:hover,
.btn:hover {
  background: #EFC900;
  cursor: pointer;
}
button.media-transcript, button.media-credits,
a.btn.media-transcript,
a.btn.media-credits,
.theme-dark a.btn.media-transcript,
.theme-dark a.btn.media-credits,
.btn.media-transcript,
.btn.media-credits {
  margin-top: 0;
  background: transparent;
  padding: 0;
  position: relative;
  color: #FFF;
  cursor: pointer;
}
button.media-credits,
a.btn.media-credits,
.theme-dark a.btn.media-credits,
.btn.media-credits {
  position: absolute;
  bottom: 1em;
  right: 1em;
  z-index: 99999;
}

.builder-btns {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.builder-btns a.btn.btn-primary,
.builder-btns a.btn.btn-secondary {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  margin: 0.25rem 0.5rem;
  border-radius: 0;
  padding: 0.75rem 1.75rem;
  font-size: 1.25rem;
  color: #192540;
  box-shadow: 4px 4px 0 #3DCBFF;
}
.builder-btns a.btn.btn-primary {
  background-color: #ffe366;
}
.builder-btns a.btn.btn-primary:hover {
  background-color: #ffda33;
}
.builder-btns a.btn.btn-secondary {
  background-color: #b2dad8;
}
.builder-btns a.btn.btn-secondary:hover {
  background-color: #8bc8c5;
}

.siema button {
  font-size: 0.875rem;
}

@media (min-width: 37.5rem) {
  .siema button {
    font-size: 1.25rem;
  }
}
button.big-btn,
a.btn.big-btn,
.theme-dark a.btn.big-btn,
.btn.big-btn {
  margin-top: 2rem;
  padding: 2rem 4rem;
  font-size: 1.5rem;
}

.btn.alt-btn,
a.btn.alt-btn,
.theme-dark a.btn.alt-btn {
  color: #FFF;
  background: #205EA3;
}

.btn.alt-btn:hover,
a.btn.alt-btn:hover {
  background: #1E417B;
}

#hero-video a.btn {
  padding: 1rem 2rem;
}

.btn.small,
a.btn.small {
  font-size: 1.1rem;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  margin-top: 0;
}

.toggle { /* Toggle is button w/ out background! */
  font-size: 0.875rem;
  border-bottom: 1px solid #3DCBFF;
  box-shadow: inset 0 -1px 0 #3DCBFF;
}

@media (min-width: 37.5rem) {
  .toggle {
    font-size: 0.75rem;
  }
}
.toggle:before {
  content: "+";
  margin-right: 0.125em;
}

.toggle.toggle-opened:before {
  content: "x";
  margin-right: 0.25em;
  position: relative;
  top: -0.05em;
  font-size: 75%;
}

div.toggled-group {
  display: none;
  text-align: left;
}
div.toggled-group p {
  font-size: 1rem;
  margin-bottom: 1em;
}

div.toggled-group.credits-text {
  background-color: #FFF;
  padding: 0.5em 0.5em 0 0.5em;
  position: absolute !important;
  bottom: 1.5em;
  right: 1em;
  z-index: 99999;
}
div.toggled-group.credits-text p {
  font-size: 0.75rem;
  color: #192540;
}

.half div.toggled-group p {
  font-size: 0.875rem;
}

.transcript-text {
  padding: 1em 0 0 0;
}

.media-transcript + p,
.transcript-text + p {
  margin-top: 2em;
}

/* ----------------------------------------------------------

FOOTER

---------------------------------------------------------- */
footer {
  position: relative;
  background: #C3E2F8;
  background: url(../images/footer-gradient-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0;
  padding: 2.5rem 0;
  z-index: 100;
}
footer [class^=icon-], footer [class*=" icon-"] {
  font-size: 1.75rem;
  margin-right: 0.75rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
footer img {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
footer .logo-comm img {
  margin: 1rem auto;
}
footer ul {
  font-size: 0.875rem;
  margin: 0;
  text-align: center;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
}
footer ul li {
  color: #192540;
  display: inline-block;
  margin: 0.25rem 0;
}
footer ul li p {
  padding-bottom: 0.5rem;
  margin-bottom: 0.25rem;
  border-bottom: 1px solid #93BFE6;
  line-height: 1.2;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
}
footer ul.legal li {
  margin: 0 0.5rem;
}

footer .take-action {
  padding: 2rem;
}
footer .take-action ul {
  margin-top: 0;
  font-size: 1rem;
  text-transform: uppercase;
}
footer .take-action ul li {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
}
footer .take-action ul li a:hover {
  border-bottom: 2px solid #3DCBFF;
  color: #3DCBFF;
}

@media (min-width: 37.5rem) {
  footer ul {
    font-size: 1rem;
  }
}
/* ----------------------------------------------------------

G3 SPECIFIC

---------------------------------------------------------- */
.bg-image {
  background-image: url(../images/bg-landing.jpg);
  background-attachment: fixed;
}

#main ul.gridder {
  width: 100%;
  text-align: left;
  padding-bottom: 0;
}
#main ul.gridder a {
  cursor: pointer;
  padding: 1%;
}
#main ul.gridder li {
  border-left: none;
}

.gridder {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 0;
}
.gridder button::-moz-focus-inner { /* for Firefox button spacing error with img */
  padding: 0;
  border: 0;
}
.gridder button.gridder-list {
  display: block;
  background-color: #000;
  width: 100%;
  margin: 0;
  border: 1em solid rgba(255, 255, 255, 0.5);
  background: none;
  padding: 0;
  position: relative;
  line-height: 1;
  white-space: nowrap;
}
.gridder button.gridder-list img {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0.8;
}
.gridder button.gridder-list:hover {
  border: 1em solid rgba(30, 65, 123, 0.5);
}
.gridder button.gridder-list:hover img {
  opacity: 1;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.gridder button.gridder-list:focus {
  border: 1em solid #EFC900;
  outline: none;
}
.gridder button.gridder-list:focus img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.gridder button.gridder-list.selected-item {
  border: 1em solid #EFC900;
  outline: none;
}
.gridder button.gridder-list.selected-item img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

#main .gridder > li {
  display: inline-block;
  width: 90%;
  vertical-align: top;
  padding: 0;
}

.gridder-show {
  display: block;
  float: left;
  width: 100%;
  position: relative;
  background-color: rgba(255, 255, 255, 0.35);
  margin-top: 1.5em;
  padding-top: 0.5em;
}

.gridder-content {
  display: none;
}

.gridder-list {
  width: 90%;
  position: relative;
}

.gridder-list p {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99;
  background-color: rgba(30, 65, 123, 0.75);
  color: #FFF;
  font-size: 3rem;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  padding: 0.25em 0.5em;
  margin: 0;
}

@media (min-width: 37.5rem) {
  #main .gridder > li {
    width: 46%;
    position: relative;
  }
  #main .gridder > li p {
    font-size: 2.25rem;
  }
}
@media (min-width: 56.25rem) {
  #main .gridder > li {
    width: 24%;
    position: relative;
  }
  #main .gridder > li p {
    font-size: 1.75rem;
  }
}
@media (min-width: 75rem) {
  #main .gridder > li {
    width: 16%;
    position: relative;
  }
}
#main .gridder > li:nth-child(n) {
  margin: 0.75%;
}

.gridder-expanded-content {
  margin: 0 auto;
  text-align: left;
  position: relative;
  display: block;
  font-size: 120%;
}
.gridder-expanded-content img {
  border: 1em solid rgba(30, 65, 123, 0.25);
}
.gridder-expanded-content h3 {
  font-size: 2.25rem;
}
.gridder-expanded-content h3 + p {
  background-color: rgba(255, 255, 255, 0.25);
  padding: 0.25em 0.5em;
  display: inline-block;
  font-size: 1rem;
}

ul.three-col {
  -webkit-column-count: 1;
  column-count: 1;
  width: 100%;
  -webkit-column-gap: 2;
  column-gap: 2;
  margin-bottom: 0;
}
ul.three-col li,
ul.three-col li:nth-of-type(even) {
  width: 100%;
  -moz-page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  display: inline-block;
  border-left: none;
  background-color: transparent;
  padding: 1rem 0.25rem 0.25rem 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  position: relative;
  border-bottom: none;
  line-height: 1.2;
}
ul.three-col li:before { /* required b/c css columns prevent bullets */
  content: "● ";
  color: #A02F0C;
  position: absolute;
  top: 0.875rem;
  left: 0;
}

.gridder-navigation {
  width: 100%;
  display: block;
  position: relative;
  padding-bottom: 2em;
  padding-right: 2em;
  z-index: 99;
  text-align: right;
}
.gridder-navigation a:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 56.25rem) {
  ul.three-col {
    -webkit-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 75rem) {
  ul.three-col {
    -webkit-column-count: 3;
    column-count: 3;
  }
}
#faculty {
  padding-bottom: 3em;
}

.icon-cross:before {
  content: "\ea0f";
  color: #A02F0C;
}

.icon-arrow-right2:before {
  content: "\ea3c";
  color: #205EA3;
}

.icon-arrow-left2:before {
  content: "\ea40";
  color: #205EA3;
}

.gridder-nav.disabled {
  opacity: 0;
  cursor: default;
}

.gridder-navigation span {
  height: 0px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 0px;
}

p.contact {
  float: right;
  position: relative;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 0.5em 1em;
  margin-top: 0;
  font-family: "Roboto Slab", "Bitter", sans-serif;
  display: inline-block;
  white-space: nowrap;
}

/* ----------------------------------------------------------
table for internships listings
---------------------------------------------------------- */
table {
  width: 100%;
  margin: 1em 0;
  -ms-word-break: break-all;
  word-break: break-all;
  /*  word-break: break-word;  webkit - removed b/c it doesn't seem to matter*/
}

table.support-table {
  -ms-word-break: normal;
  word-break: normal;
}
table.support-table caption {
  margin-top: 1.5rem;
  font-weight: 400;
  font-size: 1.5rem;
  color: #205EA3;
  position: relative;
  line-height: 1;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  text-align: left;
}
table.support-table caption::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1rem;
  display: block;
  width: 10%;
  border-bottom: 3px solid #C3E2F8;
}
table.support-table td {
  padding: 1em;
}

table caption {
  -ms-word-break: normal;
  word-break: normal;
}

table th {
  text-align: left;
  font-size: 80%;
  padding: 0.5em;
}

table tr:nth-child(even) {
  background-color: rgba(195, 226, 248, 0.2);
}
table tr:nth-child(odd) {
  background-color: rgba(195, 226, 248, 0.4);
}

table tr.table-notation {
  background-color: #FFF;
}
table tr.table-notation td {
  text-align: right;
}

table td {
  font-size: 80%;
  padding: 0.5em;
}

.table-scroller {
  overflow-x: scroll;
}

.table-scroller::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-scroller::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

table.technology-table {
  min-width: 800px;
  margin-bottom: 0.25rem;
}
table.technology-table caption {
  text-align: left;
}

article table.technology-table ul {
  font-size: 100%;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  padding-right: 0;
  font-weight: 400;
}
article table.technology-table ul li {
  margin-top: 0;
  line-height: 1.2;
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
}

table.technology-table tr {
  vertical-align: top;
}

table.technology-table th,
table.technology-table td {
  font-size: 65%;
  word-break: normal;
  text-align: left;
}

col.alternate-column { /* highlight for odd columns */
  background-color: rgba(61, 203, 255, 0.1);
}

table.mini-calendar tr {
  font-size: 90%;
  background-color: transparent;
}

table.mini-calendar th {
  text-align: center;
}

table.mini-calendar td {
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.25);
}

table.mini-calendar td a {
  font-weight: bolder;
  font-family: "Roboto Slab", "Bitter", sans-serif;
  border-bottom: 2px solid #3DCBFF;
}

table.mini-calendar tr td.current.given {
  background-image: linear-gradient(to right bottom, rgba(253, 216, 39, 0.75) 0%, rgba(254, 190, 58, 0.75) 100%);
}

table.mini-calendar tr td.current.today {
  background-image: linear-gradient(to right bottom, rgba(106, 215, 219, 0.75) 0%, rgba(151, 220, 223, 0.75) 100%);
}

table.mini-calendar tr td.current {
  background-image: linear-gradient(to right bottom, #c3e2f8 0%, #ffffff 100%);
}

table.internship-table {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

table.internship-table tr,
table.internship-table td,
table.internship-table th {
  position: relative;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

table.internship-table tr {
  width: 100%;
}

table.internship-table tr:first-of-type {
  background-color: transparent;
}

table.internship-table tbody {
  position: relative;
  top: 3em;
  padding-top: 3em;
  margin-top: 3em;
}

col.table-category,
.internship-table tr td:nth-of-type(1),
.internship-table tr th:nth-of-type(1) {
  width: 12%;
}

col.table-company,
.internship-table tr td:nth-of-type(3),
.internship-table tr th:nth-of-type(3) {
  width: 59%;
}

col.table-city,
.internship-table tr td:nth-of-type(2),
.internship-table tr th:nth-of-type(2) {
  width: 19%;
}

col.table-state,
.internship-table tr td:nth-of-type(4),
.internship-table tr th:nth-of-type(4) {
  width: 6%;
}

/* ----------------------------------------------------------

FORMS

---------------------------------------------------------- */
form {
  width: 100%;
  font-face: "Lato", "Open Sans", "Bitter", sans-serif;
}

form div:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

#main select#graduate_faculty {
  display: block !important;
}

#main ul.pt-switch {
  display: none;
}

input.txt:focus + .form-hint {
  display: block;
}

fieldset {
  border: none;
}

#freeform {
  counter-reset: label;
}

#freeform label:before {
  content: counter(label) ". ";
  counter-increment: label;
}

form .required {
  color: #A02F0C;
}

label {
  font-size: 1.25rem;
  display: block;
  color: #192540;
  margin-top: 1.75rem;
  margin-bottom: 0.375rem;
}

legend {
  margin-top: 1.75rem;
}

label.header-label {
  display: none;
}

label span {
  font-size: 1rem;
}

#main section.pages-section form ul li:before {
  content: none;
}

article form ul li {
  list-style-type: none;
}

/* alignment for radio buttons */
input[type=radio] {
  margin-left: 1rem;
  display: inline-block;
  vertical-align: middle;
}

li label {
  display: inline;
  font-size: 1.25rem;
  font-style: italic;
  vertical-align: middle;
}

form ul li {
  border-bottom: none;
  padding-bottom: 0;
  margin: 0.25rem 0;
}

li label:before {
  content: none;
  display: none;
}

input, textarea {
  font-weight: normal;
  color: #192540;
}

input[type=text],
input[type=email],
input[type=tel],
textarea,
input.file {
  padding: 0.75rem;
  border: 1px solid #bfcbe6;
  background-color: #FFF;
  font-size: 1.25rem;
}

input.file {
  display: block;
}

select {
  color: #192540;
  margin: 0 0 1.25rem 0;
  border: 1px solid #bfcbe6;
  float: left;
  border-radius: 9px;
  padding: 0.25rem 0.25rem 0 0.75rem;
  background-color: #FFF;
  font-size: 1.25rem;
}

#freeform select, .pages-section form select {
  float: none;
  display: block;
}

select option {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

select:hover {
  background-color: #C3E2F8;
}

.header-label {
  font-size: 1.75rem;
  margin-top: 0.75rem;
}

textarea:hover, textarea:focus,
input[type=text]:hover, input[type=text]:focus,
input[type=email]:hover, input[type=email]:focus,
input[type=tel]:hover, input[type=tel]:focus textarea:hover,
textarea:focus,
input.file:hover, input.file:focus {
  background-color: rgba(195, 226, 248, 0.25);
  opacity: 1;
  transition: all 0.3s ease-out;
}

.user-creation {
  float: left;
  font-size: 1.75rem;
  margin-left: 1.25rem;
  margin-top: 1.75rem;
}

.form-current-photo {
  display: block;
  margin-left: 1.75rem;
}

/* FORM ERROR MESSAGE */
label.error {
  display: block;
  color: red;
  font-style: italic;
  font-weight: normal;
}

input.error {
  border: 2px solid red;
}

/* FORM SUCCESS MESSAGE */
.form-success {
  background-color: #B9DC7A;
  font-size: 2.25rem;
  margin-top: 4rem;
  padding: 1.25rem;
  line-height: 1.4;
}

.sm, a.sm {
  float: left;
  font-size: 1.25rem;
  padding: 0.25rem;
  background-color: #205EA3;
  border: none;
  text-decoration: none;
  color: #FFF;
  margin-left: 1.25rem;
  margin-top: 1rem;
}

input.btn { /* top search button */
  background-color: #C34123;
  color: #fff;
  text-decoration: none;
  text-align: center;
  -moz-transition: background-color 0.2s ease;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  padding: 5px 8px 3px 8px;
  font-size: 1.4em;
  border: 0;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  -webkit-appearance: none;
}

/* top search button */
input.btn:hover {
  background-color: #205EA3;
  border: 0;
  cursor: pointer;
}

textarea.txt textarea#note {
  padding: 0.25rem;
  margin: 0 0 0 1.25rem;
  border: 1px solid #bfcbe6;
  border-top: 1px solid #3d5a9c;
  background-color: #FFF;
  font-size: 1.5rem;
}

input.txt {
  width: 50%;
}

textarea.txt {
  /* width: 75%; */
  width: 100%; /* 75% had been commented out? Not sure why - 12/1/2017 */
  height: 10rem;
}

/* p.button paragraph buttons */
.button {
  text-align: center;
  margin: 1.5rem auto 0 auto;
  line-height: 1.2;
}

.button.small-button {
  font-size: 1.25rem;
}

.button a,
input.button {
  background: rgba(239, 201, 0, 0.85);
  color: #192540;
  display: block;
  padding: 1rem 2rem;
  text-decoration: none;
  font-family: "Roboto Slab", "Bitter", sans-serif;
  font-size: 1.75rem;
  border: none;
  box-shadow: none;
  margin-top: 1.25rem;
  cursor: pointer;
  opacity: 1;
  transition: all 0.3s ease-out;
}

.button a:hover, input.button:hover {
  background: #EFC900;
}

a.btn:focus,
button:focus,
input:focus,
textarea:focus,
radio {
  outline: 4px auto #3DCBFF;
  box-shadow: inset 0 0 2px 1px #3DCBFF;
}

/* ----------------------------------------------------------

CRAFT - Formie Form Overrides

---------------------------------------------------------- */

:root {
  --fui-font: Lato,Open Sans,sans-serif;
}

.fui-alert { /* success message */
  --fui-alert-success-color: #000;
  --fui-alert-success-bg-color: #B9DC7A;
  margin-top: 3rem;
  font-size: 2rem !important;
  --fui-alert-padding: 4rem 2rem;
}

.fui-label, .fui-legend {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: calc(var(--fui-label-font-size) * 1.375) !important;
}

.fui-legend {
  font-weight: bolder;
  font-size: calc(var(--fui-label-font-size) * 1.75) !important;
}

.fui-type-checkboxes .fui-field-container legend.fui-legend,
.fui-type-radio-buttons .fui-field-container legend.fui-legend {
  /* override radio button LEGEND as that is used in template instead of label */
  margin-bottom: var(--fui-label-margin);
  line-height: var(--fui-label-line-height);
  font-weight: var(--fui-label-font-weight);
  display: block;
  padding: 0;
  color: var(--fui-label-color, var(--fui-gray-700));
  font-size: calc(var(--fui-label-font-size) * 1.375) !important;
  padding-top: 1.75rem;
}

.fui-type-address .fui-legend {
  padding-top: 1.75rem;
  }

.fui-instructions {
  color: var(--fui-label-color) !important;
  font-size: calc(var(--fui-instructions-font-size) * 0.75) !important;
}
.fui-instructions p {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  line-height: 1.4;
  font-size: 1rem;
}

.fui-input textarea,
.fui-input,
input[type=text].fui-input,
.fui-select {
  font-size: 1rem !important;
}

.fui-submit {
  background: rgba(239, 201, 0, 0.85) !important;
  color: #192540 !important;
  padding: 1rem 2rem !important;
  font-size: 1.5rem !important;
}
.fui-submit:hover {
  background: #EFC900 !important;
}

.fui-radio label,
.fui-checkbox label {
  margin-top: 0.5rem !important;
  font-size: 1rem !important;
}

/* ----------------------------------------------------------
search
---------------------------------------------------------- */
input[type=search] {
  background-color: #FFF;
  border: 0;
  padding: 0.75rem 2.5rem 0.75rem 0.75rem;
  font-size: 1.25rem;
  border: 1px dotted #205EA3;
  width: 100%;
  -webkit-appearance: textfield;
}

div.search {
  position: relative;
}
div.search span {
  line-height: normal;
  vertical-align: middle;
  display: inline-block;
}
div.search button.btn {
  display: block;
  margin-top: 0;
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 0.5rem;
  padding: 0;
  height: 2rem;
  width: 2rem;
}
div.search .btn-search:before {
  display: inline-block;
  content: "\e986";
  font-family: "icomoon";
  margin-right: 0.25em;
  font-size: 1.25rem;
  color: #205EA3;
}
div.search .btn-search:hover:before {
  color: #3DCBFF;
}

/* ----------------------------------------------------------
captcha image
---------------------------------------------------------- */
#publishForm img {
  width: auto;
  height: auto;
  display: block;
  margin-bottom: 10px;
}

/* ----------------------------------------------------------
media effects people
---------------------------------------------------------- */
.post-previews {
  position: relative;
  margin-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 90%;
}

.post-previews img {
  position: relative;
  float: right;
  margin-left: 1em;
  margin-top: 20px;
  max-width: 144px;
  height: auto;
}

.post-previews p.post-category {
  text-transform: uppercase;
}

/* people in IIP directories */
.iip-bio-list img {
  position: relative;
  float: left;
  width: 100px;
  height: auto;
  margin-right: 2em;
}

ul.iip-bio-list {
  list-style-type: none;
}

ul.iip-bio-list li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* ----------------------------------------------------------
people directory - listing
---------------------------------------------------------- */
article.directory h1 {
  margin-top: 2.5rem;
  border-bottom: none;
  padding-bottom: 0;
}
article.directory ul {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
}
article.directory ul#contributor-filter {
  margin: 0;
  padding: 10px 0 10px 0;
  text-align: left;
  border-bottom: 1px solid #C5C9CE;
  font-size: 1rem;
}
article.directory ul#contributor-filter li {
  display: inline-block;
  background: transparent;
  margin-bottom: 0;
  padding-bottom: 0.75rem;
  border-bottom: none;
  margin-top: 0.25rem;
}
article.directory ul#contributor-filter a {
  margin-right: 0.15em;
  padding: 0.25em 0.5em;
  text-decoration: none;
  border: 1px solid transparent;
}
article.directory ul#contributor-filter a:hover,
article.directory ul#contributor-filter a.current {
  border: 1px solid #f6f7fb;
}
article.directory ul#contributor-filter h2 {
  padding-top: 1rem;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 1.25rem;
  text-transform: uppercase;
  display: inline;
  margin-right: 1rem;
  min-width: 100px;
  border-top: none;
}
article.directory ul#contributor-filter ul {
  margin-bottom: 0;
  margin-top: 0;
}

@media (min-width: 37.5rem) {
  ul#contributor-filter li {
    font-size: 1.25rem;
  }
}
/*
----- contributor list -----
*/
article ul#contributor-list {
  margin-top: 1rem;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  padding: 0;
}
article ul#contributor-list li:hover {
  background-color: rgba(195, 226, 248, 0.5);
}
article ul#contributor-list li {
  width: 47%;
  display: inline-block;
  text-align: left;
  padding-right: 1.5%;
  line-height: 1.1;
  padding-left: 1.5%;
  vertical-align: top;
  padding-top: 1.5rem;
  margin-bottom: 0;
  margin-top: 0;
  border-bottom: none;
  font-size: 1rem;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
}

#search article ul#contributor-list li:hover { /* hide bg hover for search results - still used above for people directory */
  background-color: transparent;
}

p.bio-position {
  font-style: italic;
}

@media (min-width: 37.5rem) {
  article ul#contributor-list li {
    width: 30%;
  }
}
@media (min-width: 56.25rem) {
  article ul#contributor-list li {
    width: 21.5%;
  }
}
@media (min-width: 75rem) {
  article ul#contributor-list li {
    width: 13.25%;
  }
}
ul#contributor-list li img {
  border: transparent;
  border: none;
}

ul#contributor-list h3,
.card-deck.featured-alumni h3 {
  background-color: transparent;
  border-top: transparent;
  font-size: 1.25rem;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: 700;
  color: #205EA3;
  margin-left: 0;
  padding: 0;
  margin-top: 0.25rem;
  margin-right: 0;
  margin-bottom: 0;
  line-height: 1.1;
}

ul#contributor-list p {
  line-height: 1.3;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  margin: 0.25rem 0;
}

ul#contributor-list a:hover {
  text-decoration: none;
}

ul#contributor-list img {
  width: 100%;
}

/* ----------------------------------------------------------
altered styles used with similar classes to filter search results
---------------------------------------------------------- */
ul#contributor-filter.search-filter li {
  font-size: 1.5em;
}

ul#contributor-list.search-filter li {
  width: 30%;
  display: inline-block;
  padding-right: 1.5%;
  font-size: 1rem;
  padding-left: 1.5%;
  vertical-align: top;
  padding-top: 10px;
  margin-bottom: 20px;
}

ul#contributor-list.search-filter li h3 {
  text-transform: none;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  margin-top: 0.5rem;
}

ul#contributor-list.search-filter li p {
  line-height: 1.3;
  font-size: 1rem;
}

ul#contributor-list.search-filter p a {
  color: #475464;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-style: italic;
}

ul#contributor-list.search-filter p.date {
  border-top: none;
  margin-bottom: 0.25rem;
  margin-top: 0.75rem;
  padding-top: 0;
  font-size: 1.25rem;
}

#search .search {
  margin-top: 2rem;
}
#search ul#contributor-list.search-filter li p {
  line-height: 1.4;
}

/* ----------------------------------------------------------

ALUMNI NOTES

---------------------------------------------------------- */
.class-note-person {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(164, 215, 218, 0.5);
  margin-bottom: 1rem;
}
.class-note-person img {
  margin: 0 auto 1rem auto;
  max-width: 33.33%;
  box-shadow: 5px 5px 0 #fff, 10px 10px 0 rgba(61, 203, 255, 0.5);
}

.brick.class-note-preview {
  background: rgba(246, 247, 251, 0.5);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.brick.class-note-preview h4 {
  font-style: normal;
  margin: 0 1rem 0 1rem;
  padding-top: 1rem;
  font-size: 1.25rem;
  font-family: "Roboto Slab", "Bitter", sans-serif;
}
.brick.class-note-preview h4 span {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  text-transform: uppercase;
  color: #A02F0C;
  display: block;
}
.brick.class-note-preview p {
  margin: 0 1rem 1rem 1rem;
}

/*------------------------------------------------

OLD ACCORDION

---------------------------------------------------------- */
article.directory .accordion {
  margin-bottom: 2.5rem;
}

.accordion {
  width: 100%;
  min-width: 270px;
  margin: 0 auto;
  font-weight: normal;
}

article .accordion ul {
  padding: 0;
}

.accordion h2 {
  font-size: 1.5rem;
}

.accordion ul li, .content .accordion ul li {
  height: 60px;
  overflow: hidden;
  margin-bottom: 15px;
  border-bottom: none;
  padding-bottom: 0;
}

#main section.pages-section .accordion ul li:before {
  content: none;
  margin-right: 0;
}

#main section.pages-section .accordion ul {
  text-indent: 0;
}

.accordion ul li ul { /* lists inside accordion */
  font-family: "Roboto Slab", "Bitter", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  padding: 0 1.5rem;
}
.accordion ul li ul li {
  list-style-type: disc;
  height: auto;
  margin: 0.75rem 0;
  padding-left: 1rem;
  line-height: 1.2;
  position: relative;
}
.accordion ul li ul li:before { /* required b/c css columns prevent bullets */
  content: "● ";
  color: #A02F0C;
  position: absolute;
  top: 0rem;
  left: 0rem;
}
.accordion ul li ul li.li-header:before {
  content: none;
}

.accordion ul li ul li.li-header {
  padding-left: 0;
  font-size: 1.4em;
  text-indent: 0;
  margin-bottom: 0;
  text-transform: none;
  font-weight: normal;
}

.accordion h2 {
  margin-top: 0;
  padding-top: 10px;
  font-weight: normal;
  line-height: 1.5;
  padding-left: 40px;
}

.accordion ul li:first-child {
  border-top: none;
}

.accordion ul li > h2 {
  text-shadow: 1px 1px 1px #fff;
  display: block;
  position: relative;
  line-height: 60px;
  outline: none;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

.accordion.media-lab-research ul li > h2 {
  line-height: 1.2;
}

.accordion ul li ul li > h2 {
  line-height: 1.3;
}

.accordion ul li ul li > h2 {
  text-shadow: none;
  line-height: 1.4;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  display: inline;
  height: auto;
}

.accordion ul li > h2 span {
  height: 0px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 0px;
}

.accordion ul li > h2 a:before {
  content: "\ea0a";
  font-family: "icomoon";
  color: #7BAA59;
  font-weight: bold;
  position: absolute;
  left: 0;
}

.accordion ul li > a:hover {
  color: #1693eb;
}

.accordion ul li.st-open > h2 {
  color: #1693eb;
  padding-bottom: 0;
}

.accordion ul li ul h3 {
  text-indent: 0;
}

.accordion ul li.st-open > h2 a:before {
  content: "\ea0f";
  font-family: "icomoon";
  color: #C34123;
  font-weight: bold;
  position: absolute;
  left: 0;
}

.st-content {
  padding: 0.25rem 0 2rem 0;
}

.st-content ul#nav-sub li {
  display: block;
}

.st-content h3 {
  font-size: 1.75rem;
  text-transform: none;
  margin-bottom: 0;
  margin-top: 1rem;
  padding: 0;
  background-color: transparent;
  font-weight: normal;
}

/* for course numbers and name */
#departments #accordion .st-content ul li strong:first-of-type, ul.core-classes li strong:first-of-type {
  font-size: 1.25rem;
  font-weight: normal;
  color: #A02F0C;
  margin-bottom: 0.25rem;
}

#departments #accordion .st-content ul li em, ul.core-classes li em {
  display: block;
  margin-top: 0.25rem;
  margin-left: 1.25rem;
}

/*------------------------------------------------

ORG LIST

---------------------------------------------------------- */
.organization-descrip {
  font-size: 85%;
}

.organization-contact {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  display: block;
  margin-top: 0.375rem;
  font-size: 85%;
}

/*------------------------------------------------

MEDIA LAB

---------------------------------------------------------- */
.media-lab-archive-block {
  border-bottom: 1px solid rgba(164, 215, 218, 0.5);
  padding-bottom: 0.75rem;
}

#medialab-research-categories h4 {
  background-color: rgba(195, 226, 248, 0.5);
  padding-bottom: 1rem;
  padding-left: 2.5rem;
}
#medialab-research-categories h4:before {
  left: 1rem;
}

article ul#nav_categories {
  list-style-type: none;
  margin-top: 1.5rem;
}

article .faq ul#nav_categories li {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
article .faq ul#nav_categories li a {
  padding: 0;
}
article .faq ul#nav_categories ul li {
  border: none;
  margin: 0;
}
article .faq ul#nav_categories ul li a {
  padding: 0;
}

@media (min-width: 56.25rem) {
  article ul#nav_categories {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2rem;
    column-gap: 2rem;
  }
  article ul#nav_categories li {
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    padding-top: 1rem;
    margin-top: 0;
    margin-bottom: 0;
  }
  article ul#nav_categories li ul {
    font-size: 1rem;
  }
  article ul#nav_categories li ul li {
    padding-top: 0.25rem;
    margin: 0.5rem 0;
    padding-bottom: 0.75rem;
  }
}
h3.media-lab-article {
  margin-top: 0.75rem;
  font-size: 1.5rem;
}

p.media-lab-categories {
  font-size: 1rem;
}
p.media-lab-categories a {
  border-bottom: none;
  box-shadow: none;
}
p.media-lab-categories a:before {
  content: "● ";
}

p.paginate-older {
  float: left;
}
p.paginate-older a:hover {
  text-decoration: none;
}
p.paginate-older:before {
  content: "\ea40";
  font-family: "icomoon";
  color: #B9DC7A;
  margin-right: 0.25rem;
}

p.paginate-newer {
  float: right;
}
p.paginate-newer a:hover {
  text-decoration: none;
}
p.paginate-newer:after {
  content: "\ea3c";
  font-family: "icomoon";
  color: #B9DC7A;
  margin-left: 0.25rem;
}

/*------------------------------------------------

SITEMAP

---------------------------------------------------------- */
article .sitemap ul {
  column-gap: 3rem;
  padding: 0;
}
article .sitemap ul#nav-sub li a {
  padding: 0.5rem;
}
article .sitemap ul li {
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(164, 215, 218, 0.5);
}
article .sitemap ul li a {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0.25rem;
}
article .sitemap ul li a:hover {
  background-color: transparent;
  color: #192540;
}
article .sitemap ul li ul {
  font-size: 90%;
  margin-left: 2%;
}
article .sitemap ul li ul li {
  margin-top: 0.5rem;
  padding-top: 0;
  border-top: transparent;
}
article .sitemap ul li ul li ul {
  font-size: 90%;
  margin-left: 3%;
  list-style-type: square;
}
article .sitemap ul li ul li ul li ul {
  margin-left: 3%;
  list-style-type: square;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
}

/*------------------------------------------------

GET STARTED

---------------------------------------------------------- */
.get-started {
  background: none;
}

.get-started h2,
h2.get-started {
  border-top: 0;
}

/*------------------------------------------------

ACCESSIBLE TABS PANEL

---------------------------------------------------------- */
#TabContainer {
  margin: 2rem 0 3rem 0;
  text-align: center;
}

.tabs-container__panel {
  background: rgba(255, 255, 255, 0.75);
  padding: 1.5em;
  box-shadow: none;
}

.tabs-navigation a:focus,
.accordion-wrapper:focus,
.tabs-container__panel:focus {
  outline: none;
  box-shadow: none;
}

p.tab-highlight {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #3d5a9c;
  margin-top: 0;
  display: block;
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1;
  padding-bottom: 1rem;
  margin-bottom: 0.5rem;
  border-bottom: none;
  text-shadow: none;
  text-transform: uppercase;
}

.tabs-container__panel h2 {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
  margin-bottom: 0;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  text-transform: uppercase;
  color: #3DCBFF;
  padding-bottom: 0;
}
.tabs-container__panel h3 {
  margin-top: 0;
}
.tabs-container__panel ul {
  list-style-type: none;
  font-size: 1.25rem;
}
.tabs-container__panel li {
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(164, 215, 218, 0.5);
}
.tabs-container__panel .grid-content {
  border-left: 1px solid rgba(164, 215, 218, 0.75);
}

@media (min-width: 49.8125em) {
  .accordion-wrapper {
    margin-top: 1.5rem;
  }
  .tabs-nav-init .tabs-container__title,
  .tabs-nav-init .tabs-container__panel {
    display: none;
  }
  .tabs-container__panel {
    box-shadow: rgba(0, 0, 0, 0.125) 0 5px 12px 5px;
  }
  .tabs-container__panel[aria-hidden=false] {
    display: block;
  }
  .tabs-navigation {
    width: auto;
    overflow: hidden;
    position: relative;
    z-index: 10;
    display: inline-block;
    border: transparent;
  }
  .tabs-navigation li {
    display: table-cell;
    vertical-align: top;
    padding: 0;
    border-right: transparent;
  }
  .tabs-navigation li:last-of-type {
    border-right: none;
  }
  .tabs-navigation__button {
    position: relative;
    display: inline-block;
    color: rgba(25, 37, 64, 0.5);
    text-decoration: none;
    cursor: default;
    line-height: 1;
    font-size: 1.5rem;
    padding: 1.25rem;
    border: none;
    margin: 0;
    margin-right: 1px;
    background-color: rgba(255, 255, 255, 0.375);
    background-color: transparent;
  }
  .tabs-navigation__button:hover {
    cursor: pointer;
    background-color: rgb(255, 255, 255);
    background-color: transparent;
    border-bottom: 5px solid #3DCBFF;
  }
  .tabs-navigation__button[aria-selected=true] {
    color: #192540;
    z-index: 10;
    background-color: #FFF;
    background-color: transparent;
    border-bottom: 5px solid #3DCBFF;
  }
}
@media (max-width: 49.75em) {
  p.tab-highlight {
    font-size: 1.25rem;
  }
  .tabs-navigation, .tabs-init .tabs-container__panel, .tabs-init .accordion--closed .tabs-container__panel {
    display: none;
  }
  .tabs-init {
    margin-left: -1.5em;
    margin-right: -1.5em;
  }
  .tabs-init .tabs-container__title {
    padding: 1em 1.5em;
    cursor: pointer;
  }
  .tabs-init h3.tabs-container__title {
    margin-top: 0;
    font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  }
  .accordion--closed .tabs-container__title,
  .tabs-init .tabs-container__title {
    background-color: rgba(255, 255, 255, 0.375);
  }
  .tabs-init .tabs-container__title:hover {
    background-color: rgb(255, 255, 255);
  }
  .tabs-container__panel[aria-hidden=false] {
    display: block;
  }
  .tabs-container__panel.accordion--closed {
    border-bottom: none;
  }
}
.hide,
.hide-mobile {
  display: none;
}

.hide-desktop {
  display: block;
}

@media (min-width: 37.5rem) {
  .hide-mobile {
    display: block;
  }
  header .hide-mobile {
    display: none;
  }
  .hide-desktop {
    display: none;
  }
}
@media (min-width: 47.5rem) {
  header .hide-mobile {
    display: block;
  }
}
/*------------------------------------------------

BELLISARIO QUOTE SLIDER

---------------------------------------------------------- */
#student-quotes {
  padding-bottom: 3rem;
  display: block;
}

.bellisario-quote-slide {
  display: block;
}
.bellisario-quote-slide img {
  width: 120px;
  height: auto;
  float: left;
  margin-right: 1rem;
  margin-top: 0.75rem;
}
.bellisario-quote-slide div.individual-slide {
  padding: 3.75rem 3rem 3rem 3rem;
  position: relative;
  text-align: left;
}
.bellisario-quote-slide div.individual-slide:before {
  content: url(../images/quote-marks.png);
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  z-index: -1;
}

p.letter-quote {
  font-size: 1rem;
}

p.letter-attribution {
  font-family: "jenna_sueregular";
  font-size: 2.25rem;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  position: relative;
  text-align: right;
  margin-right: 1.5rem;
  line-height: 1;
  margin-top: 1rem;
}

@media (min-width: 37.5rem) {
  p.letter-quote {
    font-size: 1.5rem;
  }
  p.letter-attribution {
    font-size: 3rem;
  }
  .bellisario-quote-slide img {
    width: 180px;
  }
  .bellisario-quote-slide div.individual-slide {
    padding: 3.75rem 3rem 3rem 6rem;
  }
}
p.letter-full {
  margin-top: 0;
  text-align: right;
  margin-right: 1.5rem;
}

.bxslider p {
  font-size: 1rem;
  margin-right: 2%;
}

.bx-viewport {
  overflow-y: scroll !important;
  height: 75vh !important;
}

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

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

.bxslider {
  margin: 0;
  padding: 0;
  /*fix flickering when used background-image instead of <img> (on Chrome)*/
  -webkit-perspective: 1000;
}

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /* fix other elements on the page moving (in Chrome) */
  -webkit-transform: translateZ(0);
}

/** THEME
===================================*/
.bx-wrapper {
  max-width: 90% !important;
  margin-left: 5%;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("../bxslider-4/images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  left: -10%;
  background: url("../bxslider-4/images/controls.png") no-repeat 0 -32px;
  transition: background 0.5s;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}

.bx-wrapper .bx-next {
  right: 10px;
  right: -10%;
  background: url("../bxslider-4/images/controls.png") no-repeat -43px -32px;
  transition: background 0.5s;
}

@media (min-width: 37.5rem) {
  .bx-wrapper .bx-prev {
    left: -7.5%;
  }
  .bx-wrapper .bx-next {
    right: -7.5%;
  }
}
@media (min-width: 56.25rem) {
  .bx-wrapper .bx-prev {
    left: -5%;
  }
  .bx-wrapper .bx-next {
    right: -5%;
  }
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("../bxslider-4/images/controls.png") -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("../bxslider-4/images/controls.png") -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}

.siema > div > div {
  overflow-y: auto !important;
  height: 70vh !important;
}

img.bg-fade-white {
  width: 100%;
  bottom: 0;
  position: absolute;
}

.siema p {
  width: 95%;
}

/*------------------------------------------------

BELLISARIO TIMELINE

---------------------------------------------------------- */
.timeline-container {
  width: 800px;
  padding: 50px 0;
  margin: 50px auto;
  position: relative;
  overflow: hidden;
}

.timeline-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 100%;
  background: #CCD1D9;
  z-index: 1;
}

.timeline-block {
  width: 408px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  justify-content: space-between;
  clear: both;
}

.timeline-block-right {
  float: right;
}
.timeline-block-right .timeline-content {
  text-align: left;
}

.timeline-block-left {
  float: left;
  direction: rtl;
}
.timeline-block-left .timeline-content {
  text-align: right;
}

.marker {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #F5F7FA;
  background: #3DCBFF;
  margin-top: 25px;
  z-index: 9999;
}

.timeline-content {
  width: 95%;
  padding: 15px;
}

.timeline-content.bellisario-complete {
  background-color: rgba(195, 226, 248, 0.5);
}

.timeline-content h3 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 500;
}

.timeline-content span {
  font-size: 1.25rem;
  color: #205EA3;
}

.timeline-content p {
  font-size: 1rem;
  line-height: 1.5;
  word-spacing: 1px;
  direction: ltr;
}

@media screen and (max-width: 56.25rem) { /* 760 */
  .timeline-container {
    width: 100%;
  }
  .timeline-container:before {
    left: 8px;
    width: 2px;
  }
  .timeline-block {
    width: 100%;
    margin-bottom: 30px;
  }
  .timeline-block-right {
    float: none;
  }
  .timeline-block-right .timeline-content {
    text-align: left;
  }
  .timeline-block-left {
    float: none;
    direction: ltr;
  }
  .timeline-block-left .timeline-content {
    text-align: left;
  }
}
/* ----------------------------------------------------------

THON

---------------------------------------------------------- */
body.college-of-comm.thon-stories {
  background-image: none;
}

.thon-stories h1 {
  font-size: 20vmin;
  position: absolute;
  top: 1.5rem;
  line-height: 0.73;
  color: #3DCBFF;
  mix-blend-mode: color-dodge;
  opacity: 0.75;
  text-shadow: 3px 3px 3px rgba(25, 37, 64, 0.75);
  z-index: 6;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 75rem) {
  .thon-stories h1 {
    font-size: 28vmin;
  }
}
.thon-first-block p {
  font-size: 1.25rem;
}

@media (min-width: 75rem) {
  .thon-first-block p {
    font-size: 1.75rem;
  }
}
.thon-square p,
.thon-portrait p {
  font-size: 1.25rem;
  line-height: 1.6;
}

@media (min-width: 75rem) {
  .thon-square p,
  .thon-portrait p {
    font-size: 1.5rem;
  }
}
.thon-landscape .thon-content {
  position: relative;
  background: #fff;
  left: 0;
}
.thon-landscape .thon-content p:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 75rem) {
  .thon-landscape .thon-content {
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    left: 3rem;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
  }
  .thon-landscape .thon-content.thon-content-right {
    right: 3rem;
    left: auto;
  }
}
.bg-keystone-yellow {
  background: #FFD100;
}

.bg-creek {
  background: #3EA39E;
}

.bg-light-sky-blue {
  background: #5fcfff;
}

.bg-future-green {
  background: #ace600;
}

.video-page-content .jumbotron-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  opacity: 0.5;
}

@media (min-width: 75rem) {
  .video-intro-section {
    min-height: 90vh;
  }
}
#video .row.border-top {
  border-top: 0.5rem solid rgba(25, 37, 64, 0.125) !important;
}
#video h2, #video .h2 {
  font-weight: bolder;
  font-size: 3.2rem;
  border-top: transparent;
  line-height: 0.9;
  padding-top: 0;
}
#video h3 {
  padding: 1rem;
  margin-bottom: 0;
  margin-top: 1.5rem;
  line-height: 0.9;
  font-weight: bolder;
  font-size: 2rem;
}
#video h3 span {
  display: inline-block;
  font-size: 2rem;
  color: white;
  background-color: #ba2b06;
  background: linear-gradient(to right bottom, #ba2b06 0%, #ff665d 100%);
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 1.25;
  font-weight: 800;
  text-align: center;
  position: absolute;
  left: 1rem;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  top: 2.2rem;
}
#video .border-top h3 {
  margin-top: 0;
}
#video .big-c {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 8rem;
  position: absolute;
  left: -1.25rem;
  top: -0.7rem;
  line-height: 1;
  font-weight: 900;
  mix-blend-mode: soft-light;
  opacity: 0.75;
}
#video .youtube .play-button {
  width: 240px;
  height: 90px;
  z-index: 2;
  opacity: 0.8;
  bottom: 0;
  left: 1rem;
  position: absolute;
}
#video .youtube img,
#video .youtube .play-button {
  cursor: pointer;
}
#video .opacity-dimmer {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-position: center center, right center;
  background-color: rgba(0, 0, 0, 0.5);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.45) 100%);
  transition: all 0.25s ease-in-out;
}

@media (min-width: 87.5rem) {
  #video h2, #video .h2 {
    font-size: 6rem;
    padding-top: 3rem;
  }
  #video h3 {
    font-size: 3rem;
    padding: 1rem 1rem 1rem 3.2rem;
  }
  #video h3 span {
    font-size: 3rem;
    width: 3.75rem;
    height: 3.75rem;
    line-height: 1.2;
    left: 0;
    top: 2rem;
  }
  #video .big-c {
    font-size: 12rem;
    left: -3rem;
    top: -2.35rem;
  }
}
.video-page-content p {
  font-size: 1.5rem;
  line-height: 1.6;
}

.inset-image img {
  width: 120px;
  height: auto;
  border: 0.5rem solid rgba(0, 156, 222, 0.75);
}

.inset-image {
  position: relative;
}
.inset-image::before {
  border-top: 2px solid rgba(255, 255, 255, 0.25);
  content: "";
  display: inline-block;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  margin-bottom: 0.15em;
  margin-left: 0;
}

.video-page-content blockquote {
  font-family: "Roboto Slab", "Bitter", sans-serif;
  font-size: 5vw;
  font-weight: bolder;
  line-height: 1.2;
  text-align: center;
  width: 75%;
  margin-bottom: 0;
  margin-left: 12.5%;
}

@media (min-width: 56.25rem) {
  .video-page-content blockquote {
    font-size: 2.75vw;
    text-align: left;
    width: 100%;
    margin-left: 0;
    text-indent: -1.1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 75rem) {
  .video-page-content p {
    font-size: 1.75rem;
  }
}
.opacity-dimmer {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-position: center center, right center;
  background-color: rgba(0, 0, 0, 0.5);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.45) 100%);
  transition: all 0.25s ease-in-out;
}
.opacity-dimmer.opacity-dimmer-dark {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.375) 25%, rgba(0, 0, 0, 0.5) 100%);
}

@media screen and (max-aspect-ratio: 8/10) {
  .opacity-dimmer {
    background: linear-gradient(165deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 30%), linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  }
}
.opacity-dimmer-top-right {
  background: linear-gradient(to top right, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
}

.opacity-dimmer-bottom-right {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
}

.opacity-dimmer-bottom-left {
  background: linear-gradient(to bottom left, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.9) 100%);
}

.opacity-dimmer-bottom-left-short {
  background: linear-gradient(to bottom left, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.9) 100%);
}

.opacity-dimmer-bottom {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
}

.opacity-dimmer-bottom-heavy {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgb(0, 0, 0) 100%);
}

/*------------------------------------------------

BELLISARIO ANNOUNCEMENT

---------------------------------------------------------- */
.bellisario-announce {
  position: relative;
  background-color: #fff;
  padding: 1rem;
  width: 100%;
  z-index: 2;
}
.bellisario-announce h3 {
  margin-top: 0;
}
@media (min-width: 56.25rem) {
  .bellisario-announce {
    position: absolute;
    width: 40%;
    bottom: 3rem;
    left: 2rem;
  }
}

/*------------------------------------------------

ALERT BAR - Universal Header Alert Bar - Jan 2020

---------------------------------------------------------- */
a.alert-bar {
  background-color: #EFC900;
  display: block;
  position: relative;
  color: #000;
  margin: 0 auto;
  text-align: center;
  z-index: 99;
}
a.alert-bar:hover {
  background-color: #ffdc23;
}
a.alert-bar .alert-bar-content-wrap {
  display: inline-block;
  text-align: left;
  position: relative;
  padding: 1.5rem 2rem;
}
a.alert-bar i.material-icons {
  font-size: 3.5rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
  color: #ba2b06;
  margin-right: 0.75rem;
}
@media (min-width: 56.25rem) {
  a.alert-bar i.material-icons {
    font-size: 4.5rem;
  }
}
a.alert-bar p.alert-bar-title {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: 900;
  font-size: 1.25rem;
  margin: 0 0 0.25rem 3rem;
  line-height: 1;
  position: relative;
}
@media (min-width: 56.25rem) {
  a.alert-bar p.alert-bar-title {
    margin: 0 0 0.5rem 4rem;
    font-size: 2.5rem;
  }
}
a.alert-bar:hover p.alert-bar-title {
  color: #205EA3;
}
a.alert-bar p.alert-bar-text {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: 400;
  margin: 0 0 0 3rem;
  line-height: 1.4;
  font-size: 0.875rem;
}
@media (min-width: 56.25rem) {
  a.alert-bar p.alert-bar-text {
    margin: 0 0 0 4rem;
    font-size: 1rem;
  }
}

/* ----------------------------------------------------------

Children, Media, Conflict Zones

---------------------------------------------------------- */
.people-wrap p {
  border-bottom: 1px solid rgba(164, 215, 218, 0.5);
  padding-bottom: 1.5rem;
  margin-top: 1.5rem;
}
.people-wrap p::after {
  content: "";
  display: table;
  clear: both;
}
.people-wrap p:last-of-type {
  border-bottom: none;
}
.people-wrap img {
  width: 90px;
  height: auto;
  float: left;
  margin-right: 1rem;
}
@media (min-width: 37.5rem) {
  .people-wrap img {
    width: 120px;
    margin-right: 1.5rem;
  }
}

/* ----------------------------------------------------------

PROSPECTIVE 2020 New Style Updates

---------------------------------------------------------- */
.swiper-container {
  overflow: hidden;
  position: relative;
}

#prospective .prospective-2020 p.big-list-ranking {
  padding: 0.5rem 1rem;
  font-size: 2.25rem;
  display: inline;
  width: auto;
  height: 100%;
  background-color: #1E417B;
  color: #FFF;
  margin: 0;
  font-weight: bolder;
  position: relative;
  top: 0.25rem;
  border-top: none;
}
#prospective .prospective-2020 p.big-list-ranking.big-list-ranking-sm {
  padding: 0.5rem 0.75rem;
  display: inline-block;
  font-size: 1.75rem;
  line-height: 1;
  height: auto;
  width: 100%;
}
#prospective .prospective-2020 .card:nth-child(5n) p.big-list-ranking,
#prospective .prospective-2020 .swiper-stats .swiper-slide:nth-child(5n) p.big-list-ranking {
  background-color: #005693;
  background: linear-gradient(to right bottom, #005693 0%, #009CDE 100%);
}
#prospective .prospective-2020 .card:nth-child(5n+1) p.big-list-ranking,
#prospective .prospective-2020 .swiper-stats .swiper-slide:nth-child(5n+1) p.big-list-ranking {
  background-color: rgb(0, 86, 147);
  background: linear-gradient(to right bottom, rgb(0, 86, 147) 0%, rgb(0, 191, 197) 100%);
}
#prospective .prospective-2020 .card:nth-child(5n+2) p.big-list-ranking,
#prospective .prospective-2020 .swiper-stats .swiper-slide:nth-child(5n+2) p.big-list-ranking {
  background-color: #ba2b06;
  background: linear-gradient(to right bottom, #ba2b06 0%, #ff665d 100%);
}
#prospective .prospective-2020 .card:nth-child(5n+3) p.big-list-ranking,
#prospective .prospective-2020 .swiper-stats .swiper-slide:nth-child(5n+3) p.big-list-ranking {
  background-color: #604471;
  background: linear-gradient(to right bottom, #604471 0%, #4e64b2 100%);
}
#prospective .prospective-2020 .card:nth-child(5n+4) p.big-list-ranking,
#prospective .prospective-2020 .swiper-stats .swiper-slide:nth-child(5n+4) p.big-list-ranking {
  background-color: rgb(125, 194, 232);
  background: linear-gradient(to right bottom, rgb(125, 194, 232) 0%, rgb(170, 221, 116) 100%);
}
#prospective .prospective-2020 p.big-list-content {
  line-height: 1.4;
}
#prospective .prospective-2020 p.big-list-content span {
  font-style: italic;
  display: block;
  font-size: 85%;
  margin-top: 0.25rem;
}
#prospective .prospective-2020 .card-deck-statistics .card {
  text-align: center;
  border-bottom: 1px solid #bfcbe6;
  margin-bottom: 0;
}
#prospective .prospective-2020 .card-deck-statistics .card-content {
  margin: 2rem;
}
@media (min-width: 37.5rem) {
  #prospective .prospective-2020 .card-deck-statistics .card {
    border-right: 1px solid #bfcbe6;
  }
  #prospective .prospective-2020 .card-deck-statistics .card:nth-of-type(even) {
    border-right: 1px solid transparent;
  }
  #prospective .prospective-2020 .card-deck-statistics .card:last-child,
  #prospective .prospective-2020 .card-deck-statistics .card:nth-last-child(2) {
    border-bottom: 1px solid transparent;
  }
}
@media (min-width: 75rem) {
  #prospective .prospective-2020 .card-deck-statistics .card {
    border-right: 1px solid #bfcbe6;
  }
  #prospective .prospective-2020 .card-deck-statistics .card:nth-of-type(even) {
    border-right: 1px solid #bfcbe6;
  }
  #prospective .prospective-2020 .card-deck-statistics .card:nth-of-type(4n),
  #prospective .prospective-2020 .card-deck-statistics .card:last-child {
    border-right: 1px solid transparent;
  }
  #prospective .prospective-2020 .card-deck-statistics .card:nth-last-child(3),
  #prospective .prospective-2020 .card-deck-statistics .card:nth-last-child(4) {
    border-bottom: 1px solid transparent;
  }
}
#prospective .prospective-2020 #student-support {
  background-color: transparent;
}
#prospective .prospective-2020 .start-hidden {
  visibility: hidden;
}
#prospective .prospective-2020 #image-button {
  border: 1px solid #FFF;
  box-shadow: 0.5rem 0.5rem 0 #9fdaf3;
}
#prospective .prospective-2020 button span.runtime {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  background: rgba(25, 37, 64, 0.5);
  color: #FFF;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 0.875rem;
  z-index: 9;
  padding: 0.2rem 0.5rem;
}
#prospective .prospective-2020 button.card.card-preview {
  position: relative;
  margin-bottom: 0;
}
#prospective .prospective-2020 .play-video-overlay {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9;
}
@media (min-width: 56.25rem) {
  #prospective .prospective-2020 .play-video-overlay {
    width: 90px;
    height: 90px;
  }
}
#prospective .prospective-2020 .btn.btn-primary,
#prospective .prospective-2020 .btn.btn-secondary {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  border-radius: 2rem;
  margin: 0.5rem;
  padding: 0.875rem 1.25rem;
  font-size: 0.875rem;
}
@media (min-width: 37.5rem) {
  #prospective .prospective-2020 .btn.btn-primary,
  #prospective .prospective-2020 .btn.btn-secondary {
    font-size: 1.25rem;
    padding: 1rem 1.5rem;
  }
  #prospective .prospective-2020 .btn.btn-primary.btn-sm,
  #prospective .prospective-2020 .btn.btn-secondary.btn-sm {
    font-size: 0.875rem;
  }
}
#prospective .prospective-2020 .btn.btn-primary {
  background-color: #0061CC;
  color: #FFF;
}
#prospective .prospective-2020 .btn.btn-primary:hover {
  background-color: #004999;
}
#prospective .prospective-2020 .btn.btn-secondary {
  background-color: #2F7A77;
  color: #FFF;
}
#prospective .prospective-2020 .btn.btn-secondary:hover {
  background-color: #215553;
}
#prospective .prospective-2020 p.section-crumb {
  text-transform: uppercase;
  font-weight: 700;
  color: #718fac;
  font-size: 0.875rem;
}
@media (min-width: 37.5rem) {
  #prospective .prospective-2020 p.section-crumb {
    font-size: 1rem;
  }
}
#prospective .prospective-2020 h1 {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: 900;
  color: #009cde;
  font-size: 2.25rem;
}
@media (min-width: 37.5rem) {
  #prospective .prospective-2020 h1 {
    font-size: 4.25rem;
  }
}
@media (min-width: 75rem) {
  #prospective .prospective-2020 h1 {
    font-size: 5rem;
  }
}
#prospective .prospective-2020 h1 span {
  display: block;
  color: #1E417B;
}
#prospective .prospective-2020 h2 {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: 900;
  color: #1E417B;
  font-size: 1.75rem;
}
@media (min-width: 37.5rem) {
  #prospective .prospective-2020 h2 {
    font-size: 3.5rem;
  }
}
@media (min-width: 75rem) {
  #prospective .prospective-2020 h2 {
    font-size: 4.25rem;
  }
}
#prospective .prospective-2020 p {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: 400;
}
#prospective .prospective-2020 .intro,
#prospective .prospective-2020 .new-intro {
  padding-bottom: 0;
  margin: 0 1rem 1rem 1rem;
  display: none;
}
@media (min-width: 56.25rem) {
  #prospective .prospective-2020 .intro,
  #prospective .prospective-2020 .new-intro {
    display: block;
  }
}
#prospective .prospective-2020 .intro #prospective-nav,
#prospective .prospective-2020 .new-intro #prospective-nav {
  background-color: #9fdaf3;
  background: linear-gradient(to bottom, rgb(159, 218, 243) 0%, rgba(159, 218, 243, 0) 100%);
  padding-top: 3rem;
  padding-bottom: 3rem;
  transition: 0.25s all ease-in;
}
#prospective .prospective-2020 .intro li.learn,
#prospective .prospective-2020 .new-intro li.learn {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: 900;
  color: #1E417B;
  font-size: 1.75rem;
}
@media (min-width: 37.5rem) {
  #prospective .prospective-2020 .intro li.learn,
  #prospective .prospective-2020 .new-intro li.learn {
    font-size: 3.5rem;
  }
}

#prospective .prospective-2020.prospective-2020-rev .divider-line {
  display: flex;
  align-items: center;
  text-align: center;
  margin-top: 2rem;
}
@media (min-width: 37.5rem) {
  #prospective .prospective-2020.prospective-2020-rev .divider-line {
    margin-top: 4rem;
  }
}
#prospective .prospective-2020.prospective-2020-rev .divider-line::before,
#prospective .prospective-2020.prospective-2020-rev .divider-line::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid rgba(30, 65, 123, 0.25);
  width: 100%;
}
#prospective .prospective-2020.prospective-2020-rev .divider-line::before {
  margin-right: 1rem;
}
#prospective .prospective-2020.prospective-2020-rev .divider-line::after {
  margin-left: 1rem;
}
#prospective .prospective-2020.prospective-2020-rev h2 {
  font-size: 1.75rem;
}
@media (min-width: 37.5rem) {
  #prospective .prospective-2020.prospective-2020-rev h2 {
    font-size: 3rem;
  }
}
@media (min-width: 75rem) {
  #prospective .prospective-2020.prospective-2020-rev h2 {
    font-size: 3.5rem;
  }
}
#prospective .prospective-2020.prospective-2020-rev h3.geography {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: 900;
  color: #009CDE;
  font-size: 1.5rem;
  margin-top: 0;
}
@media (min-width: 37.5rem) {
  #prospective .prospective-2020.prospective-2020-rev h3.geography {
    font-size: 1.75rem;
  }
}
@media (min-width: 75rem) {
  #prospective .prospective-2020.prospective-2020-rev h3.geography {
    font-size: 3rem;
  }
}
#prospective .prospective-2020.prospective-2020-rev h3.geography span {
  color: #1E417B;
  font-size: 100%;
}

#prospective .prospective-2020 .new-intro #prospective-nav {
  background-color: #efefef;
  background: linear-gradient(to bottom, rgb(229, 233, 236) 0%, rgba(229, 233, 236, 0) 100%);
  padding-top: 0;
  padding-bottom: 0;
  transition: 0.25s all ease-in;
}
#prospective .prospective-2020 .new-intro #prospective-nav li.learn {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-weight: 900;
  color: #1E417B;
  font-size: 1.5rem;
  padding-top: 1.5rem;
}
@media (min-width: 37.5rem) {
  #prospective .prospective-2020 .new-intro #prospective-nav li.learn {
    font-size: 2.25rem;
  }
}

#prospective .prospective-2020 .overlay-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9;
}
#prospective .prospective-2020 .overlay-play-button img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
@media (min-width: 56.25rem) {
  #prospective .prospective-2020 .overlay-play-button img {
    width: 90px;
    height: 90px;
  }
}

#prospective .prospective-2020 .intro .affix#prospective-nav,
#prospective .prospective-2020 .new-intro .affix#prospective-nav {
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px 5px;
  background-color: #ba2b06;
  background: linear-gradient(to right bottom, #ba2b06 0%, #ff665d 100%);
  padding-top: 0;
  padding-bottom: 0;
}

#image-button {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

#image-button img.image-fade {
  -webkit-animation-name: prospectiveFade;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 20s;
  -moz-animation-name: prospectiveFade;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 20s;
  -o-animation-name: prospectiveFade;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 20s;
  animation-name: prospectiveFade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 20s;
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes prospectiveFade {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#image-button img.image-fade:nth-of-type(1) {
  animation-delay: 15s;
}

#image-button img.image-fade:nth-of-type(2) {
  animation-delay: 10s;
}

#image-button img.image-fade:nth-of-type(3) {
  animation-delay: 5s;
}

#image-button img.image-fade:nth-of-type(4) {
  animation-delay: 0;
}

#prospective .prospective-2020 .sticky-cta {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: flex;
  width: 100%;
}
#prospective .prospective-2020 .sticky-cta .sticky-cta-btns {
  width: 100%;
  display: flex;
}
#prospective .prospective-2020 .sticky-cta .btn {
  background: #16305d;
}
#prospective .prospective-2020 .sticky-cta .btn.btn-primary {
  background: #56709d;
}
#prospective .prospective-2020 .sticky-cta .btn.btn-secondary {
  background: #1e407c;
}
#prospective .prospective-2020 .sticky-cta .btn,
#prospective .prospective-2020 .sticky-cta .btn.btn-primary,
#prospective .prospective-2020 .sticky-cta .btn.btn-secondary {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 0.875rem;
  line-height: 1;
  padding: 0.75rem;
  margin: 0;
  display: flex;
  flex-grow: 1;
  border-radius: 0;
  justify-content: center;
  color: #ffffff;
}
#prospective .prospective-2020 .sticky-cta .btn:hover,
#prospective .prospective-2020 .sticky-cta .btn.btn-primary:hover,
#prospective .prospective-2020 .sticky-cta .btn.btn-secondary:hover {
  background: #3DCBFF;
  color: #192540;
}
@media (min-width: 47.5rem) {
  #prospective .prospective-2020 .sticky-cta {
    display: block;
  }
  #prospective .prospective-2020 .sticky-cta .btn,
  #prospective .prospective-2020 .sticky-cta .btn.btn-primary,
  #prospective .prospective-2020 .sticky-cta .btn.btn-secondary {
    font-size: 1rem;
    justify-content: center;
    padding: 1.5rem;
  }
}
@media (min-width: 87.5rem) {
  #prospective .prospective-2020 .sticky-cta {
    width: auto;
    display: block;
    bottom: 0.5rem;
    right: 0.5rem;
  }
  #prospective .prospective-2020 .sticky-cta .sticky-cta-btns {
    width: auto;
    display: block;
  }
  #prospective .prospective-2020 .sticky-cta .btn,
  #prospective .prospective-2020 .sticky-cta .btn.btn-primary,
  #prospective .prospective-2020 .sticky-cta .btn.btn-secondary {
    display: block;
    font-size: 1rem;
    justify-content: center;
    padding: 1rem;
    margin-top: 0.25rem;
  }
}

/* ----------------------------------------------------------

PAGINATION

---------------------------------------------------------- */
.flex-pagination {
  display: flex;
  margin-top: 1rem;
}

/* ----------------------------------------------------------

CONTENT BUILDER - Horizontal Cards

---------------------------------------------------------- */
.card.card-horizontal {
  border-top: 1px solid rgba(164, 215, 218, 0.5);
}
.card.card-horizontal h2 {
  padding: 0;
  border-top: none;
  margin-top: 1.25rem;
  font-size: 1.75rem;
}
.card.card-horizontal p {
  font-size: 1rem;
  line-height: 1.6;
}

/* ----------------------------------------------------------

HOLOCAUST INITIATIVE

---------------------------------------------------------- */
article .blog-post ul li {
  border-bottom: none;
}

.blog-post-preview p {
  display: inline;
}

h2.blog-post-title span {
  display: block;
  text-transform: uppercase;
  font-size: 75%;
  font-weight: 400;
}

h2.blog-post-title {
  padding-bottom: 1.5rem;
  letter-spacing: 0;
}

.blog-post-author {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-style: italic;
  margin-top: 0;
}

a.blog-preview-link {
  font-family: "Roboto Slab", "Bitter", sans-serif;
  font-size: 1.25rem;
}

/* ----------------------------------------------------------

NEW Callout Box

---------------------------------------------------------- */
.callout-box-content {
  position: relative;
  /* border: 0.5rem solid $color-ps-blue-2; */
  padding: 1.5rem;
  display: block;
  margin: 1rem 0 2rem 0;
  z-index: 0;
}
@media (min-width: 56.25rem) {
  .callout-box-content {
    width: 85%;
    margin-left: 7.5%;
  }
}
.callout-box-content.callout-box-note {
  background-color: #D2EAFA;
}
.callout-box-content.callout-box-important {
  background-color: rgba(239, 201, 0, 0.7);
}
.callout-box-content.callout-box-warning {
  background-color: #A02F0C;
}
.callout-box-content.callout-box-warning h2, .callout-box-content.callout-box-warning h3 {
  color: #FFF;
}
.callout-box-content.callout-box-warning p {
  color: #FFF;
}
.callout-box-content h3 {
  margin-top: 0;
  margin-bottom: 1.25rem;
  padding: 0;
  padding-top: 0.5rem;
  font-size: 1.5rem;
}
@media (min-width: 56.25rem) {
  .callout-box-content h3 {
    margin-bottom: 1.75rem;
  }
}
.callout-box-content b {
  margin-bottom: 0.75rem;
}
@media (min-width: 56.25rem) {
  .callout-box-content b {
    margin-bottom: 1rem;
  }
}
.callout-box-content p {
  font-size: 1.125rem;
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 0;
}
.callout-box-content p:last-of-type {
  margin-bottom: 0;
}
.callout-box-content p strong {
  margin: auto;
}

/* ----------------------------------------------------------

Slick Slider

---------------------------------------------------------- */
.category-cards {
  display: flex;
  flex-wrap: wrap;
}
.category-cards .card {
  width: 100%;
}
@media (min-width: 992px) {
  .category-cards .card {
    width: 50%;
  }
}
@media (min-width: 75rem) {
  .category-cards .card {
    width: 33.33%;
  }
}
@media (min-width: 87.5rem) {
  .category-cards .card {
    width: 25%;
  }
}

.card-slider,
.category-cards {
  /** Product description */
}
.card-slider .card,
.category-cards .card {
  position: relative;
  text-decoration: none;
  transition: all 0.1s linear;
  padding: 0.5rem;
}
.card-slider .card h3,
.category-cards .card h3 {
  display: inline;
  margin: 0;
  font-size: 1.125rem;
  color: #205EA3;
  font-weight: bold;
  padding: 0.25rem 0;
}
.card-slider .card p,
.category-cards .card p {
  margin: 0.25rem 0 0 0;
  font-size: 1rem;
  line-height: 1.4;
  color: #192540;
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
}
.card-slider .image,
.category-cards .image {
  margin-bottom: 0.75rem;
}
.card-slider a.card:hover h3,
.category-cards a.card:hover h3 {
  background: #a3e6ff;
}

.card-slider .slick-next .slick-next-icon, .card-slider .slick-next .slick-prev-icon, .card-slider .slick-prev .slick-next-icon, .card-slider .slick-prev .slick-prev-icon {
  color: #205EA3;
}
.card-slider .slick-slide {
  padding: 0 0.5rem;
}

a:hover h2.resource-header {
  text-decoration: underline;
  text-underline-offset: 0.375rem;
}

h2.resource-header {
  display: inline-block;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #009CDE;
  transition: all 0.3s ease-out;
}
h2.resource-header span {
  color: #009CDE;
}

/* ----------------------------------------------------------

ACCREDITATION -2024

---------------------------------------------------------- */


.grid-content.accreditation-home-label {
  padding-top: 0;
  }

.accreditation-home-label p {
  font-size: 1.75rem;
  margin-top: 0;
  }

@media (min-width: 62.5rem) {
  
  .accreditation-home-label p {
    font-size: 2rem;
      }
  }

@media (min-width: 75rem) {
  
  .accreditation-home-label p {
    font-size: 2.25rem;
      }
  }
  
 body#accreditation .three-up.margined > a {
  margin: 4vw 0.5%;
  }

body#accreditation .builder-btns a.btn.btn-primary, 
body#accreditation .builder-btns a.btn.btn-secondary {
  padding: 1.5rem 2.5rem;
  }

body#accreditation h2 + h3 {
  margin-top: 3rem;
  }

body#accreditation article ul {
  font-size: 1rem;
  margin: 1rem 0;
  padding-bottom: 1rem;
  line-height: 1.4;
  }  
  
body#accreditation article ul.executive-summary {
  font-size: 1.125rem;
  }

body#accreditation article ul li {
  font-weight: normal;
  margin: 0.75rem 0;
  padding-bottom: 0.5rem;
  line-height: 1.4;
  }

body#accreditation article ul.executive-summary li {
 font-weight: lighter;
  margin: 1.5rem 0;
  border-bottom: none;
  padding-bottom: 0;
  line-height: 1.6;
  }

body#accreditation a.btn {
   display: inline-flex;
   line-height: 1;
   align-items: center;
   }
    
body#accreditation a[href$=".pdf"]:not(.grid-cell)::after {
     content: "";
     height: 21px;
     width: 24px;
     background: url(/assets/uploads/doc-icon-pdf.svg) no-repeat;
     background-size: contain;
     background-position: center top;
     position: relative;
     flex-shrink: 0;
     margin-left: 0.25rem;
 }

body#accreditation a.grid-cell[href$=".pdf"] h3::after {
  content: "";
  height: 28px;
  width: 32px;
  background: url(/assets/uploads/doc-icon-pdf.svg) no-repeat;
  background-size: contain;
  background-position: center top;
  position: relative;
  flex-shrink: 0;
  margin-left: 0.25rem;
  }
  
    
 body#accreditation h1 + ul {
   margin-top: 2.5rem;
   }
  
 body#accreditation a.btn[href$=".pdf"]::after {
   content: "";
   height: 28px;
   width: 32px;
   background: url(/assets/uploads/doc-icon-pdf.svg) no-repeat;
   background-size: contain;
   background-position: center top;
   position: relative;
   flex-shrink: 0;
   margin-left: 0.25rem;
   }
   
@media (min-width: 37.5rem) {
  
  body#accreditation article ul {
  font-size: 1.125rem;
  padding-left: 3rem;
  }  
  
  body#accreditation header .grid-content {
  padding: 1rem 1.5rem;
  }
  
  body#accreditation header .grid-content.accreditation-home-label {
  padding-top: 0;
  }
  
  body#accreditation header .quarter {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
  
  body#accreditation header .three-quarters {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
} 

@media (min-width: 56.25rem) {
  
  .grid-content.accreditation-home-label {
    padding-top: 2rem;
    }
  
  .accreditation-home-label p {
    margin-top: 1rem;
    }
  
  body#accreditation header .quarter  {
    width: 33.3333%;
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.3333%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  body#accreditation header .three-quarters {
    width: 66.6666%;
    -webkit-flex-basis: 66.6666%;
    flex-basis: 66.6666%;
    max-width: 66.6666%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 75rem) {
  
  body#accreditation header .quarter {
   width: 25%;
   -webkit-flex-basis: 25%;
   flex-basis: 25%;
   max-width: 25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  body#accreditation header .three-quarters {
      width: 75%;
      -webkit-flex-basis: 75%;
      flex-basis: 75%;
      max-width: 75%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
}

@media (min-width: 56.25rem) {
  
    body#accreditation .logo-comm img {
        width: 100%;
        max-width: 340px;
        height: auto;
    }
}
  
body#accreditation a:not(.btn):link:hover,
body#accreditation a:not(.btn):visited:hover {
  text-decoration: underline;
  text-decoration-color: rgba(61,203,255,1);
  text-underline-offset: 0.25rem;
  }  

body#accreditation p a {
  border-bottom: none;
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  text-decoration-color: rgba(61,203,255,0.5);
  }
  
body#accreditation header ul,
body#accreditation .big-small,
body#accreditation nav#nav-primary-mega,
body#accreditation footer .grid-cell.quarter {
  display: none;
  }

.accreditation-landing .grid-content {
  text-align: center;
  }

.accreditation-landing .wrap-video {
  margin-top: 2.5rem;
  }

body#accreditation .accreditation-sections a.grid-cell h3 {
  font-family: "Lato", "Open Sans", "Bitter", sans-serif;
  font-size: 1.25rem;
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  }

body#accreditation h2 {
  text-wrap: balance;
  }

@media (min-width: 37.5rem) {
  
  body#accreditation .three-up.margined .grid-cell {
      width: 47%;
      -webkit-flex-basis: 47%;
      flex-basis: 47%;
      max-width: 47%;
      }
    
    body#accreditation .three-up.margined > a {
        margin: 1.5vw 1.5%;
        } 
    }
     
@media (min-width: 56.25rem) {

    body#accreditation header .grid-content {
        padding: 2rem;
    }

  body#accreditation header .grid-content.accreditation-home-label {
    padding-top: 2rem;
    }
  
  body#accreditation .three-up.margined .grid-cell {
    width: 30.3333%;
    -webkit-flex-basis: 30.3333%;
    flex-basis: 30.3333%;
    max-width: 30.3333%;
    }   
  }

@media (min-width: 1160px) {

  .accreditation-landing article.max-width {
    width: 1140px;
    }
  }

@media (min-width: 1440px) {
  
  .accreditation-landing article.max-width {
    width: 1360px;
    }
  }

ul.appendix-links {
   list-style-type: none;
   }
    
body#accreditation article ul.appendix-links li {
  border-bottom: 1px solid transparent;
  margin: 0;
  padding: 0;
  }
    
body#accreditation article ul.appendix-links li a {  
  margin: 0.5rem 0;
  padding: 0.5rem 0;
  display: block;
  }
  
body#accreditation article ul.appendix-links li::after {
  content: '';
  display: block;
   height: 1px;
   border-bottom: 1px solid rgba(164, 215, 218, 0.5);
   flex-grow: 1;
   width: 25%;
   margin: 0 auto;
  }

body#accreditation article ul.appendix-links li:last-of-type::after {
  border-bottom: 1px solid transparent;
  }