*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

  font-face {
    font-family: "Akkurat Pro Light";
    src: url("https://common.northwestern.edu/v8/css/fonts/AkkuratProLight.woff") format("woff");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: "Akkurat Pro Light Italic";
    src: url("https://common.northwestern.edu/v8/css/fonts/AkkuratProLightItalic.woff") format("woff");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: "Akkurat Pro Regular";
    src: url("https://common.northwestern.edu/v8/css/fonts/AkkuratProRegular.woff") format("woff");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: "Akkurat Pro Italic";
    src: url("https://common.northwestern.edu/v8/css/fonts/AkkuratProItalic.woff") format("woff");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: "Akkurat Pro Bold";
    src: url("https://common.northwestern.edu/v8/css/fonts/AkkuratProBold.woff") format("woff");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: "Akkurat Pro Bold Italic";
    src: url("https://common.northwestern.edu/v8/css/fonts/AkkuratProBoldItalic.woff") format("woff");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: "Campton Book";
    src: url("https://common.northwestern.edu/v8/css/fonts/CamptonBook.woff") format("woff");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: "Campton Bold";
    src: url("https://common.northwestern.edu/v8/css/fonts/CamptonBold.woff") format("woff");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: "Campton Extra Bold";
    src: url("https://common.northwestern.edu/v8/css/fonts/CamptonExtraBold.woff") format("woff");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: "Campton Extra Light";
    src: url("https://common.northwestern.edu/v8/css/fonts/CamptonExtraLight.woff") format("woff");
    font-weight: normal;
    font-style: normal; }




#alert {
	background:#e4e0ee;
	border-left:10px solid #432a84;
	max-width:695px;
	padding:20px 20px 5px 80px;
	margin: 0;
	font:16px/1.3em "Akkurat Pro Regular", Arial, sans-serif;
	margin-bottom: 25px;
	position:relative;
}

#alert h2{
	font:28px/1em "Campton Bold",Impact,sans-serif;
	color:#4e2a84;
	margin-bottom:.5rem;
	postion: relative;
}

#alert img{
	position:absolute;
	left:10px;
}




html {
  font-size: 14px;
  color: #333;
  padding: 0;
  margin: 0;
letter-spacing: -0.3px;}

body {
  padding: 0;
  margin: 0; }

.contain {
  max-width: 1180px;
  margin: 0 10px; }
  @media (min-width: 700px) {
    .contain {
      margin: 0 30px; } }
  @media (min-width: 1240px) {
    .contain {
      margin: 0 auto; } }

img {
  max-width: 100%; }

h1, h2, h3, h4, h5, h6, p, ul, li {
  margin-top: 0;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none; }

h2, h3, h4, h5, h6 {
  margin-bottom: 2px;
  line-height: 1.1; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

a {
  color: inherit; }

.page-subpage-content li {
  max-width: 650px;
}

form input {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
  padding: 10px;
  border: solid 1px #cdcdcd;
  -webkit-border-radius: 3px;
          border-radius: 3px; }
form input[type="submit"] {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 3px;
          border-radius: 3px; }

.btn {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  background: #4E2A84;
  color: #fff;
  text-decoration: none;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }

nav ul {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  margin: -10px; }
  nav ul li {
    margin: 10px; }
    nav ul li a {
      text-decoration: none; }

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

  /* JAVASCRIPT ACCORDION ROLLDOWN
  /* Style the buttons that are used to open and close the accordion panel */
  .accordion {
    background-color: #4E2A84;
    color: #FFFFFF;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    max-width: 700px;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
  	margin:7px 0 0 0;
    font-family: "Akkurat Pro Regular", Arial;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    line-height: 1.7;
    font-size: 16px;
  }

  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .active, .accordion:hover {
    background-color: #33175c;
  }

  /* Style the accordion panel. Note: hidden by default */
  .panel {
    padding: 0 18px;
    background-color: #E4E0EE;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    line-height: 1.7;
    font-size: 16px;
    max-width: 700px;
    }

  .panel p:first-child {
    padding:18px 0 0 0;
  }

.grid2 {
  display: -ms-grid;
  display: grid; }
  @media (min-width: 500px) {
    .grid2 {
      -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr; } }

.grid3 {
  display: -ms-grid;
  display: grid; }
  @media (min-width: 900px) {
    .grid3 {
      -ms-grid-columns: 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr; } }

.grid4 {
  display: -ms-grid;
  display: grid;
  overflow: auto; }
  @media (min-width: 500px) {
    .grid4 {
      -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr; } }
  @media (min-width: 900px) {
    .grid4 {
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr 1fr; } }

/* IE GRID FALLBACK?
TRY THIS METHOD:  https://www.billerickson.net/css-grid-ie-fallback/
.grid4 > div {
	float:left;
	width:25%;
} */
.gutter {
  grid-gap: 30px; }

.flex2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .flex2 .flex {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: solid 1px red; }
    @media (min-width: 500px) {
      .flex2 .flex {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 -webkit-calc(50% - 10px);
            -ms-flex: 0 0 calc(50% - 10px);
                flex: 0 0 calc(50% - 10px);
        margin-bottom: 0; } }

.flex3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .flex3 .flex {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: solid 1px red; }
    @media (min-width: 900px) {
      .flex3 .flex {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 -webkit-calc(30% - 10px);
            -ms-flex: 0 0 calc(30% - 10px);
                flex: 0 0 calc(30% - 10px);
        margin-bottom: 0; } }

.flex4 {
  display: -ms-flex;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .flex4 .flex {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    border: solid 1px red;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (min-width: 500px) {
      .flex4 .flex {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 -webkit-calc(50% - 10px);
            -ms-flex: 0 0 calc(50% - 10px);
                flex: 0 0 calc(50% - 10px); } }
    @media (min-width: 900px) {
      .flex4 .flex {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 -webkit-calc(25% - 20px);
            -ms-flex: 0 0 calc(25% - 20px);
                flex: 0 0 calc(25% - 20px);
        margin-bottom: 0; } }

.tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 2px; }
  .tags .tag {
    color: #888;
    background: #eee;
    width: auto;
    margin: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.1;
    font-size: .9rem;
    -webkit-border-radius: 3px;
            border-radius: 3px; }

html {
  font-family: "Akkurat Pro Regular", Arial;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  line-height: 1.7;
  font-size: 16px;
  color: #342f2e; }

p strong {
  font-family: 'Akkurat Pro Bold', sans-serif;
  font-weight: normal; }

h2 {
  font-family: 'Campton Bold', sans-serif;
  margin-bottom: 0px;
  color: #4E2A84;
  font-size: 1.95rem; }

footer h2 {
  color: #fff;
  font-family: 'Akkurat Pro Bold';
  font-size: .75rem;
  margin-bottom: 10px;
  margin-top: 0; }

.anchor-button-container{
  margin-bottom: 26px;
  width: 100%;
  max-width: 700px;
}

.anchor-button-container div{
  display: inline-block;
  margin: 21px 26px 0 0;
  width: calc(50% - 26px);
}

.anchor-button-container div a:hover{
  opacity: .8;
}

.anchor-button-container div img{
  width: 100%;
  height: auto;
}

.anchor-button-container div:nth-child(2n+2){
  margin-right: 0;
}



@
p {
  letter-spacing: .01rem; }

@media (min-width: 700px) {
  html {
    font-size: 18px; } }

header {
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); }
  header.fixed {
    position: fixed; }
  header div#preheader {
    background: #fdc3c1;
    color: #e90e09;
    border-bottom: solid 2px #fff;
    display: none; }
    header div#preheader div.contain {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 2px;
      padding-bottom: 2px; }
      header div#preheader div.contain #preheader-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        header div#preheader div.contain #preheader-content span#preheader-tag {
          background: #F7332E;
          color: #fff;
          padding-top: 2px;
          padding-right: 5px;
          padding-left: 5px;
          padding-bottom: 1px;
          -webkit-border-radius: 2px;
                  border-radius: 2px;
          font-size: .7rem;
          font-family: 'Akkurat Pro Bold';
          margin-right: 5px;
          display: block; }
        header div#preheader div.contain #preheader-content small {
          font-size: .8rem;
          font-family: 'Akkurat Pro Bold'; }
      header div#preheader div.contain #preheader-close {
        font-family: 'Campton Bold';
        cursor: pointer; }
  header div#header-main {
    background: #4E2A84;
    padding: 20px 0;
    position: relative; }
    header div#header-main .contain {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      color: #fff;
      fill: #fff;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      header div#header-main .contain #branding {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
            -ms-flex: auto;
                flex: auto; }
        header div#header-main .contain #branding svg#cce-lockup {
          max-width: 200px; }
          @media (min-width: 500px) {
            header div#header-main .contain #branding svg#cce-lockup {
              display: none; } }
        header div#header-main .contain #branding svg#cce-lockup-horizontal {
          display: none; }
          @media (min-width: 500px) {
            header div#header-main .contain #branding svg#cce-lockup-horizontal {
              display: block;
              max-width: 350px; } }
      header div#header-main .contain #hamburger {
        margin-right: 10px;
        cursor: pointer;
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                align-self: center;
        height: 30px; }
        header div#header-main .contain #hamburger svg#hamburger-nu {
          width: 30px;
          height: 30px; }
        header div#header-main .contain #hamburger svg#nu-close {
          width: 25px;
          height: 25px;
          display: none; }
        @media (min-width: 750px) {
          header div#header-main .contain #hamburger {
            display: none; } }
        header div#header-main .contain #hamburger.open svg#hamburger-nu {
          display: none; }
        header div#header-main .contain #hamburger.open svg#nu-close {
          display: block; }
      header div#header-main .contain nav#nav-main {
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                align-self: center;
        overflow: hidden;
        height: 0;
        -webkit-transition: height .75s ease-out;
        transition: height .75s ease-out;
        width: 100%; }
        header div#header-main .contain nav#nav-main.show {
          -webkit-transition: height .75s ease-out;
          transition: height .75s ease-out; }
        @media (min-width: 750px) {
          header div#header-main .contain nav#nav-main {
            display: block;
            height: auto !important;
            width: auto; } }
        header div#header-main .contain nav#nav-main ul {
          margin-right: 0;
          margin-top: 0;
          margin-bottom: 0;
          margin-left: 5px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          padding-top: 20px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          width: 100%; }
          @media (min-width: 750px) {
            header div#header-main .contain nav#nav-main ul {
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
              -webkit-flex-direction: row;
                  -ms-flex-direction: row;
                      flex-direction: row;
              padding-top: 0;
              margin-left: 0; } }
          header div#header-main .contain nav#nav-main ul li {
            font-family: 'Akkurat Pro Bold';
            font-weight: normal;
            padding: 0;
            margin-right: 0;
            margin-left: 0;
            margin-top: 0;
            margin-bottom: 5px; }
            @media (min-width: 750px) {
              header div#header-main .contain nav#nav-main ul li {
                margin-left: 30px;
                margin-bottom: 0; } }

