/**
 * Sass Variables
 *
 * All the SASS variables - colors, layout etc for the homepage
 */
/*New campaign colours*/
/*Layout variable*/
/**
 * CSS Resets
 *
 * Basic CSS resets to revert elements to default state
 */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0; }

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

/* Set core body defaults */
body {
  color: #194059;
  line-height: 1.5;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed; }

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none; }

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img {
  display: block;
  max-width: 100%; }

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1rem; }

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit; }

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important; } }

/*----------Mobile First Styles----------*/
#body-content h1, #body-content h2, #body-content h3, #body-content h4, #body-content h5 {
  font-family: "Montserrat", sans-serif; }

#main-nav a,
.hero-content-wrap,
.date,
.menu-title,
.item-content-type,
.item-cta,
.section-cta-more {
  font-family: "Montserrat", sans-serif; }

html {
  font-size: 16px; }

body {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem; }

main {
  float: left;
  width: 100%;
  background-color: white; }

#body-content section {
  padding: 3rem 0; }

#body-content {
  padding: 0; }

#body-content section:after {
  content: "";
  display: table;
  clear: both; }

/* Footer */
/**
 * Footer
 *
 * All styles for the footer section
 */
footer {
  background-color: #d6dde1;
  width: 100%;
  clear: both; }

footer a {
  color: #194059;
  text-decoration: none;
  font-size: .875rem;
  /*14px*/ }

footer p {
  font-size: .875rem;
  /*14px*/ }

.footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 3rem; }

.footer-grid-col {
  margin-bottom: 1.5rem;
  /*24px*/ }

.footer-grid-col > .footer-grid-col {
  margin-top: 1.5rem;
  /*24px*/ }

.footer-grid-col ul {
  padding: 0;
  list-style: none;
  margin: 0; }

.footer-grid-col a:hover, .footer-base a:hover {
  text-decoration: underline; }

a.footer-tel {
  display: inline-block;
  font-weight: 700;
  margin-top: .75rem;
  /*12px*/ }

.footer-grid-col p,
.footer-grid-col .footer-title {
  color: #194059; }

.footer-title {
  font-size: 1.125rem;
  /*18px*/
  position: relative;
  margin-bottom: .75rem;
  /*12px*/ }

.footer-map-cont {
  margin-top: 1.5rem;
  /*24px*/
  position: relative;
  max-width: 9.375rem;
  /*150px*/ }

.footer-map-cont img {
  opacity: .4; }

.footer-map-marker {
  color: #194059;
  position: absolute;
  left: 49%;
  top: 57%;
  font-size: 2rem;
  /*32px*/ }

.footer-base {
  background-color: #194059;
  font-size: .875rem;
  /*14px*/ }

.footer-base ul {
  padding: 0;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px; }

.footer-base ul li {
  display: inline;
  margin-right: .375rem;
  /*6px*/ }

.footer-base li:first-of-type {
  display: block;
  margin-bottom: .75rem;
  /*12px*/ }

.footer-base ul li a {
  color: white;
  text-decoration: none;
  display: inline-block;
  padding: .375rem .375rem .375rem 0;
  /*6px*/ }

ul.social-list {
  margin-top: .75rem;
  /*12px*/ }

ul.social-list li {
  display: inline-block; }

.social-list a {
  padding: .375rem;
  /*6px*/ }

ul.social-list li:first-of-type a {
  padding-left: 0; }

.footer-logo {
  min-width: 11.38rem;
  /*182px*/
  background: url(/images/new-homepage/logo_white.svg) no-repeat center center/cover;
  height: 1.5rem;
  /*24px*/
  line-height: .2;
  padding: 0 !important;
  position: relative;
  top: .5rem;
  /*8px*/ }

/*End footer*/
/*----------Desktop Styles mw 801px----------*/
@media (min-width: 50.0625rem) {
  /*Footer*/
  .footer-grid {
    grid-template-columns: repeat(4, 1fr); }
  .social-list a {
    font-size: 1.125rem;
    /*18px*/ }
  .footer-base ul {
    text-align: right; }
  .footer-base ul li {
    margin-right: .75rem;
    /*12px*/ }
  .footer-base ul li:first-of-type {
    margin-right: 3rem;
    float: left; }
  .footer-base ul li:last-of-type {
    margin-right: 0; }
  /*End footer section*/ }

/*Container*/
.cont-inner {
  max-width: 90%;
  margin: 0 auto;
  position: relative;
  overflow: auto; }

/*Mobile section reorder - course search beneath hero grid adjustment*/
.mob-grid-order {
  display: grid;
  grid-template-areas: "emergency" "hero" "course-search"; }

/* Header */
/**
 * Site Header
 *
 * All styles for the site header
 */
#site-header {
  background-color: #04619e;
  width: 100%;
  margin-left: 0; }

.assistive-skip-to-content {
  position: absolute;
  margin-left: 5%;
  background: #03426c;
  padding-left: 6px;
  padding-right: 6px;
  color: #eafdf8;
  text-decoration: none;
  z-index: 1;
  clip: rect(1px, 1px, 1px, 1px); }

.assistive-skip-to-content:focus {
  display: block;
  clip: auto !important; }

.staff-students-menu {
  background-color: #fff; }

.staff-students-menu ul {
  padding: 0;
  margin: 0;
  text-align: right; }

.staff-students-menu li {
  display: inline-block;
  margin-right: .375rem;
  /*6px*/
  padding: 6px 0; }

.staff-students-menu li:after {
  content: "/";
  margin-left: .75rem;
  /*12px*/ }

.staff-students-menu li:last-of-type:after {
  display: none; }

.staff-students-menu li:last-of-type {
  margin-right: 0; }

.staff-students-menu a {
  text-decoration: none;
  display: inline;
  color: #194059;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: .875rem;
  /*14px*/ }

.staff-students-menu a:hover {
  box-shadow: 0 0.1875rem #194059;
  /*3px*/ }

.staff-students-menu span {
  margin-right: .75rem;
  /*12px*/
  font-family: 'FontAwesome'; }

.site-logo {
  background: url("/images/new-homepage/logo_white.svg");
  width: 12.5rem;
  /*200px*/
  height: 2rem;
  /*32px*/
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
  top: 1.125rem;
  /*18px*/ }

#main-nav {
  float: right; }

#main-nav ul {
  margin: .75rem 0;
  /*12px*/ }