main {
  min-height: 500px; }

.news-item-headline, body.interior h2.news-item-headline {
  font-size: 1.75rem;
  font-family: "Vesper Libre", serif;
  line-height: 1.05;
  letter-spacing: -.05rem;
  color: #4E2A84; }
  .news-item-headline a, body.interior h2.news-item-headline a {
    text-decoration: none; }
  @media (min-width: 700px) {
    .news-item-headline, body.interior h2.news-item-headline {
      font-size: 2.15rem; } }

.news-item-date {
  display: block;
  margin-bottom: 20px;
  font-size: .9rem;
  color: #999; }

body.interior header nav ul li {
  opacity: .5; }
  body.interior header nav ul li.active {
    opacity: 1; }
body.interior aside.page-sidebar {
  display: none; }
  @media (min-width: 1000px) {
    body.interior aside.page-sidebar {
      display: block; } }
body.interior main {
  padding-bottom: 30px;
  padding-top: 30px; }
  @media (min-width: 700px) {
    body.interior main {
      padding-top: 60px; } }
  body.interior main section#page-landing {
    padding-bottom: 30px; }
    body.interior main section#page-landing img.page-featured_image {
      max-height: 350px;
      width: 100%;
      max-width: 800px;
      object-fit: cover;
      margin-bottom: 20px; }
      @media (min-width: 700px) {
        body.interior main section#page-landing img.page-featured_image {
          max-height: 400px; } }
    body.interior main section#page-landing .page-kicker {
      font-size: 1.1rem;
      margin-bottom: 5px;
      text-transform: uppercase;
      font-family: 'Campton Bold';
      color: #836EAA; }
    body.interior main section#page-landing .page-headline {
      font-family: 'Campton Bold';
      color: #4E2A84;
      font-size: 2.75rem;
      line-height: 1.1;
      margin-bottom: 10px;
      max-width: 700px; }
    body.interior main section#page-landing .page-intro {
      line-height: 1.75;
      font-size: 1.2rem;
      margin-bottom: 20px;
      max-width: 700px; }
  body.interior main h2 {
    font-family: 'Campton Book';
    font-size: 1.5rem;
    margin-bottom: 7px; }
  body.interior main section#page-content {
    padding-bottom: 60px; }
    body.interior main section#page-content h2:not(:first-of-type) {
      margin-top: 35px; }

body#programs main .page-sidebar-wrapper, body.page-sidebar main .page-sidebar-wrapper, body#news main .page-sidebar-wrapper {
  display: -ms-grid;
  display: grid; }
  @media (min-width: 1000px) {
    body#programs main .page-sidebar-wrapper, body.page-sidebar main .page-sidebar-wrapper, body#news main .page-sidebar-wrapper {
      -ms-grid-columns: 1fr 3fr;
          grid-template-columns: 1fr 3fr;
      grid-gap: 30px; } }
  body#programs main .page-sidebar-wrapper aside.page-sidebar, body.page-sidebar main .page-sidebar-wrapper aside.page-sidebar, body#news main .page-sidebar-wrapper aside.page-sidebar {
    border-right: solid 1px #eee;
    padding-right: 20px;
    padding-top: 3px; }
    body#programs main .page-sidebar-wrapper aside.page-sidebar h2, body.page-sidebar main .page-sidebar-wrapper aside.page-sidebar h2, body#news main .page-sidebar-wrapper aside.page-sidebar h2 {
      font-family: 'Campton Bold';
      font-weight: normal;
      text-transform: uppercase;
      font-size: 1.1rem;
      color: #836EAA; }
    body#programs main .page-sidebar-wrapper aside.page-sidebar ul.sidebar-items, body.page-sidebar main .page-sidebar-wrapper aside.page-sidebar ul.sidebar-items, body#news main .page-sidebar-wrapper aside.page-sidebar ul.sidebar-items {
      margin-left: 5px; }
      body#programs main .page-sidebar-wrapper aside.page-sidebar ul.sidebar-items li.sidebar-item, body.page-sidebar main .page-sidebar-wrapper aside.page-sidebar ul.sidebar-items li.sidebar-item, body#news main .page-sidebar-wrapper aside.page-sidebar ul.sidebar-items li.sidebar-item {
        color: #888;
        font-family: 'Akkurat Pro Bold';
        font-size: .9rem;
        margin-bottom: 3px; }
        body#programs main .page-sidebar-wrapper aside.page-sidebar ul.sidebar-items li.sidebar-item a, body.page-sidebar main .page-sidebar-wrapper aside.page-sidebar ul.sidebar-items li.sidebar-item a, body#news main .page-sidebar-wrapper aside.page-sidebar ul.sidebar-items li.sidebar-item a {
          text-decoration: none; }
  @media (min-width: 1000px) {
    body#programs main .page-sidebar-wrapper .main-content section#page-landing h1.page-kicker, body.page-sidebar main .page-sidebar-wrapper .main-content section#page-landing h1.page-kicker, body#news main .page-sidebar-wrapper .main-content section#page-landing h1.page-kicker {
      display: none; } }

body#programs main section:not(#page-landing) {
  margin-bottom: 40px; }
  body#programs main section:not(#page-landing) .section-overview {
    margin-bottom: 15px; }
  @media (min-width: 700px) {
    body#about main section:not(#page-landing) .section-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: -10px;
      -webkit-box-pack: start;
      -webkit-justify-content: start;
          -ms-flex-pack: start;
              justify-content: start;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      padding-left: 15px; } }
  body#about main section:not(#page-landing) .section-list a.item {
    text-decoration: none;
    border: solid 1px #eee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    margin-bottom: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 600px; }
    @media (min-width: 700px) {
      body#about main section:not(#page-landing) .section-list a.item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 175px;
            -ms-flex: 0 0 175px;
                flex: 0 0 175px;
        margin: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-top: 10px; } }
    body#about main section:not(#page-landing) .section-list a.item div.item-logo {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      max-height: 100px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media (min-width: 700px) {
        body#about main section:not(#page-landing) .section-list a.item div.item-logo {
          width: 100%;
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 100px;
              -ms-flex: 0 0 100px;
                  flex: 0 0 100px;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                      -ms-grid-row-align: center;
                  align-items: center;
          margin-bottom: 5px; } }
      body#about main section:not(#page-landing) .section-list a.item div.item-logo h3 {
        font-size: .8rem;
        font-family: 'Akkurat Pro Bold'; }
        @media (min-width: 700px) {
          body#about main section:not(#page-landing) .section-list a.item div.item-logo h3 {
            font-size: 1rem; } }
      body#about main section:not(#page-landing) .section-list a.item div.item-logo img {
        max-width: 100%;
        max-height: 50px; }
        @media (min-width: 700px) {
          body#about main section:not(#page-landing) .section-list a.item div.item-logo img {
            max-height: 70px; } }
    body#about main section:not(#page-landing) .section-list a.item p {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 68%;
          -ms-flex: 0 0 68%;
              flex: 0 0 68%;
      font-size: .8rem;
      line-height: 1.2;
      margin-bottom: 0;
      font-family: 'Akkurat Pro Italic';
      color: #666; }

a.anchor {
          display: block!important;
          position: relative!important;
          top: -250px!important;
          visibility: hidden!important;
      }

      .list-generic {
        font-size:.85rem;
      }

      .hp-callout {
        font-size:1.8rem!important;
      }



.section-kicker {
  font-size: 1.2rem;
  margin-bottom: 5px;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 700px) {
    .section-kicker {
      margin-bottom: 25px;
      font-size: 1.4rem; } }
  .section-kicker:before {
    background: url("/assets/images/grey-slash.svg") no-repeat 50%/17px 21px;
    padding: 0 20px;
    content: " "; }
  .section-kicker:after {
    background: url("//common.northwestern.edu/v8/css/images/icons/grey-slash.svg") no-repeat 50%/17px 21px;
    padding: 0 25px;
    content: " "; }

.section-header {
  font-family: 'Campton Extra Light';
  font-weight: normal;
  color: #4E2A84;
  font-size: 2rem;
  line-height: 1.1;
  margin-bottom: 10px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 700px; }
  @media (min-width: 700px) {
    .section-header {
      margin-bottom: 20px;
      font-size: 2.6rem; } }

.section-intro {
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: #777;
  max-width: 700px; }
  @media (min-width: 700px) {
    .section-intro {
      margin-bottom: 50px; } }

section#prefooter {
  background: #E4E0EE;
  color: #555;
  padding-top: 70px;
  padding-bottom: 70px; }
  section#prefooter div.contain div.prefooter-col {
    margin-bottom: 0px; }
    section#prefooter div.contain div.prefooter-col h2.prefooter-col-header {
      color: #4E2A84;
      font-size: .9rem;
      font-family: 'Akkurat Pro Bold';
      margin-bottom: 5px; }
    section#prefooter div.contain div.prefooter-col ul li {
      font-size: .75rem;
      margin-bottom: 0; }
      section#prefooter div.contain div.prefooter-col ul li a {
        text-decoration: none; }

footer {
  background: #4E2A84;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: solid 3px #fff; }
  footer div.contain {
    padding-top: 30px;
    padding-bottom: 30px; }
    footer div.contain p {
      font-size: .75rem; }
    footer div.contain #footer-nu svg {
      max-width: 250px;
      margin-bottom: 20px; }
    footer div.contain #footer-nu small {
      display: block;
      margin-bottom: 10px; }
    footer div.contain #footer-nu ul#footer-links li {
      margin-bottom: 5px;
      font-size: .75rem; }
    footer div.contain #footer-mission p {
      line-height: 1.5; }
    footer div.contain #footer-contact p {
      line-height: 1.5; }
    footer div.contain #footer-social h2 {
      color: #fff;
      margin-bottom: 15px; }
    footer div.contain #footer-social #footer-social-icons {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      footer div.contain #footer-social #footer-social-icons a {
        width: 40px;
        height: 40px;
        display: block;
        background: #fff;
        padding: 10px;
        margin-right: 10px; }

body#home section#home-splash {
  background: #111; }
  body#home section#home-splash #home-splash-image {
    background-image: -webkit-linear-gradient(30deg, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.5) 55%, rgba(0, 0, 0, 0.25) 70%, rgba(0, 0, 0, 0) 80%), url("/assets/images/artinstitute.jpg");
    background-image: linear-gradient(60deg, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.5) 55%, rgba(0, 0, 0, 0.25) 70%, rgba(0, 0, 0, 0) 80%), url("/assets/images/artinstitute.jpg");
    background-size: auto 120vw;
    background-position: 15% 40%;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
    max-width: 1260px;
    margin: 0 auto; }
    @media (min-width: 700px) {
      body#home section#home-splash #home-splash-image {
        background-image: -webkit-linear-gradient(30deg, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.6) 35%, rgba(0, 0, 0, 0.3) 45%, rgba(0, 0, 0, 0) 55%), url("/assets/images/artinstitute.jpg");
        background-image: linear-gradient(60deg, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.6) 35%, rgba(0, 0, 0, 0.3) 45%, rgba(0, 0, 0, 0) 55%), url("/assets/images/artinstitute.jpg");
        height: 475px;
        background-size: cover;
        background-position: 15% 20%; } }
    @media (min-width: 1000px) {
      body#home section#home-splash #home-splash-image {
        height: 525px;
        background-position: 15% 30%;
        background-image: -webkit-linear-gradient(30deg, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0) 55%), url("/assets/images/artinstitute.jpg");
        background-image: linear-gradient(60deg, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0) 55%), url("/assets/images/artinstitute.jpg"); } }
    @media (min-width: 1200px) {
      body#home section#home-splash #home-splash-image {
        height: 550px;
        background-image: -webkit-linear-gradient(30deg, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 55%), url("/assets/images/artinstitute.jpg");
        background-image: linear-gradient(60deg, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 55%), url("/assets/images/artinstitute.jpg"); } }
  body#home section#home-splash div.contain {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
    body#home section#home-splash div.contain div#home-splash-content {
      margin-bottom: 40px; }
      @media (min-width: 700px) {
        body#home section#home-splash div.contain div#home-splash-content {
          margin-bottom: 60px; } }
      body#home section#home-splash div.contain div#home-splash-content h1 {
        font-family: 'Campton Bold';
        font-size: 2rem;
        line-height: 1.1;
        color: #fff;
        max-width: 500px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); }
        @media (min-width: 1000px) {
          body#home section#home-splash div.contain div#home-splash-content h1 {
            font-size: 2.5rem; } }
      body#home section#home-splash div.contain div#home-splash-content a.btn {
        background: #4E2A84;
        font-family: 'Akkurat Pro Bold'; }