.mob-off {
  display: none; }

.mob-on {
  display: inline-block;
  margin-right: .75rem;
  /*12px*/ }

#main-nav .mob-on:first-of-type {
  margin-right: .75rem;
  /*12px*/ }

.mob-on:last-of-type,
#mobile-menu-toggle {
  margin-right: 0; }

/*Expanded mobile menu*/
#expanded-menu {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 100;
  width: 100%;
  background-color: rgba(68, 68, 68, 0.973);
  overflow-y: scroll;
  padding: 8rem 1.5rem 1.5rem;
  /*128px 24px 24px*/
  display: none;
  color: #fff; }

#expanded-menu .menu-title, .menu-close, .site-search-close {
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.247);
  /*1px*/
  font-size: 1.125rem;
  /*18px*/
  padding: .75rem 0;
  /*12px*/
  font-weight: 700; }

.menu-is-open {
  display: block !important; }

.sub-menu-toggle {
  display: block;
  height: 2rem;
  /*32px*/
  width: 2rem;
  /*32px*/
  border: .0625rem solid #ffffff;
  /*IE*/
  border: .0625rem solid #ffffff4f;
  /*1px*/
  position: relative;
  float: right;
  top: -.125rem;
  /*-2px*/ }

.sub-menu-toggle:before {
  content: "";
  height: 1.25rem;
  /*20px*/
  width: .125rem;
  /*2px*/
  background-color: #fefefe;
  position: absolute;
  left: .875rem;
  /*14px*/
  top: .25rem;
  /*4px*/ }

.sub-menu-toggle:after {
  content: "";
  height: .125rem;
  /*2px*/
  width: 1.25rem;
  /*20px*/
  background-color: #fefefe;
  position: absolute;
  left: .3125rem;
  /*5px*/
  top: .8125rem;
  /*13px*/ }

.menu-title-expanded .sub-menu-toggle:before {
  display: none; }

#expanded-menu ul {
  list-style: none;
  padding: 0;
  margin-left: 2rem;
  /*32px*/
  display: none; }

#expanded-menu a {
  color: white;
  text-decoration: none;
  padding: .375rem 0;
  /*6px*/
  display: block; }

svg {
  fill: white; }

.menu-close, .site-search-close {
  display: block;
  height: 3rem;
  /*48px*/
  text-align: right;
  border-bottom: 0;
  margin-bottom: 3rem;
  /*48px*/
  line-height: 1.7;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  text-decoration: none; }

.menu-close span, .site-search-close span {
  margin-left: .75rem;
  /*12px*/ }

.close-toggle {
  display: block;
  height: 2rem;
  /*32px*/
  width: 2rem;
  /*32px*/
  border: .0625rem solid #ffffff;
  /*IE*/
  border: .0625rem solid #ffffff4f;
  /*1px*/
  position: relative;
  float: right;
  clear: both; }

.close-toggle:before {
  content: "";
  height: 1.25rem;
  /*20px*/
  width: .125rem;
  /*2px*/
  background-color: #fefefe;
  position: absolute;
  left: .875rem;
  /*14px*/
  top: .25rem;
  /*4px*/
  transform: rotate(45deg); }

.close-toggle:after {
  content: "";
  height: .125rem;
  /*2px*/
  width: 1.25rem;
  /*20px*/
  background-color: #fefefe;
  position: absolute;
  left: .3125rem;
  /*5px*/
  top: .8125rem;
  /*13px*/
  transform: rotate(45deg); }

#site-search-overlay {
  position: fixed;
  z-index: 11;
  background-color: rgba(68, 68, 68, 0.99);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none; }

.site-search-wrap {
  transform: translateY(-50%);
  position: relative;
  top: calc(50% - 3rem);
  /*48px*/
  max-width: 62.5rem;
  /*1000px*/
  margin: 0 auto;
  font-family: "Montserrat", sans-serif;
  padding: 3rem; }

.site-search-label {
  font-size: 1.5rem;
  /*24px*/
  color: white;
  font-weight: 700;
  margin-bottom: .75rem;
  /*12px*/
  display: block; }

.site-search-input-wrap {
  position: relative; }

#site-search {
  height: 3.5rem;
  /*56px*/
  width: 100%;
  padding: .75rem 4rem .75rem .75rem;
  /*12px 64px 12px 12px*/ }

#site-search-submit {
  background: #04619e;
  border: none;
  position: absolute;
  height: 3.125rem;
  /*50px*/
  width: 3.125rem;
  /*50px*/
  top: .1875rem;
  /*3px*/
  right: .1875rem;
  /*3px*/
  cursor: pointer; }

#body-content {
  padding: 0; }

/*End header*/
/**
 * Emergency Message
 *
 * All styles for the emergency message above the hero section
 */
#emergency {
  background-color: #0f9cf9;
  padding: .75rem 0;
  /*12px*/
  float: left;
  color: white;
  width: 100%;
  grid-area: emergency; }

#emergency h2 {
  font-size: 1rem;
  /*16px*/ }

#emergency a {
  color: white; }

/*End emergency*/
/**
 * Secondary Emergency Message
 *
 * All styles for the secondary emergency message below the hero section
 */
#emergency-secondary {
  color: #fff;
  padding: .75rem 0; }

.emergency-secondary-wrap {
  background-color: #689df4;
  padding: 1.5rem;
  /*24px*/ }

.em-sec-header {
  font-size: 18px; }

.em-sec-text {
  margin-bottom: 1.5rem;
  /*24px*/ }

.em-sec-header {
  margin-bottom: .75rem;
  /*12px*/ }

.em-sec-text a {
  color: #fff; }

span.em-sec-icon {
  font-size: 3rem;
  /*48px*/
  margin: 0 1.5rem 1.5rem 0;
  /*24px 24px*/ }

.em-sec-link {
  text-decoration: none;
  color: #fff;
  background-color: #04619e;
  font-weight: bold;
  margin-right: 1.5rem;
  /*24px*/
  display: inline-block;
  padding: .75rem 0;
  /*12px*/
  margin-bottom: .75rem;
  /*12px*/ }

.em-sec-link:hover {
  text-decoration: underline; }

.em-sec-link span {
  padding-left: .75rem;
  /*12px*/ }

/*End secondary emergency message*/
/**
 * Course Search
 *
 * Styles for the course search, its inputs and Algolia typeahead errors/no results
 */
section#course-search {
  width: 100%;
  float: left;
  padding: 1.5rem 0;
  /*24px*/
  position: relative;
  z-index: 2;
  grid-area: course-search; }