body#home section#home-latest {
  background: #eee;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5); }
  @media (min-width: 700px) {
    body#home section#home-latest .contain {
      padding-top: 30px;
      padding-bottom: 30px;
      width: -webkit-calc(100% - 60px);
      width: calc(100% - 60px); } }
  @media (min-width: 1000px) {
    body#home section#home-latest .contain {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      padding-bottom: 10px;
      padding-top: 10px; } }
  body#home section#home-latest .contain h2 {
    font-family: 'Campton Book';
    font-size: 1.25rem;
    margin-bottom: 5px; }
  body#home section#home-latest .contain #home-latest-news {
    margin-bottom: 15px; }
    @media (min-width: 1000px) {
      body#home section#home-latest .contain #home-latest-news {
        grid-column: 1 / 7;
        display: -ms-grid;
        display: grid;
        -ms-grid-row-align: center;
            align-items: center;
        -ms-grid-columns: 1fr 5fr;
            grid-template-columns: 1fr 5fr;
        border-bottom: solid 1px #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
            -ms-flex-pack: start;
                justify-content: start; } }
    @media (min-width: 1200px) {
      body#home section#home-latest .contain #home-latest-news {
        grid-column: 1 / 5;
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0; } }
    @media (min-width: 700px) {
      body#home section#home-latest .contain #home-latest-news h2 {
        margin-bottom: 10px; } }
    @media (min-width: 1000px) {
      body#home section#home-latest .contain #home-latest-news h2 {
        justify-self: end;
        padding-right: 20px;
        margin-bottom: 105px;
        text-align: right; } }
    body#home section#home-latest .contain #home-latest-news ul#home-news-items {
      padding-left: 25px;
      color: #4E2A84; }
      @media (min-width: 700px) {
        body#home section#home-latest .contain #home-latest-news ul#home-news-items {
          list-style: none;
          padding: 0;
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr 1fr 1fr;
              grid-template-columns: 1fr 1fr 1fr;
          grid-gap: 20px; } }
      @media (min-width: 1000px) {
        body#home section#home-latest .contain #home-latest-news ul#home-news-items {
          border-left: solid 1px #ccc;
          padding-left: 30px; } }
      @media (min-width: 1200px) {
        body#home section#home-latest .contain #home-latest-news ul#home-news-items {
          margin-right: 30px;
          padding-right: 30px;
          border-right: solid 1px #ccc;
          margin-bottom: 0; } }
      body#home section#home-latest .contain #home-latest-news ul#home-news-items li.news-item {
        margin-bottom: 5px; }
        body#home section#home-latest .contain #home-latest-news ul#home-news-items li.news-item div.img-bg {
          display: none; }
          @media (min-width: 700px) {
            body#home section#home-latest .contain #home-latest-news ul#home-news-items li.news-item div.img-bg {
              display: block;
              width: 100%;
              height: 20vw;
              margin-bottom: 10px; } }
          @media (min-width: 1000px) {
            body#home section#home-latest .contain #home-latest-news ul#home-news-items li.news-item div.img-bg {
              height: 15vw; } }
          @media (min-width: 1200px) {
            body#home section#home-latest .contain #home-latest-news ul#home-news-items li.news-item div.img-bg {
              height: 150px; } }
        body#home section#home-latest .contain #home-latest-news ul#home-news-items li.news-item h3.news-item-headline {
          line-height: 1.3;
          font-size: 1rem; }
          @media (min-width: 1200px) {
            body#home section#home-latest .contain #home-latest-news ul#home-news-items li.news-item h3.news-item-headline {
              font-size: .9rem; } }
  @media (min-width: 1000px) {
    body#home section#home-latest .contain #home-latest-digest-social {
      grid-column: 1 / -1;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 25% 25% 25% 25%;
          grid-template-columns: 25% 25% 25% 25%; } }
  @media (min-width: 1200px) {
    body#home section#home-latest .contain #home-latest-digest-social {
      grid-column: 5 / 7;
      -ms-grid-row: 1;
          grid-row: 1;
      -ms-grid-rows: auto 1fr;
          grid-template-rows: auto 1fr; } }
  body#home section#home-latest .contain #home-latest-digest-social #home-latest-digest {
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: solid 1px #ccc; }
    @media (min-width: 700px) {
      body#home section#home-latest .contain #home-latest-digest-social #home-latest-digest {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        border-top: solid 1px #ccc;
        padding-top: 30px;
        margin-bottom: 20px; } }
    @media (min-width: 1000px) {
      body#home section#home-latest .contain #home-latest-digest-social #home-latest-digest {
        grid-column: 1 / 4;
        -webkit-box-align: start;
        -webkit-align-items: start;
            -ms-flex-align: start;
                    -ms-grid-row-align: start;
                align-items: start;
        border-top: none;
        border-bottom: none;
        border-right: solid 1px #ccc;
        padding-right: 30px;
        margin-bottom: 0;
        padding-bottom: 0;
        margin-top: 15px;
        padding-top: 5px; } }
    @media (min-width: 1200px) {
      body#home section#home-latest .contain #home-latest-digest-social #home-latest-digest {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-align-content: start;
            -ms-flex-line-pack: start;
                align-content: start;
        border-right: none;
        grid-column: 1 / -1;
        padding-right: 0;
        margin-top: 0;
        padding-top: 0; } }
    body#home section#home-latest .contain #home-latest-digest-social #home-latest-digest #home-latest-digest-text p {
      line-height: 1.1;
      color: #666;
      font-size: .9rem; }
    body#home section#home-latest .contain #home-latest-digest-social #home-latest-digest form#home-digest-signup {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-left: 5px; }
      @media (min-width: 100px) {
        body#home section#home-latest .contain #home-latest-digest-social #home-latest-digest form#home-digest-signup {
          padding-top: 15px; } }
      body#home section#home-latest .contain #home-latest-digest-social #home-latest-digest form#home-digest-signup input#home-digest-signup-email {
        font-size: .9rem;
        margin-right: 5px; }
        @media (min-width: 1200px) {
          body#home section#home-latest .contain #home-latest-digest-social #home-latest-digest form#home-digest-signup input#home-digest-signup-email {
            width: 220px; } }
      body#home section#home-latest .contain #home-latest-digest-social #home-latest-digest form#home-digest-signup input#digest-signup-submit {
        padding-right: 15px;
        padding-left: 15px;
        font-family: 'Akkurat Pro Bold';
        background: #4E2A84;
        color: #fff;
        font-size: 1rem; }
  body#home section#home-latest .contain #home-latest-digest-social #home-latest-social {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 5px; }
    @media (min-width: 1000px) {
      body#home section#home-latest .contain #home-latest-digest-social #home-latest-social {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-top: 5px; } }
    @media (min-width: 1200px) {
      body#home section#home-latest .contain #home-latest-digest-social #home-latest-social {
        grid-column: 1 / -1;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: start;
            -ms-flex-align: start;
                    -ms-grid-row-align: start;
                align-items: start;
        padding-top: 20px;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
            -ms-flex-pack: start;
                justify-content: start; } }
    body#home section#home-latest .contain #home-latest-digest-social #home-latest-social div.social-icons {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-left: 20px; }
      @media (min-width: 1000px) {
        body#home section#home-latest .contain #home-latest-digest-social #home-latest-social div.social-icons {
          margin-left: 0; } }
      @media (min-width: 1200px) {
        body#home section#home-latest .contain #home-latest-digest-social #home-latest-social div.social-icons {
          margin-left: 10px; } }
      body#home section#home-latest .contain #home-latest-digest-social #home-latest-social div.social-icons a {
        text-decoration: none;
        margin-right: 15px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        @media (min-width: 1200px) {
          body#home section#home-latest .contain #home-latest-digest-social #home-latest-social div.social-icons a {
            margin-right: 10px;
            margin-top: 7px; } }
        body#home section#home-latest .contain #home-latest-digest-social #home-latest-social div.social-icons a:last-of-type {
          margin-right: 0; }
        body#home section#home-latest .contain #home-latest-digest-social #home-latest-social div.social-icons a svg {
          width: 30px;
          height: 30px;
          fill: #4E2A84; }
    body#home section#home-latest .contain #home-latest-digest-social #home-latest-social a#support-us {
      background: #4E2A84;
      font-size: .9rem;
      font-family: 'Akkurat Pro Bold';
      margin-right: 5px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding-left: 15px; }
      @media (min-width: 1000px) {
        body#home section#home-latest .contain #home-latest-digest-social #home-latest-social a#support-us {
          margin-bottom: 10px; } }
      @media (min-width: 1200px) {
        body#home section#home-latest .contain #home-latest-digest-social #home-latest-social a#support-us {
          margin-bottom: 0; } }
      body#home section#home-latest .contain #home-latest-digest-social #home-latest-social a#support-us span#support-us-icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-right: solid 1px #999;
        padding-right: 15px;
        margin-right: 12px;
        padding-top: 3px;
        padding-bottom: 3px; }
      body#home section#home-latest .contain #home-latest-digest-social #home-latest-social a#support-us span#support-us-text {
        display: block; }