.course-search-wrap {
  position: relative; }

.course-search-text {
  color: white;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-right: .75rem;
  /*12px*/
  display: none; }

#course-search-input {
  height: 3.5rem;
  /*56px*/
  padding: .75rem;
  /*12px*/
  width: 100%;
  float: left; }

#course-search-submit {
  height: 3.5rem;
  /*56px*/
  position: absolute;
  right: 0;
  border: 0;
  background-color: #04619e;
  width: auto;
  padding: 0 .75rem;
  /*12px*/
  line-height: 3.5rem;
  /*56px*/
  top: 0;
  transition: background-color .3s ease-in-out; }

#course-search-submit:hover {
  background-color: #03426c; }

.course-search-icon {
  fill: white;
  position: relative;
  top: .3125rem;
  /*5px*/ }

.course-search-related ul {
  list-style: none;
  padding: 0; }

.course-search-related ul:first-of-type a {
  text-decoration: none;
  color: #194059;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  border-bottom: .0625rem dotted;
  /*1px*/ }

.course-search-related ul:first-of-type a span {
  margin-left: .75rem;
  /*12px*/
  font-size: 1.2rem;
  /*19.2px*/ }

.course-search-related ul li {
  display: inline;
  margin-right: 1.5rem;
  /*24px*/ }

.course-search-related ul li:last-of-type {
  margin-right: 0; }

.site-search-icon {
  top: -.625rem;
  /*-10px*/
  position: relative; }

.popular-title,
.popular-list {
  display: none; }

.double-wrap {
  width: 30%;
  float: left; }

.study-wrap {
  display: inline-block;
  position: relative; }

.course-search-outer-wrap {
  margin: 0 auto;
  overflow: auto;
  position: relative;
  background-color: #ffffff;
  padding: 1.5rem 0 .75rem 0;
  /*12px*/ }

#course-search-input::placeholder, #site-search::placeholder {
  color: #04619e;
  opacity: 1;
  /* Firefox */
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

#course-search-input, #site-search {
  font-weight: 700;
  color: #04619e;
  font-family: 'Montserrat', sans-serif;
  height: 3.5rem;
  /*56px*/
  -webkit-appearance: none;
  border: 0.0625rem solid #04619e;
  /*1px*/ }

.course-search-submit {
  background-color: #04619e;
  appearance: none;
  border: 0;
  height: 3.5rem;
  /*56px*/
  width: 3.5rem;
  /*56px*/
  float: right;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  line-height: 2; }

div[id*='course-result'] br {
  display: none; }

.course-search-results, .course-search-results-stats .ais-Stats-text a {
  display: block;
  margin: .75rem auto .75rem;
  /*24px,12px*/
  background: #FFF;
  padding-top: 0;
  overflow: auto; }

.course-result-link a {
  color: #04619e;
  background-color: transparent;
  padding: 0;
  margin-top: .75rem;
  /*12px*/ }
  .course-result-link a:hover {
    background-color: transparent;
    box-shadow: 0 0.125rem #04619e;
    /*2px*/ }

.course-result-meta h4 {
  margin-top: .375rem;
  /*6px*/
  font-size: .875rem;
  /*14px*/ }

.course-result-meta p, .course-result-meta br, .course-result-description {
  display: none; }

.ais-InfiniteHits {
  position: relative; }

.ais-InfiniteHits-item {
  margin-top: .75rem;
  /*12px*/
  background: #d6dde1;
  padding: .75rem;
  /*12px*/ }

.ais-InfiniteHits-item:first-of-type {
  margin-top: 0; }