body#home section#home-programs div.contain {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 1px #eee; }
  @media (min-width: 700px) {
    body#home section#home-programs div.contain {
      padding-top: 80px;
      padding-bottom: 60px;
      margin-bottom: 0; } }
  body#home section#home-programs div.contain ul#home-programs-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: -10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (min-width: 700px) {
      body#home section#home-programs div.contain ul#home-programs-items {
        margin: -15px; } }
    @media (min-width: 1000px) {
      body#home section#home-programs div.contain ul#home-programs-items {
        margin: -15px; } }
    @media (min-width: 1000px) {
      body#home section#home-programs div.contain ul#home-programs-items {
        margin: -10px -25px; } }
    @media (min-width: 1100px) {
      body#home section#home-programs div.contain ul#home-programs-items {
        width: 850px;
        margin: 0 auto; } }
    body#home section#home-programs div.contain ul#home-programs-items li.home-programs-item {
      margin: 10px; }
      @media (min-width: 700px) {
        body#home section#home-programs div.contain ul#home-programs-items li.home-programs-item {
          margin: 15px; } }
      @media (min-width: 1000px) {
        body#home section#home-programs div.contain ul#home-programs-items li.home-programs-item {
          margin: 25px; } }
      @media (min-width: 1100px) {
        body#home section#home-programs div.contain ul#home-programs-items li.home-programs-item {
          margin-bottom: 20px;
          margin-left: 0;
          margin-top: 0;
          margin-right: 0;
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 25%;
              -ms-flex: 1 1 25%;
                  flex: 1 1 25%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      body#home section#home-programs div.contain ul#home-programs-items li.home-programs-item a {
        text-decoration: none;
        display: block; }
        body#home section#home-programs div.contain ul#home-programs-items li.home-programs-item a img.home-programs-item-logo {
          max-width: 100px;
          max-height: 70px;
          -webkit-filter: grayscale(1);
                  filter: grayscale(1);
          opacity: .6;
          -webkit-transition: opacity .4s, -webkit-filter .4s;
          transition: opacity .4s, -webkit-filter .4s;
          transition: opacity .4s, filter .4s;
          transition: opacity .4s, filter .4s, -webkit-filter .4s; }
          body#home section#home-programs div.contain ul#home-programs-items li.home-programs-item a img.home-programs-item-logo:hover {
            filter: grayscale(0);
            -webkit-filter: grayscale(0);
            opacity: 1;
            -webkit-transition: opacity .4s, -webkit-filter .4s;
            transition: opacity .4s, -webkit-filter .4s;
            transition: opacity .4s, filter .4s;
            transition: opacity .4s, filter .4s, -webkit-filter .4s; }
          @media (min-width: 700px) {
            body#home section#home-programs div.contain ul#home-programs-items li.home-programs-item a img.home-programs-item-logo {
              max-width: 125px; } }
          @media (min-width: 1000px) {
            body#home section#home-programs div.contain ul#home-programs-items li.home-programs-item a img.home-programs-item-logo {
              max-width: 230px;
              max-height: 80px; } }
        body#home section#home-programs div.contain ul#home-programs-items li.home-programs-item a h3 {
          font-size: .9rem;
          max-width: 100px;
          font-family: 'Akkurat Pro Bold';
          color: #666; }
          @media (min-width: 1000px) {
            body#home section#home-programs div.contain ul#home-programs-items li.home-programs-item a h3 {
              font-size: 1.1rem; } }
body#home section#home-constituencies div.contain {
  padding-bottom: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 1px #eee; }
  @media (min-width: 700px) {
    body#home section#home-constituencies div.contain {
      padding-top: 80px;
      padding-bottom: 60px; } }
  body#home section#home-constituencies div.contain ul#home-constituencies-items {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: 30px; }
    @media (min-width: 700px) {
      body#home section#home-constituencies div.contain ul#home-constituencies-items {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
            grid-template-columns: 1fr 1fr 1fr 1fr; } }
    body#home section#home-constituencies div.contain ul#home-constituencies-items li {
      width: auto;
      max-width: 500px; }
      body#home section#home-constituencies div.contain ul#home-constituencies-items li div.img-bg {
        width: 100%;
        margin-bottom: 7px; }
        @media (min-width: 1000px) {
          body#home section#home-constituencies div.contain ul#home-constituencies-items li div.img-bg {
            margin-bottom: 15px;
            height: 250px; } }
        body#home section#home-constituencies div.contain ul#home-constituencies-items li div.img-bg img {
          width: 100%;
          max-width: 500px;
          height: auto; }
      body#home section#home-constituencies div.contain ul#home-constituencies-items li div.item-content h3 {
        text-transform: uppercase;
        color: #4E2A84;
        font-family: 'Akkurat Pro Bold';
        font-size: 1.1rem;
        margin-bottom: 5px; }
      body#home section#home-constituencies div.contain ul#home-constituencies-items li div.item-content p {
        font-size: .9rem;
        line-height: 1.3;
        color: #777; }
        body#home section#home-constituencies div.contain ul#home-constituencies-items li div.item-content p a.more {
          color: #4E2A84; }
@media (min-width: 700px) {
  body#home section#home-partners div#home-partners-wrap {
    padding-top: 80px;
    padding-bottom: 60px; } }
body#home section#home-partners div#home-partners-wrap div#home-partners-map img {
  opacity: .35;
  max-width: 700px;
  margin: 0 auto;
  display: block;
  width: 100%; }
body#home section#home-vision {
  background: #111; }
  body#home section#home-vision div#home-vision-image-bg {
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5)), url("/assets/images/jumpstart_circle.jpg");
    background-image: radial-gradient(rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5)), url("/assets/images/jumpstart_circle.jpg");
    background-size: cover;
    background-position: 50% 50%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 500px) {
      body#home section#home-vision div#home-vision-image-bg {
        background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5)), url("/assets/images/jumpstart_circle.jpg");
        background-image: radial-gradient(rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5)), url("/assets/images/jumpstart_circle.jpg");
        padding-top: 100px;
        padding-bottom: 100px; } }
    @media (min-width: 1000px) {
      body#home section#home-vision div#home-vision-image-bg {
        padding-top: 200px;
        padding-bottom: 200px; } }
    body#home section#home-vision div#home-vision-image-bg img {
      height: 0;
      width: 0;
      display: none; }
    body#home section#home-vision div#home-vision-image-bg div#home-vision-text {
      text-shadow: rgba(0, 0, 0, 0.75); }
      body#home section#home-vision div#home-vision-image-bg div#home-vision-text h2.section-kicker {
        color: #fff; }
      body#home section#home-vision div#home-vision-image-bg div#home-vision-text h3.section-header {
        margin-bottom: 0;
        color: #fff;
        max-width: 700px; }