.ais-Highlight-highlighted {
  background-color: #04619e;
  color: #ffffff; }

.ais-InfiniteHits-loadMore {
  appearance: none;
  margin-top: .75rem;
  /*12px*/
  border: none;
  float: right;
  padding: .75rem;
  /*12px*/
  font-family: 'Montserrat', sans-serif;
  background-color: #04619e;
  color: white;
  font-weight: 700;
  display: block;
  width: 100%;
  cursor: pointer; }
  .ais-InfiniteHits-loadMore:hover {
    background-color: #03426c; }

/*Course search no results*/
.search-query, .defer-link {
  font-weight: 700;
  color: #04619e; }

/*Course search results found text*/
span.ais-Stats-text, span.ais-Stats-text a {
  margin: .75rem 0;
  /*12px*/
  color: #04619e;
  font-weight: 700; }

.all-courses-wrap {
  text-align: right; }

.all-courses {
  color: #04619e;
  text-decoration: none;
  font-weight: 700;
  display: inline-block;
  padding: .75rem 0;
  /*12px*/
  text-align: right;
  border-bottom: 0.3125rem solid #04619e;
  /*5px*/ }

.all-courses span {
  padding-left: .75rem;
  /*12px*/ }

/*End course search*/
/**
 * Hero
 *
 * All styles for the hero section
 */
section#hero {
  float: left;
  width: 100%;
  position: relative;
  padding: 0;
  grid-area: hero; }

#hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.65), transparent 75%);
  bottom: 0;
  z-index: 1;
  pointer-events: none; }

.hero-content-wrap-clickable {
  text-decoration: none; }

.hero-content-wrap {
  position: relative;
  color: white;
  z-index: 2;
  padding: 1.5rem 0;
  /*24px*/
  max-width: 90%;
  bottom: 0; }

.hero-date {
  background-color: #e5e9ec;
  color: #194059;
  padding: 0 .75rem;
  /*12px*/
  margin-bottom: .75rem;
  /*12px*/
  display: none; }

.hero-title {
  font-size: 1.5rem;
  /*24px*/
  text-transform: uppercase;
  margin-bottom: .75rem;
  /*12px*/
  position: relative; }

.hero-subtext {
  padding-bottom: .75rem;
  /*12px*/ }

.main-cta {
  background-color: #04619e;
  display: inline-block;
  color: white;
  text-decoration: none;
  font-weight: 700;
  padding: .75rem 0;
  /*12px*/
  transition: background-color .3s ease-in-out; }

.campaign-panel-content .main-cta {
  background-image: linear-gradient(270deg, #e9957b, #a66895, #271a24); }
  .campaign-panel-content .main-cta:hover {
    background-image: linear-gradient(270deg, #e9957b, #a66895, #271a24 70%); }

.main-cta span, .section-cta-more span {
  margin-left: .75rem;
  /*12px*/ }

#hero .cont-inner {
  overflow: unset;
  max-width: 100%;
  padding: 0  1.5rem;
  /*24px*/
  background-color: #04619e;
  position: relative;
  z-index: 2; }

/*End hero section*/
/**
 * Campaign
 *
 * All styles for the campaign section
 */
#campaign .cont-inner {
  overflow: visible; }

.campaign-grid {
  display: grid;
  display: -ms-grid;
  border: 0.0625rem solid #ececec;
  /*1px*/
  position: relative; }

.campaign-grid:before {
  content: "";
  position: absolute;
  top: -1.5rem;
  /*-24px*/
  left: -1.5rem;
  /*-24px*/
  background-image: linear-gradient(90deg, #e9957b, #a66895, #271a24);
  width: 12.5rem;
  /*200px*/
  height: 12.5rem;
  /*200px*/
  z-index: 0;
  display: inline-block; }

.campaign-panel h2 {
  margin-bottom: 1.5rem;
  /*24px*/ }

.campaign-panel-lead,
.item-lead {
  color: #614964;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: .75rem;
  /*12px*/
  text-transform: uppercase; }

.item-lead {
  color: #eafdf8;
  margin-bottom: .375rem;
  /*6px*/ }

.campaign-image {
  position: relative;
  min-width: 0; }

.campaign-panel-content {
  background-color: #e5e9ec;
  padding: 1.5rem;
  /*24px*/
  position: relative;
  -ms-grid-row: 2; }

.campaign-panel-content h2 {
  font-size: 1.5rem;
  /*24px*/
  line-height: 1.3;
  color: #614964;
  position: relative;
  margin-bottom: 1.5rem;
  /*24px*/ }

.campaign-panel-content h2:after, .hero-title:after, .section-title:after {
  content: "";
  width: 6.875rem;
  /*110px*/
  height: .3125rem;
  /*5px*/
  position: absolute;
  bottom: -1.125rem;
  /*-18px*/
  left: 0;
  background-color: #04619e; }

.hero-title:after {
  background-color: #fff;
  bottom: -.25rem;
  /*-4px*/ }

.campaign-panel-content h2:after {
  background-color: #614964; }

.campaign-panel-content .main-cta {
  font-size: 1rem;
  /*16px*/
  margin-top: 1.5rem;
  /*24px*/
  margin-right: .75rem;
  font-family: "Montserrat", sans-serif;
  padding: .75rem 1.5rem;
  /*12px 24px*/ }

.campaign-video-wrap {
  overflow: hidden;
  max-width: 100%; }

#campaign-video-mobile,
.campaign-mobile-image {
  display: block; }

.campaign-desktop-video,
.campaign-desktop-image {
  display: none; }

/* Campaign desktop video */
#campaign-video-desktop {
  width: 100%;
  height: 100%; }

.campaign-desktop-video video {
  object-fit: cover;
  width: 100%;
  height: 100%; }

.campaign-desktop-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.campaign-desktop-wrapper {
  position: relative;
  padding-bottom: 90%;
  width: 300%;
  left: -100%;
  height: 100%; }

/*Campaign mobile video */
#campaign-video-mobile {
  width: 100%; }

#campaign-video-mobile video {
  width: 100%;
  height: 100%; }

.campaign-mobile-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.campaign-mobile-wrapper {
  position: relative;
  padding-bottom: 60%;
  padding-top: 200px;
  width: 300%;
  left: -100%; }

.campaign-image .glide,
.campaign-image .glide__track,
.campaign-image .glide__slides {
  height: 100%; }

.campaign-image .glide__arrows {
  bottom: 52%;
  position: relative; }

.campaign-image .glide__arrows button {
  font-size: 20px;
  background: none;
  border: none;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  padding: 5px 10px; }

.campaign-image .glide__arrows-next {
  float: right; }

.campaign-image .glide__arrows-next:before {
  content: "\f054";
  font-family: 'FontAwesome';
  color: #614964; }

.campaign-image .glide__arrows-previous:before {
  content: "\f053";
  font-family: 'FontAwesome';
  color: #614964; }

.glide-playback {
  position: relative;
  bottom: 15%;
  color: #614964;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px 10px;
  text-decoration: none;
  font-size: 24px;
  float: right; }

.glide-playback.play:before {
  font-family: 'FontAwesome';
  content: "\f28b"; }

.glide-playback.pause:before {
  font-family: 'FontAwesome';
  content: "\f144"; }

/*End campaign section*/
/**
 * Highlights
 *
 * All styles for the highlights section
 */
.section-title {
  position: relative;
  display: inline-block; }

.section-title a {
  /*Styles each section title's a*/
  text-decoration: none;
  color: #194059; }

.highlights {
  background-color: #fff;
  /*Temporary until research layer re-enabled*/ }

.highlight-cta-wrap {
  display: block;
  float: right;
  text-align: right;
  margin-top: 1.5rem;
  /*24px*/ }

#highlights-wrap {
  width: 100%;
  float: left;
  display: grid;
  display: -ms-grid;
  grid-gap: calc(3rem / 2);
  overflow-x: hidden; }

.highlights h2 {
  color: white;
  display: block;
  margin-bottom: 3rem;
  /*48px*/ }

.highlight-cta {
  display: inline-block;
  background-color: #04619e;
  color: #fff;
  padding: .75rem 1.5rem;
  /*12px 24px*/
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  font-weight: 700;
  margin-bottom: 1.5rem;
  /*24px*/ }

.highlight-cta span {
  padding-left: .75rem;
  /*12px*/ }

.item,
.item-news,
.item-research {
  scroll-snap-align: center;
  background-color: #e5e9ec;
  text-decoration: none;
  color: #194059;
  position: relative;
  min-height: 12.5rem;
  /*200px*/ }

.item:hover,
.item:hover .date {
  background-color: #e5e9ec; }

.item-news:hover:before, .item-research:hover:before, .item.standout:hover:before {
  background-color: rgba(4, 97, 158, 0.4);
  transition: background-color .3s ease-in-out; }

.item.standout {
  position: relative; }

.item.standout img {
  min-height: 31.25rem;
  /*500px*/ }

.item.standout .item-content {
  z-index: 2;
  position: absolute; }

a.item.event .item-content {
  position: relative;
  padding-right: 4rem; }

.item.standout .date {
  background-color: transparent;
  margin-top: 0; }

.item.standout .day,
.item.standout .month,
.item.standout .item-title {
  color: white; }

.item.standout .item-title:after {
  background-color: white; }

.item-img {
  width: 100%;
  position: relative; }

span.month {
  display: block;
  font-size: 1.125rem;
  /*18px*/ }

span.day {
  text-align: center;
  position: relative;
  display: inline-block;
  font-size: 3rem;
  /*48px*/
  font-weight: 700;
  line-height: 1;
  margin-left: -.375rem;
  /*6px*/
  color: #04619e; }

.item-title {
  clear: both;
  margin-bottom: 1.125rem;
  /*18px*/
  position: relative;
  font-size: 1.125rem;
  /*18px*/ }

.item-content {
  padding: calc(3rem / 4);
  color: white; }

.item-cta {
  margin-top: 1.5rem;
  /*24px*/
  display: inline-block;
  background-color: #04619e;
  color: white;
  font-weight: 700;
  padding: .75rem;
  /*12px*/
  transition: background-color .3s ease-in-out; }

.item-cta:hover {
  background-color: #03426c; }

.item-date {
  font-size: .875rem;
  /*14px*/
  margin-bottom: .75rem;
  /*12px*/
  color: white; }

#highlights-wrap img {
  height: 100%;
  width: 100%;
  object-fit: cover; }

.item-img {
  height: 100%; }

.lead {
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Montserrat", sans-serif; }

.item-content {
  position: absolute;
  bottom: 0;
  z-index: 2;
  padding: .75rem;
  /*12px*/ }

.date-wrap {
  position: absolute;
  right: .75rem;
  /*12px*/
  top: .75rem;
  /*12px*/
  background-color: #f7f7f7;
  padding: .1875rem;
  /*3px*/
  text-align: center; }

.date-day {
  color: #04619e;
  font-size: 2rem;
  /*32px*/
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  line-height: 1; }

.date-month {
  font-weight: 700;
  color: #04619e;
  text-transform: uppercase;
  line-height: 1; }

.item.standout:before,
.item-news:before,
.item-research:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85), transparent 75%);
  z-index: 1; }

.item.event {
  grid-column: 1;
  color: white;
  background: linear-gradient(45deg, #04619e, #0f9cf9);
  min-height: 6.25rem;
  /*100px*/ }

.event .item-title {
  margin-bottom: .75rem;
  /*12px*/ }

.item-news {
  grid-column: 1; }

.item-research {
  grid-column: 1; }

/*End highlights section*/
/**
 * Research
 *
 * All styles for the research section
 */
#research {
  padding: 3rem 0;
  /*48px*/ }

#research .item-date {
  color: #194059; }

.research-grid {
  display: grid;
  display: -ms-grid;
  grid-gap: 1.5rem;
  /*24px*/
  margin: 1.5rem 0;
  /*24px*/ }

.research-img,
.research-text {
  float: left; }

#research a {
  text-decoration: none; }

.research-text h2 {
  margin: .75rem 0;
  /*12px*/
  line-height: 1.3;
  font-size: 1.125rem;
  /*18px*/
  color: #194059;
  position: relative; }

/*End research section*/
/**
 * Accolades
 *
 * All styles for the accolades section
 */
#accolades {
  background-color: #e5e9ec;
  float: left;
  width: 100%; }

.acc-grid {
  display: grid;
  grid-gap: 0;
  margin: 1.5rem 0;
  /*24px*/ }

.acc-panel {
  border-bottom: 0.0625rem dashed rgba(128, 128, 128, 0.377);
  /*1px*/
  position: relative;
  padding: 1.5rem 0;
  /*24px*/ }

.acc-panel:first-of-type:after {
  display: none; }

.acc-panel img {
  margin-bottom: .75rem;
  /*12px*/
  max-width: 15.375rem;
  /*246px*/
  /* mix-blend-mode: luminosity; Disable For Lucy*/ }

.acc-panel-title {
  font-size: 2rem;
  /*32px*/
  margin-bottom: .75rem;
  /*12px*/
  line-height: 1;
  color: #04619e;
  font-weight: 700; }

.acc-panel-text {
  margin-bottom: .75rem;
  /*12px*/
  font-weight: 700;
  color: #194059; }

.acc-panel a {
  text-decoration: none;
  border-bottom: .0625rem dotted #444;
  /*1px*/
  color: #444; }

.acc-panel:last-of-type {
  border-bottom: 0; }

.acc-panel-awarding-body {
  color: #194059;
  font-size: .875rem;
  /*14px*/ }

.section-cta-wrap {
  width: 100%;
  float: left; }

.section-cta-more {
  padding: .75rem 1.5rem;
  /*12px 24px*/
  background-color: #04619e;
  color: white;
  text-decoration: none;
  font-weight: 700;
  position: relative;
  float: right;
  transition: background-color .3s ease-in-out; }

.section-cta-more:hover {
  background-color: #03426c; }

.acc-item {
  text-decoration: none; }

/*End accolades section*/
/**
 * Footer
 *
 * All styles for the footer section
 */
footer a {
  color: #194059;
  text-decoration: none;
  font-size: .875rem;
  /*14px*/ }

footer p {
  font-size: .875rem;
  /*14px*/ }

.footer-grid {
  display: grid;
  grid-gap: 0 3rem;
  padding: 3rem 0; }

.footer-grid-col {
  margin-bottom: 1.5rem;
  /*24px*/ }

.footer-grid-col > .footer-grid-col {
  margin-top: 1.5rem;
  /*24px*/ }

.footer-grid-col ul {
  padding: 0;
  list-style: none; }

.footer-grid-col p,
.footer-grid-col .footer-title {
  color: #194059; }

.footer-title {
  font-size: 1.125rem;
  /*18px*/
  position: relative; }

.footer-map-cont {
  margin-top: 1.5rem;
  /*24px*/
  position: relative;
  max-width: 9.375rem;
  /*150px*/ }

.footer-map-cont img {
  opacity: .4; }

.footer-map-marker {
  color: #194059;
  position: absolute;
  left: 49%;
  top: 57%;
  font-size: 2rem;
  /*32px*/ }

.footer-base {
  background-color: #194059;
  font-size: .875rem;
  /*14px*/ }

.footer-base ul {
  padding: 0; }

.footer-base ul li {
  display: inline;
  margin-right: .375rem;
  /*6px*/ }

.footer-base li:first-of-type {
  display: block;
  margin-bottom: .75rem;
  /*12px*/ }

.footer-base ul li a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: .375rem .375rem .375rem 0;
  /*6px*/ }

.footer-base ul li span {
  color: #fff;
  margin-right: 1.5rem;
  /*24px*/ }

ul.social-list {
  margin-top: .75rem;
  /*12px*/ }

ul.social-list li {
  display: inline-block; }

.social-list a {
  padding: .375rem;
  /*6px*/ }

ul.social-list li:first-of-type a {
  padding-left: 0; }

.footer-logo {
  min-width: 11.38rem;
  /*182px*/
  background: url(/images/new-homepage/logo_white.svg) no-repeat center center/cover;
  height: 1.5rem;
  /*24px*/
  line-height: .2;
  padding: 0 !important;
  position: relative;
  top: .5rem;
  /*8px*/ }

/*End footer*/
/*Up to 600px*/
@media screen and (max-width: 37.5rem) {
  #emergency-secondary {
    text-align: center;
    padding-top: 0 !important; }
  span.em-sec-icon {
    float: none;
    margin-bottom: .75rem;
    /*12px*/
    margin-right: 0; }
  .em-sec-link {
    margin-right: 0;
    display: block; }
  .hero-video {
    display: none;
    /*Hide hero video on smaller devices*/ } }

/*Over 601px*/
@media screen and (min-width: 37.6rem) {
  .em-sec-link {
    background-color: transparent;
    margin-bottom: 0; }
  .em-sec-text {
    margin-bottom: .75rem;
    /*12px*/ } }

/*At least 800px*/
@media screen and (min-width: 50rem) {
  .mob-grid-order {
    display: block; }
  .emergency-secondary-wrap {
    display: grid;
    grid-template-columns: 1fr 11fr;
    align-items: center; }
  #hero, #course-search, #emergency {
    grid-area: none; }
  .mob-off a:hover:before {
    width: 100%; }
  .mob-off a:before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 4px;
    background-color: #ffffff;
    transition: width .3s;
    backface-visibility: hidden; }
  a.item.event .item-content {
    position: absolute;
    padding-right: 4rem; } }

/*Between 600px and 800px*/
@media screen and (min-width: 37.5rem) and (max-width: 50rem) {
  #highlights-wrap {
    grid-template-columns: 1fr 1fr; }
  .item.standout {
    grid-column: 1/-1;
    max-height: 31.25rem;
    /*500px*/ }
  .item.event {
    grid-column: span 1;
    min-height: 7.5rem;
    /*120px*/
    grid-row: 2; }
  .item-news {
    grid-column: span 1;
    min-height: 12.5rem;
    /*200px*/
    grid-row: 3; }
  .item-research {
    grid-row: 4;
    grid-column: span 1; } }

@media screen and (max-width: 1091px) {
  .hero-image-cont iframe {
    display: none; } }

@media (min-width: 1090px) {
  #Homepage_HeroVideo_Wrap {
    opacity: 0;
    padding-bottom: 40%; }
  .hide-image {
    display: none; }
  #Homepage_HeroBackground_Black {
    padding-bottom: 50%;
    background-color: #000;
    opacity: 1; }
  .show-video {
    opacity: 1 !important;
    -webkit-transition: all 1.5s ease-in-out !important;
    -moz-transition: all 1.5s ease-in-out !important;
    -ms-transition: all 1.5s ease-in-out !important;
    -o-transition: all 1.5s ease-in-out !important;
    transition: all 1.5s ease-in-out !important; }
  .hide-background {
    opacity: 0 !important;
    -webkit-transition: all 1.5s ease-in-out !important;
    -moz-transition: all 1.5s ease-in-out !important;
    -ms-transition: all 1.5s ease-in-out !important;
    -o-transition: all 1.5s ease-in-out !important;
    transition: all 1.5s ease-in-out !important; } }

/*----------End Mobile First Styles----------*/
/*----------Desktop Styles mw 801px----------*/
@media (min-width: 50.0625rem) {
  .main-cta:hover, .highlight-cta:hover, .course-search-submit:hover, #site-search-submit:hover {
    background-color: #03426c;
    transition: background-color .3s ease-in-out; }
  #site-header {
    background-color: #04619e; }
  #site-header .cont-inner {
    max-width: 80rem;
    /*1280px*/
    overflow: hidden; }
  .cont-inner {
    max-width: 80rem;
    /*1280px*/ }
  #hero .cont-inner {
    position: relative;
    overflow: visible;
    max-width: 80rem;
    /*1280px*/
    padding: 0; }
  /*End layout classes*/
  /*Site header*/
  .staff-students-menu {
    display: block; }
  .staff-students-menu li {
    padding: 0; }
  .staff-students-menu li:last-of-type {
    margin-right: .75rem;
    /*12px*/ }
  .site-logo,
  #main-nav {
    margin-top: .75rem;
    /*12px*/ }
  .site-logo {
    width: 18.75rem;
    /*300px*/
    height: 3rem;
    /*48px*/
    top: .5rem;
    /*6px*/ }
  #main-nav {
    float: right;
    display: block; }
  #main-nav ul {
    display: flex;
    list-style: none;
    justify-content: flex-end;
    padding: 0;
    margin: .75rem 0; }
  #main-nav ul li {
    display: inline-block;
    margin-right: 0; }
  #main-nav ul li a {
    text-decoration: none;
    color: white;
    margin-right: .75rem;
    /*12px*/
    padding: .75rem;
    /*12px*/
    font-weight: 700;
    line-height: 2;
    position: relative; }
  #main-nav-ul li a:last-of-type {
    margin-right: 0; }
  #main-nav #mobile-menu-toggle {
    margin-right: 0; }
  #main-nav li.mob-on a {
    margin-right: 0; }
  .site-search-icon {
    bottom: -.3125rem;
    /*-5px*/
    top: 5px; }
  #expanded-menu {
    width: 40%;
    padding: 8rem 3rem;
    /*128px*/
    border-left: 0.625rem solid #04619e;
    /*10px*/ }
  .section-title {
    font-size: 2rem;
    /*32px*/
    margin-bottom: .75rem;
    /*12px*/ }
  /*End site header*/
  /*Course search*/
  section#course-search {
    padding: 0; }
  #course-search .cont-inner {
    max-width: 66rem;
    /*1056px*/
    background-color: #fff; }
  .course-result-link a {
    font-size: 1rem;
    /*16px*/ }
  .course-search-text {
    display: inline-block; }
  .course-search-related ul {
    float: right; }
  .course-search-outer-wrap {
    padding: .75rem;
    /*12px*/
    width: 70%;
    float: left; }
  .course-search-wrap {
    grid-template-columns: repeat(12, 1fr);
    margin-bottom: 0; }
  #course-search-input {
    grid-column: span 9;
    grid-row: 1;
    grid-column-start: 1;
    grid-column-end: 8;
    width: 100%;
    padding-right: 10.5rem;
    /*168px*/ }
  .ais-InfiniteHits-loadMore {
    display: inline-block;
    width: auto; }
  .course-search-submit {
    grid-column: span 2;
    position: absolute;
    height: 3.125rem;
    /*50px*/
    top: .1875rem;
    /*3px*/
    right: .1875rem;
    /*3px*/
    width: 9.375rem;
    /*150px*/ }
  .course-result-description {
    display: block;
    font-family: 'Montserrat', sans-serif;
    margin-top: .75rem;
    /*12px*/ }
  .course-search-results {
    padding: 0 .75rem .75rem;
    /*12px 12px*/
    clear: both; }
  .course-search-results-stats .ais-Stats-text a {
    padding: .75rem;
    clear: both; }
  .all-courses-wrap {
    display: block;
    text-align: right;
    padding-top: .75rem;
    /*12px*/ }
  .all-courses {
    display: inline-block;
    text-align: right;
    margin: 0 auto;
    background-color: #fff;
    padding: .75rem;
    /*12px*/
    margin-right: .75rem;
    /*12px*/ }
  /*End course search*/
  /*Hero section*/
  #hero {
    margin-top: -3.5rem;
    /*-56px*/ }
  .hero-title {
    font-size: 3rem;
    /*48px*/
    font-weight: 700;
    margin-bottom: .75rem;
    /*12px*/
    text-transform: uppercase; }
  .hero-subtext {
    font-size: 1.25rem;
    /*20px*/ }
  .hero-content-wrap {
    max-width: 60%;
    padding: 3rem 0;
    position: absolute; }
  .main-cta {
    font-size: 1.5rem;
    /*24px*/
    margin-top: .75rem;
    /*12px*/
    padding: .75rem;
    /*12px*/ }
  .hero-date {
    margin-bottom: 0; }
  .hero-image-cont {
    max-width: 91.94rem;
    /*1471px*/
    margin: 0 1.5rem;
    /*24px*/
    max-height: 31.25rem;
    /*500px*/ }
  .hero-image-cont {
    overflow: hidden;
    position: relative; }
  .hero-image-cont iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 56.25vw;
    /* 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh;
    /* 16/9*100 = 177.77 */ }
  #hero:before {
    width: calc(100% - 3rem);
    /*48px*/
    margin: 0 1.5rem;
    /*24px*/ }
  /*End hero section*/
  /*Emergency section*/
  #emergency {
    margin-top: 0; }
  /*End emergency section*/
  /*Emergency secondary section*/
  #emergency-secondary {
    padding: 1.5rem 0 .75rem 0;
    /*24px 12px*/ }
  .emergency-secondary-wrap {
    padding: 1.5rem 3rem;
    /*24px,48px*/
    overflow: auto; }
  .em-sec-header {
    font-size: 1.5rem;
    /*24px*/ }
  span.em-sec-icon {
    font-size: 5rem;
    /*80px*/
    float: left;
    margin-right: 3rem;
    /*48px*/ }
  .em-sec-text-wrap {
    float: left; }
  .em-sec-icon-wrap {
    margin-bottom: 1.5rem;
    /*24px*/
    float: left; }
  /*End emergency secondary section*/
  /*Campaign section*/
  .campaign-grid {
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr; }
  .campaign-image {
    min-height: initial; }
  .campaign-mobile-video,
  .campaign-mobile-image {
    display: none; }
  .campaign-desktop-video,
  .campaign-desktop-image {
    display: block; }
  .campaign-panel-content {
    padding: 3rem;
    -ms-grid-column: 2;
    -ms-grid-row: 1; }
  .campaign-panel-content h2 {
    font-size: 3rem;
    /*48px*/ }
  .campaign-panel-content .main-cta {
    font-size: 1rem;
    /*16px*/ }
  /*End campaign section*/
  /*Highlights section*/
  .highlightbox {
    width: 25%;
    float: left;
    padding: 0 1.5rem 0 0;
    /*24px*/
    margin-top: 3.75rem;
    /*60px*/ }
  #highlights-wrap {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, 8vh); }
  .item {
    width: 100%;
    height: 100%; }
  .highlight-cta {
    margin-bottom: .75rem;
    /*12px*/
    margin-left: .75rem;
    /*12px*/ }
  .item.standout {
    grid-column: 1 / span 3;
    grid-row: 1 / span 8; }
  .item-news {
    grid-column: span 3;
    grid-row: span 4; }
  .item.event {
    grid-row: span 2;
    grid-column: span 2; }
  .item-research {
    grid-column: span 2;
    grid-row: span 4; }
  .item-date {
    display: block; }
  /*End highlights section*/
  /*Research section*/
  .research-grid {
    grid-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 0; }
  #research .section-cta-more {
    margin-top: 1.5rem;
    /*24px*/ }
  /*End research section*/
  /*Accolades section*/
  #accolades {
    text-align: left; }
  .acc-panel {
    border-bottom: 0;
    text-align: left; }
  .acc-panel:last-of-type {
    border-right: 0; }
  .acc-grid {
    grid-gap: 3rem;
    grid-template-columns: repeat(4, 1fr);
    margin: 1.5rem 0;
    /*24px*/ }
  .acc-panel-title {
    text-align: left;
    font-size: 3rem;
    /*48px*/ }
  .section-cta-wrap {
    text-align: right; }
  .section-cta-more {
    display: inline-block; }
  /*End accolades section*/ }