body#news main .page-sidebar-wrapper aside.page-sidebar h2 {
  margin-bottom: 50px; }
body#news main .page-sidebar-wrapper aside.page-sidebar h3.sidebar-filter-header {
  margin-bottom: 10px;
  color: #888;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .05rem;
  font-family: 'Akkurat Pro Light'; }
body#news main .page-sidebar-wrapper aside.page-sidebar ul#sidebar-filter-programs {
  margin-bottom: 40px; }
  body#news main .page-sidebar-wrapper aside.page-sidebar ul#sidebar-filter-programs li.sidebar-filter-program.active {
    background: #E4E0EE;
    color: #4E2A84; }
body#news main .page-sidebar-wrapper aside.page-sidebar ul#sidebar-filter-years {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  margin-left: 5px; }
  body#news main .page-sidebar-wrapper aside.page-sidebar ul#sidebar-filter-years li.sidebar-filter-year {
    color: #888; }
    body#news main .page-sidebar-wrapper aside.page-sidebar ul#sidebar-filter-years li.sidebar-filter-year.active {
      font-family: 'Akkurat Pro Bold';
      color: #4E2A84; }
body#news main .page-sidebar-wrapper .main-content section#page-landing {
  padding-bottom: 10px; }
body#news main .page-sidebar-wrapper .main-content ul#news-items li.news-item {
  margin-bottom: 30px; }
  @media (min-width: 700px) {
    body#news main .page-sidebar-wrapper .main-content ul#news-items li.news-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      border-bottom: solid 1px #eee;
      padding-bottom: 15px;
      margin-bottom: 45px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  body#news main .page-sidebar-wrapper .main-content ul#news-items li.news-item div.img-bg {
    width: 100%;
    height: 70vw;
    max-height: 325px;
    margin-bottom: 15px; }
    @media (min-width: 700px) {
      body#news main .page-sidebar-wrapper .main-content ul#news-items li.news-item div.img-bg {
        height: 150px;
        margin-right: 20px;
        max-width: 150px;
        max-height: 150px; } }

body.news_item main {
  padding-top: 10px;
  padding-bottom: 30px; }
  @media (min-width: 700px) {
    body.news_item main {
      padding-bottom: 50px;
      padding-top: 30px; } }
  body.news_item main article.news-item {
    padding-top: 10px; }
    @media (min-width: 700px) {
      body.news_item main article.news-item {
        padding-top: 0; } }
    body.news_item main article.news-item div.img-bg {
      height: 70vw;
      margin-bottom: 30px; }
      @media (min-width: 700px) {
        body.news_item main article.news-item div.img-bg {
          height: 500px;
          margin-bottom: 50px; } }
    body.news_item main article.news-item div#article-text {
      max-width: 700px;
      margin-left: auto;
      margin-right: auto; }
      body.news_item main article.news-item div#article-text h2.news-item-headline {
        font-size: 2.25rem; }
  body.news_item main .back {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }

body.program main {
  padding-top: 0; }
  body.program main section#page-banner #page-featured_image-frame {
    max-height: 400px;
    width: 100%;
    max-width: 1220px; }
  body.program main section#page-intro {
    border-bottom: solid 1px #eee;
    margin-bottom: 15px;
    padding-bottom: 5px; }
    @media (min-width: 1000px) {
      body.program main section#page-intro {
        margin-bottom: 40px;
        padding-bottom: 15px; } }
    body.program main section#page-intro .program-logo {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 15px;
      margin-left: auto;
      margin-right: auto;
      margin-top: -75px;
      z-index: 5;
      position: relative;
      width: 150px;
      height: 150px;
      border: solid 1px #ccc;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      background: #fff;
      margin-bottom: 30px; }
      body.program main section#page-intro .program-logo h1#program-logo-text {
        font-size: 1.1rem;
        font-family: 'Akkurat Pro Bold';
        margin-bottom: 0;
        line-height: 1.5; }
      @media (min-width: 700px) {
        body.program main section#page-intro .program-logo {
          margin-left: 0;
          margin-right: 0;
          margin-top: -120px; } }
    body.program main section#page-intro h1.page-title {
      font-family: 'Campton Bold';
      color: #4E2A84;
      font-size: 2rem;
      line-height: 1.1;
      margin-bottom: 8px;
      max-width: 700px; }
    body.program main section#page-intro .page-intro {
      font-size: 1.2rem;
      max-width: 700px; }
  body.program main section#page-subpages {
    display: -ms-grid;
    display: grid; }
    @media (min-width: 1000px) {
      body.program main section#page-subpages {
        -ms-grid-columns: 1fr 3fr;
            grid-template-columns: 1fr 3fr;
        grid-gap: 30px; } }
    body.program main section#page-subpages nav#page-subnav {
      margin-bottom: 25px;
      border-bottom: solid 1px #eee;
      padding-bottom: 15px; }
      @media (min-width: 1000px) {
        body.program main section#page-subpages nav#page-subnav {
          border-bottom: none;
          border-right: solid 1px #eee; } }
      body.program main section#page-subpages nav#page-subnav ul#page-subnav-items {
        margin: -5px;
        display: block; }
        @media (min-width: 700px) {
          body.program main section#page-subpages nav#page-subnav ul#page-subnav-items {
            margin: -15px; } }
        @media (min-width: 1000px) {
          body.program main section#page-subpages nav#page-subnav ul#page-subnav-items {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            margin: -2px; } }
        body.program main section#page-subpages nav#page-subnav ul#page-subnav-items li.page-subnav-item {
          font-family: 'Akkurat Pro Bold';
          color: #888;
          margin: 5px; }
          body.program main section#page-subpages nav#page-subnav ul#page-subnav-items li.page-subnav-item.active {
            color: #333; }
          @media (min-width: 700px) {
            body.program main section#page-subpages nav#page-subnav ul#page-subnav-items li.page-subnav-item {
              margin: 15px; } }
          @media (min-width: 1000px) {
            body.program main section#page-subpages nav#page-subnav ul#page-subnav-items li.page-subnav-item {
              margin: 2px; } }

          @media (min-width: 1000px) {
            body.program main section#page-subpages nav#page-subnav ul#page-subnav-items li.page-subnav-item {
                padding-left: 22px ;
  text-indent: -22px ; } }
          @media (max-width: 1000px) {
            body.program main section#page-subpages nav#page-subnav ul#page-subnav-items li.page-subnav-item {
                padding-left: 0 ;
  text-indent: 0 ; } }