/*801px - 1400px*/
@media screen and (min-width: 50.0625rem) and (max-width: 87.5rem) {
  .cont-inner,
  #site-header .cont-inner {
    max-width: 90%; } }

/*801px - 1090px*/
@media screen and (min-width: 50.0625rem) and (max-width: 68.13rem) {
  #hero .cont-inner {
    overflow: unset;
    max-width: 100%;
    padding: 0 1.5rem;
    /*24px*/
    background-color: #04619e;
    position: relative;
    z-index: 2;
    margin: 0 1.5rem;
    /*24px*/ }
  .hero-content-wrap {
    position: relative;
    color: white;
    z-index: 2;
    padding: 1.5rem 0;
    /*24px*/
    max-width: 90%;
    bottom: 0; }
  #expanded-menu {
    min-width: 50%; }
  #highlights-wrap {
    grid-template-rows: repeat(12, 8vh); }
  .item.standout, .item.event, .item-news, .item-research {
    grid-column: span 4; }
  .acc-grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 3rem; }
  .footer-grid {
    grid-template-columns: 1fr 1fr 1fr; } }

/*Between 1090 and 1430px*/
@media screen and (min-width: 68.13rem) and (max-width: 89.375rem) {
  .hero-content-wrap {
    padding: 1.5rem;
    /*24px*/
    margin-left: 3rem;
    /*48px*/ } }