body#services main {
  padding-bottom: 0; }
  @media (min-width: 1000px) {
    body#services main section#page-landing {
      padding-bottom: 40px; } }
  body#services main section#page-content {
    padding-bottom: 0; }
    body#services main section#page-content ul#services-items {
      margin: 0 auto;
      max-width: 1180px; }
      body#services main section#page-content ul#services-items li.services-item {
        display: -ms-grid;
        display: grid;
        grid-auto-rows: 1fr;
        -ms-grid-row-align: center;
            align-items: center; }
        @media (min-width: 700px) {
          body#services main section#page-content ul#services-items li.services-item {
            -ms-grid-columns: 1fr 1fr;
                grid-template-columns: 1fr 1fr;
            grid-gap: 0; }
            body#services main section#page-content ul#services-items li.services-item:nth-child(even) div.services-item-image {
              grid-column: 2 / 2;
              -ms-grid-row: 1;
                  grid-row: 1; }
            body#services main section#page-content ul#services-items li.services-item:nth-child(even) div.services-item-text {
              -ms-grid-column: 1;
                  grid-column: 1;
              -ms-grid-row: 1;
                  grid-row: 1;
              background: #401F68;
              color: #fff; }
              body#services main section#page-content ul#services-items li.services-item:nth-child(even) div.services-item-text h2 {
                color: #fff; } }
        body#services main section#page-content ul#services-items li.services-item div.services-item-image {
          background: #eee;
          min-height: 300px; }
          @media (min-width: 700px) {
            body#services main section#page-content ul#services-items li.services-item div.services-item-image {
              height: 50vw;
              width: 50vw; } }
          @media (min-width: 1000px) {
            body#services main section#page-content ul#services-items li.services-item div.services-item-image {
              max-width: 590px;
              max-height: 590px; } }
        body#services main section#page-content ul#services-items li.services-item div.services-item-text {
          padding: 20%;
          justify-self: center;
          height: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          body#services main section#page-content ul#services-items li.services-item div.services-item-text p {
            margin-bottom: 0;
            font-size: .9rem;
            line-height: 1.25; }
          @media (min-width: 700px) {
            body#services main section#page-content ul#services-items li.services-item div.services-item-text {
              padding-bottom: 0;
              padding-top: 0; } }
          body#services main section#page-content ul#services-items li.services-item div.services-item-text h2 {
            font-family: 'Campton Book';
            font-size: 1.4rem; }
            body#services main section#page-content ul#services-items li.services-item div.services-item-text h2 a {
              text-decoration: none; }

.breadcrumb {
  margin-top: -10px;
  margin-bottom: 10px; }
  @media (min-width: 1000px) {
    .breadcrumb {
      margin-bottom: 20px; } }
  .breadcrumb small {
    color: #888;
    letter-spacing: .01rem; }

body.service section#service-content {
  display: -ms-grid;
  display: grid; }
  @media (min-width: 1000px) {
    body.service section#service-content {
      -ms-grid-columns: 1fr 2fr;
          grid-template-columns: 1fr 2fr;
      grid-gap: 30px; } }
  body.service section#service-content #service-text h1 {
    font-family: 'Campton Bold';
    color: #4E2A84;
    font-size: 2.5rem;
    margin-bottom: 2px; }

body#about main {
  padding-top: 0; }
  body#about main img#page-featured_image {
    max-height: 425px;
    width: 100%;
    object-fit: cover;
    max-width: 1180px;
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    object-position: 0 35%; }
    @media (min-width: 1000px) {
      body#about main img#page-featured_image {
        margin-bottom: 55px; } }
  body#about main section#page-landing {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 700px) {
      body#about main section#page-landing {
        text-align: center;
        margin-bottom: 35px; } }
    @media (min-width: 1000px) {
      body#about main section#page-landing {
        margin-bottom: 45px; } }
  body#about main section#page-content {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 700px) {
      body#about main section#page-content h2 {
        margin-top: 55px; } }

body.constituency main {
  padding-top: 0; }
  body.constituency main div#page-featured_image-frame {
    max-height: 425px;
    overflow: hidden;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px; }
    @media (min-width: 1000px) {
      body.constituency main div#page-featured_image-frame {
        margin-bottom: 55px; } }
    body.constituency main div#page-featured_image-frame img#page-featured_image {
      margin: 0;
      padding: 0;
      border: solid 1px red;
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      opacity: 0; }
  body.constituency main section#page-landing {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto; }
    body.constituency main section#page-landing h1, body.constituency main section#page-landing h2 {
      max-width: 100%; }
    body.constituency main section#page-landing p {
      max-width: 100%; }
    @media (min-width: 700px) {
      body.constituency main section#page-landing {
        text-align: center;
        margin-bottom: 35px; } }
  body.constituency main section#page-content {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 700px) {
      body.constituency main section#page-content h2 {
        margin-top: 55px !important; } }

.img-bg {
  background-repeat: no-repeat;
  background-size: cover; }
  .img-bg img {
    opacity: 0 !important;
    visibility: hidden; }

div#page-featured_image-frame {
  max-height: 425px;
  overflow: hidden;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 35px; }
  @media (min-width: 1000px) {
    div#page-featured_image-frame {
      margin-bottom: 55px; } }
  div#page-featured_image-frame img#page-featured_image {
    margin: 0;
    padding: 0;
    border: solid 1px red;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    opacity: 0; }

.btn {
  -webkit-transition: background-color .4s;
  transition: background-color .4s; }

.btn:hover {
  background-color: #593097 !important;
  -webkit-transition: background-color .4s;
  transition: background-color .4s; }


/* slideshow */

body#home section#splash .splash-image {
  grid-column: -1 / 1;
}

body#home section#splash .splash-image {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  display: none;
  overflow: hidden;
  z-index: 1;
}

.wrap > * {
  grid-column: main;
}

body#home section#splash {
  height: 600px;
}

body#home section#splash {
  grid-template-rows: 80% 1fr;
  height: 70vw;
  background: #000;
  grid-row-gap: 60px;
  position: relative;
}

section#splash {
  height: 600px;
}

.full {
  grid-column: full;
}
.wrap > * {
  grid-column: main;
}
.wrap {
  grid-gap: 20px;
  row-gap: 20px;
  grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(12, minmax(0, 80px)) [main-end] minmax(0, 1fr) [full-end];
}

.wrap {
  display: grid;
  grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(12, minmax(0, 93px)) [main-end] minmax(0, 1fr) [full-end];
  grid-gap: 10px;
}

body#home section#splash .content {
  grid-row: 1;
  padding-top: 15%;
  max-width: 600px;
  z-index: 2;
}

body#home section#splash .content #variable-text-wrapper {
  position: relative;
}

body#home section#splash .content #variable-text-wrapper h1.variable_text {
  position: static;
  display: none;
  width: 500px;
}

body#home section#splash .content #variable-text-wrapper h1 {
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  text-shadow: 1px 1px 1px
  rgba(0,0,0,0.9);
  color: #fff;
}

h1 {
  font-family: 'Campton Bold', Arial;
  line-height:1;
  font-size: 48px;
}

p, h1, h2, h3, h4, h5, li{
  max-width: 700px;
}

#services p, #services h1, #services h2, #services h3, #services h4, #services h5, #services li{
  max-width: 1500px;
}

body#home section#splash .content #variable-text-wrapper h1:nth-of-type(5) span {
  color: #58B947;
}

body#home section#splash .content #variable-text-wrapper p.variable_text-subhead {
  margin-top: 20px;
  max-width: 500px;
  font-size: 1.2rem;
  display: none;
  color: #fff;
}

body#home section#splash #slideshow-nav {
  grid-row: 2;
  z-index: 5;
}

/* new version */

body#home section#splash {
  grid-template-rows:80% 1fr;
  height:70vw;
  background:#000;
  grid-row-gap:60px;
  position:relative
}
@media (min-width: 700px) {
  body#home section#splash {
    height:600px
  }
}
body#home section#splash .splash-image {
  grid-column:1 / -1;
  grid-row:1 / -1;
  display:none;
  overflow:hidden;
  z-index:1
}
@media (min-width: 1200px) {
  body#home section#splash .splash-image {
    grid-column:-1 / 1
  }
}
@media (min-width: 1600px) {
  body#home section#splash .splash-image {
    grid-column:2 / 14
  }
}
body#home section#splash .content {
  grid-row:1;
  padding-top:15%;
  max-width:600px;
  z-index:2
}
/* body#home section#splash .content a.btn {
  display:inline-block;
  background:#EF553F;
  margin-top:30px
}*/

body#home section#splash .content a.btn {
  margin-top:30px
}