/*max 1200px*/
@media screen and (max-width: 75rem) {
  #main-nav .mob-off {
    display: none; }
  .course-search-text {
    display: none; } }

/*Large screens*/
/*Over 1540px*/
@media screen and (min-width: 96.25rem) {
  section#hero {
    max-width: 87.5rem;
    /*1400px*/
    margin: 0 auto;
    float: none;
    overflow: auto;
    top: -3.5rem; }
  #expanded-menu {
    max-width: 37.5rem;
    /*600px*/ }
  main#main-content {
    margin-top: -3.5rem; } }

/*IE fixes*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .item.standout, .item.event, .item-news, .item-research {
    max-width: 100%;
    height: auto;
    width: 100%;
    float: left;
    margin-bottom: 1.5rem;
    /*24px*/ }
  #highlights-wrap {
    display: block; }
  #highlights-wrap a:first-of-type {
    float: left;
    width: 40%;
    margin-right: 1.5rem;
    max-height: 43.75rem;
    /*700px*/
    height: 100%; }
  #highlights-wrap a {
    float: right;
    width: calc(60% - 1.5rem);
    /*24px*/
    height: 100%; }
  #highlights-wrap a.item.event {
    height: auto; }
  #highlights-wrap a:nth-of-type(5) {
    width: calc(50% - 1.5rem);
    /*24px*/
    margin-right: 1.5rem;
    /*24px*/
    float: left; }
  #highlights-wrap a:nth-of-type(6) {
    width: 50%;
    float: left; }
  .research-grid {
    -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr; }
  .research-text, .research-img {
    float: none; }
  .research-panel {
    float: left; }
    .research-panel:nth-of-type(1) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
    .research-panel:nth-of-type(2) {
      -ms-grid-column: 3;
      -ms-grid-column-span: 1; }
    .research-panel:nth-of-type(3) {
      -ms-grid-column: 5;
      -ms-grid-column-span: 1; }
  .acc-grid {
    display: -ms-grid;
    -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr 3rem 1fr 3rem; }
  .acc-panel:first-of-type {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
  .acc-panel:nth-of-type(2) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1; }
  .acc-panel:nth-of-type(3) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  .acc-panel:nth-of-type(4) {
    -ms-grid-column: 7;
    -ms-grid-column-span: 1; }
  .footer-grid {
    display: -ms-grid;
    -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr 3rem 1fr 3rem; }
  /*explicitly state all grid element positions in footer*/
  .footer-grid-col:nth-of-type(1) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 1; }
  .footer-grid-col:nth-of-type(2) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 3;
    -ms-grid-row: 1; }
  .footer-grid-col:nth-of-type(3) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 5;
    -ms-grid-row: 1; }
  .footer-grid-col:nth-of-type(4) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 7;
    -ms-grid-row: 1; }
  .footer-grid-col:nth-child(5) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 2; }
  .footer-grid-col:nth-child(6) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 3;
    -ms-grid-row: 2; }
  .footer-grid-col:nth-child(7) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 5;
    -ms-grid-row: 2; }
  .footer-grid-col:nth-child(8) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 7;
    -ms-grid-row: 2; }
  .footer-grid-col:nth-child(9) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 3; }
  .footer-grid-col:nth-child(10) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 3;
    -ms-grid-row: 3; }
  .footer-grid-col:nth-child(11) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 5;
    -ms-grid-row: 3; }
  .footer-grid-col:nth-child(12) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 7;
    -ms-grid-row: 3; } }

@media all and (-ms-high-contrast: none) and (max-width: 800px), (-ms-high-contrast: active) and (max-width: 800px) {
  .acc-grid {
    display: block; }
  .footer-grid {
    -ms-grid-columns: 1fr 48px 1fr; }
  .footer-grid-col:nth-of-type(1) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 1; }
  .footer-grid-col:nth-of-type(2) {
    -ms-grid-column-span: 2;
    -ms-grid-column: 2;
    -ms-grid-row: 1; }
  .footer-grid-col:nth-of-type(3) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 2; }
  .footer-grid-col:nth-of-type(4) {
    -ms-grid-column-span: 2;
    -ms-grid-column: 2;
    -ms-grid-row: 2; }
  .footer-grid-col:nth-child(5) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 3; }
  .footer-grid-col:nth-child(6) {
    -ms-grid-column-span: 2;
    -ms-grid-column: 2;
    -ms-grid-row: 3; }
  .footer-grid-col:nth-child(7) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 4; }
  .footer-grid-col:nth-child(8) {
    -ms-grid-column-span: 2;
    -ms-grid-column: 2;
    -ms-grid-row: 4; }
  .footer-grid-col:nth-child(9) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 5; }
  .footer-grid-col:nth-child(10) {
    -ms-grid-column-span: 2;
    -ms-grid-column: 2;
    -ms-grid-row: 5; }
  .footer-grid-col:nth-child(11) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 6; }
  .footer-grid-col:nth-child(12) {
    -ms-grid-column-span: 2;
    -ms-grid-column: 2;
    -ms-grid-row: 6; }
  .research-grid {
    display: block; }
  #research a {
    max-width: 100%;
    margin-bottom: 1.5rem; }
  #highlights-wrap a {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.5rem;
    /*24px*/ }
  #highlights-wrap a:first-of-type {
    width: 100%; } }

/*# sourceMappingURL=homepage.css.map */