body#home section#splash .content #variable-text-wrapper {
  position:relative
}
body#home section#splash .content #variable-text-wrapper h1 {
  margin-top:0;
  margin-bottom:0;
  position:absolute;
  text-shadow:1px 1px 1px rgba(0,0,0,0.9);
  color:#fff
}
body#home section#splash .content #variable-text-wrapper h1.variable_text {
  position:static;
  display:none;
  width:500px;
  max-width: 100%;
}
body#home section#splash .content #variable-text-wrapper h1#constant_text {
  display:inline;
  opacity:1;
  position:absolute;
  text-shadow:none
}
body#home section#splash .content #variable-text-wrapper h1#variable-main {
  width:600px
}
body#home section#splash .content #variable-text-wrapper h1:nth-of-type(2) span {
  color:#58B947
}
body#home section#splash .content #variable-text-wrapper h1:nth-of-type(3) span {
  color:#5091CD
}
body#home section#splash .content #variable-text-wrapper h1:nth-of-type(4) span {
  color:#EF553F
}
body#home section#splash .content #variable-text-wrapper h1:nth-of-type(5) span {
  color:#58B947
}
body#home section#splash .content #variable-text-wrapper h1:nth-of-type(6) span {
  color:#5091CD
}
body#home section#splash .content #variable-text-wrapper h1:nth-of-type(8) span {
  color:#EF553F
}
body#home section#splash .content #variable-text-wrapper p.variable_text-subhead {
  margin-top:20px;
  max-width:500px;
  font-size:1.2rem;
  display:none;
  color:#fff
}
body#home section#splash .content #variable-text-wrapper p.variable_text-subhead strong {
  font-weight:normal;
  font-family:'Akkurat Pro Bold'
}
body#home section#splash #slideshow-nav {
  grid-row:2;
  z-index:5
}
body#home section#splash #slideshow-nav .slideshow-nav-dot {
  background:#fff;
  width:15px;
  height:15px;
  border-radius:50%;
  display:inline-block;
  margin-right:3px;
  cursor:pointer;
  -webkit-transition:background .8s;
  -o-transition:background .8s;
  transition:background .8s
}
body#home section#splash #slideshow-nav .slideshow-nav-dot.active {
  background:#4E2A84;
  -webkit-transition:background .8s;
  -o-transition:background .8s;
  transition:background .8s
}


/* Programs preview */

body#home section#programs {
  display:grid;
  grid-template-columns:50% 50%;
  padding-top:80px;
  padding-bottom:40px
}

body#home section#programs .content {
  max-width:400px;
  -ms-flex-item-align:center;
  align-self:center;
  justify-self:center
}

body#home section#programs #programs-preview ul {
  display:grid;
  grid-template-columns:repeat(3, 250px);
  grid-auto-rows:1fr;
  grid-gap:20px
}
body#home section#programs #programs-preview ul li {
  padding:30px;
  border-radius:10px;
  background:#eee;
  margin-bottom:0
}
body#home section#programs #programs-preview ul li div {
  background:#ccc;
  height:80px;
  margin-bottom:10px
}
body#home section#programs #programs-preview ul li p {
  font-size:.8rem
}

body#home section#programs_preview #programs_preview-wrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}

body#home section#programs_preview #programs_preview-wrapper .row {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  margin:10px;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
body#home section#programs_preview #programs_preview-wrapper #row2 {
  margin-left:100px;
  margin-right:-100px
}
body#home section#programs_preview #programs_preview-wrapper a.program-logo {
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
  opacity:.4;
  -webkit-box-flex:0;
  -ms-flex:0 0 1fr;
  flex:0 0 1fr;
  -webkit-transition:all .35s;
  -o-transition:all .35s;
  transition:all .35s;
  margin-bottom:30px
}
body#home section#programs_preview #programs_preview-wrapper a.program-logo:hover {
  -webkit-filter:none;
  filter:none;
  opacity:1;
  -webkit-transition:all .35s;
  -o-transition:all .35s;
  transition:all .35s
}
body#home section#programs_preview #programs_preview-wrapper a.program-logo img {
  width:100%;
  height:100%;
  max-width:170px;
  max-height:95px;
  -o-object-fit:contain;
  object-fit:contain
}
@media (min-width: 700px) {
  body#home section#programs_preview #programs_preview-intro {
    grid-column:2 / 6
  }
}
body#home section#programs_preview #programs_preview-intro h2 {
  text-align:left;
  margin-bottom:15px
}
body#home section#programs_preview #programs_preview-intro h3 {
  font-family:'Campton Extra Light';
  text-align:left;
  font-size:2.75rem;
  margin-bottom:20px;
  margin-top:0;
  color:#4E2A84;
  line-height:1.2
}
body#home section#programs_preview #programs_preview-intro p {
  text-align:left;
  color:#333
}

.tooltip {
  position:relative
}
.tooltip .tooltip-wrapper {
  visibility:hidden;
  opacity:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  width:400px;
  min-height:200px;
  color:#4E2A84;
  background:#fff;
  border-radius:3px;
  position:absolute;
  z-index:10;
  bottom:110%;
  -webkit-transform:translateY(15px);
  -ms-transform:translateY(15px);
  transform:translateY(15px);
  left:5%;
  border:solid 1px #eee;
  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
  box-shadow:0 0 10px rgba(0,0,0,0.3)
}
.tooltip .tooltip-wrapper div.tooltip-image {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  border-radius:0 3px 3px 0
}
.tooltip .tooltip-wrapper div.tooltip-text {
  padding-top:10px;
  padding-bottom:20px;
  padding-left:20px;
  padding-right:20px;
  -ms-flex-item-align:center;
  align-self:center
}
.tooltip .tooltip-wrapper div.tooltip-text p {
  font-family:'Campton Medium';
  font-size:1.1rem;
  margin-bottom:10px;
  line-height:1.2;
  margin-top:0
}
.tooltip .tooltip-wrapper div.tooltip-text ul.tags {
  margin-bottom:0;
  margin-top:0
}
.tooltip .tooltip-wrapper div.tooltip-text ul.tags li.tag {
  font-size:.6rem;
  margin-top:0
}
.tooltip .tooltip-wrapper div.tooltip-text ul.tags li.tag.tag-undergrads {
  background:#f37f6e
}
.tooltip .tooltip-wrapper div.tooltip-text ul.tags li.tag.tag-grad_students {
  background:#7ac76c
}
.tooltip .tooltip-wrapper div.tooltip-text ul.tags li.tag.tag-alumni {
  background:#78aad8
}
.tooltip .tooltip-wrapper div.tooltip-text ul.tags li.tag.tag-faculty {
  background:#a4dcdb
}
.tooltip .tooltip-wrapper div.tooltip-arrow {
  position:absolute;
  bottom:-20px;
  left:40px;
  width:0;
  height:0;
  border-left:20px solid transparent;
  border-right:20px solid transparent;
  -webkit-filter:drop-shadow(1px 3px 2px rgba(0,0,0,0.15));
  filter:drop-shadow(1px 3px 2px rgba(0,0,0,0.15));
  border-top:20px solid #fff
}
.tooltip:hover .tooltip-wrapper {
  visibility:visible;
  opacity:1;
  -webkit-transform:translateY(0px);
  -ms-transform:translateY(0px);
  transform:translateY(0px);
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s
}

/* try to fix whitespace on right side */

body {
  overflow-x: hidden;
}

/* fix mobile view of slider */
@media (max-width: 400px) {
  h1 {
    font-size: 30px;
  }
}

@media (max-width: 600px) {
  #home-latest {
    margin-top: 20px;
  }
}

@media (max-width: 400px) {
  #home-latest {
    margin-top: 30px;
  }
}

@media (max-width: 320px) {
  #home-latest {
    margin-top: 35px;
  }
}