@charset "UTF-8";
/* School of Medicine Project Variables
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* WVU header and top navigation */
/*$header-max-width: 75rem;
$header-mq: 65.625em;*/
/* WVU footer */
/*$footer-max-width: 75rem;
$footer-mq: 55em;
$footer-bg-color: $wvu-blue;
$footer-text-color: white;*/
/*$wvu-footer-max-width: 75rem;
$wvu-footer-mq: 50em;*/
/* SOM variables */
/* Iconic theme rules. Don't delete! */
/* Hide all icons that are waiting to be injected */
img.iconic {
  display: none;
  visibility: hidden;
}

/* Make sure filled and text elements only get fills */
.iconic-property-fill, .iconic-property-text {
  stroke: none !important;
}

/* Make sure stroked elements only get strokes */
.iconic-property-stroke {
  fill: none !important;
}

@-webkit-keyframes smooth-entry-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes smooth-entry-left {
  0% {
    opacity: 0;
    transform: translateX(-1rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes smooth-entry-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes smooth-entry-right {
  0% {
    opacity: 0;
    transform: translateX(1rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes smooth-entry-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes smooth-entry-up {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes smooth-entry-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes smooth-entry-down {
  0% {
    opacity: 0;
    transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes scale-up {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes scale-up {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes scale-x {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(0);
  }
}
@keyframes scale-x {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes scale-y {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(0);
  }
}
@keyframes scale-y {
  0% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes scale-fade-in {
  0% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-fade-in {
  0% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

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

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

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

body {
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 100%;
  color: #2C2A29;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 0;
  background: transparent;
  border: none;
}

a:focus, button:focus {
  outline: 0.125rem dashed #BE3A34;
  outline-offset: 0.25rem;
}
a:focus:hover, button:focus:hover {
  outline: none;
}

input,
select,
textarea {
  margin: 0;
  padding: 0;
}

input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input::-webkit-calendar-picker-indicator {
  opacity: 100;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

/* Base typography */
a {
  color: #005EB8;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  overflow-wrap: break-word;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
a:hover, a:focus {
  color: #0033A0;
}

h1 {
  font-size: 2.25rem;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0.25em;
  margin-bottom: 1.5rem;
  color: #333F48;
  color: #002855;
}

h2, h3, h4, h5, h6 {
  margin-top: 1.25em;
  margin-bottom: 0.25em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  /*clear: both;*/
  color: #333F48;
}

h2 {
  font-size: 1.75rem;
  line-height: 1.3;
}

h3 {
  color: #0033A0;
  font-size: 1.5rem;
  line-height: 1.25;
}

h4 {
  font-size: 1.25rem;
  line-height: 1.3;
}

h5 {
  font-size: 1.125rem;
  line-height: 1.4;
}

h6 {
  font-size: 1rem;
  line-height: 1.5;
}

p {
  line-height: 1.5;
  margin-top: 1.5em;
  margin-top: 0;
  margin-bottom: 1.5em;
}

img {
  display: block;
}

hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border: none;
  border-top: 0.125rem solid #e3e5e6;
}

/* Utility Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* visually-hidden: accessibly hide elements */
.visually-hidden, .cal-pagination-prev .cal-pagination-button-label,
.cal-pagination-next .cal-pagination-button-label, .directory-card__organization-name, .directory-card__organization-unit, .directory-card__name-suffix-separator {
  position: absolute;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  white-space: nowrap;
}

/* inline-list: remove default list styles  */
.inline-list, .events-items-list, .cal-events, .cal-tabs {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.inline-list dd, .events-items-list dd, .cal-events dd, .cal-tabs dd {
  margin-left: 0;
}

/* overflow-hidden */
.overflow-hidden {
  overflow-x: hidden;
  /*overflow-y: auto;*/
}

.layout-container {
  width: calc(100% - 2rem);
  max-width: 75rem;
  margin: 0 auto;
}
.layout-container--narrow {
  max-width: 48rem;
}

/* WVU Masthead
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Scss dependencies:
1. _settings.variables.scss
2. _tools.flexbox.scss */
.wvu-masthead {
  --wvu-masthead-mq: 60em;
  position: relative;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.wvu-masthead a, .wvu-masthead button {
  transition-property: background-color, color;
  transition-duration: 0.25s;
}
.wvu-masthead a:focus, .wvu-masthead button:focus, .wvu-masthead input:focus {
  outline: 0.125rem dashed #EAAA00;
  outline-offset: 0.25rem;
}
.wvu-masthead a:focus:hover, .wvu-masthead button:focus:hover, .wvu-masthead input:focus:hover {
  outline: none;
}
.wvu-masthead__skip-nav {
  position: absolute;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  white-space: nowrap;
}
.wvu-masthead__skip-nav:focus {
  clip: unset;
  left: 0;
  top: 0.5rem;
  left: 0.5rem;
  padding: 1em;
  height: auto;
  width: auto;
  overflow: auto;
  z-index: 10000;
  background-color: #EAAA00;
  border-radius: 0.125rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.4);
  color: #002855;
  font-weight: bold;
  outline-offset: -2px;
  white-space: normal;
}
.wvu-masthead-header {
  background-color: #002855;
  font-size: 0.75rem;
}
.wvu-masthead-header__layout {
  max-width: calc(75rem + 2rem);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 60em) {
  .wvu-masthead-header__layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.wvu-masthead-header__brand {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem;
  color: white;
  font-family: "HelveticaNeueW01-55Roma", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: normal;
  text-transform: uppercase;
}
@media screen and (min-width: 60em) {
  .wvu-masthead-header__brand {
    font-size: 1rem;
  }
}
.wvu-masthead-header__brand[href] {
  text-decoration: none;
}
.wvu-masthead-header__brand[href]:hover, .wvu-masthead-header__brand[href]:focus {
  color: white;
}
.wvu-masthead-header__brand[href]:focus {
  outline-offset: -0.125rem;
}
.wvu-masthead-header__logo {
  display: block;
  width: 16.875rem;
  height: 2.5rem;
}
@media screen and (min-width: 60em) {
  .wvu-masthead-header__logo {
    width: 20rem;
    height: 3rem;
  }
}
img.wvu-masthead-header__logo {
  width: 100%;
  height: auto;
  max-width: 20rem;
}

.wvu-masthead-header__sub-brand {
  display: block;
  margin-top: -0.375rem;
  padding-left: 3rem;
}
@media screen and (min-width: 60em) {
  .wvu-masthead-header__sub-brand {
    padding-left: 3.625rem;
  }
}
.wvu-masthead-header__actions {
  -webkit-flex-basis: 20.75rem;
  -moz-flex-basis: 20.75rem;
  -ms-flex-preferred-size: 20.75rem;
  flex-basis: 20.75rem;
  visibility: hidden;
  max-height: 0;
  padding: 0;
  background-color: #2C2A29;
  font-size: 0.75rem;
  overflow: hidden;
  transition: none;
}
@media screen and (min-width: 60em) {
  .wvu-masthead-header__actions {
    visibility: visible;
    max-height: none;
    padding: 1rem;
    background-color: transparent;
  }
}
.wvu-masthead-header__actions.is-open {
  visibility: visible;
  max-height: 100vh;
  transition-property: max-height, visibility;
  transition-duration: 0.6s;
}
.wvu-masthead-header__nav {
  display: none;
}
@media screen and (min-width: 60em) {
  .wvu-masthead-header__nav {
    display: block;
  }
}
.wvu-masthead-header__nav-items {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  font-size: 0.75rem;
}
.wvu-masthead-header__nav-item {
  display: inline-block;
  line-height: 1;
}
.wvu-masthead-header__nav-item:last-child a {
  margin-right: 0;
}
.wvu-masthead-header__nav a {
  display: block;
  margin-right: 0.375rem;
  color: white;
  text-decoration: underline;
}
.wvu-masthead-header__nav a:hover, .wvu-masthead-header__nav a:focus {
  color: #EAAA00;
}
.wvu-masthead-header__nav + .wvu-masthead-header__search {
  margin-top: 0.375rem;
}
.wvu-masthead-header__search-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.125rem;
  background-color: white;
  color: #002855;
  margin: 1rem;
}
@media screen and (min-width: 60em) {
  .wvu-masthead-header__search-form {
    margin: 0;
  }
}
.wvu-masthead-header__search-label {
  display: block; /* This helps this element horizontally fill the remaining space in IE 10. */
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.wvu-masthead-header__search-label-text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.wvu-masthead-header__search-query {
  width: 100%;
  margin: 0;
  padding: 0.5rem;
  border: none;
  border: 0.125rem dashed white;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
  font-size: 0.75rem;
}
.wvu-masthead-header__search-query[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  box-sizing: border-box;
}
.wvu-masthead-header__search-button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 2.1875rem;
  -moz-box-flex: 0;
  -moz-flex: 0 0 2.1875rem;
  -ms-flex: 0 0 2.1875rem;
  flex: 0 0 2.1875rem;
  background-color: white;
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
  border: none;
  border-left: 0.0625rem solid #c2cbd6;
  transition-property: background-color, border-right-color;
  transition-duration: 0.15s;
}
.wvu-masthead-header__search-button:hover, .wvu-masthead-header__search-button:focus {
  background-color: #EAAA00;
  border-left-color: #cb9400;
  transition-property: background-color, border-left-color;
  transition-duration: 0.25s;
}
.wvu-masthead-header__search-button-icon {
  vertical-align: middle;
  fill: currentColor;
}

/* WVU Masthead Controls
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Scss dependencies:
1. _settings.variables.scss
2. _tools.flexbox.scss */
.wvu-masthead-controls {
  display: none;
}
.js .wvu-masthead-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  background-color: #242222;
}
@media screen and (min-width: 60em) {
  .js .wvu-masthead-controls {
    display: none;
  }
}
.wvu-masthead-controls__button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 3.125rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: transparent;
  border: none;
  color: white;
  font-size: 1rem;
  line-height: 3.125rem;
  text-decoration: none;
}
.wvu-masthead-controls__button:hover, .wvu-masthead-controls__button:focus {
  background-color: #333F48;
}
.wvu-masthead-controls__button:focus {
  outline-color: white !important;
  outline-offset: -0.125rem !important;
}
.wvu-masthead-controls__button[aria-expanded=true] {
  background-color: #2C2A29;
}
.wvu-masthead-controls__label {
  pointer-events: none;
}
.wvu-masthead-controls__search-icon, .wvu-masthead-controls__menu-icon {
  box-sizing: content-box;
  transform: translateY(-0.125rem);
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.25rem;
  pointer-events: none;
}
.wvu-masthead-controls__search-icon {
  width: 1rem;
  height: 1rem;
}
.wvu-masthead-controls__search-icon-open, .wvu-masthead-controls__search-icon-close {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  fill: currentColor;
  transition-property: opacity, transform, visibility;
}
.wvu-masthead-controls__search-icon-open {
  transform: scale(2.5);
  transition-duration: 0.15s;
}
[aria-expanded=false] .wvu-masthead-controls__search-icon-open {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
  transition-duration: 0.25s;
}
.wvu-masthead-controls__search-icon-close {
  top: -0.25rem;
  left: -0.25rem;
  stroke-width: 1;
  stroke: currentColor;
  transform: translate(0, 0) scale(0);
  transition-duration: 0.15s;
}
[aria-expanded=true] .wvu-masthead-controls__search-icon-close {
  transform: translate(0.25rem, 0.25rem) scale(1);
  visibility: visible;
  opacity: 1;
  transition-duration: 0.25s;
}
.wvu-masthead-controls__menu-icon {
  width: 1.25rem;
  height: 0.1875rem;
  background-color: currentColor;
  background-clip: content-box;
  border: none;
  line-height: 0;
  transition-property: background-color;
  transition-duration: 0.25s;
}
[aria-expanded=true] .wvu-masthead-controls__menu-icon {
  background-color: transparent;
}
.wvu-masthead-controls__menu-icon::before, .wvu-masthead-controls__menu-icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 1.25rem;
  height: 0.1875rem;
  transform: rotate(0deg);
  background-color: currentColor;
  opacity: 1;
  transition-property: top, transform, opacity, background-color;
  transition-duration: 0.25s;
}
.wvu-masthead-controls__menu-icon::before {
  top: -0.5rem;
}
[aria-expanded=true] .wvu-masthead-controls__menu-icon::before {
  top: 0;
  transform: rotate(-45deg);
}
.wvu-masthead-controls__menu-icon::after {
  top: 0.5rem;
}
[aria-expanded=true] .wvu-masthead-controls__menu-icon::after {
  top: 0;
  transform: rotate(45deg);
}

/* WVU Masthead Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Scss dependencies:
1. _settings.variables.scss
2. _tools.flexbox.scss */
.wvu-masthead-nav {
  visibility: hidden;
  max-height: 0;
  background-color: #2C2A29;
  overflow: hidden;
}
@media screen and (min-width: 60em) {
  .wvu-masthead-nav {
    visibility: visible;
    max-height: none;
    transition: none;
  }
}
.wvu-masthead-nav.is-open {
  visibility: visible;
  max-height: 100vh;
  transition-property: max-height, visibility;
  transition-duration: 0.6s;
}
.wvu-masthead-nav__layout {
  max-width: calc(75rem + 2rem);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 60em) {
  .wvu-masthead-nav__layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
}
.wvu-masthead-nav__items {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0;
  list-style-type: none;
  font-size: 0.75rem;
}
@media screen and (min-width: 60em) {
  .wvu-masthead-nav__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.wvu-masthead-nav__items + .wvu-masthead-nav__items {
  border-top: 0.0625rem solid #373433;
}
@media screen and (min-width: 60em) {
  .wvu-masthead-nav__items + .wvu-masthead-nav__items {
    border-top: none;
  }
}
.wvu-masthead-nav__items--primary {
  font-size: 1rem;
}
.wvu-masthead-nav__items--secondary {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1rem;
}
@media screen and (min-width: 60em) {
  .wvu-masthead-nav__items--secondary {
    margin-left: 2rem;
  }
}
@media screen and (min-width: 60em) {
  .wvu-masthead-nav__items--tertiary {
    display: none;
  }
}
.wvu-masthead-nav__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 60em) {
  .wvu-masthead-nav__item--cta {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-right: 1rem;
  }
}
.wvu-masthead-nav a {
  display: block;
  padding: 0.5rem 1rem;
  color: white;
  line-height: 1.4;
  text-decoration: none;
}
@media screen and (min-width: 60em) {
  .wvu-masthead-nav a {
    padding: 1rem;
  }
}
.wvu-masthead-nav a:hover, .wvu-masthead-nav a:focus {
  background-color: #4c4a49;
  color: white;
}
.wvu-masthead-nav a:focus {
  outline-color: white;
  outline-offset: -0.125rem;
}
.wvu-masthead-nav__item.is-current a {
  background-color: #333F48;
}
.wvu-masthead-nav__item.is-current a:hover, .wvu-masthead-nav__item.is-current a:focus {
  background-color: #4c4a49;
}
@media screen and (min-width: 60em) {
  .wvu-masthead-nav__item--cta a {
    padding: 0.5rem 1rem;
    border-radius: 0.125rem;
    font-weight: bold;
    background-color: #005EB8;
  }
  .wvu-masthead-nav__item--cta a:hover, .wvu-masthead-nav__item--cta a:focus {
    background-color: #006ed7;
  }
  .wvu-masthead-nav__item--cta a:focus {
    outline-offset: 0.25rem;
  }
}
@media screen and (min-width: 60em) {
  .wvu-masthead-nav__item--give a {
    background-color: #EAAA00;
    color: #002855;
  }
  .wvu-masthead-nav__item--give a:hover, .wvu-masthead-nav__item--give a:focus {
    background-color: #ffbc0a;
    color: #002855;
  }
}

.wvu-alert p {
  font-size: 1.2rem;
}
.wvu-alert b, .wvu-alert strong {
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif !important;
  font-weight: bold !important;
}
.wvu-alert__container {
  display: flex;
  flex-wrap: wrap;
  place-items: center;
  align-items: baseline;
  gap: 0 0.5rem;
  width: calc(100% - 2rem);
  max-width: 75rem;
  margin: 0 auto;
}
.wvu-alert__banner {
  position: relative;
  z-index: 1;
  color: #2C2A29;
  background-color: #FFE539;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  line-height: 1.4;
}
.wvu-alert__banner p {
  display: grid;
  grid-auto-flow: column;
  margin: 0;
  padding: 1rem 0;
  font-size: 1.2rem;
  line-height: inherit;
}
.wvu-alert__banner a {
  text-decoration: underline;
}
.wvu-alert__banner a:link, .wvu-alert__banner a:visited {
  color: #0033A0 !important;
}
.wvu-alert__banner a:hover, .wvu-alert__banner a:focus {
  color: #002855 !important;
}
.wvu-alert__actions {
  margin-top: 1.5rem;
}
.wvu-alert__button {
  margin-bottom: 0.75rem;
  border: 2px solid transparent;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  color: #2C2A29;
  background-color: rgba(44, 42, 41, 0.2);
  font-size: 1rem;
  line-height: 1.125;
  font-weight: bold;
  text-transform: none;
}
.wvu-alert__button:hover, .wvu-alert__button:focus {
  outline: none;
  border-color: #0062A3;
  color: #002855;
  background-color: #FFE539;
  background-color: white;
}
.wvu-alert__dialog {
  /*position: fixed;*/
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 1000;
  width: 100%;
  max-width: 75ch;
  margin-top: 1rem;
  border: 0;
  background-color: #F7F7F7;
  font-size: 1.2rem;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  box-shadow: rgba(44, 42, 41, 0.4) 0 0 3rem;
  animation: wvu-alert-appear--reduced 0.25s ease-out;
}
@media (prefers-reduced-motion: no-preference) {
  .wvu-alert__dialog {
    animation-name: wvu-alert-appear;
    animation-duration: 0.25s;
  }
}
.wvu-alert__dialog .wvu-alert__heading {
  display: flex;
  align-items: center;
}
.wvu-alert__dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.wvu-alert__dialog p {
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif !important;
}
.wvu-alert__dialog p:not([class]) {
  margin-block: 1.5rem;
  font-size: 1.2rem;
}
.wvu-alert__header {
  margin: -1em -1em 0 -1em;
  padding: 1.5em;
  color: #FFE539;
  background-color: #0062A3;
  background-image: repeating-linear-gradient(123.75deg, #FFE539, #FFE539 25px, #0062A3 25px, #0062A3 50px), linear-gradient(to bottom, #002855, #0062A3);
  background-size: 100% 8px, 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.wvu-alert__icon {
  align-self: first baseline;
  width: 0.9em;
  height: 0.9em;
  margin-top: 0.1rem;
  margin-right: 0.25rem;
  transform: translateY(0.125rem);
}
.wvu-alert__icon path {
  fill: currentColor;
}
.wvu-alert__heading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0;
  margin-bottom: 0.25rem;
  color: currentColor !important;
  font-size: 2rem;
  line-height: 1;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: none;
  filter: drop-shadow(0 0 1rem rgba(0, 40, 85, 0.8));
}
.wvu-alert__body {
  max-width: 60ch;
  padding: 1rem;
  line-height: 1.5;
}
.wvu-alert__body a {
  text-decoration: underline;
}
.wvu-alert__body a:link, .wvu-alert__body a:visited {
  color: #0033A0 !important;
}
.wvu-alert__body a:hover, .wvu-alert__body a:focus {
  color: #002855 !important;
}
.wvu-alert__details {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  border: 1px solid rgba(44, 42, 41, 0.4);
  border-radius: 0.25rem;
  padding: 0.75rem;
}
.wvu-alert__details:hover, .wvu-alert__details:focus, .wvu-alert__details[open] {
  background-color: white;
}
.wvu-alert__summary {
  display: list-item;
  margin: -1em;
  padding: 1em 1em 1em calc(1em + 2ch);
  font-weight: bold;
  text-indent: -1.6ch;
  cursor: pointer;
}
.wvu-alert__summary:focus-visible {
  outline: 2px solid #F58672;
  outline-offset: -1.2rem;
}
.wvu-alert__details-text {
  margin-left: 1.4rem;
  line-height: 1.5;
}
.wvu-alert__details-text p:not(.wvu-alert__status), .wvu-alert__details-text span:not(.wvu-alert__status) {
  color: inherit !important;
  background-color: inherit !important;
  font-size: inherit !important;
  font-family: inherit !important;
  text-decoration: none !important;
}
.wvu-alert__details-text u {
  text-decoration: none !important;
}
.wvu-alert__details-text a {
  color: #0033A0 !important;
  background-color: none;
  font-size: inherit !important;
  font-family: inherit !important;
}
.wvu-alert__details-text a:hover, .wvu-alert__details-text a:focus {
  color: #002855 !important;
}
.wvu-alert__status {
  margin-block: 0;
  font-size: 0.8em;
}
.wvu-alert__form {
  margin-top: 1.5rem;
}
.wvu-alert__form-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.wvu-alert__form-button {
  margin-top: 1.5rem;
}

@keyframes wvu-alert-appear--reduced {
  0%, 30% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes wvu-alert-appear {
  0%, 30% {
    opacity: 0;
    transform: translateY(-10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* WVU Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Scss dependencies:
1. _settings.variables.scss
2. _tools.flexbox.scss */
.wvu-footer {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
  background: #002855;
  color: white;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.wvu-footer__layout {
  width: calc(100% - 2rem);
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@supports (display: grid) {
  @media screen and (min-width: 50em) {
    .wvu-footer__layout {
      display: grid;
      grid-column-gap: 4rem;
      grid-template-columns: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "wvu-footer-nav-primary wvu-footer-nav-secondary" "wvu-footer-copyright wvu-footer-nav-social";
      text-align: left;
    }
  }
}
.wvu-footer a {
  color: white;
}
.wvu-footer a:hover, .wvu-footer a:focus {
  color: #EAAA00;
}
.wvu-footer a:focus {
  outline: 0.125rem dashed #BE3A34;
  outline-offset: 0.125rem;
}
.wvu-footer-nav {
  margin-top: 0.5rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.wvu-footer-nav--primary {
  grid-area: wvu-footer-nav-primary;
}
.wvu-footer-nav--secondary {
  grid-area: wvu-footer-nav-secondary;
}
.wvu-footer-nav--social {
  grid-area: wvu-footer-nav-social;
}
.wvu-footer-nav__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  font-size: 0.75rem;
}
@supports (display: grid) {
  @media screen and (min-width: 50em) {
    .wvu-footer-nav__items {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      justify-content: flex-start;
    }
    .wvu-footer-nav--secondary .wvu-footer-nav__items, .wvu-footer-nav--social .wvu-footer-nav__items {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      justify-content: flex-end;
    }
  }
}
.wvu-footer-nav__item {
  line-height: normal;
}
.wvu-footer-nav a {
  display: block;
  margin-top: 0.5rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.wvu-footer-nav__button {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  text-align: center;
}
.wvu-footer-nav__button:nth-child(n+2) {
  margin-left: 0.5rem;
}
.wvu-footer-nav__button--facebook {
  overflow: hidden;
  background-color: #1877f2;
}
.wvu-footer-nav__button--facebook:hover, .wvu-footer-nav__button--facebook:focus {
  background-color: #0d68df;
}
.wvu-footer-nav__button--twitter {
  background-color: #55acee;
}
.wvu-footer-nav__button--twitter:hover, .wvu-footer-nav__button--twitter:focus {
  background-color: #399eeb;
}
.wvu-footer-nav__button--youtube {
  background-color: #e52d27;
}
.wvu-footer-nav__button--youtube:hover, .wvu-footer-nav__button--youtube:focus {
  background-color: #d41f1a;
}
.wvu-footer-nav__button-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  fill: white;
}
.wvu-footer__copyright {
  grid-area: wvu-footer-copyright;
  margin-top: 1rem;
  margin-bottom: 0;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 0.75rem;
  line-height: 1.6;
}

/* Buttons
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.button,
span.button-user a[href],
a[href] span.button-user {
  position: relative;
  display: inline-block;
  padding: 0.75rem 1rem;
  background-color: #005EB8;
  border-radius: 0.25rem;
  box-shadow: inset 0 -0.125rem #0033A0;
  color: white;
  font-size: 1rem;
  font-weight: bold;
  line-height: normal;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition-property: background-color, box-shadow, color, text-shadow;
  transition-property: background-color, box-shadow, color, text-shadow;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.button:hover, .button:focus,
span.button-user a[href]:hover,
span.button-user a[href]:focus,
a[href] span.button-user:hover,
a[href] span.button-user:focus {
  color: white;
  background-color: #006ed7;
  /*background-color: darken($pms-300-c, 6%);
  box-shadow: inset 0 -.125rem darken($pms-286-c, 6%);*/
}

span.button-user a[href],
a[href] span.button-user {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.button--alternate {
  background-color: #0033A0;
  box-shadow: inset 0 -0.125rem #002855;
}
.button--alternate:hover, .button--alternate:focus {
  background-color: #003dbf;
}
.button--secondary {
  background-color: #CD4C08;
  box-shadow: inset 0 -0.125rem #9e302b;
  text-shadow: 0 0.0625rem #9e302b;
}
.button--secondary:hover, .button--secondary:focus {
  /*background-color: lighten($pms-166-c, 6%);*/
  background-color: #b04107;
  box-shadow: inset 0 -0.125rem #862925;
  text-shadow: 0 0.0625rem #862925;
}
.button--tertiary {
  background-color: #EAAA00;
  color: #002855;
  box-shadow: inset 0 -0.125rem #ED8B00;
}
.button--tertiary:hover, .button--tertiary:focus {
  background-color: #ffbc0a;
  color: #002855;
}
.button--explore {
  background-color: white;
  border: 0.0625rem solid #e3e5e6;
  border-bottom: none;
  box-shadow: inset 0 -0.125rem #e3e5e6;
  color: #005EB8;
  text-transform: none;
}
.button--explore:hover, .button--explore:focus {
  background-color: white;
  color: #0033A0;
}
.button--flat {
  padding: 0.5rem 0.75rem;
  color: #005EB8;
  background-color: #e3e5e6;
  box-shadow: none;
}
.button--flat:hover, .button--flat:focus {
  color: white;
  background-color: #005EB8;
}
.button--disabled, .button--disabled:link, .button--disabled:visited, .button--disabled:hover, .button--disabled:focus {
  background-color: #e3e5e6;
  color: #002855;
  box-shadow: none;
  transform: none;
  transition: none;
}
.button--direction-prev, .button--direction-next {
  text-align: left;
}
.button--direction-prev::before {
  content: "";
  display: inline-block;
  height: 0.75rem;
  width: 0.75rem;
  margin-right: 0.5rem;
  border-width: 0.2rem 0 0 0.2rem;
  border-style: solid;
  color: white;
  position: relative;
  transform: rotate(-45deg);
}
.button--direction-next::after {
  content: "";
  display: inline-block;
  height: 0.75rem;
  width: 0.75rem;
  margin-left: 0.5rem;
  border-width: 0.2rem 0.2rem 0 0;
  border-style: solid;
  color: white;
  position: relative;
  transform: rotate(45deg);
}

.button-container--multiple, .button-container.multiple {
  margin-bottom: -0.5rem;
}
.button-container--multiple .button, .button-container.multiple .button {
  margin-bottom: 0.5rem;
}
.button-container--multiple .button:nth-last-child(n+2), .button-container.multiple .button:nth-last-child(n+2) {
  margin-right: 0.75rem;
}
.button-container--center, .button-container.button-align-center {
  text-align: center;
}
.button-container--right, .button-container.button-align-right {
  text-align: right;
}
.button-grid + .button-container {
  margin-top: 2rem;
}

.buttons-widget {
  background-color: transparent !important;
}
.buttons-widget--program {
  margin-top: 2rem;
}
.buttons-widget .button {
  width: 100%;
}
.buttons-widget .button + .buttons-widget .button {
  margin-top: 0.5rem;
}
.buttons-widget .button + .button {
  margin-top: 0.5rem;
}

/* Rich text editor
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.rte {
  /* lists */
  /*ul:not([class]), 
  ol:not([class]) {
      line-height: 1.5;  
      margin: 0 0 1.5em;

      ul:not([class]), 
      ol:not([class]) {
          margin-top: .5rem;
          margin-bottom: 0;
      }
  }*/
  /* table */
  /* blockquote */
}
.rte ul,
.rte ol {
  line-height: 1.5;
  margin: 0 0 1.5em;
}
.rte ul ul,
.rte ul ol,
.rte ol ul,
.rte ol ol {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.rte li {
  margin-bottom: 0.5em;
}
.rte table {
  clear: both;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: block;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.rte tr {
  border: 0.0625rem solid #e3e5e6;
}
.rte th,
.rte td {
  padding: 1rem;
  border: 0.0625rem solid #e3e5e6;
  text-align: left;
}
.rte tr:nth-child(odd) {
  background: #f3f4f5;
}
.rte img:not([class]),
.rte img.img-center,
.rte img.img-float-left,
.rte img.img-float-right,
.rte .img-center > img,
.rte .img-float-left > img,
.rte .img-float-right > img {
  display: block;
  height: auto !important;
  max-width: 100%;
}
.rte .img-center,
.rte .img-float-left,
.rte .img-float-right {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.rte img.img-center,
.rte .img-center > img {
  margin-left: auto;
  margin-right: auto;
}
.rte .img-float-left,
.rte .img-float-right {
  float: none !important;
  clear: both;
}
@media screen and (min-width: 41.25em) {
  .rte .img-float-left,
  .rte .img-float-right {
    max-width: 50%;
  }
}
@media screen and (min-width: 41.25em) {
  .rte .img-float-left {
    float: left !important;
    margin-right: 1.5rem;
  }
  .rte .img-float-right {
    float: right !important;
    margin-left: 1.5rem;
  }
}
.rte blockquote:not([class]) {
  position: relative;
  font-family: Georgia, serif;
  font-style: italic;
  margin: 3rem 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 1.5rem;
  quotes: "“" "”" "‘" "’";
  border-top: 0.25rem solid #EAAA00;
  border-bottom: 0.0625rem solid #e3e5e6;
}
.rte blockquote:not([class])::before, .rte blockquote:not([class])::after {
  color: #002855;
  text-shadow: 0.125rem 0.125rem #9BD3DD;
  font-size: 8rem;
  line-height: 0;
  display: block;
  text-align: center;
  margin-top: 3rem;
}
.rte blockquote:not([class])::before {
  content: open-quote;
}
.rte blockquote:not([class]) p {
  position: relative;
  z-index: 1;
}
.rte blockquote:not([class]) p:last-child {
  margin: 0;
}
.rte-underline {
  text-decoration: underline;
}

/* Page Feature
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.feature {
  position: relative;
}
@media screen and (min-width: 75.25em) {
  .feature {
    overflow: hidden;
    height: 40rem;
  }
}
.feature__image, .feature__video {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 75.25em) {
  .feature__image, .feature__video {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
.feature__image img {
  width: 100%;
}
.feature__video {
  mix-blend-mode: screen;
  opacity: 0.9;
}
.feature__video--darker {
  opacity: 0.9;
}
.feature__video--dark {
  opacity: 0.7;
}
.feature__video--normal {
  opacity: 0.5;
}
.feature__video--light {
  opacity: 0.3;
}
.feature__video--lighter {
  opacity: 0.1;
}
.feature__video video {
  display: block;
  width: 100%;
  height: auto;
}
.feature__text {
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 36.25em) {
  .feature__text {
    height: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 60em) {
  .feature__text {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 36.25em) {
  .feature--has-media .feature__text, .has-media .feature__text, .feature--has-video .feature__text {
    position: absolute;
    top: 0;
    left: 0;
  }
  .feature--has-media .feature__text, .has-media .feature__text {
    background-image: linear-gradient(to right, rgba(44, 42, 41, 0.6) 25%, rgba(44, 42, 41, 0) 70%);
  }
}
.feature .layout-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.feature__subheading {
  display: inline-block;
  margin-bottom: 1.3125rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.25rem solid #EAAA00;
  color: white;
  font-size: 1.25rem;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
  transition-property: color, border;
}
.feature__subheading:hover, .feature__subheading:focus {
  border-color: #CD4C08;
  color: white;
}
.prepare .feature__heading, .prepare .feature__blurb {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
  /* https://css-tricks.com/introduction-reduced-motion-media-query/#enter-a-new-media-query */
}
@media screen and (prefers-reduced-motion: no-preference) {
  .prepare .feature__heading, .prepare .feature__blurb {
    animation-name: smooth-entry-left;
  }
}
.in-view .feature__heading, .in-view .feature__blurb {
  animation-play-state: running;
}
@media screen and (min-width: 40em) {
  .feature__heading, .feature__blurb {
    width: 70%;
  }
}
@media screen and (min-width: 66.25em) {
  .feature__heading, .feature__blurb {
    width: 60%;
  }
}
.feature__heading {
  line-height: 0.95;
  margin-top: 0;
  text-transform: uppercase;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  color: white;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
  font-size: 2.5rem;
  font-weight: normal;
  margin-bottom: 1rem;
}
@media screen and (min-width: 45em) {
  .feature--hp .feature__heading {
    font-size: 4rem;
    line-height: 0.85;
  }
}
@media screen and (min-width: 60.625em) {
  .feature--hp .feature__heading {
    font-size: 5rem;
    line-height: 0.8;
  }
}
@media screen and (min-width: 66.25em) {
  .feature--hp .feature__heading {
    font-size: 6rem;
  }
}
@media screen and (min-width: 71.875em) {
  .feature--hp .feature__heading {
    font-size: 6.5rem;
  }
}
@media screen and (min-width: 28.125em) {
  .feature--dp .feature__heading {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 34.375em) {
  .feature--dp .feature__heading {
    font-size: 3rem;
    line-height: 0.85;
  }
}
@media screen and (min-width: 62.5em) {
  .feature--dp .feature__heading {
    font-size: 4rem;
  }
}
@media screen and (min-width: 76.25em) {
  .feature--dp .feature__heading {
    font-size: 5rem;
    line-height: 0.8;
  }
}
.feature__highlight,
.feature b {
  display: block;
  color: #EAAA00;
  font-weight: normal;
}
.feature__blurb {
  font-size: 1.25rem;
  color: white;
  line-height: 1.3;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
  margin-bottom: 1rem;
}
.prepare .feature__blurb {
  animation-delay: 0.3s;
}
@media screen and (min-width: 45em) {
  .feature--hp .feature__blurb {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 38.75em) {
  .feature--dp .feature__blurb {
    font-size: 1.5rem;
  }
}
.feature a:focus {
  outline-color: white;
}
.prepare .feature__button {
  animation-duration: 0.4s;
  animation-delay: 0.4s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .prepare .feature__button {
    animation-name: smooth-entry-left;
  }
}
.prepare .feature__button:nth-child(2) {
  animation-delay: 0.5s;
}
.prepare .feature__button:nth-child(3) {
  animation-delay: 0.6s;
}
.prepare .feature__heading + .button-container .feature__button {
  animation-delay: 0.3s;
}
.prepare .feature__heading + .button-container .feature__button:nth-child(2) {
  animation-delay: 0.4s;
}
.prepare .feature__heading + .button-container .feature__button:nth-child(3) {
  animation-delay: 0.5s;
}
.in-view .feature__button {
  animation-play-state: running;
}
@media screen and (min-width: 30em) {
  .feature__button--special + .feature__button {
    margin-left: 1rem;
  }
}
.feature__video-control {
  position: absolute;
  z-index: 1;
  bottom: calc(100% + 2rem);
  right: 0;
}
@media screen and (min-width: 36.25em) {
  .feature__video-control {
    bottom: 100%;
  }
}
@media screen and (min-width: 40em) {
  .feature__video-control {
    bottom: 0;
  }
}
.feature__video-control:focus {
  outline-color: white;
}
.feature__video-control[hidden] {
  display: none;
}
.feature__video-control svg {
  display: block;
  fill: currentColor;
}

/* Section header
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.section-header {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: white;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: normal;
  line-height: 0.95;
  text-transform: uppercase;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
  /*&:hover b, &:focus b {
      color: lighten($wvu-yellow, 6%);
  }*/
}
@media screen and (min-width: 42.5rem) {
  .section-header {
    font-size: 3.5rem;
    line-height: 0.85;
  }
}
.section-header__subheading {
  margin-bottom: 0.5rem;
  font-size: 2.5rem;
}
.section-header a.section-header__subheading {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 1.3125rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.25rem solid #EAAA00;
  color: white;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.25rem;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
  transition-property: color, border;
}
.section-header a.section-header__subheading:hover, .section-header a.section-header__subheading:focus {
  border-color: #CD4C08;
  color: white;
}
.section-header a {
  color: white;
  text-decoration: none;
}
.section-header a:focus {
  outline-color: #EAAA00;
}
.section-header__highlight,
.section-header b {
  color: #EAAA00;
  font-weight: 400;
  /*transition-property: color;
  transition-duration: .2s;*/
}

/* Breadcrumbs
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.breadcrumbs-container--border {
  border-bottom: 0.0625rem solid #e3e5e6;
}
.breadcrumbs-container .layout-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.breadcrumbs-container--overlay {
  background-color: rgba(205, 76, 8, 0.35);
  margin-bottom: 4rem;
}

.breadcrumbs {
  font-size: 0.8125rem;
  margin-bottom: -0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-right: 1rem;
}

.breadcrumb {
  display: inline-block;
  margin-bottom: 0.5rem;
  line-height: 1.3;
  position: relative;
}
@media screen and (min-width: 37.5em) {
  .breadcrumb:nth-child(n+2) {
    margin-left: 0.25rem;
  }
}
.breadcrumb:nth-child(n+2)::before {
  content: "";
  display: inline-block;
  border-style: solid;
  border-color: #A2AAAD;
  height: 0.5rem;
  width: 0.5rem;
  color: white;
  position: relative;
  vertical-align: middle;
  border-width: 0.125rem 0.125rem 0 0;
  transform: rotate(-135deg);
}
@media screen and (min-width: 37.5em) {
  .breadcrumb:nth-child(n+2)::before {
    transform: rotate(45deg);
    margin-right: 0.5rem;
  }
}
.breadcrumbs-container--overlay .breadcrumb:nth-child(n+2)::before {
  border-color: #002855;
}
@media screen and (max-width: 37.4375em) {
  .breadcrumb:not(:nth-last-child(2)) {
    display: none;
  }
}
.breadcrumbs-container--overlay .breadcrumb a {
  color: #002855;
}
.breadcrumbs-container--overlay .breadcrumb a:hover, .breadcrumbs-container--overlay .breadcrumb a:focus {
  color: #004485;
}

@media screen and (min-width: 65em) {
  .sub-navigation-button {
    display: none;
  }
}
/* Page
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.page__body {
  padding-top: 2rem;
  padding-bottom: 4rem;
  border-top: 0.0625rem solid #e3e5e6;
}
.page__body--has-hero, .page__body--overlap {
  margin-top: 4rem;
}
.page__body--has-hero {
  padding-top: 4rem;
}
.page__body--dark {
  --subnavigation-bg-color: #252322;
  --subnavigation-border-color: #32302f;
  --subnavigation-child-list-border-color: var(--subnavigation-border-color);
  --subnavigation-item-border-color: var(--subnavigation-border-color);
  --subnavigation-link-color: white;
  --subnavigation-link-hover-bg-color: #1d1c1b;
  --subnavigation-link-hover-color: currentColor;
  --subnavigation-link-focus-outline-color: white;
  --subnavigation-link-current-bg-color: #9BD3DD;
  --subnavigation-link-current-color: #002855;
  --subnavigation-link-current-hover-bg-color: #84c9d5;
  --subnavigation-link-current-hover-color: #002855;
  --subnavigation-child-link-current-border-color: #9BD3DD;
  --subnavigation-child-link-current-color: white;
  background-color: #2C2A29;
  color: white;
}
.page__body--dark h2:not([class]),
.page__body--dark h3:not([class]) {
  color: white;
}
.page__body--dark .button:focus,
.page__body--dark span.button-user a[href],
.page__body--dark a[href]:focus span.button-user,
.page__body--dark a:not([class]):focus {
  outline-color: white;
}
.page__body--dark a:not([class]) {
  color: #EAAA00;
}
.page__body--dark a:not([class]):hover, .page__body--dark a:not([class]):focus {
  color: #ED8B00;
}
.page__body--blue {
  --subnavigation-bg-color: #00234b;
  --subnavigation-border-color: #002d5f;
  --subnavigation-link-hover-bg-color: #001a36;
  background-color: #002855;
}
.page__body--pattern-grid {
  background-image: linear-gradient(rgba(0, 40, 85, 0.96), rgba(0, 40, 85, 0.96)), url(../Images/pattern-grid.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page__content {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.breadcrumbs-container + .page__content {
  padding-top: 0;
}
@media screen and (min-width: 65em) {
  .page__content--columns {
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-template-areas: "page-primary page-secondary";
  }
  .landing-page .page__content--columns {
    grid-template-columns: 6fr 4fr;
  }
}
@media screen and (min-width: 65em) {
  .page__columns {
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-template-areas: "page-primary page-secondary";
  }
  .landing-page .page__columns {
    grid-template-columns: 6fr 4fr;
  }
}
.page__primary {
  grid-area: page-primary;
  /* Change the font size of the first paragraph in the ".rte" element inside of ".landing-page .page-primary" */
}
@media screen and (min-width: 65em) {
  .page__columns .page__primary, .page__content--columns .page__primary {
    margin-right: 4rem;
  }
  .page__content--columns-reverse .page__primary {
    order: 2;
    margin-left: 4rem;
  }
}
.page__primary--border-top {
  padding-top: 1.5rem;
  border-top: 0.1875rem solid #e3e5e6;
}
.landing-page .page__primary > p:first-of-type,
.landing-page .page__primary > * > p:first-of-type {
  font-size: 1.25rem;
}
.page__primary--lede p {
  font-size: 1.25rem;
}
.page__primary > h2:not([class]):first-child {
  margin-top: 0;
}
.page__secondary {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  grid-area: page-secondary;
  grid-row: span 2;
}
@media screen and (max-width: 64.9375em) {
  .page__primary + .page__secondary {
    margin-top: 2rem;
  }
}
.page__header {
  margin-top: 2rem;
}
.page__header--story, .page__header--profiles, .page__header--profile {
  margin-top: 0;
}
.page__header--story, .page__header--profile {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid #e3e5e6;
  font-size: 0.9375rem;
}
.page__header--profile h1 {
  margin-bottom: 0;
}
.page__header--profiles {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-top: 0.1875rem solid #e3e5e6;
  border-bottom: 0.0625rem solid #e3e5e6;
}
@media screen and (min-width: 37.5em) {
  .page__header--profiles {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    font-size: 0.9375rem;
  }
  .page__header--profiles h1 {
    margin-bottom: 0;
  }
}
.page__subheading {
  margin-top: 0.25rem;
  margin-bottom: 0;
  color: #5d7384;
  font-size: 1.5rem;
  line-height: 1.1;
}
.page__hero {
  margin: 0 -1rem 2rem;
}
@media screen and (min-width: 65em) {
  .page__hero {
    margin-left: 0;
    margin-right: 0;
  }
}
.page__body .page__hero {
  margin-top: -6rem;
  margin-left: auto;
  margin-right: auto;
}
.page__body .page__hero:not(:first-child) {
  margin-top: 0;
}
.page__hero-icon {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding: 1rem;
  background-color: white;
  fill: currentColor;
}
.page__hero img {
  width: 100%;
  height: auto;
}
.page__hero .caption {
  display: block;
  margin-top: 0;
}
.page__hero .caption img {
  display: block;
  width: 100%;
  height: auto;
}
.page__hero .caption figcaption {
  display: block;
}
@media screen and (min-width: 65em) {
  .page__body--overlap .page__links {
    margin-top: -4rem;
  }
  .page__body--has-hero .page__links {
    margin-top: -6rem;
  }
}
.page__links--navigation {
  margin-bottom: 2rem;
}
@media screen and (min-width: 65em) {
  .page__links--navigation {
    order: -1;
  }
}
.page__primary .page__links:first-child {
  margin-top: -4rem;
}
.page__links ~ .beta-card--links {
  margin-top: 1rem;
}

/* Sub navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
:root {
  --subnavigation-bg-color: white;
  --subnavigation-border-color: #e3e5e6;
  --subnavigation-child-list-border-color: var(--subnavigation-border-color);
  --subnavigation-item-border-color: var(--subnavigation-border-color);
  --subnavigation-link-color: #2C2A29;
  --subnavigation-link-hover-bg-color: #9BD3DD;
  --subnavigation-link-hover-color: currentColor;
  --subnavigation-link-focus-outline-color: #BE3A34;
  --subnavigation-link-current-bg-color: #005EB8;
  --subnavigation-link-current-color: white;
  --subnavigation-link-current-hover-bg-color: #006ed7;
  --subnavigation-link-current-hover-color: white;
  --subnavigation-child-link-current-border-color: #005EB8;
  --subnavigation-child-link-current-color: #005EB8;
}

.sub-navigation {
  margin-top: 2rem;
  font-size: 1rem;
}
@media screen and (min-width: 65em) {
  .sub-navigation {
    order: -1;
    margin-top: 0;
    margin-bottom: 2rem;
  }
}
.sub-navigation__list {
  background-color: white;
  background-color: var(--subnavigation-bg-color);
  border: 0.0625rem solid #e3e5e6;
  border: 0.0625rem solid var(--subnavigation-border-color);
}
.sub-navigation__child-list {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  margin-left: 0.75rem;
  border-left: 0.0625rem solid #e3e5e6;
  border-left: 0.0625rem solid var(--subnavigation-child-list-border-color);
  font-weight: normal;
}
.sub-navigation__item + .sub-navigation__item {
  border-top: 0.0625rem solid #e3e5e6;
  border-top: 0.0625rem solid var(--subnavigation-item-border-color);
}
.sub-navigation__link {
  display: block;
  padding: 0.75rem;
  color: #2C2A29;
  color: var(--subnavigation-link-color);
  font-weight: bold;
  text-decoration: none;
}
.sub-navigation__link:hover, .sub-navigation__link:focus {
  background-color: #9BD3DD;
  background-color: var(--subnavigation-link-hover-bg-color);
  color: currentColor;
  color: var(--subnavigation-link-hover-color);
}
.sub-navigation__link:focus {
  outline-offset: 0.125rem;
  outline-color: #BE3A34;
  outline-color: var(--subnavigation-link-focus-outline-color);
}
.sub-navigation__link:not(.sub-navigation__link--child)[aria-current] {
  background-color: #005EB8;
  background-color: var(--subnavigation-link-current-bg-color);
  color: white;
  color: var(--subnavigation-link-current-color);
}
.sub-navigation__link:not(.sub-navigation__link--child)[aria-current]:hover, .sub-navigation__link:not(.sub-navigation__link--child)[aria-current]:focus {
  background-color: #006ed7;
  background-color: var(--subnavigation-link-current-hover-bg-color);
  color: white;
  color: var(--subnavigation-link-current-hover-color);
}
.sub-navigation__link--child {
  border-left: 0.25rem solid transparent;
}
.sub-navigation__link--child[aria-current] {
  border-left-color: #005EB8;
  border-left-color: var(--subnavigation-child-link-current-border-color);
  color: #005EB8;
  color: var(--subnavigation-child-link-current-color);
}
.sub-navigation__link--child[aria-current]:hover, .sub-navigation__link--child[aria-current]:focus {
  color: currentColor;
  color: var(--subnavigation-link-hover-color);
}
.sub-navigation__link--parent {
  display: grid;
  grid-template-columns: auto 1fr;
  margin-bottom: 0.25rem;
  background-color: #EAAA00;
  border-top: 0.1875rem solid #ED8B00;
  color: #002855;
}
.sub-navigation__link--parent::before {
  content: "";
  position: relative;
  top: 0.25rem;
  transform: rotate(-135deg);
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  vertical-align: middle;
  margin-right: 0.25rem;
  border-width: 0.125rem 0.125rem 0 0;
  border-style: solid;
  border-color: #002855;
  color: white;
  transition-property: border-color;
  transition-duration: 0.2s;
}
.sub-navigation__link--parent:hover, .sub-navigation__link--parent:focus {
  background-color: #ffbc0a !important;
  color: #002855 !important;
}
.sub-navigation__link--parent:hover::before, .sub-navigation__link--parent:focus::before {
  border-color: #002855;
}

/* Widget
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.widget {
  margin-bottom: 2rem;
  background-color: #37444e;
  color: white;
}
.widget:last-child {
  margin-bottom: 0;
}
.widget--light {
  background-color: white;
  border: 0.0625rem solid #e3e5e6;
  border-top: none;
  color: #333F48;
}
.widget__heading {
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem 2rem;
  background-color: #313c45;
  background-image: linear-gradient(123.75deg, transparent 0%, transparent calc(100% - 4rem), #2d373f calc(100% - 4rem), #2d373f calc(100% - 3rem), #283239 calc(100% - 3rem), #283239 100%);
  color: currentColor;
  font-size: 1.25rem;
}
.widget--light .widget__heading {
  position: relative;
  overflow: hidden;
  background-color: white;
  background-image: linear-gradient(123.75deg, transparent 0%, transparent calc(100% - 4rem), #f3f4f5 calc(100% - 4rem), #f3f4f5 calc(100% - 3rem), #e3e5e6 calc(100% - 3rem), #e3e5e6 100%);
  border-top: 0.1875rem solid #EAAA00;
  border-bottom: 0.0625rem solid #e3e5e6;
}
.widget__content {
  padding: 2rem;
}
.widget__content *:first-child {
  margin-top: 0;
}
.widget__content *:last-child {
  margin-bottom: 0;
}
.widget__content a:not(.button) {
  color: #9BD3DD;
}
.widget__content a:not(.button):hover, .widget__content a:not(.button):focus {
  color: white;
}
.widget__content h3 {
  margin-bottom: 0;
  color: #EAAA00;
  font-size: 1.25rem;
}
.widget__content ul {
  padding-left: 1rem;
}
.widget:not(.widget--light):not(.buttons-widget) a:not(.widget__extension) {
  outline-color: #9BD3DD;
}
.widget__extension {
  display: block;
  padding: 1rem 2rem;
  background-color: #2b353c;
  font-weight: 600;
  text-decoration: none;
}
.widget:not(.widget--light) .widget__extension {
  color: #EAAA00;
}
.widget:not(.widget--light) .widget__extension:hover, .widget:not(.widget--light) .widget__extension:focus {
  color: white;
}
.widget--light .widget__extension {
  background-color: #f3f4f5;
}

/* Caption
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.caption {
  display: table;
  width: auto;
  max-width: 100%;
  margin: 1.5rem 0;
  background-color: #f3f4f5;
  color: #2C2A29;
}
@media screen and (min-width: 41.25em) {
  .caption.img-float-left, .caption.img-float-right {
    margin-top: 0;
  }
}
@media screen and (min-width: 41.25em) {
  .caption.img-float-left {
    margin-right: 1.5rem;
    float: left;
  }
}
@media screen and (min-width: 41.25em) {
  .caption.img-float-right {
    margin-left: 1.5rem;
    float: right;
  }
}
.caption figcaption {
  display: table-caption;
  caption-side: bottom;
  padding: 1rem;
  background-color: #f3f4f5;
  border: 0.0625rem solid #e3e5e6;
  font-size: 0.875rem;
  line-height: 1.4;
}
.caption figcaption *:last-child {
  margin-bottom: 0;
}

figure.lazy-video {
  display: block;
  width: 100%;
  margin: 0;
  margin-bottom: 1.5rem;
  padding: 0;
  text-align: left;
}

.lazy-video {
  /*display: block;
  width: 100%;
  margin: 0;
  margin-bottom: 1.5rem;

     padding: 0;*/
}
.lazy-video__wrapper {
  position: relative;
  max-width: 100%;
  background-color: #2C2A29;
  overflow: hidden;
}
.lazy-video__link {
  position: relative;
  display: block;
  height: 0;
  margin: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  /*&::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 128px;
      height: 128px;
      background-color: white;
      border-radius: 100%;
      transform: translate(-50%, -50%) scale(.5);
  }*/
}
.lazy-video__link:focus {
  display: block;
  outline-offset: -0.5rem;
  /*outline-color: $wvu-gold;*/
  outline-color: white;
}
.lazy-video__poster {
  width: 100%;
  /*max-width: 100%;*/
  opacity: 0.6;
  transition: all 0.25s ease-out;
  will-change: opacity;
}
.lazy-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%) scale(0.75);
  will-change: transform;
  fill: #EAAA00;
  stroke: #EAAA00;
  transition: all 0.25s ease-out;
}
.lazy-video__link:hover .lazy-video__play, .lazy-video__link:focus .lazy-video__play {
  transform: translate(-50%, -50%) scale(0.85);
  transition: all 0.25s ease-out;
}
.lazy-video__link:hover .lazy-video__poster, .lazy-video__link:focus .lazy-video__poster {
  opacity: 0.3;
  transition: all 0.25s ease-out;
}
.lazy-video__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.lazy-video .lazy-video__details {
  display: block;
  width: 100%;
  padding: 0; /**/
  font-size: 0.875rem;
  line-height: 1.4;
  overflow: hidden;
}
.lazy-video__duration {
  float: right;
  padding: 0.25rem 0.5rem;
  margin: 1rem;
  background-color: white;
  border: 0.0625rem solid #e3e5e6;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  font-weight: bold;
  text-transform: uppercase;
}
.lazy-video__title {
  /*margin-bottom: .5rem;*/
  margin: 1rem !important; /**/
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.2;
}
.lazy-video cite {
  font-style: normal;
}
.lazy-video__description {
  margin: 1rem !important;
}

/* Backgrounds
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.background--lightgrey, .lab__section {
  background-color: #f3f4f5;
}
.background--light-blue {
  background-color: #9BD3DD;
}
.background--pattern-black {
  background-color: #333F48;
  background-image: linear-gradient(180deg, rgba(44, 42, 41, 0.99), rgba(44, 42, 41, 0.99)), url("../Images/pattern-white.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.background--pattern-blue, .campaign-area--form:nth-child(3n+4) {
  background-color: #002855;
  background-image: linear-gradient(180deg, rgba(0, 40, 85, 0.98), rgba(0, 40, 85, 0.98)), url("../Images/pattern-white.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.background--pattern-grey {
  background-color: #333F48;
  background-image: linear-gradient(180deg, rgba(51, 63, 72, 0.98), rgba(51, 63, 72, 0.98)), url("../Images/pattern-white.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.background--pattern-lightgrey, .media-object:nth-child(even), .announcement--sim-week {
  background-color: #f3f4f5;
  background-image: linear-gradient(180deg, rgba(243, 244, 245, 0.5), rgba(243, 244, 245, 0.5)), url("../Images/pattern-white.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.background--pattern-gold, .background--pattern-yellow, .campaign-area--form {
  background-color: #EAAA00;
  background-image: linear-gradient(180deg, rgba(234, 170, 0, 0.875), rgba(234, 170, 0, 0.875)), url("../Images/pattern-white.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.background--pattern-gold .button:focus, .background--pattern-gold select:focus, .background--pattern-yellow .button:focus, .campaign-area--form .button:focus, .background--pattern-yellow select:focus, .campaign-area--form select:focus {
  outline-color: #002855;
}
.background--video {
  position: relative;
  overflow: hidden;
}

/* Module
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.module {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.module--underlap {
  margin-top: -6rem;
  padding-top: 6rem;
}
.module--border-top {
  border-top: 0.0625rem solid #e3e5e6;
}
.module--video {
  position: relative;
  overflow: hidden;
}
.module--video .layout-container {
  max-width: 50rem;
  position: relative;
  z-index: 1;
}
.module__video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  object-fit: cover;
}
.module__video-control {
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
}
@media screen and (min-width: 36.25em) {
  .module__video-control {
    display: inline-block;
  }
}
.module__video-control[hidden] {
  display: none;
}
.module__video-control svg {
  display: block;
  fill: currentColor;
}
.module__subheading {
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 2rem;
}
.module__heading {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: #2C2A29;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 0.95;
}
@media screen and (min-width: 38.75em) {
  .module__heading {
    font-size: 4rem;
    line-height: 0.85;
  }
}
.module__heading--wvu-blue {
  color: #002855;
}
.module__heading--wvu-gold {
  color: #EAAA00;
}
.module__highlight {
  display: block;
  color: #EAAA00;
}
.module__summary, .module__lead {
  font-size: 1.5rem;
  line-height: 1.3;
}
.module__lede {
  flex: 0 0 100%;
}
@media screen and (min-width: 42.5em) {
  .module__lede {
    grid-column: span 2;
    margin-right: 3rem;
  }
}
.module__lede .module__heading {
  margin-bottom: 0.5rem;
  font-size: 4rem;
}
.module__lede .module__summary, .module__lede .module__summary p {
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.3;
}

.landing-page + .module--news,
.module--list + .module--news {
  border-top: 0.0625rem solid #e3e5e6;
}

.module--news .module__heading {
  margin-bottom: 0.75em;
}
@media screen and (min-width: 38.75em) {
  .module--news .module__heading {
    font-size: 3.25rem;
  }
}

.module--research {
  position: relative;
}
.module--research::before {
  content: "";
  width: calc(100% - 2rem);
  max-width: 1200px;
  height: 0.125rem;
  background: #e3e5e6;
  position: absolute;
  top: -0.0625rem;
  left: 50%;
  transform: translateX(-50%);
}
.module--research .module__heading {
  color: #0033A0;
}

.module--profiles .module__heading,
.module--finder .module__heading {
  color: #002855;
  text-align: center;
}

.module--list .module__heading {
  margin-bottom: 0.75em;
  color: #002855;
}
@media screen and (min-width: 38.75em) {
  .module--list .module__heading {
    font-size: 3.25rem;
  }
}

.action--apply .module__heading,
.module--apply .module__heading {
  color: #002855;
}

/*.module__heading--blue {
    color: $pms-286-c;
}

.module__heading--dark-blue {
    color: $wvu-blue;
}

.module__heading--small {
    margin-bottom: .75em;

    @media screen and (min-width: 38.75em) {
        font-size: 3.25rem;
    }
}

.module__heading--center {
    text-align: center;
}*/
/* Action Module
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.module--action {
  text-align: center;
}
.affiliate + .breadcrumbs-container + .module--action {
  padding-top: 6rem;
}
.module--action .button {
  width: 100%;
}
@media screen and (min-width: 35em) {
  .module--action .button {
    width: auto;
  }
}

.actions {
  position: relative;
  display: grid;
  grid-template-columns: [edge-start] minmax(1rem, 1fr) [content-start] repeat(2, minmax(1rem, 18.75rem)) [content-mid] repeat(2, minmax(1rem, 18.75rem)) [content-end] minmax(1rem, 1fr) [edge-end];
  align-items: start;
}
.actions__text {
  grid-column: content-start/content-end;
  text-align: center;
}
@media screen and (min-width: 87.5em) {
  .affiliate--video + .actions__text {
    grid-column: content-start/content-mid;
    grid-row: 1;
    margin-right: 2rem;
    text-align: left;
  }
}
.affiliate + .actions__text {
  margin-top: 4rem;
}
@media screen and (min-width: 87.5em) {
  .affiliate--video + .actions__text {
    margin-top: 0;
  }
}
.actions__related-links {
  display: none;
  max-width: 37.5rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 87.5em) {
  .affiliate--video + .actions__text .actions__related-links {
    display: block;
  }
}
@media screen and (min-width: 87.5em) {
  .affiliate--video + .actions__text .actions__buttons {
    display: none;
  }
}
.actions__button,
.actions .button {
  width: 100%;
}
@media screen and (min-width: 35em) {
  .actions__button,
  .actions .button {
    width: auto;
  }
}

/* Button grid
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.button-group {
  margin-bottom: 4rem;
}
.button-group:last-child {
  margin-bottom: 0;
}
.button-group__heading {
  margin-top: 0;
  margin-bottom: 1rem;
}

.button-grid {
  margin-bottom: -1rem;
}
@media screen and (min-width: 52.5em) {
  .button-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
.button-grid__item {
  margin-bottom: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 52.5em) {
  .button-grid__item {
    margin-bottom: 1rem;
    width: calc(50% - 1rem);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
@media screen and (min-width: 77.5em) {
  .button-grid--3 .button-grid__item {
    width: calc(33.33% - 1rem);
  }
}
.button-grid .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2rem;
  font-size: 1.25rem;
}
.button-grid--department .button {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  padding: 2rem 4.875rem 2rem 2rem;
  text-align: left;
}
.button-grid--department .button::after {
  content: "";
  display: inline-block;
  height: 1rem;
  width: 1rem;
  border-style: solid;
  border-width: 0.2rem 0.2rem 0 0;
  color: #005EB8;
  position: absolute;
  top: 50%;
  right: 2rem;
  margin-right: 0.5rem;
  transform: rotate(45deg) translateY(-50%);
}
.button-grid--department .button:hover::before, .button-grid--department .button:hover::after, .button-grid--department .button:focus::before, .button-grid--department .button:focus::after {
  color: #0033A0;
}

/* Shadowbox
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.shadowbox--outcome {
  margin-top: -12rem;
}
.shadowbox--residents {
  position: relative;
}
.shadowbox--residents::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #002855;
}
.shadowbox--fellowship + .module {
  margin-top: -8rem;
  padding-top: 8rem;
}
.shadowbox__container {
  position: relative;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  border-top: 0.25rem solid #EAAA00;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
}
.shadowbox--history .shadowbox__container {
  max-width: 75rem;
}
.shadowbox--outcome .shadowbox__container, .shadowbox--residents .shadowbox__container, .shadowbox--fellowship .shadowbox__container {
  max-width: 90rem;
}
.shadowbox--outcome .shadowbox__container {
  overflow: hidden;
  width: calc(100% - 2rem);
  background-color: #2C2A29;
}
.prepare .shadowbox__container {
  animation-duration: 0.6s;
  animation-delay: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .prepare .shadowbox__container {
    animation-name: smooth-entry-up;
  }
}
.in-view .shadowbox__container {
  animation-play-state: running;
}
.shadowbox__image {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 59.9375em) {
  .shadowbox__image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
  }
}
.shadowbox--outcome .shadowbox__image {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 60em) {
  .shadowbox--outcome .shadowbox__image {
    top: auto;
    height: auto;
    -webkit-mask-image: linear-gradient(rgba(44, 42, 41, 0), #2C2A29 12rem);
    mask-image: linear-gradient(rgba(44, 42, 41, 0), #2C2A29 12rem);
  }
}
.shadowbox__body {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 2rem 1rem;
}
@media screen and (min-width: 60em) {
  .shadowbox__body {
    padding: 4rem 3rem;
  }
  .shadowbox--has-media .shadowbox__body {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.shadowbox--history .shadowbox__body {
  background-image: linear-gradient(rgba(44, 42, 41, 0.75), rgba(44, 42, 41, 0.75));
}
@media screen and (min-width: 60em) {
  .shadowbox--history .shadowbox__body {
    background-image: linear-gradient(123.75deg, rgba(44, 42, 41, 0.9), rgba(44, 42, 41, 0.1));
  }
}
@media screen and (min-width: 75em) {
  .shadowbox--outcome .shadowbox__body, .shadowbox--residents .shadowbox__body, .shadowbox--fellowship .shadowbox__body {
    padding: 8rem 7rem;
  }
}
.shadowbox--outcome .shadowbox__body {
  background-image: linear-gradient(rgba(0, 40, 85, 0.75), rgba(0, 40, 85, 0.75));
}
@media screen and (min-width: 60em) {
  .shadowbox--outcome .shadowbox__body {
    min-height: 50.625rem;
    background-image: linear-gradient(123.75deg, rgba(0, 40, 85, 0.9), rgba(0, 40, 85, 0.5));
  }
}
.shadowbox--residents .shadowbox__body, .shadowbox--fellowship .shadowbox__body {
  background-image: linear-gradient(rgba(0, 40, 85, 0.75), rgba(0, 40, 85, 0.75));
}
@media screen and (min-width: 60em) {
  .shadowbox--residents .shadowbox__body, .shadowbox--fellowship .shadowbox__body {
    background-image: linear-gradient(123.75deg, rgba(0, 40, 85, 0.9), rgba(0, 40, 85, 0.1));
  }
}
.shadowbox__text {
  max-width: 46.25rem;
}
.shadowbox__heading {
  margin-bottom: 1rem;
  color: #002855;
  font-size: 3rem;
  line-height: 0.95;
}
@media screen and (min-width: 36.25em) {
  .shadowbox__heading {
    font-size: 4.5rem;
    line-height: 0.85;
  }
}
.shadowbox--has-media .shadowbox__heading {
  color: white;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
.shadowbox__highlight {
  color: #EAAA00;
}
.shadowbox__lead {
  color: white;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
.shadowbox__summary {
  font-size: 1.25rem;
}
@media screen and (min-width: 36.25em) {
  .shadowbox:not(.shadowbox--outcome) .shadowbox__summary {
    font-size: 1.5rem;
  }
  .shadowbox:not(.shadowbox--outcome) .shadowbox__summary, .shadowbox:not(.shadowbox--outcome) .shadowbox__summary p {
    line-height: 1.4;
  }
}
.shadowbox--has-media .shadowbox__summary, .shadowbox--outcome .shadowbox__summary {
  color: white;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
.shadowbox__summary a, .shadowbox__summary strong {
  color: #EAAA00;
  font-weight: bold;
}
.shadowbox--has-media a:focus {
  outline-color: white;
}

/* Simple list
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.simple-list {
  margin-bottom: -1.25rem;
}
@media screen and (min-width: 27.5em) {
  .simple-list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 2rem);
    margin-left: -1rem;
  }
}
.simple-list__item {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 1.15rem;
}
@media screen and (min-width: 27.5em) {
  .simple-list__item {
    width: calc(50% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 53.75em) {
  .simple-list__item {
    width: calc(25% - 2rem);
  }
}
.simple-list__item::before {
  content: "";
  position: absolute;
  top: 0.125rem;
  left: 0;
  transform: skew(-33.75deg);
  width: 0.375rem;
  height: 0.75rem;
  background-color: #EAAA00;
}

/* Connect
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.connect {
  text-align: center;
}
@media screen and (min-width: 68.75em) {
  .connect {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
}
@media screen and (min-width: 68.75em) {
  .connect__text {
    width: 60%;
    margin-right: 2rem;
  }
}
.connect__heading {
  margin-bottom: 0;
  color: #002855;
  line-height: 0.8;
}
.connect__blurb {
  margin-top: 1rem;
  margin-bottom: 0;
  color: #002855;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.4;
}
@media screen and (min-width: 68.75em) {
  .connect__blurb {
    text-align: left;
  }
}
.connect__buttons {
  max-width: 17.5rem;
  margin: 1rem auto -0.75rem;
  text-align: center;
}
@media screen and (min-width: 27.5em) {
  .connect__buttons {
    max-width: none;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
@media screen and (min-width: 68.75em) {
  .connect__buttons {
    margin-top: 0;
  }
}
.connect__button {
  width: 5rem;
  height: 5rem;
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  margin-bottom: 0.75rem;
  border-radius: 100%;
  box-shadow: none;
  transition-property: color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.connect__button--facebook {
  background-color: #1877f2;
}
.connect__button--facebook:hover, .connect__button--facebook:focus {
  background-color: #3588f4;
}
.connect__button--twitter {
  background-color: #55acee;
}
.connect__button--twitter:hover, .connect__button--twitter:focus {
  background-color: #71baf1;
}
.connect__button--youtube {
  background-color: #e52d27;
}
.connect__button--youtube:hover, .connect__button--youtube:focus {
  background-color: #e84842;
}
.connect__button--instagram {
  background-color: #A62C77;
  background-image: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
  box-shadow: inset 0 0 0 0.125rem rgba(0, 0, 0, 0.1);
  position: relative;
  /*svg {
      box-shadow: 0 1px 1px 0 rgba(black, .1);
  }*/
}
.connect__button--instagram::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.15);
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.connect__button--instagram:hover, .connect__button--instagram:focus {
  background-color: #be3288;
}
.connect__button--instagram:hover::after, .connect__button--instagram:focus::after {
  opacity: 1;
}
.connect__icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  fill: currentColor;
}
.connect__icon--facebook {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 0);
}

/* Share
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.share {
  margin-top: 2rem;
  padding: 2rem;
  clear: both;
  margin-left: -1rem;
  margin-right: -1rem;
  text-align: center;
}
@media screen and (min-width: 31.25em) {
  .share {
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 65em) {
  .share {
    margin-left: 0;
    margin-right: 0;
  }
}
.share--blog {
  margin-top: 4rem;
}
.share__heading {
  margin-top: 0;
  margin-bottom: 1rem;
  color: #002855;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 2.5rem;
  text-transform: uppercase;
}
@media screen and (min-width: 31.25em) {
  .share__heading {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 55em) {
  .share__heading {
    width: 60%;
  }
}
.share__button {
  width: 5rem;
  height: 5rem;
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  border-radius: 100%;
  box-shadow: none;
  transition-property: color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.share__button--facebook {
  background-color: #1877f2;
}
.share__button--facebook:hover, .share__button--facebook:focus {
  background-color: #3588f4;
}
.share__button--twitter {
  background-color: #55acee;
}
.share__button--twitter:hover, .share__button--twitter:focus {
  background-color: #71baf1;
}
.share__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  transform: translate(-50%, -50%);
  color: white;
  fill: currentColor;
}
.share__icon--facebook {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 0);
}

/* Stats
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.stats {
  position: relative;
  background-color: #005EB8;
  background-image: radial-gradient(circle farthest-side at center bottom, #005EB8, #002855 125%);
  color: white;
}
.stats__header {
  margin-bottom: 3rem;
}
.stats__heading {
  position: relative;
  color: white;
}
@media screen and (min-width: 41.25em) {
  .stats__heading {
    float: left;
    margin-right: 2rem;
    margin-bottom: 0;
    padding-right: 2rem;
  }
}
.stats__heading::after {
  content: "";
  position: absolute;
  top: -1rem;
  right: 0;
  width: 100%;
  height: calc(100% + 2rem);
  box-shadow: 0.75rem 0 0.75rem -0.75rem rgba(0, 0, 0, 0.15);
}
.prepare .stats__heading::after {
  animation-duration: 0.2s;
  animation-delay: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .prepare .stats__heading::after {
    animation-name: scale-y;
  }
}
.in-view .stats__heading::after {
  animation-play-state: running;
}
.stats__heading span {
  display: block;
}
.prepare .stats__heading span {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0, 0, 0.265, 1.55);
  animation-play-state: paused;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .prepare .stats__heading span {
    animation-name: smooth-entry-right;
  }
}
.in-view .stats__heading span {
  animation-play-state: running;
}
.stats__lead {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.4;
}
@media screen and (min-width: 41.25em) {
  .stats__lead {
    overflow: hidden;
  }
}
.prepare .stats__lead {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0, 0, 0.265, 1.55);
  animation-play-state: paused;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .prepare .stats__lead {
    animation-name: smooth-entry-left;
  }
}
.in-view .stats__lead {
  animation-play-state: running;
}
.stats a:focus {
  outline-color: white;
}
.stats__grid {
  position: relative;
  display: grid;
  grid-gap: 4rem;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 3rem;
  text-align: center;
}
@media screen and (min-width: 31.25em) {
  .stats__grid {
    text-align: left;
  }
}
.prepare .stats__button {
  animation-duration: 0.2s;
  animation-delay: 0.95s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0, 0, 0.265, 2.55);
  animation-play-state: paused;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .prepare .stats__button {
    animation-name: smooth-entry-up;
  }
}
.in-view .stats__button {
  animation-play-state: running;
}

.stat {
  position: relative;
  color: white;
  font-size: 1.5rem;
  line-height: 1.4;
}
.stat--widget {
  background-color: #002855;
}
.stat--centered {
  max-width: 30rem;
  text-align: center;
}
.stat--primary::after, .stat--secondary::after {
  content: "";
  position: absolute;
  bottom: -2rem;
  right: -1rem;
  width: calc(100% + 2rem);
  height: 2rem;
  box-shadow: 0 0.75rem 0.75rem -0.75rem rgba(0, 0, 0, 0.15);
}
.prepare .stat--primary::after, .prepare .stat--secondary::after {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .prepare .stat--primary::after, .prepare .stat--secondary::after {
    animation-name: scale-x;
  }
}
@media screen and (prefers-reduced-motion: no-preference) and (min-width: 75em) {
  .prepare .stat--primary::after, .prepare .stat--secondary::after {
    animation-name: scale-y;
  }
}
.in-view .stat--primary::after, .in-view .stat--secondary::after {
  animation-play-state: running;
}
.stat--primary:nth-child(3)::after, .stat--secondary:nth-child(3)::after {
  box-shadow: none;
}
.stat--primary {
  grid-column: 1/-1;
}
@media screen and (min-width: 75em) {
  .stat--primary {
    grid-column-end: span 2;
  }
}
@media screen and (min-width: 75em) {
  .stat--primary::after {
    bottom: -1rem;
    right: -2rem;
    width: 2rem;
    height: calc(100% + 2rem);
    box-shadow: 0.75rem 0 0.75rem -0.75rem rgba(0, 0, 0, 0.15);
  }
}
.prepare .stat--primary::after {
  animation-delay: 0.35s;
}
.stat--secondary {
  grid-column: 1/-1;
}
@media screen and (min-width: 45em) {
  .stat--secondary {
    grid-column: auto/span 2;
  }
}
@media screen and (min-width: 75em) {
  .stat--secondary {
    grid-column: auto;
  }
}
@media screen and (min-width: 45em) {
  .stat--secondary:nth-child(2)::after {
    bottom: -1rem;
    right: -2rem;
    width: 2rem;
    height: calc(100% + 2rem);
    box-shadow: 0.75rem 0 0.75rem -0.75rem rgba(0, 0, 0, 0.15);
  }
}
.prepare .stat--secondary:nth-child(2)::after {
  animation-delay: 0.6s;
}
@media screen and (prefers-reduced-motion: no-preference) and (min-width: 45em) {
  .prepare .stat--secondary:nth-child(2)::after {
    animation-name: scale-y;
  }
}
.stat__highlight {
  display: inline-block;
  margin-bottom: 0.75rem;
  color: #EAAA00;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 0.8;
  text-shadow: 0 0.125rem #002855;
}
.prepare .stat__highlight {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0, 0, 0.265, 1.55);
  animation-play-state: paused;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .prepare .stat__highlight {
    animation-name: scale-up;
  }
}
.in-view .stat__highlight {
  animation-play-state: running;
}
@media screen and (min-width: 25em) {
  .stat--centered .stat__highlight {
    font-size: 6rem;
  }
}
.stat--primary .stat__highlight {
  margin-bottom: 0.25rem;
  font-size: 6rem;
}
@media screen and (min-width: 31.25em) {
  .stat--primary .stat__highlight {
    overflow: hidden;
    padding-left: 2rem;
  }
}
.prepare .stat--primary .stat__highlight {
  animation-delay: 0.25s;
}
.stat--secondary .stat__highlight {
  color: #9BD3DD;
  font-size: 4rem;
}
.prepare .stat--secondary .stat__highlight {
  animation-delay: 0.45s;
}
.prepare .stat--secondary:nth-child(3) .stat__highlight {
  animation-delay: 0.65s;
}
.prepare .stat__message {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0, 0, 0.265, 1.55);
  animation-play-state: paused;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .prepare .stat__message {
    animation-name: smooth-entry-down;
  }
}
.in-view .stat__message {
  animation-play-state: running;
}
@media screen and (min-width: 31.25em) {
  .stat--primary .stat__message {
    overflow: hidden;
    padding-left: 2rem;
  }
}
.prepare .stat--primary .stat__message {
  animation-delay: 0.3s;
}
.prepare .stat--secondary .stat__message {
  animation-delay: 0.5s;
}
.prepare .stat--secondary:last-child .stat__message {
  animation-delay: 0.7s;
}

.stat-illustration {
  margin-bottom: 2rem;
}
@media screen and (min-width: 31.25em) {
  .stat-illustration {
    margin-bottom: 0;
    float: left;
  }
}

.stat-circle-check {
  position: relative;
  width: 10rem;
  height: 10rem;
  border-radius: 100%;
  display: block;
  background: #EAAA00;
  overflow: hidden;
  text-indent: 100%;
  box-shadow: 0 0.125rem #002855;
  margin: 0 auto;
}
@media screen and (min-width: 31.25em) {
  .stat-circle-check {
    margin: 0;
  }
}
.prepare .stat-circle-check {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0, 0, 0.265, 1.55);
  animation-play-state: paused;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .prepare .stat-circle-check {
    animation-name: scale-up;
  }
}
.in-view .stat-circle-check {
  animation-play-state: running;
}
.stat-circle-check::before {
  border-style: solid;
  border-width: 0 1.25rem 1.25rem 0;
  content: "";
  width: 3rem;
  height: 6rem;
  position: absolute;
  color: white;
  top: calc(50% - 0.5rem);
  left: 50%;
  transform: translate(-50%, -50%) rotate(33.75deg);
  box-shadow: 0.125rem 0.125rem #ED8B00;
}

/* Stats page
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (min-width: 45em) {
  .stats-grid {
    display: flex;
    flex-wrap: wrap;
  }
}
.stats-grid .stat {
  padding: 2rem;
  border: 0.0625rem solid #e3e5e6;
  border-top: none;
  color: #002855;
}
@media screen and (min-width: 45em) {
  .stats-grid .stat {
    width: 50%;
  }
}
@media screen and (min-width: 67.5em) {
  .stats-grid .stat {
    width: 33.3333333333%;
    border-right: none;
  }
}
.stats-grid .stat:first-child {
  border-top: 0.0625rem solid #e3e5e6;
}
@media screen and (min-width: 45em) {
  .stats-grid .stat:nth-child(-n+2) {
    border-top: 0.0625rem solid #e3e5e6;
  }
}
@media screen and (min-width: 67.5em) {
  .stats-grid .stat:nth-child(-n+3) {
    border-top: 0.0625rem solid #e3e5e6;
  }
}
@media screen and (min-width: 45em) {
  .stats-grid .stat:nth-child(even) {
    border-left: none;
  }
}
@media screen and (min-width: 67.5em) {
  .stats-grid .stat:nth-child(even) {
    border-left: 0.0625rem solid #e3e5e6;
  }
}
@media screen and (min-width: 67.5em) {
  .stats-grid .stat:nth-child(3n+3), .stats-grid .stat:last-child {
    border-right: 0.0625rem solid #e3e5e6;
  }
}
.stats-grid .stat-highlight {
  font-size: 4rem;
}
.stats-grid .stat-message {
  font-weight: 600;
}

/* Affiliate
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.affiliate-container {
  display: grid;
  gap: 1rem;
  margin-top: 2rem;
}
@media screen and (min-width: 55em) {
  .affiliate-container {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }
}

.affiliate {
  position: relative;
  z-index: 1;
  background-color: #002855;
}
.affiliate--default {
  grid-column: edge-start/edge-end;
  width: 100%;
  margin-top: -4rem;
}
@media screen and (min-width: 87.5em) {
  .affiliate--default {
    grid-column: content-mid/edge-end;
    justify-self: end;
    max-width: 50rem;
    margin-top: -11.0625rem;
    margin-left: 4rem;
  }
}
.page__secondary .affiliate--widget:not(:first-child) {
  margin-top: 2rem;
}
.affiliate--unboxed {
  margin-top: auto;
}
.affiliate__container {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 2rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 50em) {
  .affiliate--default .affiliate__container {
    padding-left: 0;
    padding-right: 0;
    background-position: 0 0, 100% center;
    background-size: auto, 50%;
  }
}
.affiliate:not(.affiliate--unboxed) .affiliate__container {
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
}
.affiliate--unboxed .affiliate__container {
  background-color: #00234b;
  border: 0.0625rem solid #002d5f;
}
.affiliate--cancer:not(.affiliate--unboxed) .affiliate__container {
  background-image: linear-gradient(180deg, rgba(0, 40, 85, 0.9), rgba(0, 40, 85, 0.9)), url("../Images/affiliate-cancer.jpg");
}
.affiliate--childrens:not(.affiliate--unboxed) .affiliate__container {
  background-image: linear-gradient(180deg, rgba(0, 40, 85, 0.9), rgba(0, 40, 85, 0.9)), url("../Images/affiliate-childrens.jpg");
}
.affiliate--eye:not(.affiliate--unboxed) .affiliate__container {
  background-image: linear-gradient(180deg, rgba(0, 40, 85, 0.9), rgba(0, 40, 85, 0.9)), url("../Images/affiliate-eye.jpg");
}
.affiliate--heart:not(.affiliate--unboxed) .affiliate__container {
  background-image: linear-gradient(180deg, rgba(0, 40, 85, 0.9), rgba(0, 40, 85, 0.9)), url("../Images/affiliate-heart.jpg");
}
.affiliate--neuroscience:not(.affiliate--unboxed) .affiliate__container {
  background-image: linear-gradient(180deg, rgba(0, 40, 85, 0.9), rgba(0, 40, 85, 0.9)), url("../Images/affiliate-neuroscience.jpg");
}
.affiliate--pt-ot:not(.affiliate--unboxed) .affiliate__container {
  background-image: linear-gradient(180deg, rgba(0, 40, 85, 0.9), rgba(0, 40, 85, 0.9)), url("../Images/affiliate-pt-ot.jpg");
}
.affiliate--speech:not(.affiliate--unboxed) .affiliate__container {
  background-image: linear-gradient(180deg, rgba(0, 40, 85, 0.9), rgba(0, 40, 85, 0.9)), url("../Images/affiliate-speech.jpg");
}
.affiliate__column {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 51.25em) {
  .affiliate--default .affiliate__column {
    flex: 1;
    padding: 1rem 2rem;
  }
}
.affiliate__logo {
  width: 100%;
  max-width: 20rem;
}
.affiliate svg, .affiliate img {
  display: block;
  width: 100%;
  height: auto;
}
.affiliate--cancer svg {
  max-width: 20rem;
}
.affiliate--childrens svg {
  max-width: 20rem;
}
.affiliate--eye svg {
  max-width: 20rem;
}
.affiliate--heart svg {
  max-width: 20rem;
}
.affiliate--neuroscience svg {
  max-width: 20rem;
}
.affiliate__button {
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 50em) {
  .affiliate--default .affiliate__button {
    margin-top: 0;
  }
}
.affiliate__button:focus {
  outline-color: #EAAA00;
}
.affiliate .lazy-video {
  max-width: 50rem;
  margin-bottom: 0;
  color: white;
}
@media screen and (min-width: 52em) and (max-width: 87.4375em) {
  .affiliate .lazy-video {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.affiliate .lazy-video__details {
  background-color: #002855;
  border-color: #001e41;
}
.affiliate .lazy-video__duration {
  background-color: #003269;
  border-color: #001e41;
}

/* SoM Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.som-footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #00234b;
  color: white;
}
.som-footer__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.som-footer__column {
  max-width: 30rem;
}
.som-footer__column--section {
  padding: 2rem;
  background-color: #002855;
}
@media screen and (min-width: 36.25em) {
  .som-footer__column--section {
    margin-right: 4rem;
  }
}
.som-footer__column--school {
  margin-top: 2rem;
}
.som-footer__column-heading {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  color: white;
}
.som-footer__nav-items {
  columns: 2 10rem;
  column-gap: 3rem;
  line-height: 1.4;
}
.som-footer__nav-item:nth-child(n+2) {
  margin-top: 0.5rem;
}
.som-footer__nav a {
  display: block;
  color: #99a9bb;
  font-weight: bold;
}
.som-footer__nav a:hover, .som-footer__nav a:focus {
  color: #EAAA00;
}
.som-footer__nav a:focus {
  outline-color: #EAAA00;
  outline-offset: 0.125rem;
}
.som-footer__address {
  margin-top: 2rem;
  font-style: normal;
  line-height: 1.5;
}

/* News Stories
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.stories {
  margin-bottom: 2rem;
}
@media screen and (min-width: 42.5em) {
  .stories--2 {
    display: grid;
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 60em) {
  .stories--3 {
    display: grid;
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }
}
.news--widget .stories {
  padding: 1rem;
  margin-bottom: 0;
}

.story-entry {
  position: relative;
  /*&__summary {
      font-size: 1rem;
      margin-top: 1em;
      margin-bottom: 0;
      line-height: 1.3;
      font-size: .875rem;
  }*/
}
.stories .story-entry {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 0.0625rem solid #e3e5e6;
}
.stories .story-entry:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.news--widget .story-entry {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.news--widget .story-entry:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 42.5em) {
  @supports (display: grid) {
    .stories--2 .story-entry {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none;
    }
  }
}
@media screen and (min-width: 60em) {
  @supports (display: grid) {
    .stories--3 .story-entry:first-child {
      grid-row: span 2;
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none;
    }
  }
}
.story-entry__link {
  text-decoration: none;
  display: block;
  overflow: hidden;
  color: #333F48;
}
.story-entry__image {
  width: 100%;
  display: block;
  overflow: hidden;
}
.stories .story-entry__image {
  margin-bottom: 1rem;
}
@media screen and (min-width: 31.25em) {
  .stories .story-entry__image {
    float: left;
    margin-bottom: 0;
    width: calc(50% - 0.5rem);
  }
}
@media screen and (min-width: 65em) {
  .news--widget .story-entry__image {
    float: none;
    margin-bottom: 1rem;
    width: auto;
  }
}
@media screen and (min-width: 60em) {
  .stories--1 .story-entry__image {
    width: calc(60% - 1rem);
  }
}
@media screen and (min-width: 42.5em) {
  @supports (display: grid) {
    .stories--2 .story-entry__image {
      float: none;
      margin-bottom: 1rem;
      width: 100%;
    }
  }
}
@media screen and (min-width: 60em) {
  @supports (display: grid) {
    .stories--3 .story-entry:first-child .story-entry__image {
      float: none;
      margin-bottom: 1rem;
      width: 100%;
    }
  }
}
.story-entry img {
  width: 100%;
  transform: scale(1.01);
  transition-property: transform;
  transition-duration: 0.6s;
  will-change: transform;
}
.story-entry__link:hover img, .story-entry__link:focus img {
  transform: scale(1.04);
}
.story-entry__text {
  overflow: hidden;
}
@media screen and (min-width: 31.25em) {
  .stories .story-entry__text {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 65em) {
  .news--widget .story-entry__text {
    padding-left: 0;
  }
}
@media screen and (min-width: 60em) {
  .stories--1 .story-entry__text {
    padding-left: 2rem;
    width: 40%;
  }
}
@media screen and (min-width: 42.5em) {
  @supports (display: grid) {
    .stories--2 .story-entry__text {
      padding-left: 0;
    }
  }
}
@media screen and (min-width: 60em) {
  @supports (display: grid) {
    .stories--3 .story-entry:first-child .story-entry__text {
      padding-left: 0;
    }
  }
}
.story-entry__time {
  display: none;
}
.story-entry__heading {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  color: #002855;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.story-entry__link:hover .story-entry__heading, .story-entry__link:focus .story-entry__heading {
  color: #0033A0;
}
@media screen and (min-width: 65em) {
  .news--widget .story-entry__heading {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 60em) {
  .stories--1 .story-entry__heading {
    font-size: 2rem;
  }
}

.story-meta {
  margin-top: 1rem;
}
.story-meta__time, .story-meta__category {
  display: inline-block;
}
.story-meta__time {
  position: relative;
  padding-right: 0.75rem;
  margin-right: 0.75rem;
}
.story-meta__time::after {
  content: "";
  width: 0.25rem;
  height: 0.75rem;
  background-color: #EAAA00;
  transform: skew(-33.75deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
}

/* Search
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.search {
  /* search results */
}
.search-container {
  margin-bottom: 2rem;
  padding: 0.75rem;
  border-radius: 0.25rem;
  background-color: #f3f4f5;
  overflow: hidden;
}
.search-container--gcs {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.search-form {
  position: relative;
}
.search-form--centered {
  max-width: 52.5rem;
  margin: 0 auto;
}
.search-form__group {
  display: flex;
  border-radius: 0.25rem;
  background-color: white;
}
.search-container .search-form__group {
  border: 0.0625rem solid #e3e5e6;
}
.search-form__label {
  flex: 1;
}
.search-form > .search-form__label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  font-weight: bold;
}
.search-form__options, .search-form__input {
  flex: 1;
  width: 100%;
  height: 3.5rem;
  padding-left: 1rem;
  padding-right: 0.75rem;
  background-color: transparent;
  border: none;
  font-size: 1.25rem;
}
.search-form__options:focus, .search-form__input:focus {
  outline: 0.125rem dashed #BE3A34;
  outline-offset: 0.25rem;
}
.search-form__button {
  position: relative;
  flex: 0 0 auto;
  width: 4rem;
  height: 3rem;
  margin: 0.25rem;
  padding: 0;
}
.search-form__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: currentColor;
  transition: fill 0.2s, stroke 0.2s;
}
.search-results-count {
  margin-top: 0.5rem;
  margin-bottom: 0;
  font-size: 0.9375rem;
}
@media screen and (min-width: 37.5em) {
  .search-results-count {
    margin-top: 1rem;
  }
}
.search-result__title {
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.5;
  /*font-weight: normal;*/
}
.search-result__url {
  color: #333F48;
}
.search-result__summary {
  font-size: 1rem;
}

/* RSS Link
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.rss-link {
  display: block;
  margin-top: 1rem;
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: none;
}
@media screen and (min-width: 37.5em) {
  .rss-link {
    float: right;
    margin-top: 1.0625rem;
    margin-left: 2rem;
  }
}
.rss-link__icon {
  fill: currentColor;
}

/* Google Custom Search
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#___gcse_0,
#___gcse_0 * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#___gcse_0 {
  /* Reset styles */
  /* Custom styles */
}
#___gcse_0 table {
  border-collapse: separate;
}
#___gcse_0 .gsc-control-cse {
  padding: 0;
  background-color: none;
  border: none;
}
#___gcse_0 form.gsc-search-box {
  display: none;
  width: calc(100% - 2rem);
  margin-bottom: 0;
  padding: 1rem;
  background: #f3f4f5;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
#___gcse_0 table.gsc-search-box {
  margin-bottom: 0;
}
#___gcse_0 .gsc-above-wrapper-area {
  width: calc(100% - 2rem);
  margin-bottom: 2rem;
  padding-top: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  background-color: #f3f4f5;
  border-bottom: none;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
#___gcse_0 .gsst_a {
  position: relative;
  top: 4px;
}
#___gcse_0 .gsc-result-info {
  padding: 0 1rem 0 0;
  color: #333F48;
  font-size: 1rem;
}
#___gcse_0 .gsc-wrapper {
  margin-top: 2rem;
}
#___gcse_0 .gsc-webResult.gsc-result {
  margin-bottom: 2rem;
  padding: 0;
  background-color: transparent;
  border: none;
}
#___gcse_0 .gsc-table-result,
#___gcse_0 .gsc-thumbnail-inside,
#___gcse_0 .gsc-url-top {
  padding-left: 0;
  padding-right: 0;
  font-size: 1rem;
}
#___gcse_0 .gsc-control-cse .gs-result .gs-title {
  font-size: 1.125rem;
}
#___gcse_0 .gs-webResult.gs-result a.gs-title,
#___gcse_0 .gs-webResult.gs-result a.gs-title b {
  color: #005EB8;
}
#___gcse_0 .gs-webResult div.gs-visibleUrl,
#___gcse_0 .gs-imageResult div.gs-visibleUrl {
  color: #006622;
}
#___gcse_0 .gsc-results .gsc-cursor-box {
  margin: 0;
}
#___gcse_0 .gsc-results .gsc-cursor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
#___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-page {
  padding: 0.75rem 0.5rem;
  border-radius: 0.25rem;
  background-color: white;
  border: 0.0625rem solid #e3e5e6;
  border-bottom: none;
  box-shadow: inset 0 -0.125rem #e3e5e6;
  color: #005EB8;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  transition-property: background-color, color;
  transition-duration: 0.2s;
}
@media screen and (min-width: 35em) {
  #___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-page {
    padding: 0.75rem 1rem;
  }
}
#___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  background-color: #EAAA00;
  color: #002855;
  box-shadow: inset 0 -0.125rem #ED8B00;
}
#___gcse_0 .gsc-result .gs-title {
  height: auto;
  overflow: visible;
}

/* Directory */
.directory-list {
  clear: both;
}
.directory-list__order-buttons {
  margin: 0;
  padding: 0.75rem 0;
  border: none;
}
.directory-list__order-button {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border-radius: 0;
}
@media screen and (min-width: 40em) {
  .directory-list__order-button {
    display: inline-block;
    width: auto;
  }
}
.directory-list__order-button:first-of-type {
  border-radius: 0.25rem 0.25rem 0 0;
}
@media screen and (min-width: 40em) {
  .directory-list__order-button:first-of-type {
    border-radius: 0.25rem 0 0 0.25rem;
  }
}
.directory-list__order-button:last-of-type {
  border-radius: 0 0 0.25rem 0.25rem;
}
@media screen and (min-width: 40em) {
  .directory-list__order-button:last-of-type {
    border-radius: 0 0.25rem 0.25rem 0;
  }
}
@media screen and (min-width: 40em) {
  .directory-list__order-button:nth-child(n+2) {
    border-left: 0.0625rem solid #0033A0;
  }
}
.directory-list__order-button.is-active, .directory-list__order-button.is-active:link, .directory-list__order-button.is-active:visited, .directory-list__order-button.is-active:hover, .directory-list__order-button.is-active:focus {
  transform: none;
  background-color: #e3e5e6;
  box-shadow: none;
  color: #002855;
  transition: none;
}
.directory-list__order-button > a {
  text-decoration: none;
  color: #002855;
}
.directory-list__users {
  margin-top: 1rem;
}
@media screen and (min-width: 42.5em) {
  .directory-list__users {
    display: grid;
    grid-column-gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
  }
}

.directory-card {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  background-color: white;
  border: 0.0625rem solid #e3e5e6;
  color: #2C2A29;
}
.directory-card__photo-container {
  position: relative;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  background: #f3f4f5;
  background-image: linear-gradient(180deg, rgba(243, 244, 245, 0.4), rgba(243, 244, 245, 0.4)), url("../Images/pattern-white.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.directory-card__photo {
  position: relative;
  z-index: 1;
  transform: translateY(1.5rem);
  max-width: 5rem;
}
.directory-card__info-container {
  padding: 1.5rem;
}
.directory-card__name {
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: #0033A0;
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: bold;
}
.directory-card__honorary-suffix {
  display: block;
  color: #2C2A29;
  font-size: 0.8rem;
  font-weight: bold;
}
.directory-card__details {
  margin-bottom: 0;
  line-height: 1.3;
}
.directory-card__label {
  margin-top: 1rem;
  font-weight: 600;
}
.directory-card__label::after {
  content: ":";
}
.directory-card__value {
  margin: 0;
  padding: 0;
  /* Style phone number differently when certain UAs convert them to links. */
}
.directory-card__value + .directory-card__value {
  margin-top: 0.5rem;
}
.directory-card__value--phone a[href^="tel:"]::before {
  content: "Call ";
}
.directory-card__actions {
  list-style-type: none;
  display: flex;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  padding-left: 1rem !important;
  background-color: #f3f4f5;
}
.directory-card__actions li {
  margin-bottom: 0 !important;
}
.directory-card__action {
  display: block;
  padding: 0.75rem 0.5rem;
  color: #005EB8;
  font-weight: bold;
}

/* Directory condensed
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.directory-condensed + .directory-condensed {
  margin-top: 4rem;
}
.directory-condensed .directory-list__users {
  display: block;
}
.directory-condensed .directory-card {
  display: grid;
  gap: 1rem;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "photo-container info-container actions";
  margin-bottom: 0.5rem;
  padding: 1rem;
  border-radius: 0;
  background-image: linear-gradient(to left, #e3e5e6 0.0625rem, #f3f4f5 0.0625rem, white);
  background-repeat: no-repeat;
  background-size: 5rem 100%;
  border: none;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.06), 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}
.directory-condensed .directory-card__photo-container {
  grid-area: photo-container;
  margin-bottom: 0;
  padding: 0;
  background: none;
}
.directory-condensed .directory-card__photo {
  transform: none;
}
.directory-condensed .directory-card__info-container {
  grid-area: info-container;
  padding: 0;
}
.directory-condensed .directory-card__name {
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.3;
}
.directory-condensed .directory-card__details {
  margin-top: 1rem;
  margin-bottom: 0;
}
.directory-condensed .directory-card__actions {
  grid-area: actions;
  align-self: center;
  margin-top: 0 !important;
  padding-left: 0;
  background-color: transparent;
}
.directory-condensed .directory-card__action {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  background-color: #EAAA00;
  box-shadow: inset 0 -0.125rem #ED8B00;
  color: #002855;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: normal;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}
.directory-condensed .directory-card__action:hover, .directory-condensed .directory-card__action:focus {
  background-color: #ffbc0a;
  color: #002855;
}

.calendar {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 4rem;
}

.cal-navigation {
  font-size: 1rem;
  background: #002855;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

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

.cal-tab a {
  display: block;
  padding-top: 1rem;
  padding-bottom: 0.8125rem;
  border-bottom: 0.1875rem solid transparent;
  color: white;
  font-weight: 600;
  text-decoration: none;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media screen and (min-width: 20.625em) {
  .cal-tab a {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.cal-tab a:hover {
  color: #EAAA00;
}
.cal-tab.current a {
  border-color: #EAAA00;
  color: #EAAA00;
}

.cal-header {
  padding: 1rem;
  border: 0.0625rem solid #e3e5e6;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 37.5em) {
  .cal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}

.cal-heading {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
@media screen and (min-width: 26.25em) {
  .cal-heading {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 37.5em) {
  .cal-heading {
    margin-bottom: 0;
  }
}

.cal-pagination-button {
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  text-transform: uppercase;
  -webkit-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
  font-weight: 600;
  color: #005EB8;
  background: white;
  box-shadow: inset 0 -0.125rem #e3e5e6;
  border: 0.0625rem solid #e3e5e6;
  border-bottom: none;
}
.cal-pagination-button:nth-last-child(n+2) {
  margin-right: 0.25rem;
}
.cal-pagination-button:hover, .cal-pagination-button:focus {
  color: #0033A0;
  background: #f3f4f5;
}
.cal-pagination-button.is-disabled {
  color: #e3e5e6;
}

.cal-pagination-prev::after,
.cal-pagination-next::after {
  border-style: solid;
  content: "";
  display: inline-block;
  height: 0.75rem;
  width: 0.75rem;
  color: #005EB8;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}

.cal-pagination-prev:hover::after,
.cal-pagination-next:hover::after {
  color: #0033A0;
}

.cal-pagination-prev::after {
  border-width: 0.25rem 0 0 0.25rem;
  -webkit-transform: translate(0.125rem, 0) rotate(-45deg);
  transform: translate(0.125rem, 0) rotate(-45deg);
  left: 0.25rem;
}

.cal-pagination-next::after {
  border-width: 0.25rem 0.25rem 0 0;
  -webkit-transform: translate(-0.125rem, 0) rotate(45deg);
  transform: translate(-0.125rem, 0) rotate(45deg);
  right: 0.25rem;
}

.cal-aside {
  margin-bottom: 2rem;
  position: relative;
  z-index: 999;
}

.cal-filters-toggle {
  font-weight: 600;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  text-transform: uppercase;
  -webkit-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
  position: relative;
  color: #005EB8;
  background: white;
  box-shadow: inset 0 -0.125rem #e3e5e6;
  border: 0.0625rem solid #e3e5e6;
  border-bottom: none;
}

.cal-filters-toggle:hover,
.cal-filters-toggle:focus {
  color: #0033A0;
}

.cal-filters-wrapper {
  border: 0.0625rem solid #e3e5e6;
  display: none;
  background: white;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.08), 0 0.25rem 0.5rem rgba(0, 0, 0, 0.06);
  border-radius: 0.25rem;
  margin-top: 0.0625rem;
}

.is-shown .cal-filters-wrapper {
  display: block;
  position: relative;
  z-index: 1;
}

.cal-filters-heading {
  color: #2C2A29;
  padding: 1rem;
  border-bottom: 0.0625rem solid #e3e5e6;
  background: #f3f4f5;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
}

.cal-filters {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
@media screen and (min-width: 31.25em) {
  .cal-filters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.cal-filter {
  border-bottom: 0.0625rem solid #e3e5e6;
}
@media screen and (min-width: 31.25em) {
  .cal-filter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
@media screen and (min-width: 46.25em) {
  .cal-filter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
  }
}
.cal-filter:last-child:nth-child(odd) {
  border-bottom: none;
}
.cal-filter-label {
  padding: 1rem;
  display: block;
  position: relative;
  padding-left: 2.25rem;
}
.cal-filter-check {
  margin-right: 0.25rem;
  top: 1.125rem;
  position: absolute;
  left: 1rem;
}

.cal-events {
  position: relative;
  width: calc(100% + 1rem);
  margin-left: -0.5rem;
}
@media screen and (min-width: 56.25em) {
  .cal-events {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.cal-day .cal-events {
  width: 100%;
  margin-left: 0;
  padding-top: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 2.625rem;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.cal-event {
  padding: 1rem;
  border: 0.0625rem solid #e3e5e6;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  position: relative;
  background: white;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
@media screen and (min-width: 56.25em) {
  .cal-event {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(50% - 1rem);
    -moz-box-flex: 0;
    -moz-flex: 0 0 calc(50% - 1rem);
    -ms-flex: 0 0 calc(50% - 1rem);
    flex: 0 0 calc(50% - 1rem);
  }
}
@media screen and (min-width: 56.25em) {
  .cal-day .cal-event {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(33.33% - 1rem);
    -moz-box-flex: 0;
    -moz-flex: 0 0 calc(33.33% - 1rem);
    -ms-flex: 0 0 calc(33.33% - 1rem);
    flex: 0 0 calc(33.33% - 1rem);
  }
}
.cal-event-category {
  display: inline-block;
  position: relative;
  top: -0.5rem;
  background: #445460;
  color: white;
  font-size: 0.875rem;
  padding: 0.5rem;
  overflow: hidden;
  border-left: 0.5rem solid #333F48;
  border-radius: 0.125rem;
  z-index: 3;
  font-weight: 600;
  text-shadow: 0 0.0625rem #2C2A29;
  margin-bottom: 0.5rem;
  margin-left: -1.5rem;
}
.cal-event-time {
  font-weight: 600;
  display: block;
  color: #333F48;
  margin-bottom: 0.25rem;
}
.cal-event-name {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
}
.cal-event-name a {
  text-decoration: none;
}
.cal-event-location {
  display: block;
  margin-top: 0.25rem;
}

.cal-no-events-message {
  margin-bottom: 0;
  padding: 1rem;
}

.cal-month {
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 0.0625rem solid #e3e5e6;
  border-top: none;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  position: relative;
  padding-top: 1.1875rem;
}
@media screen and (min-width: 26.25em) {
  .cal-month {
    font-size: 1.5rem;
  }
}
.cal-month::after {
  content: "";
  position: absolute;
  top: 0;
  left: -0.0625rem;
  width: calc(100% + 0.125rem);
  height: 0.1875rem;
  background-color: #EAAA00;
}

.cal-day {
  position: relative;
  margin-bottom: 1rem;
  border: 0.0625rem solid #e3e5e6;
  border-radius: 0.25rem;
  min-height: 6.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 31.25em) {
  .cal-day {
    min-height: 8rem;
  }
}

.cal-date {
  color: #333F48;
  text-align: center;
  width: 4rem;
  font-size: 1rem;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: normal;
  line-height: 1.2;
}
@media screen and (min-width: 31.25em) {
  .cal-date {
    width: 6rem;
  }
}

.cal-date-link {
  background-color: #f3f4f5;
  color: #002855;
  text-decoration: none;
  padding: 0.5rem;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-right: 0.0625rem solid #e3e5e6;
}
@media screen and (min-width: 31.25em) {
  .cal-date-link {
    padding: 1rem;
    width: 6rem;
  }
}
@media screen and (min-width: 56.25em) {
  .cal-date-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.is-weekend .cal-date-link {
  background-color: transparent;
}
.is-today .cal-date-link {
  background-color: #333F48;
  color: white;
  text-shadow: 0 0.0625rem #2C2A29;
}

.cal-date-week-day,
.cal-date-month {
  font-weight: 600;
  display: block;
}

.cal-date-day {
  font-size: 2rem;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  line-height: 1;
}
@media screen and (min-width: 31.25em) {
  .cal-date-day {
    font-size: 3.5rem;
  }
}

.cal-more-events-link {
  padding: 1rem;
  border-top: 0.0625rem solid #e3e5e6;
  height: 3.125rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.cal-more-events-link a {
  font-weight: 600;
  text-decoration: none;
}

.event-categories {
  margin-bottom: 1rem;
}
.event-category {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #e7ebee;
  margin-bottom: 0.5rem;
  display: inline-block;
  margin-right: 0.25rem;
}
.event-time {
  margin-bottom: 1rem;
}
.event-location {
  margin-bottom: 2rem;
}

.image-gallery {
  margin: 1.5rem 0;
  padding: 0;
}
@media screen and (min-width: 60em) {
  .image-gallery__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}
@media screen and (min-width: 60em) {
  .image-gallery__heading {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-box-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }
}
.image-gallery__controls {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
@media screen and (min-width: 60em) {
  .image-gallery__controls {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}
.image-gallery__controls--hidden {
  display: none;
}
.image-gallery__controls--buttons .image-gallery__button {
  cursor: default;
}
.image-gallery__button {
  position: relative;
}
.image-gallery__button--prev {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.image-gallery__button--next {
  margin-left: 1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.image-gallery__button-icon {
  position: relative;
  top: 0.1rem;
  width: 0.9rem !important;
  height: 0.9rem !important;
  fill: white;
  stroke: white;
}
.image-gallery__button-label {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}
.image-gallery__slides {
  position: relative;
  height: 0;
  margin: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
}
.image-gallery__slide {
  position: relative;
  display: block !important;
  margin: 0;
  border: none;
  padding: 0;
}
.image-gallery__slide--current {
  z-index: 500;
}
.image-gallery__slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.001) 30%, rgba(0, 0, 0, 0.8));
}
.image-gallery__slide-image {
  display: block;
  max-width: 100%;
}
.image-gallery--active {
  position: relative;
}
.image-gallery--active .image-gallery__slide {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  display: none;
  z-index: 200;
  transition: transform 0.6s ease-out;
  will-change: transform;
}
.image-gallery--active .image-gallery__slide--current {
  visibility: visible;
  transform: translateX(0);
}
.image-gallery--active .image-gallery__slide--next {
  transform: translateX(100%);
}
.image-gallery--active .image-gallery__slide--prev {
  transform: translateX(-100%);
}
.image-gallery--active .image-gallery__slide--in-transition {
  visibility: visible;
}
.image-gallery__slide-caption {
  position: absolute;
  bottom: 0;
  display: inline-block;
  margin: 0;
  border-radius: 0 0 0 0.5em;
  padding: 1.25rem;
  color: white;
  font-size: 1.25rem;
  font-weight: bold;
}
.image-gallery__footer {
  padding: 1rem;
  background-color: #f3f4f5;
}
@media screen and (min-width: 60em) {
  .image-gallery__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
@media screen and (min-width: 60em) {
  .image-gallery__meta {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-box-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }
}
.image-gallery__status {
  margin-bottom: 0.5rem;
}
.image-gallery__download-link {
  font-size: 0.8rem;
}
.image-gallery__full-gallery {
  padding-top: 1.5rem;
}
@media screen and (min-width: 60em) {
  .image-gallery__full-gallery {
    padding-top: 0;
    margin-left: 1.5rem;
  }
}
/* Related Links
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.related-links {
  margin-top: 3rem;
  border-top: 0.125rem solid #e3e5e6;
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
}
h2 + .related-links, h3 + .related-links {
  margin-top: 0;
}

.related-link {
  margin-bottom: 0;
  border-bottom: 0.0625rem solid #e3e5e6;
}
.related-link--view-more {
  text-align: center;
}
.related-link a, .related-link span, .related-link__body {
  display: block;
  margin: 0.25rem -0.75rem;
  padding: 0.75rem;
}
.related-link a {
  color: #005EB8 !important;
  text-decoration: none;
}
.related-links--accented .related-link a {
  border-left: 0.25rem solid #CD4C08;
}
.related-link a:hover, .related-link a:focus {
  background-color: #f3f4f5;
}
.related-link a:focus {
  outline-offset: -0.125rem;
}
.related-link__subheading {
  font-size: 1.125rem;
}
.related-link__description {
  margin-top: 0.5rem;
  color: #6d787c;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5;
}

/* List group
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.list-group {
  margin-top: 3rem;
  border-top: 0.125rem solid #e3e5e6;
  line-height: 1.3;
}
.list-group--dark {
  border-top-color: #EAAA00;
}
h2 + .list-group {
  margin-top: 0;
}

.list-group__item {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #e3e5e6;
}
.list-group__item--condensed {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.list-group__item--view-more {
  text-align: center;
}
.list-group--dark .list-group__item {
  border-bottom-color: #001e41;
}
.list-group__heading {
  margin-top: 0;
  font-size: 1.125rem;
}
.list-group--dark .list-group__heading {
  color: #9BD3DD;
}
.list-group__description {
  margin-top: 0.5rem;
  margin-bottom: 0;
  color: #6d787c;
  font-size: 0.875rem;
  line-height: 1.5;
}
.list-group--dark .list-group__description {
  color: white;
}
.list-group__link {
  text-decoration: none;
}
.list-group__item > .list-group__link {
  font-weight: bold;
}
.list-group__link::before, .list-group__link::after {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: -0.75rem;
  bottom: 0.25rem;
  right: -0.75rem;
}
.list-group__link::before {
  z-index: -1;
  background-color: transparent;
  transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.list-group__link:hover::before {
  background-color: #f3f4f5;
}

/* Announcement
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.announcement {
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: white;
  text-align: center;
}
@media screen and (min-width: 58.75em) {
  .announcement {
    text-align: left;
  }
  .announcement .layout-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.announcement--sim-week {
  color: inherit;
}
.announcement--sim-week .announcement__image {
  flex: 0 0 auto;
  width: 100%;
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 58.75em) {
  .announcement--sim-week .announcement__image {
    margin-right: 2rem;
  }
}
.announcement__text {
  margin-bottom: 1rem;
}
@media screen and (min-width: 58.75em) {
  .announcement__text {
    margin-right: 2rem;
    margin-bottom: 0;
  }
}
.announcement--sim-week .announcement__text {
  margin-right: 0;
}
.announcement__heading {
  margin-top: 0;
  margin-bottom: 0;
  color: #EAAA00;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 400;
}
.announcement--sim-week .announcement__heading {
  margin-bottom: 1rem;
  color: #002855;
  font-size: 3.5rem;
  line-height: 0.85;
}
.announcement--sim-week .announcement__heading b {
  display: block;
  color: #EAAA00;
  font-weight: normal;
}
.announcement__message {
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.25;
}
.announcement__button {
  flex-shrink: 0;
}
.announcement__button:focus {
  outline-color: #EAAA00;
}
.announcement--sim-week .announcement__button {
  margin-top: 1rem;
}

/* On This Page
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.on-this-page {
  margin-bottom: 1.5rem;
  padding: 1rem 1rem 0.25rem;
  border-radius: 0.125rem;
  background-color: #f3f4f5;
  border: 0.0625rem solid #e3e5e6;
}
.on-this-page h2 {
  font-size: 1.25rem;
  line-height: 1.3;
  margin-top: 0;
}
.on-this-page li {
  margin-bottom: 0.75rem;
}
.on-this-page:not(.on-this-page--vertical) ul {
  display: flex;
  flex-wrap: wrap;
}
.on-this-page:not(.on-this-page--vertical) li {
  margin-right: 1rem;
}

/* Personages
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.personages + h2 {
  margin-top: 4rem;
}

.personage {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 0.0625rem solid #e3e5e6;
}
@media screen and (min-width: 45em) {
  .personage {
    display: grid;
    align-items: start;
    grid-template-columns: auto 1fr;
  }
}
.personage--match .personage__photo {
  max-width: 3.75rem;
}
.personage__photo {
  max-width: 5rem;
  margin-right: 1rem;
}
.personage__text {
  margin: 0;
  line-height: 1.5;
}
@media screen and (min-width: 45em) {
  .personage__text {
    display: grid;
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 15rem;
    align-content: start;
  }
}
.personage__name {
  margin-top: 1rem;
  margin-bottom: 0;
  color: #0033A0;
  font-size: 1.25rem;
  font-weight: bold;
}
@media screen and (min-width: 45em) {
  .personage__name {
    margin-top: 0;
  }
}
.personage__credentials {
  font-size: 0.875rem;
}
.personage__details {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.personage__secondary {
  margin-top: 0.5rem;
}
@media screen and (min-width: 45em) {
  .personage__secondary {
    width: 15rem;
  }
}
.personage__link {
  margin-top: 1rem;
}
@media screen and (min-width: 45em) {
  .personage__link {
    grid-column-start: 2;
    grid-row: 1/span 2;
    justify-self: end;
    align-self: center;
    margin-top: 0;
  }
}
.personage__extended {
  grid-column: 1/-1;
  margin-top: 0.75rem;
  margin-right: 0;
  padding: 1rem;
  background-color: #f3f4f5;
}
.personage__extended p {
  margin-bottom: 0;
}
.personage__label {
  font-weight: bold;
}
.personage__value {
  margin-left: 0;
}
.personage__value--achievement-label {
  display: block;
  color: #005EB8;
  font-size: 0.875rem;
}
.personage__value--achievement + .personage__value--achievement {
  margin-top: 0.5rem;
}
.personage__value + .personage__label {
  margin-top: 0.75rem;
}

/* Beta Card
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.beta-cards {
  display: grid;
  grid-gap: 1rem;
  margin-top: 2rem;
}
@media screen and (min-width: 42.5em) {
  .beta-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 60em) {
  .beta-cards--3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 60em) {
  .beta-cards--4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.beta-cards--overlap {
  margin-top: -6rem;
}

.beta-card {
  --card-background-color: white;
  --card-text-color: #2C2A29;
  --card-heading-color: #002855;
  --card-heading-accent-color: #EAAA00;
  --card-icon-color: #002855;
  position: relative;
  z-index: 2;
  background-color: var(--card-background-color);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  color: var(--card-text-color);
  transition-property: box-shadow, transform;
  transition-duration: 0.25s;
  will-change: box-shadow, transform;
  /* Is there a better name for this? */
}
.beta-card--dark {
  --card-background-color: #333F48;
  --card-text-color: white;
  --card-heading-color: var(--card-text-color);
}
.beta-card--inline-link-group {
  display: flex;
  flex-wrap: flex;
}
.beta-card__link-item {
  flex: 1;
}
.beta-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  transition-property: color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.beta-card__link:hover, .beta-card__link:focus {
  background-color: #e3e5e6;
}
.beta-card__link--brick, .beta-card__link--block {
  padding: 2.75rem 2rem 2rem;
  font-size: 1.25rem;
  position: relative;
}
.beta-card__link--brick::after, .beta-card__link--block::after {
  content: "";
  width: 2rem;
  height: 0.3125rem;
  background: #EAAA00;
  position: absolute;
  top: 2rem;
  left: 2rem;
  transition-property: transform;
  transition-duration: 0.2s;
}
.beta-card__link--blue {
  --card-heading-color: white;
  --card-heading-accent-color: #40aabd;
  background-color: #005EB8;
  color: white;
}
.beta-card__link--blue:hover, .beta-card__link--blue:focus {
  background-color: #006ed7;
  color: white;
}
.beta-card__link--blue::after {
  background-color: #40aabd;
}
.beta-card__link--dark-blue {
  --card-heading-color: white;
  --card-heading-accent-color: #006ed7;
  background-color: #0033A0;
  color: white;
}
.beta-card__link--dark-blue:hover, .beta-card__link--dark-blue:focus {
  background-color: #003dbf;
  color: white;
}
.beta-card__link--dark-blue::after {
  background-color: #006ed7;
}
.beta-card__link--green {
  --card-heading-accent-color: #657A68;
  background-color: #9ABEAA;
  color: #002855;
}
.beta-card__link--green:hover, .beta-card__link--green:focus {
  background-color: #adcaba;
  color: #002855;
}
.beta-card__link--green::after {
  background-color: #657A68;
}
.beta-card__link--orange {
  --card-heading-color: white;
  --card-heading-accent-color: #ED8B00;
  background-color: #CD4C08;
  color: white;
}
.beta-card__link--orange:hover, .beta-card__link--orange:focus {
  background-color: #ea5709;
  color: white;
}
.beta-card__link--orange::after {
  background-color: #ED8B00;
}
.beta-card__link--wvu-gold {
  --card-heading-accent-color: #ED8B00;
  background-color: #EAAA00;
  color: #002855;
}
.beta-card__link--wvu-gold:hover, .beta-card__link--wvu-gold:focus {
  background-color: #ffbc0a;
  color: #002855;
}
.beta-card__link--wvu-gold::after {
  background-color: #ED8B00;
}
.beta-card__image {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
}
.beta-card__icon {
  display: block;
  margin-bottom: 1rem;
  fill: var(--card-icon-color);
}
.beta-card__link--blue .beta-card__icon, .beta-card__link--dark-blue .beta-card__icon, .beta-card__link--orange .beta-card__icon {
  fill: white;
}
.beta-card__text {
  padding: 2rem;
}
.beta-card__text--extension {
  background-color: #f3f4f5;
  border-top: 0.0625rem solid #e3e5e6;
}
.beta-card__text--extension .button {
  margin-top: 0.5rem;
  margin-right: 0.25rem;
}
.beta-card__heading {
  position: relative;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0.75rem;
  color: var(--card-heading-color);
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1;
}
.beta-card--dark .beta-card__heading {
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
.beta-card--links .beta-card__text:not(.beta-card__text--extension) .beta-card__heading {
  margin-bottom: 0.5rem;
  padding-bottom: 0;
}
.beta-card__heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 0.3125rem;
  background-color: var(--card-heading-accent-color);
}
.beta-card--links .beta-card__text:not(.beta-card__text--extension) .beta-card__heading::after {
  display: none;
}
.beta-card__link .beta-card__heading::after {
  transition-property: background-color;
  transition-duration: 0.25s;
}
.beta-card__summary {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.3;
}
.beta-card__summary h3:not([class]) {
  color: #2C2A29;
}
.beta-card__summary a:not([class]) {
  color: #005EB8;
}
.beta-card__list-group, .beta-card__related-links {
  margin-top: auto;
  border-top-color: #EAAA00;
}
.beta-card__buttons {
  margin-top: 0.5rem;
}
.beta-card__button {
  margin-top: 2rem;
}
.beta-card__extension {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: auto;
  padding: 1rem 2rem;
  background-color: white;
  border-top: 0.0625rem solid #e3e5e6;
}

/* Explore Morgantown
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.module--explore-morgantown {
  background-color: #002855;
  color: white;
}
.module--explore-morgantown .layout-container {
  max-width: 50rem;
}
.module--explore-morgantown .module__video {
  mix-blend-mode: screen;
  opacity: 0.2;
}
.module--explore-morgantown .module__heading,
.module--explore-morgantown .module__summary {
  text-shadow: 0 0.125rem 0.125rem black;
}
.module--explore-morgantown .module__heading {
  color: #EAAA00;
}
.module--explore-morgantown .button {
  outline-color: white;
}

/* Student Resources
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.resources {
  min-height: 25.5rem;
}
.resources + .resources {
  margin-top: -6rem;
  padding-top: 8rem;
}
.resources__grid {
  grid-column: span 2;
  display: grid;
  grid-gap: 1rem;
}
@media screen and (min-width: 36.25em) {
  .resources__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 60em) {
  .resources__grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 70em) {
  .resources__grid {
    grid-column: auto;
  }
}
.resources__grid--bricks {
  align-items: stretch;
}
.resources .module__lede {
  grid-column: span 2;
  margin-right: 0;
}
@media screen and (min-width: 43.125em) {
  .resources .module__lede {
    margin-right: 4rem;
  }
}
@media screen and (min-width: 70em) {
  .resources .module__lede {
    grid-column: auto;
  }
}
.resources--wayfinder .beta-card:nth-child(2) {
  grid-column: 1;
}
.resources--wayfinder .beta-card--link-group .beta-card__link-item + .beta-card__link-item {
  border-top: 0.0625rem solid #e3e5e6;
}
.resources--wayfinder .beta-card__link:focus {
  outline-color: #EAAA00;
}
.resources--1 {
  background-color: white;
}
.resources--1 .module__heading {
  color: #CD4C08;
}
.resources--2 {
  border-top: 0.0625rem solid #e3e5e6;
}
.resources--2 .module__heading {
  color: #0D5257;
}
.resources--3 {
  background-color: white;
  border-top: 0.0625rem solid #e3e5e6;
}
.resources--3 .module__heading {
  color: #0033A0;
}

.beta-card--resources {
  grid-column: span 2;
}
@media screen and (min-width: 50em) {
  .beta-card--resources {
    grid-column: auto;
  }
}
.beta-card--resources:first-child {
  grid-row: span 2;
}
@media screen and (min-width: 50em) {
  .beta-card--resources:last-child {
    grid-column: 2;
  }
}

.campuses {
  overflow: hidden;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.001) 40vh, white), linear-gradient(123.75deg, rgba(255, 255, 255, 0.001), rgba(234, 170, 0, 0.2) 80%, rgba(234, 170, 0, 0.25) 80%), linear-gradient(123.75deg, rgba(255, 255, 255, 0.001), rgba(255, 255, 255, 0.001) 80%, white 80%), linear-gradient(to left, rgba(255, 255, 255, 0.001), white 60vw), url("../Images/campuses/background__topo-black--2.0.0.svg");
  background-size: 100% 90vh, 100% 90vh, 100% 90vh, 100% 90vh, 50%;
  background-repeat: no-repeat;
  background-position: left top, left top, left top, left top, right top;
}
.campuses--online {
  color: white;
  background-image: linear-gradient(to bottom, rgba(0, 40, 85, 0.001) 40vh, #002855), linear-gradient(123.75deg, rgba(0, 40, 85, 0.001), rgba(0, 51, 160, 0.2) 80%, rgba(0, 51, 160, 0.25) 80%), linear-gradient(123.75deg, rgba(0, 40, 85, 0.001), rgba(0, 40, 85, 0.001) 80%, #002855 80%), linear-gradient(to left, rgba(0, 40, 85, 0.001), #002855 60vw), url("../Images/campuses/background__topo-white--2.0.0.svg");
  background-size: 100% 90vh, 100% 90vh, 100% 90vh, 100% 90vh, 50%;
  background-repeat: no-repeat;
  background-position: left top, left top, left top, left top, right top;
  background-color: #002855;
}
.campuses--online a:not([class]):link, .campuses--online a:not([class]):visited {
  color: #EAAA00;
}
.campuses--online a:not([class]):hover, .campuses--online a:not([class]):focus {
  color: #FDDA24;
}
.campuses--online .campuses__heading {
  color: white;
}
.campuses--online .campuses__intro {
  border-bottom-color: #EAAA00;
}
.campuses__container {
  position: relative;
}
@media screen and (min-width: 60em) {
  .campuses__container {
    display: grid;
    grid-template-columns: 4fr 3fr;
    grid-template-rows: 1fr auto;
    column-gap: 3rem;
    align-items: start;
  }
}
.campuses__content {
  grid-column: 2/3;
  grid-row: 2/3;
  max-width: 35em;
  margin: 0 auto;
}
.campuses__heading {
  grid-column: 1/3;
  grid-row: 1/2;
  position: relative;
  z-index: 300;
  margin: 0;
  font-size: 3.5rem;
  line-height: 1;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
.campuses__intro {
  grid-column: 1/2;
  grid-row: 2/3;
  margin-bottom: 1.5rem;
  border-bottom: 0.5rem solid #002855;
  padding-bottom: 1.5rem;
  font-size: 1.75rem;
  line-height: 1.3;
}
.campuses__intro b, .campuses__intro strong {
  font-family: "HelveticaNeueW01-55Roma", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.campuses__intro p {
  font-size: 1.25rem;
  line-height: 1.5;
}
.campuses__campus-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5rem;
  animation-name: simpleFade;
  animation-delay: 0.25s;
  animation-duration: 1.5s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-fill-mode: both;
}
@media (prefers-reduced-motion: no-preference) {
  .campuses__campus-name {
    animation-name: slideUp;
    animation-delay: 0.5s;
  }
}
.campuses__campus-name:focus {
  outline: none;
}
.campuses__campus-name--online {
  color: white;
}
.campuses__campus-name-badge {
  padding: 0.3rem 0.5rem;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-size: 0.6em;
  text-transform: uppercase;
  color: #002855;
  background-color: rgba(234, 170, 0, 0.8);
}
.campuses__campus-name-badge-link {
  color: #002855;
}
.campuses__campus-name-badge-link:hover, .campuses__campus-name-badge-link:focus {
  color: #0033A0;
}
.campuses__campus-detail {
  grid-column: 1/2;
  grid-row: 3/4;
  font-size: 1.2rem;
}
.campuses__campus-detail[hidden] {
  display: none;
}
.campuses__figure {
  margin: 1.5rem 0 3rem;
}
.campuses__figure.prepare {
  transform-style: preserve-3d;
  animation-name: simpleFade;
  animation-duration: 3s;
  animation-delay: 0.5s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-fill-mode: both;
  animation-play-state: paused;
}
.campuses__figure.in-view {
  animation-play-state: running;
}
.campuses__programs {
  grid-column: 1/-1;
}
.campuses__programs[hidden] {
  display: none;
}
.campuses__programs-heading--online {
  color: #9ABEAA;
}
.campuses__program-cards {
  display: grid;
  gap: 3rem;
  margin-top: 1.5rem;
  margin-bottom: 4.5rem;
}
@media screen and (min-width: 50em) {
  .campuses__program-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
.campuses__program-card {
  display: flex;
  flex-flow: column wrap;
  border-top: 0.25rem solid #9ABEAA;
  padding: 1.75rem 2.25rem;
  color: #2C2A29;
  background-color: white;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.2);
}
.campuses__program-card-heading {
  margin-top: 0;
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.campuses__program-card-ctas {
  margin-top: auto;
  margin-bottom: 0;
}
.campuses__program-card-cta {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  transition: all ease-in 0.1s;
}
.campuses__program-card-cta::after {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0 0 0.25rem;
  border-style: solid;
  border-width: 0.125rem 0.125rem 0 0;
  border-color: currentColor;
  opacity: 0.5;
  transition: all ease-in 0.1s;
  transform: rotate(45deg);
}
.campuses__program-card-cta:hover::after, .campuses__program-card-cta:focus::after {
  opacity: 1;
}
.campuses__testimonial {
  --campus-photo: linear-gradient(to bottom, rgba(white, 0.001), rgba(white, 0.001));
  grid-column: 1/-1;
  margin-left: 0;
  margin-right: 0;
  border-top: 3px solid #EAAA00;
  padding: 5.6rem 4.6rem;
  color: white;
  background-color: #002855;
  background-image: linear-gradient(to top, rgba(0, 40, 85, 0.8), rgba(0, 40, 85, 0.9)), var(--campus-photo);
  background-size: cover;
  background-position: center;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.2);
}
@media screen and (min-width: 55em) {
  .campuses__testimonial {
    display: grid;
    grid-template-columns: 3fr 1fr;
    column-gap: 2rem;
    margin-right: 2.5rem;
    padding: 5.6rem;
  }
}
.campuses__testimonial[hidden] {
  display: none;
}
.campuses__testimonial--beckley {
  --campus-photo: url("https://cdn.hsc.wvu.edu/customdesigns/nursing2021/_common/images/campuses/wvu-beckley-campus.jpg");
}
.campuses__testimonial--bridgeport {
  --campus-photo: url("https://cdn.hsc.wvu.edu/customdesigns/nursing2021/_common/images/campuses/wvu-bridgeport-campus.jpg");
}
.campuses__testimonial--charleston {
  --campus-photo: url("https://cdn.hsc.wvu.edu/customdesigns/nursing2021/_common/images/campuses/wvu-charleston-campus.jpg");
}
.campuses__testimonial--keyser {
  --campus-photo: url("https://cdn.hsc.wvu.edu/customdesigns/nursing2021/_common/images/campuses/wvu-potomac-state.jpg");
}
.campuses__testimonial--morgantown {
  --campus-photo: url("https://cdn.hsc.wvu.edu/customdesigns/nursing2021/_common/images/campuses/wvu-morgantown-campus.jpg");
}
.campuses__testimonial--online {
  /* https://photos.wvu.edu/Monthly-Favorites/March-Favorites-2022/i-3MW8Vtd */
  --campus-photo: url("https://cdn.hsc.wvu.edu/customdesigns/nursing2021/_common/images/campuses/wvu-online.jpg");
  box-shadow: 0 1rem 2rem -0.75rem rgba(0, 94, 184, 0.3);
}
.campuses__testimonial-quote {
  grid-column: 1/2;
  margin: 0 0 1.5rem;
  font-size: 1.1rem;
}
@media screen and (min-width: 35em) {
  .campuses__testimonial-quote {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 70em) {
  .campuses__testimonial-quote {
    font-size: 1.7rem;
  }
}
.campuses__testimonial-quote.in-view::before {
  animation-delay: 1.7s;
}
.campuses__testimonial-photo {
  width: 50%;
  margin: -7rem auto 1.5rem;
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  animation-name: simpleFade;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  animation-play-state: paused;
  animation-timing-function: ease-out;
}
@media screen and (min-width: 55em) {
  .campuses__testimonial-photo {
    position: relative;
    right: -7rem;
    grid-column: 2/3;
    grid-row: 1/4;
    width: auto;
    margin: 0;
  }
}
.campuses__testimonial-photo.prepare {
  opacity: 0;
}
.campuses__testimonial-photo.in-view {
  animation-play-state: running;
}
.campuses__testimonial-name {
  padding-bottom: 0.25rem;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.03em;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.campuses__testimonial-name span {
  border-bottom: 1px dotted #EAAA00;
}
.campuses__testimonial-attribution {
  margin-top: 0.1em;
  border: none;
  padding: 0 1.5rem;
  background-color: rgba(255, 255, 255, 0.001);
  font-size: 1rem;
  line-height: 1.4;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  box-shadow: none;
}
.campuses__testimonial-more {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 3rem;
  margin-top: 3rem;
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
}
.campuses__testimonial-more-link {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  color: #EAAA00;
  font-weight: bold;
  transition: all ease-in 0.1s;
}
.campuses__testimonial-more-link:hover, .campuses__testimonial-more-link:focus {
  color: white;
}
.campuses__testimonial-more-link:hover::after, .campuses__testimonial-more-link:focus::after {
  opacity: 1;
}
.campuses__testimonial-more-link::after {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0 0 0.25rem;
  border-style: solid;
  border-width: 0.125rem 0.125rem 0 0;
  border-color: currentColor;
  opacity: 0.5;
  transition: all ease-in 0.1s;
  transform: rotate(45deg);
}
.campuses__map-wrapper {
  grid-column: 2/3;
  grid-row: 2/4;
  max-width: 40em;
  margin: 0 auto;
  transform-style: preserve-3d;
  animation-name: simpleFade;
  animation-duration: 3s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-fill-mode: both;
  animation-delay: 0.25s;
}
@media screen and (min-width: 60em) {
  .campuses__map-wrapper {
    margin: 0;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .campuses__map-wrapper {
    animation-name: smooth-entry-up;
  }
}
.campuses__map-wrapper--floating {
  right: 5%;
  height: auto;
  grid-column: 1/-1;
  grid-row: 1/-1;
  z-index: -1;
  max-width: none;
  margin-left: -10rem;
  margin-right: 5rem;
}
@media screen and (min-width: 60em) {
  .campuses__map-wrapper--floating {
    position: absolute;
    width: calc(75% - 4rem);
    margin: 0 auto;
  }
}
.campuses__map-container {
  position: relative;
}
.campuses__map {
  fill: #EAAA00;
  fill: #9DDAE6;
}
.campuses__flags {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.campuses__flag {
  --shift-multiplier: 0;
  --x-multiplier: 1;
  --y-multiplier: 0;
  --stem-length: 4rem;
  position: absolute;
  transform: translate3d(calc(-50% + var(--stem-length) * var(--x-multiplier)), calc(-50% + var(--stem-length) * var(--y-multiplier)), 0);
}
.campuses__flag--morgantown {
  --stem-length: 2.5rem;
  --shift-multiplier: 0;
  --x-multiplier: 0;
  --y-multiplier: -1;
  top: 29.4%;
  left: 53.86%;
}
.campuses__flag--charleston {
  --stem-length: 5.5rem;
  top: 65.08%;
  left: 24.94%;
}
.campuses__flag--eastern {
  --stem-length: 2.5rem;
  --shift-multiplier: 0;
  --x-multiplier: 0;
  --y-multiplier: -1;
  top: 30.4%;
  left: 90.86%;
}
.campuses__flag--eastern-ph {
  --stem-length: 6.5rem;
  --shift-multiplier: 0;
  --x-multiplier: -1;
  --y-multiplier: 0;
  top: 8.4%;
  left: 73.86%;
}
.campuses__flag--harpers-ferry {
  --stem-length: 7.5rem;
  --shift-multiplier: 0;
  --x-multiplier: 0;
  --y-multiplier: -1;
  top: 34.4%;
  left: 99%;
}
.campuses__flag--harpers-ferry-family-medicine {
  --stem-length: 7.5rem;
  --stem-length: 9.5rem;
  --shift-multiplier: -1;
  --shift-multiplier: 0;
  --x-multiplier: 0;
  --x-multiplier: -1;
  --y-multiplier: -1;
  --y-multiplier: 0;
  top: 27%;
  left: 97%;
  top: 37%;
  left: 98%;
}
.campuses__flag--harpers-ferry-family-medicine .campuses__button {
  width: 11rem;
}
.campuses__flag--jefferson {
  --stem-length: 2.5rem;
  --shift-multiplier: 0;
  --x-multiplier: 0;
  --y-multiplier: 1;
  top: 36.4%;
  left: 97%;
}
.campuses__flag--jefferson-medical-center {
  --stem-length: 2.5rem;
  --shift-multiplier: 0;
  --x-multiplier: 0;
  --y-multiplier: 1;
  top: 30.4%;
  left: 90%;
  top: 39.4%;
  left: 96%;
}
.campuses__flag--berkeley {
  --stem-length: 6.5rem;
  --shift-multiplier: 0;
  --x-multiplier: -1;
  --y-multiplier: 0;
  top: 34.4%;
  left: 94%;
}
.campuses__flag--berkeley-medical-center {
  --stem-length: 5.5rem;
  --shift-multiplier: 0;
  --x-multiplier: 0;
  --y-multiplier: 0;
  --y-multiplier: -1;
  top: 17.8%;
  left: 84%;
  top: 33.8%;
  left: 93%;
}
.campuses__flag--beckley {
  --stem-length: 2.5rem;
  --shift-multiplier: 0;
  --x-multiplier: 0;
  --y-multiplier: 1;
  top: 78.38%;
  left: 34.84%;
}
.campuses__flag--keyser {
  top: 35%;
  left: 74.73%;
}
.campuses__flag--bridgeport {
  --stem-length: 5.5rem;
  --x-multiplier: -1;
  top: 43%;
  left: 47%;
}
.campuses__flag::before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 50%;
  z-index: 300;
  display: block;
  width: var(--stem-length);
  height: 3px;
  background-color: #002855;
  pointer-events: none;
}
.campuses__flag:hover::before, .campuses__flag:focus::before {
  background-color: #0033A0;
}
.campuses__flag--morgantown::before {
  top: 50%;
  right: auto;
  bottom: auto;
  left: calc(50% - 1px);
  width: 3px;
  height: var(--stem-length);
}
.campuses__flag--eastern::before {
  top: 50%;
  right: auto;
  bottom: auto;
  left: calc(50% - 1px);
  width: 3px;
  height: var(--stem-length);
}
.campuses__flag--eastern-ph::before {
  top: 50%;
  right: auto;
  bottom: auto;
  left: calc(50% - 1px);
  height: 3px;
  width: var(--stem-length);
}
.campuses__flag--harpers-ferry::before {
  top: 50%;
  right: auto;
  bottom: auto;
  left: calc(50% - 1px);
  width: 3px;
  height: var(--stem-length);
}
.campuses__flag--harpers-ferry-family-medicine::before {
  top: 50%;
  right: auto;
  bottom: auto;
  left: calc(50% - 1px);
  width: 3px;
  height: var(--stem-length);
  height: 3px;
  width: var(--stem-length);
}
.campuses__flag--jefferson::before {
  top: -50%;
  right: auto;
  bottom: auto;
  left: calc(50% - 1px);
  width: 3px;
  height: var(--stem-length);
}
.campuses__flag--jefferson-medical-center::before {
  top: -50%;
  right: auto;
  bottom: auto;
  left: calc(50% - 1px);
  width: 3px;
  height: var(--stem-length);
}
.campuses__flag--berkeley::before {
  top: 50%;
  right: auto;
  bottom: auto;
  left: calc(50% - 1px);
  height: 3px;
  width: var(--stem-length);
}
.campuses__flag--berkeley-medical-center::before {
  top: 50%;
  right: auto;
  bottom: auto;
  left: calc(50% - 1px);
  height: 3px;
  width: var(--stem-length);
  width: 3px;
  height: var(--stem-length);
}
.campuses__flag--beckley::before {
  top: auto;
  right: auto;
  bottom: 50%;
  left: calc(50% - 1px);
  width: 3px;
  height: var(--stem-length);
}
.campuses__flag--bridgeport::before {
  left: calc(50% - 1px);
}
.campuses__flag::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.4rem);
  left: calc(50% - 0.4rem);
  z-index: 300;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-width: 3px;
  border-style: solid;
  border-color: #002855;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: #002855;
  transform: translate3d(calc(var(--stem-length) * var(--x-multiplier) * -1), calc(var(--stem-length) * var(--y-multiplier) * -1), 0) scale(0.6);
  transform-origin: 50% 50%;
  transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1);
  pointer-events: none;
}
.campuses__flag:hover::after, .campuses__flag:focus::after {
  transform: translate3d(calc(var(--stem-length) * var(--x-multiplier) * -1), calc(var(--stem-length) * var(--y-multiplier) * -1), 0) scale(1);
}
.campuses__flag:not(.campuses__flag--is-selected):hover::after, .campuses__flag:not(.campuses__flag--is-selected):focus::after {
  border-color: #0033A0;
  background-color: #0033A0;
}
.campuses__button {
  z-index: 400;
  padding: 0.5rem 0.66rem;
  color: white;
  background-color: #002855;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0.5rem, rgba(255, 255, 255, 0));
  font-size: 1.3em;
  line-height: 1;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0.03em;
  box-shadow: none;
  transform: translate3d(calc(40% * var(--shift-multiplier)), 0, 0);
}
.campuses__button:hover, .campuses__button:focus {
  color: white;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0.5rem, rgba(255, 255, 255, 0));
  background-color: #0033A0;
}
.campuses__button:not([disabled]):hover, .campuses__button:not([disabled]):focus {
  color: white;
  background-color: #0033A0;
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  transform: translate3d(calc(40% * var(--shift-multiplier)), -0.1rem, 0);
}
.campuses__button:not([disabled]):focus {
  outline: 2px dotted #f00;
  outline-offset: 2px;
}
.campuses__button[disabled] {
  box-shadow: none;
}
.campuses__flag--is-selected::after {
  background-color: #EAAA00;
  transform: translate3d(calc(var(--stem-length) * var(--x-multiplier) * -1), calc(var(--stem-length) * var(--y-multiplier) * -1), 0) scale(1);
}
.campuses__flag--is-selected .campuses__button {
  color: #002855;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.00001), rgba(0, 0, 0, 0.05));
  background-color: white;
  background-color: #ffc11e;
  box-shadow: none;
}
.campuses__flag--is-selected .campuses__button:hover, .campuses__flag--is-selected .campuses__button:focus {
  color: #0033A0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.00001), rgba(0, 0, 0, 0.05));
  background-color: white;
  background-color: #ffc11e;
  box-shadow: none;
}

.campus-explore {
  padding: 4.5rem 0;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.001), white), linear-gradient(123.75deg, rgba(255, 255, 255, 0.001), rgba(234, 170, 0, 0.2) 70%, rgba(234, 170, 0, 0.25) 70%), linear-gradient(to right, rgba(255, 255, 255, 0.001), white 60%), url("../Images/campuses/background__topo-black--2.0.0.svg");
  background-size: auto, auto 90vh, auto 90vh, auto 90vh;
  background-repeat: no-repeat;
  background-position: left top, left bottom, left bottom, left bottom;
}
.campus-explore--online {
  padding: 3rem 0;
  background-image: linear-gradient(to top, rgba(0, 40, 85, 0.001), #002855), linear-gradient(123.75deg, rgba(0, 40, 85, 0.001), rgba(0, 94, 184, 0.2) 70%, rgba(0, 94, 184, 0.25) 70%), linear-gradient(to right, rgba(0, 40, 85, 0.001), #002855 60%), url("../Images/campuses/background__topo-white--2.0.0.svg");
  background-size: auto, auto 90vh, auto 90vh, auto 90vh;
  background-repeat: no-repeat;
  background-position: left top, left bottom, left bottom, left bottom;
  background-color: #002855;
}
@media screen and (min-width: 65em) {
  .campus-explore__layout-container {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
  }
}
.campus-explore__heading {
  margin-top: 0;
}
.campus-explore__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0 1rem;
  margin: 0.5rem 0;
  padding-left: 0;
  list-style-type: none;
}
@media screen and (min-width: 50em) {
  .campus-explore__list {
    flex-flow: row wrap;
  }
}
.campus-explore__location[hidden] {
  display: none;
}
.campus-explore__link {
  width: 100%;
  padding: 0.75rem 0.5rem;
  color: white;
  background-color: #002855;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0.5rem, rgba(255, 255, 255, 0));
  font-size: 1.3em;
  line-height: 1;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  letter-spacing: 0.03em;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}
@media screen and (min-width: 50em) {
  .campus-explore__link {
    width: auto;
    padding: 0.5rem 0.66rem;
  }
}
.campus-explore__link:hover, .campus-explore__link:focus {
  color: white;
  background-color: #0033A0;
}
.campus-explore__tagline {
  margin-top: 3rem;
  color: #002855;
  font-size: 4.5rem;
  font-family: "IowanOldStyleW01-Italic1120392", "Times New Roman", Times, serif;
  text-align: center;
  animation-name: fade-in;
  animation-duration: 0.75s;
  animation-delay: 0.75s;
  animation-fill-mode: forwards;
  animation-play-state: paused;
  animation-timing-function: ease-out;
}
@media screen and (min-width: 65em) {
  .campus-explore__tagline {
    margin-bottom: 3rem;
  }
}
.campus-explore__tagline--online {
  color: #EAAA00;
}
.campus-explore__tagline.prepare {
  opacity: 0;
}
.campus-explore__tagline.in-view {
  animation-play-state: running;
}

.campuses-online {
  padding: 4.5rem 0;
  color: white;
  background-color: #002855;
  background-image: linear-gradient(to top, rgba(0, 40, 85, 0.6), rgba(0, 40, 85, 0.9)), url("../Images/campuses/background__topo-white--2.0.0.svg"), linear-gradient(123.75deg, rgba(0, 40, 85, 0.01) 10%, #00346f 10%);
  background-size: 100%, 50%, 100%;
  background-repeat: none;
  font-size: 1.2rem;
}
.campuses-online__layout-container {
  display: grid;
  grid-gap: 1.5rem;
  align-items: start;
}
@media screen and (min-width: 50em) {
  .campuses-online__layout-container {
    grid-template-columns: auto 1fr;
    grid-gap: 3rem;
  }
}
.campuses-online__brand {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: normal;
  font-family: "HelveticaNeueW01-55Roma", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}
.campuses-online__brand-logo {
  display: block;
  width: 16.875rem;
  height: 2.5rem;
  margin-top: 0.75rem;
}
@media screen and (min-width: 60em) {
  .campuses-online__brand-logo {
    width: 20rem;
    height: 3rem;
  }
}
.campuses-online__sub-brand {
  display: block;
  margin-top: -0.375rem;
  padding-left: 3rem;
  color: white;
}
@media screen and (min-width: 60em) {
  .campuses-online__sub-brand {
    padding-left: 3.625rem;
  }
}
.campuses-online__text *:not([class]) {
  max-width: 65ch;
}
.campuses-online a:link, .campuses-online a:visited {
  color: #EAAA00;
}
.campuses-online a:hover, .campuses-online a:active {
  color: white;
}
.campuses-online__heading {
  margin-top: 0;
  color: #EAAA00;
}
.campuses-online__programs {
  padding-left: 0;
  list-style-type: none;
}
.campuses-online__program-link {
  display: inline-block;
  padding: 0.25rem 0;
  transition: all ease-in 0.1s;
}
.campuses-online__program-link::after {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0 0 0.25rem;
  border-style: solid;
  border-width: 0.125rem 0.125rem 0 0;
  border-color: currentColor;
  opacity: 0.5;
  transition: all ease-in 0.1s;
  transform: rotate(45deg);
}
.campuses-online__program-link:hover::after, .campuses-online__program-link:focus::after {
  opacity: 1;
}

@keyframes button-pulse {
  0% {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.8);
  }
  100% {
    box-shadow: 0 0 1rem 2rem rgba(255, 255, 255, 0);
  }
}
@keyframes map-fold {
  0% {
    opacity: 0;
    transform: perspective(2cm) rotateX(3deg) rotateY(-6deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: perspective(2cm) rotateX(0) rotateY(-0.75deg);
  }
}
@keyframes figure-fold {
  0% {
    opacity: 0;
    transform: perspective(2cm) rotateX(2deg) rotateY(1.5deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: perspective(2cm) rotateX(0) rotateY(0);
    opacity: 1;
  }
}
@keyframes slideRightFadeIn {
  0% {
    opacity: 0;
    transform: translateX(-4rem);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(0);
  }
}
.campuses__wrapper {
  position: relative;
  z-index: 1;
}
.campuses__wrapper:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 15%, white 40%, white 60%, rgba(255, 255, 255, 0.1) 85%);
  background-repeat: no-repeat;
  z-index: 1;
}
.campuses__wrapper:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-image: url("../Images/SVG/background__topo-map-black.svg");
  background-repeat: repeat;
  background-position: bottom;
  background-size: 80rem auto;
  z-index: 0;
  opacity: 0.04;
}
.campuses__wrapper .module--profile {
  padding-bottom: 6rem;
  padding-top: 0;
}

.campuses__navigation {
  background-color: #00234b;
  position: relative;
}
.campuses__navigation .beta-cards {
  margin-top: -6rem;
}
.campuses__navigation:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(180deg, rgba(0, 35, 75, 0) 50%, #00234b 100%), url("../Images/SVG/background__topo-map-pms-300-c.svg");
  background-repeat: repeat;
  background-position: top;
  background-size: 80rem auto;
  z-index: 0;
  opacity: 0.25;
}

.campuses__map-profile-wrapper .module, .campuses__map-profile-wrapper .campuses__container {
  position: relative;
  z-index: 2;
}

.background--accent-yellow-gradient {
  position: relative;
  background-image: linear-gradient(180deg, rgba(234, 170, 0, 0.3) 15%, rgba(234, 170, 0, 0) 40%, rgba(234, 170, 0, 0) 60%, rgba(234, 170, 0, 0.2) 85%);
}

.background--accent-light-grey-gradient {
  position: relative;
  background-image: linear-gradient(180deg, rgba(227, 229, 230, 0.25) 15%, rgba(227, 229, 230, 0) 40%, rgba(227, 229, 230, 0) 60%, rgba(227, 229, 230, 0.35) 85%);
}

/*
.white-bg-semi-transparent {
	.program-overview__heading {
		background-color: rgba(lighten($light-grey, 5%), 0.8);
		background-color: rgba(white, 0.8);
		margin: -2rem -2rem 0 -2rem;
		padding: 2rem 2rem 2rem 2rem;
	}

	.campuses__intro {
		border-bottom: none;
		background-color: rgba(lighten($light-grey, 5%), 0.8);
		background-color: rgba(white, 0.8);
		margin: 0 -2rem 0 -2rem;
		padding: 0 2rem 2rem 2rem;
		position: relative;

		&:before {
			content: "";
			position: absolute;
			left: 2rem;
			bottom: 0;
			width: calc(100% - 4rem);
			height: 0.5rem;
			background-color: $wvu-blue;
		}
	}

	.campuses__campus-detail {
		margin: 0 -2rem 0 -2rem;
		padding: 2rem 2rem 0rem 2rem;
		//background-color: rgba(lighten($light-grey, 5%), 0.8);
		//background-color: rgba(white, 0.8);
		background-image: linear-gradient(180deg, rgba(white, 0.8) 50%, rgba(lighten($light-grey, 5%), 0.8) 100%);
		//background-color: rgba($wvu-blue, 0.1);
	}
}
	*/
/* Lab
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.lab {
  /* Is there a better class name for this? */
  /* Is there a better class name for this? */
  /* Is there a better class name for this? */
}
.lab__section {
  position: relative;
}
.lab__section--header {
  z-index: 1;
  margin-top: 4rem;
  padding-top: 2rem;
}
.lab__section--1 {
  margin-top: -6rem;
}
.lab__section--header + .lab__section:not(.lab__section--1), .lab__section--1 + .lab__section {
  background-color: white;
}
.lab__section--1 + .lab__section {
  margin-top: -6rem;
  padding-top: 6rem;
}
@media screen and (min-width: 65em) {
  .lab__grid {
    display: grid;
    grid-column-gap: 6rem;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
  }
}
@media screen and (min-width: 32.5em) {
  .lab__intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
}
.lab__photo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 12.5em;
  margin-top: -4rem;
  margin-right: 2rem;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
}
.lab__name {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  line-height: 1;
}
@media screen and (min-width: 32.5em) {
  .lab__name {
    margin-top: 0;
  }
}
.lab__name::after {
  content: "";
  width: 2rem;
  height: 0.3125rem;
  background: #EAAA00;
  position: absolute;
  bottom: 0;
  left: 0;
}
.lab__credentials {
  display: block;
  margin-top: 0.25rem;
  font-size: 1rem;
}
.lab__job-title {
  font-size: 1.125rem;
}
.lab__contact {
  margin-top: 1rem;
}
@supports (display: grid) {
  @media screen and (min-width: 65em) {
    .lab__contact {
      margin-top: -4rem;
    }
  }
}
.lab__contact-heading {
  margin-bottom: 0;
  font-size: 1.5rem;
}
.lab__contact-heading::after {
  background-color: #e3e5e6;
}
.lab__contact-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.lab__contact-column {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-width: 0; /* Fixes the "word-wrap: break-word;" issue in Firefox. */
}
@media screen and (min-width: 32.5em) {
  .lab__contact-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media screen and (min-width: 32.5em) {
  .lab__contact-column:nth-child(n+2) {
    margin-left: 2rem;
  }
}
.lab__contact-email {
  margin-top: 1rem;
}
.lab__contact-label {
  margin-top: 1rem;
  font-weight: bold;
}
.lab__contact-value {
  margin-top: 0.25rem;
  line-height: 1.25;
}
.lab__buttons, .lab__button {
  margin-top: 0.5rem;
}
.lab__widgets {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 65em) {
  .lab__widgets {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.lab__widget {
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
}
.lab__widget:nth-child(-n+2) {
  margin-bottom: 1rem;
}
@media screen and (min-width: 65em) {
  .lab__widget:nth-child(-n+2) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 65em) {
  .lab__widget {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
.lab__content:first-child {
  grid-row: span 3;
}
.lab__content:first-child h2 {
  margin-top: 0;
}
.lab__content h2 {
  margin-bottom: 2rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.125rem solid #e3e5e6;
}
@supports (display: grid) {
  @media screen and (min-width: 65em) {
    .lab__content:nth-child(n+2) h2:first-child {
      margin-top: 0;
    }
  }
}
.lab__navigation {
  grid-row: 1;
  grid-column: 2;
  margin-top: 2rem;
}
@supports (display: grid) {
  @media screen and (min-width: 65em) {
    .lab__navigation {
      margin-top: -1.625rem;
      margin-bottom: 2rem;
    }
  }
}
.lab-person {
  margin-top: 2rem;
  overflow: hidden;
}
.lab-person__image {
  width: 5rem;
  float: left;
  margin-right: 1rem;
}
.lab-person__name {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
}
.lab-person__job-title {
  margin-top: 0.25rem;
}
.lab-person__email {
  display: inline-block;
  margin-top: 0.25rem;
}

/* Blog
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.blog {
  /*&__intro, &__preface,*/
}
.blog__header {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.blog__header--image {
  margin-top: 4rem;
  padding-top: 2rem;
}
@media screen and (min-width: 60em) {
  .blog__header--post {
    padding-bottom: 2rem;
  }
}
.blog__grid {
  display: grid;
  grid-column-gap: 6rem;
  /*grid-template-columns: 1fr 18.75rem;*/
  /*grid-template-areas: "blog-content blog-content" "blog-topics blog-topics";*/
  align-items: start;
}
@media screen and (min-width: 60em) {
  .blog__grid {
    grid-template-columns: 1fr 18.75rem;
    /*grid-template-areas: "blog-content blog-topics";*/
  }
}
.blog__grid--author {
  /*grid-template-areas: "blog-intro blog-intro" "blog-about blog-about";*/
}
@media screen and (min-width: 60em) {
  .blog__grid--author {
    grid-template-columns: 1fr 1fr;
    /*grid-template-areas: "blog-intro blog-about";*/
  }
}
.blog__grid--post {
  /*grid-template-areas: "blog-author blog-author" "blog-content blog-content";*/
}
@media screen and (min-width: 60em) {
  .blog__grid--post {
    grid-template-columns: 12.5rem 1fr;
    /*grid-template-areas: "blog-author blog-content";*/
    padding-right: 6rem;
  }
}
.blog__grid--authors, .blog__grid--topics {
  grid-gap: 2rem;
  margin-top: -4rem;
}
.blog__grid--authors {
  grid-template-columns: repeat(4, 1fr);
}
.blog__grid--topics {
  grid-template-columns: repeat(3, 1fr);
}
.blog__header--image .blog__lede, .blog__header--author .blog__lede {
  /*grid-area: blog-intro;*/
}
@media screen and (min-width: 32.5em) {
  .blog__header--image .blog__lede, .blog__header--author .blog__lede {
    display: flex;
    align-items: flex-start;
  }
}
.blog-post .blog__lede {
  grid-column: span 2;
}
@media screen and (min-width: 60em) {
  .blog-post--has-author .blog__lede {
    grid-column: 2;
  }
}
.blog__photo {
  flex: 0 0 auto;
  width: 12.5em;
  margin-top: -4rem;
  margin-right: 2rem;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
}
.blog__pre-heading {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  text-transform: uppercase;
}
.blog__heading {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.75rem;
}
.blog__header--image .blog__heading {
  margin-top: 1rem;
}
@media screen and (min-width: 32.5em) {
  .blog__header--image .blog__heading {
    margin-top: 0;
  }
}
.blog__heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 0.3125rem;
  background: #EAAA00;
}
.blog__subheading {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.2;
}
.blog__author {
  /*grid-area: blog-author;*/
  margin: 0;
}
.blog__author-photo {
  width: 12.5rem;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  margin-top: -2rem;
}
@media screen and (min-width: 60em) {
  .blog__author-photo {
    margin-top: -4rem;
  }
}
.blog__author--header .blog__author-photo {
  margin-right: 2rem;
}
.blog__author-preheading, .blog__author-name, .blog__author-program {
  display: block;
}
.blog__author-preheading {
  margin-top: 1rem;
  color: #5d7384;
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
}
.blog__author-name {
  margin-top: 0.25rem;
  font-size: 1.25rem;
  line-height: 1.3;
}
.blog__author-program {
  display: block;
  margin-top: 0.25rem;
  line-height: 1.25;
}
.blog__about {
  /*grid-area: blog-about;*/
  margin-top: 2rem;
}
@media screen and (min-width: 60em) {
  .blog__about {
    margin-top: -4rem;
  }
}
.blog__about-heading {
  font-size: 1.5rem;
}
.blog__about-heading::after {
  background-color: #e3e5e6;
}
.blog__content {
  /*grid-area: blog-content;*/
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.blog-post .blog__content {
  grid-column: span 2;
}
@media screen and (min-width: 60em) {
  .blog-post--has-author .blog__content {
    grid-column: 2;
  }
}
.blog__content-heading {
  margin-top: 0;
  margin-bottom: 2rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.125rem solid #e3e5e6;
}
.blog__content-no-posts-message {
  margin-top: 2rem;
}
.blog__content .rte p {
  font-size: 1.125rem;
}
.blog-entry {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 2rem;
}
.blog-entry + .blog-entry {
  padding-top: 2rem;
  border-top: 0.0625rem solid #e3e5e6;
}
.blog__header .blog-entry, .blog-entry--recent {
  grid-column: span 2;
  margin-top: 0;
}
@media screen and (min-width: 68.75em) {
  .blog__header .blog-entry, .blog-entry--recent {
    grid-column: span 1;
  }
}
.blog-entry__photo {
  width: 5rem;
  margin-right: 1rem;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
}
.blog__header .blog-entry__photo, .blog-entry--recent .blog-entry__photo {
  width: 12.5em;
  margin-top: -4rem;
  margin-right: 2rem;
}
.blog-entry__content {
  flex: 1;
}
.blog__header .blog-entry__content, .blog-entry--recent .blog-entry__content {
  flex-basis: 100%;
  margin-top: 1rem;
}
@media screen and (min-width: 42.5em) {
  .blog__header .blog-entry__content, .blog-entry--recent .blog-entry__content {
    flex: 1;
    margin-top: 0;
  }
}
.blog-entry__heading, .blog-entry__title {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0.75rem;
}
.blog-entry__heading::after, .blog-entry__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 0.3125rem;
  background-color: #e3e5e6;
}
.blog__header .blog-entry__heading, .blog-entry--recent .blog-entry__heading, .blog__header .blog-entry__title, .blog-entry--recent .blog-entry__title {
  font-size: 2.25rem;
  line-height: 1;
}
.blog__header .blog-entry__heading::after, .blog-entry--recent .blog-entry__heading::after, .blog__header .blog-entry__title::after, .blog-entry--recent .blog-entry__title::after {
  background-color: #EAAA00;
}
.blog-entry__heading a, .blog-entry__title a {
  color: #002855;
  text-decoration: none;
}
.blog-entry__heading a:hover, .blog-entry__heading a:focus, .blog-entry__title a:hover, .blog-entry__title a:focus {
  color: #0033A0;
}
.blog-entry__summary, .blog-entry__date {
  color: #5d7384;
}
.blog__header .blog-entry__summary, .blog-entry--recent .blog-entry__summary, .blog__header .blog-entry__date, .blog-entry--recent .blog-entry__date {
  color: #5b7181;
}
.blog-entry__summary {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.2;
}
.blog__header .blog-entry__summary, .blog-entry--recent .blog-entry__summary {
  font-size: 1.25rem;
}
.blog-entry__date {
  margin-top: 0.5rem;
  margin-bottom: 0;
  color: #5d7384;
  font-size: 0.875rem;
}
.blog__header .blog-entry__date, .blog-entry--recent .blog-entry__date {
  font-size: 1rem;
}
.blog-entry__title + .blog-entry__date {
  margin-top: 1rem;
}
.blog__topics {
  /*grid-area: blog-topics;*/
  margin-bottom: 4rem;
}
@media screen and (min-width: 56.25em) {
  .blog__topics {
    transform: translateY(-2rem);
  }
}
@media screen and (min-width: 68.75em) {
  .blog__topics {
    transform: translateY(-6rem);
  }
}
.blog__pagination {
  margin-top: 4rem;
}

.grid--authors {
  grid-gap: 2rem;
  grid-template-columns: 1fr;
  justify-items: center;
}
@media screen and (min-width: 35em) {
  .grid--authors {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 51.25em) {
  .grid--authors {
    grid-template-columns: repeat(3, 1fr);
  }
}

.grid--topics {
  grid-gap: 2rem;
  grid-template-columns: 1fr;
  justify-content: center;
}
@media screen and (min-width: 37.5em) {
  .grid--topics {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 55em) {
  .grid--topics {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Organization
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.organization h2:not([class]) {
  margin-bottom: 2rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.125rem solid #e3e5e6;
}
.organization .page__body:not(.page__body--has-hero) .page__primary h2:not([class]):first-child,
.organization .module h2:not([class]):first-child {
  margin-top: 0;
}
.organization__officers {
  margin-bottom: 3rem;
}
@media screen and (min-width: 65em) {
  .organization__officers {
    order: 2;
    margin-top: 2rem;
    margin-bottom: 0;
  }
}
.organization__officers-name {
  margin-top: 1rem;
  margin-bottom: 0;
  color: #0033A0;
  font-size: 1.25rem;
}
.organization__officers-position {
  margin-top: 0.25rem;
  margin-left: 0;
}

/* WVU Events Macro
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.simple-events-feed {
  margin-top: 2rem;
}

.events-title {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.5rem;
}

.events-items-list li + li {
  margin-top: 0.5rem;
}
.events-items-list .list-item {
  display: block;
  padding: 2rem;
  border-radius: 0.125rem;
  background-color: #333F48;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
.events-items-list .list-item:hover, .events-items-list .list-item:focus {
  background-color: #002855;
}
.events-items-list .list-item-text {
  margin-bottom: 0;
}
.events-items-list .list-item-date {
  display: block;
  margin-bottom: 0.5em;
  color: #EAAA00;
  font-size: 1.25rem;
}
.events-items-list .week-day {
  display: none;
}

/* Profiles */
.profiles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -1rem;
  margin-right: -1rem;
  /* This is not ideal. The .profiles element needs to be restyled using CSS grid. */
  /* */
}
.module--profiles .profiles--3 {
  max-width: 55.75rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 43.75em) {
  .profiles--4 {
    justify-content: flex-start;
  }
}
.profiles--alumni {
  position: relative;
  padding-top: 1.0625rem;
}
.profiles--alumni::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(100% - 2rem);
  height: 0.0625rem;
  margin-left: 1rem;
  background-color: #e3e5e6;
}

.profile {
  background-color: #333F48;
  color: white;
  /* https://stackoverflow.com/questions/42438009/nesting-css-supports-and-media-queries */
}
.profile--macro {
  max-width: 30rem;
  margin: 1.5rem auto;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.08), 0 0.25rem 0.5rem rgba(0, 0, 0, 0.06);
  border-top: 0.25rem solid #EAAA00;
}
@media screen and (min-width: 47.5em) {
  .profile--macro {
    display: flex;
    max-width: none;
  }
}
.profile--macro:last-child {
  margin-bottom: 0;
}
.profile--slide {
  background-color: transparent;
}
@media screen and (min-width: 47.5em) {
  .profile--slide {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
  }
}
.profiles .profile {
  flex-basis: 26.25rem;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 43.75em) {
  .profiles--2 .profile {
    flex: 0 0 auto;
    width: calc(50% - 2rem);
  }
}
@media screen and (min-width: 63.75em) {
  .profiles--3 .profile {
    flex: 0 0 auto;
    width: calc(33.33% - 2rem);
  }
}
@media screen and (min-width: 68.75em) {
  .profiles--4 .profile {
    flex: 0 0 auto;
    width: calc(25% - 2rem);
  }
}
.profile__header {
  padding: 1rem 2rem;
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
  color: white;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
.profile__link {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  color: white;
  text-decoration: none;
}
.profile__link:hover, .profile__link:focus {
  color: currentColor;
}
.profile__image {
  flex-shrink: 0;
  width: 100%;
}
@media screen and (min-width: 47.5em) {
  .profile--macro .profile__image {
    flex: 0 0 auto;
    width: 20rem;
  }
}
@media screen and (min-width: 60em) {
  .module--profile .profile--macro .profile__image {
    width: 25rem;
  }
}
.profile--slide .profile__image {
  width: 14rem;
  margin-top: -2rem;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 47.5em) {
  .profile--slide .profile__image {
    width: 18.75rem;
  }
}
@media screen and (min-width: 67.5em) {
  .profile--slide .profile__image {
    margin-top: -4.25rem;
  }
}
.profile img {
  width: 100%;
}
.profile--slide .profile img {
  height: auto !important;
  object-fit: contain;
}
@supports (object-fit: cover) {
  @media (min-width: 47.5em) {
    .profile--macro img {
      height: 100% !important; /* NOPE */
      object-fit: cover;
    }
  }
}
.profile a.profile__link img {
  transition-property: transform;
  transition-duration: 0.2s;
}
.profile a.profile__link:hover img, .profile a.profile__link:focus img {
  transform: scale(1.1);
}
.profile__body {
  position: relative;
}
.profile--macro .profile__body {
  background-color: #002855;
  box-shadow: 0 -0.75rem 1.25rem -0.75rem rgba(0, 0, 0, 0.8);
}
@media screen and (min-width: 57.5em) {
  .profile--macro .profile__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    box-shadow: -0.75rem 0 1.25rem -0.75rem rgba(0, 0, 0, 0.8);
  }
}
.profile--slide .profile__body {
  box-shadow: none;
}
@media screen and (min-width: 47.5em) {
  .profile--slide .profile__body {
    margin-left: 2rem;
  }
}
a.profile__link .profile__body {
  background: #333F48;
  position: relative;
  z-index: 2;
  transition: transform 0.2s;
}
a.profile__link:hover .profile__body, a.profile__link:focus .profile__body {
  -webkit-transform: translateY(-2rem);
  transform: translateY(-2rem);
}
.profile__details {
  padding: 2rem;
  /* Is there a better way to handle this? */
}
.profile--widget .profile__details, .profile--macro .profile__details {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  padding-bottom: 1rem;
  background-color: rgba(51, 63, 72, 0.9);
}
.profile--slide .profile__details {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1rem;
}
.profile--item .profile__details {
  padding-bottom: 1rem;
}
.profile--macro .profile__details {
  background-color: rgba(0, 33, 70, 0.9);
}
@media screen and (min-width: 47.5em) {
  .profile--macro .profile__details {
    position: relative;
    bottom: auto;
    left: auto;
    background-color: transparent;
  }
}
.profile__name {
  color: #EAAA00;
  margin-top: 0;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.25;
}
.profile--macro .profile__name {
  font-size: 2rem;
}
.profile__status {
  font-weight: 600;
  margin-bottom: 0;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
.profile--macro .profile__status {
  font-size: 1.25rem;
  line-height: 1.2;
}
.profile__quote {
  position: relative;
  margin: 0;
  padding: 2rem;
  background-color: #262f36;
  border-top: none;
  border-bottom: none;
  color: white;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  /*line-height: 1.4;*/
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
.profile .profile__quote {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.profile--macro .profile__quote {
  background-color: #002146;
}
@media screen and (min-width: 47.5em) {
  .profile--macro .profile__quote {
    margin-top: 0;
  }
}
@media screen and (min-width: 60em) {
  .module--profile .profile--macro .profile__quote {
    font-size: 1.75rem;
  }
}
.profile--slide .profile__quote {
  padding: 0;
  background-color: transparent;
  font-size: 1.5rem;
}
.profile__quote::before {
  display: none;
}
.profile__quote::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #262f36;
  position: absolute;
  bottom: 100%;
  left: 2rem;
}
.profile--macro .profile__quote::after {
  border-bottom-color: #002146;
}
.profile--slide .profile__quote::after {
  display: none;
}
.profile__quote p {
  margin-bottom: 0;
}
@media screen and (min-width: 60em) {
  .module--profile .profile--macro .profile__quote p {
    line-height: 1.4;
  }
}
.profile--slide .profile__quote p {
  line-height: 1.45;
}
.profile__inline-quote {
  margin-top: -6rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  background-color: white;
  padding: 1.5rem;
  border-left: 0.0625rem solid #e3e5e6;
  border-right: 0.0625rem solid #e3e5e6;
}
.profile__buttons {
  padding: 0.5rem 2rem 1.5rem;
}
.profile--slide .profile__buttons {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.profile__button {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  outline-color: #EAAA00;
}
.profile__extension {
  margin-top: auto;
  padding: 1rem 2rem;
  background-color: #262f36;
  color: white;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  display: block;
}
.profile__extension:hover, .profile__extension:focus {
  color: #002855;
  background-color: #EAAA00;
}
.profile__extension:focus {
  outline-color: #002855;
  outline-offset: -0.125rem;
}
.profile__meta {
  font-size: 1.25rem;
  line-height: 1.5;
  margin-top: 0.25rem;
}
.profile__program, .profile__class {
  font-size: 1.5rem;
  display: inline-block;
}
.profile__class {
  position: relative;
  padding-left: 1.25rem;
}
.profile__class::after {
  content: "";
  width: 0.25rem;
  height: 1rem;
  background-color: #EAAA00;
  -webkit-transform: skew(-33.75deg) translateY(-50%);
  transform: skew(-33.75deg) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
}
.profile__campus {
  display: block;
}
.profile__meta-extended {
  line-height: 1.375;
  padding: 1.5rem;
  background-color: #002855;
  color: white;
  margin-bottom: 2rem;
}
@media screen and (min-width: 47.5em) {
  .profile__meta-extended {
    float: right;
    width: 50%;
    margin-left: 2rem;
  }
}
.profile__meta-extended dt {
  font-size: 0.875rem;
  font-weight: bold;
}
.profile__meta-extended dd {
  margin-left: 0;
  font-weight: bold;
  color: #EAAA00;
}
.profile__meta-extended dd:nth-last-child(n+2) {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 0.0625rem dotted rgba(255, 255, 255, 0.3);
}

/* Forms
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.form__group {
  margin-top: 2rem;
  padding: 1.5rem;
  border-radius: 0.25rem;
  background-color: #f3f4f5;
}
.form__group--inline {
  padding: 0.75rem;
}
@media screen and (min-width: 40em) {
  .form__group--inline {
    display: flex;
    gap: 0.25rem;
    align-items: stretch;
  }
}
.form__group--centered {
  max-width: 52.5rem;
  margin-left: auto;
  margin-right: auto;
}
.form__label {
  display: block;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.form__control {
  width: 100%;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  background-color: white;
  border: 0.0625rem solid #e3e5e6;
  box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.08);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition-property: border-color, box-shadow;
  transition-duration: 0.15s;
}
.form__control:focus {
  outline: none;
  border-color: #005EB8;
  box-shadow: 0 0 0 0.25rem rgba(0, 94, 184, 0.25);
}
.form__control::-moz-placeholder, .form__control::placeholder {
  color: #2C2A29;
}
.form__group--inline .form__control {
  margin-top: 0.5rem;
}
@media screen and (min-width: 40em) {
  .form__group--inline .form__control {
    margin-top: 0;
  }
}
.form__select {
  width: 100%;
  padding: 0.375rem;
  border-radius: 0.25rem;
  background-color: white;
  border: 0.0625rem solid #e3e5e6;
  box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.08);
  transition-property: border-color, box-shadow;
  transition-duration: 0.15s;
}
.form__select:focus {
  outline: none;
  border-color: #005EB8;
  box-shadow: 0 0 0 0.25rem rgba(0, 94, 184, 0.25);
}
@media screen and (min-width: 40em) {
  .form__group--inline .form__select {
    width: auto;
  }
}
.form__check {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: auto 1fr;
}
.form__check + .form__check {
  margin-top: 0.375rem;
}
.form__check-input {
  width: 1rem;
  height: 1rem;
  margin-top: 0.25rem;
}
.form__check-input:focus, .form__check-input:checked {
  outline: none;
  box-shadow: 0 0 0 0.25rem rgba(0, 94, 184, 0.25);
}
.form__check-label {
  line-height: 1.5;
}
.form__button {
  flex: 0 0 auto;
  margin-top: 1.5rem;
}
.form__group--inline .form__button {
  width: 100%;
  margin-top: 0.5rem;
}
@media screen and (min-width: 40em) {
  .form__group--inline .form__button {
    width: auto;
    margin-top: 0;
  }
}
.form__button-icon {
  vertical-align: text-top;
  margin-right: 0.125rem;
  fill: currentColor;
}
.form__heading {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0.75rem;
  color: #002855;
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1;
}
.form__heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 0.3125rem;
  background: #EAAA00;
}
.form__fieldset {
  margin-top: 1.5em;
}
.page__secondary .form__fieldset {
  column-width: 13.125rem;
  column-gap: 1.5rem;
}
.form__legend {
  display: block;
  margin-bottom: 1em;
  color: #0033A0;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.3;
}
.page__secondary .form__legend {
  width: 100%;
  column-span: all;
}
.form__legend-label {
  display: block;
  margin-top: 0.125rem;
  font-size: 1rem;
  font-weight: normal;
}

/* Hero
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.hero--display {
  padding-bottom: 6rem;
  text-align: center;
}
.hero--dark a[href]:focus {
  outline-color: #EAAA00;
}
.hero--programs {
  background-image: linear-gradient(rgba(0, 40, 85, 0.9), rgba(0, 40, 85, 0.9)), url(../Images/programs-feature.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero--underlap {
  margin-top: -6rem;
  padding-top: 6rem;
}
.hero + .page__body {
  margin-top: 0;
  border-top: none;
}
.hero--promote-wvu {
  background-color: #002855;
}
.hero--promote-wvu .hero__highlight {
  display: inline;
}
.hero--promote-wvu + .module {
  margin-top: -8rem;
  padding-top: 6rem;
}
.hero__subheading {
  color: #002855;
}
.hero__subheading:hover, .hero__subheading:focus {
  color: #002855;
}
.hero__subheading:focus {
  outline-color: #002855;
}
.hero:not(.hero--display):not(.hero--programs) .hero__subheading {
  font-size: 1.5rem;
}
.hero--dark .hero__subheading {
  color: white;
}
.hero--dark .hero__subheading:hover, .hero--dark .hero__subheading:focus {
  color: #EAAA00;
}
.hero__heading {
  margin-bottom: 0;
}
@media screen and (min-width: 45em) {
  .hero__heading {
    font-size: 4rem;
    line-height: 0.85;
  }
}
@media screen and (min-width: 60.625em) {
  .hero__heading {
    font-size: 5rem;
    line-height: 0.8;
  }
}
@media screen and (min-width: 66.25em) {
  .hero__heading {
    font-size: 5rem;
  }
}
.hero__heading--arial-bold {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: capitalize;
}
@media screen and (min-width: 66.25em) {
  .hero--display .hero__heading, .hero--programs .hero__heading {
    font-size: 6rem;
  }
}
@media screen and (min-width: 71.875em) {
  .hero--display .hero__heading, .hero--programs .hero__heading {
    font-size: 6.5rem;
  }
}
.hero--dark .hero__heading {
  color: white;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
.hero--gold .hero__heading {
  color: #002855;
}
.hero__lead, .hero__lede {
  margin-top: 1em;
  margin-bottom: 0;
  line-height: 1.5;
}
.hero--display .hero__lead, .hero--display .hero__lede {
  max-width: 52.5rem;
  margin-left: auto;
  margin-right: auto;
}
.hero--programs .hero__lead, .hero--programs .hero__lede {
  max-width: 52.5rem;
}
.hero--dark .hero__lead, .hero--dark .hero__lede {
  color: white;
}
.hero--dark .hero__lead a, .hero--dark .hero__lede a {
  color: #EAAA00;
}
.hero--dark .hero__lead a:hover, .hero--dark .hero__lead a:focus, .hero--dark .hero__lede a:hover, .hero--dark .hero__lede a:focus {
  color: #CD4C08;
}
.hero--gold .hero__lead, .hero--gold .hero__lede {
  color: #002855;
  /*a {
      color: $wvu-gold;

      &:hover, &:focus {
          color: $pms-166-c;
      }
  }*/
}
.hero__button {
  margin-top: 2.25rem;
}
.hero__video {
  margin-top: 4rem;
}
.hero .lazy-video {
  margin-bottom: 0;
}

/* Tag group
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.tag-group__heading {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.75rem;
  color: #333F48;
  font-size: 1.75rem;
  line-height: 1.25;
}
.tag-group__heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 0.3125rem;
  background: #EAAA00;
}
.tag-group__item {
  display: inline-block;
  margin-top: 0.75rem;
  margin-right: 0.5rem;
  line-height: 1.4;
}
.tag-group__item:not(.tag-group__item--topic) {
  font-weight: bold;
}
.tag-group__item--category {
  margin-top: 0;
  margin-bottom: 0.25rem;
  margin-right: 0;
  font-size: 0.75rem;
  line-height: normal;
}
.tag-group__item--muted {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.tag-group__item--muted::before {
  content: "";
  transform: translateY(0.125rem);
  display: inline-block;
  width: 0.25rem;
  height: 1rem;
  margin-right: 0.5rem;
  background-color: #d5d9da;
}
.tag-group__link {
  position: relative;
  display: inline-block;
  padding: 0.5rem 0.75rem;
  border-radius: 0.125rem;
  background-color: white;
  border: 0.0625rem solid #d3d7d8;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.06);
}
.tag-group__link[href] {
  text-decoration: none;
  transition-property: border-color, color;
}
.tag-group__link[href]:hover, .tag-group__link[href]:focus {
  border-color: #0033A0;
}
.tag-group__item--category .tag-group__link {
  padding: 0.125rem 0.25rem;
  color: #333F48;
}
.tag-group__item--category .tag-group__link[href]:hover, .tag-group__item--category .tag-group__link[href]:focus {
  color: #005EB8;
  border-color: #005EB8;
}

/* Media Object
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.media-object:not(:last-child) {
  padding-bottom: 8rem;
  border-bottom: 0.0625rem solid #e3e5e6;
}
.media-object__grid {
  display: grid;
  grid-column-gap: 4rem;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "media media media" "text text text";
  align-items: start;
}
@media screen and (max-width: 74.9375em) {
  .media-object__grid {
    max-width: 52.5rem;
  }
}
@media screen and (min-width: 75em) {
  .media-object__grid {
    grid-template-areas: "text media media";
  }
  .media-object:nth-child(even) .media-object__grid {
    grid-template-areas: "media media text";
  }
}
.media-object--fellowships .media-object__grid {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "media media" "text text";
}
@media screen and (min-width: 75em) {
  .media-object--fellowships .media-object__grid {
    grid-template-areas: "text media";
  }
  .media-object--fellowships:nth-child(even) .media-object__grid {
    grid-template-areas: "media text";
  }
}
.media-object__text {
  grid-area: text;
}
.media-object__heading {
  margin-top: 0.5em;
  color: #002855;
  font-size: 3.5rem;
  line-height: 0.9;
}
@media screen and (min-width: 75em) {
  .media-object__heading {
    margin-top: 0;
  }
}
.media-object:nth-child(4) .media-object__heading {
  color: #0D5257;
}
.media-object:nth-child(5) .media-object__heading {
  color: #CD4C08;
}
.media-object:nth-child(6) .media-object__heading {
  color: #0033A0;
}
.media-object__message {
  font-size: 1.25rem;
  line-height: 1.4;
}
.media-object__media {
  grid-area: media;
  margin-top: -6rem;
}
.media-object__media .lazy-video {
  margin-bottom: 0;
}
.media-object__media video {
  display: block;
  width: 100%;
  height: auto;
}
.media-object__media img {
  display: block;
  width: 100%;
  height: auto;
}
.media-object__resources {
  grid-area: resources;
}

/* Video Clips
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.video-clips--dark {
  background-color: #002855;
}
.video-clips__heading {
  position: relative;
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
}
.video-clips--dark .video-clips__heading {
  color: white;
}
.video-clips__heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 0.3125rem;
  background: #EAAA00;
}
.video-clips__wrapper {
  position: relative;
}
.video-clips__list {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  justify-content: center;
}
.video-clips__button {
  position: absolute;
  z-index: 3;
  top: 5.375rem;
  width: 3rem;
  height: 3rem;
  padding: 0;
  border-radius: 50%;
}
.video-clips__button--previous {
  left: 0;
  margin-left: -1.25rem;
}
.video-clips__button--next {
  right: 0;
  margin-right: -1.25rem;
}
.video-clips__button[hidden] {
  display: none;
}
.video-clips__button svg {
  width: 100%;
  height: 100%;
}
.video-clips__cta {
  margin-top: 2rem;
  text-align: center;
}

.video-clip {
  flex: 0 0 25rem;
}
.video-clip .beta-card {
  height: 100%;
}
.video-clip .lazy-video {
  display: flex;
  flex-direction: column;
  height: 100%; /**/
  margin-bottom: 0;
}
.video-clip .lazy-video .lazy-video__details {
  flex: 1;
}

/* Callout
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.page__secondary .callout:first-child {
  margin-top: 2rem;
}
@media screen and (min-width: 65em) {
  .page__secondary .callout:first-child {
    margin-top: 0;
  }
}
.callout--featured {
  margin-top: 4rem;
  padding-top: 1.125rem;
  border-top: 0.25rem solid #EAAA00;
}
.callout__heading {
  position: relative;
  padding-bottom: 0.75rem;
  color: #002855;
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1;
}
.callout__heading:first-child {
  margin-top: 0;
}
.callout--dark .callout__heading {
  color: white;
}
.callout__heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 0.3125rem;
  background: #EAAA00;
}
.callout__message {
  margin-top: 1em;
  font-size: 1.125rem;
}

.external-logo {
  height: auto;
  max-width: 100%;
}

.condensed-directory + .condensed-directory {
  margin-top: 4rem;
}
.condensed-directory .directory-list {
  margin-top: 0.5rem;
}
.condensed-directory .directory-list__users {
  display: block;
  margin-top: 0;
  border-top: 0.125rem solid #e3e6e6;
}
.condensed-directory h2 + .directory-list .directory-list__users {
  margin-top: 1rem;
}
.condensed-directory .directory-card {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: auto 1fr;
  grid-template-areas: "photo-container info-container" "photo-container info-container" "photo-container actions";
  border-radius: 0;
  background-color: transparent;
  background-image: none;
  border: none;
  border-bottom: 0.0625rem solid #e3e5e6;
  box-shadow: none;
}
.condensed-directory .directory-card__photo-container {
  grid-area: photo-container;
  padding: 1rem 0;
  background-color: transparent;
  background-image: none;
}
.condensed-directory .directory-card__photo {
  transform: none;
}
.condensed-directory .directory-card__info-container {
  grid-area: info-container;
  padding: 1rem 0;
}
.condensed-directory .directory-card__name {
  color: currentColor;
  color: #0033A0;
}
.condensed-directory .directory-card__honorary-suffix {
  color: currentColor;
}
.condensed-directory .directory-card__details {
  display: grid;
  grid-column-gap: 0.25rem;
  grid-template-columns: auto 1fr;
  margin-top: 0;
  margin-bottom: 0;
}
.condensed-directory .directory-card__label {
  grid-column-start: 1;
}
.condensed-directory .directory-card__value {
  grid-column: 1/-1;
}
.condensed-directory .directory-card blockquote:not([class]) {
  margin: 1rem 0 0;
  font-family: Georgia, serif;
  font-size: 1.125rem;
  font-style: italic;
}
.condensed-directory .directory-card blockquote:not([class]) p {
  quotes: "“" "”" "‘" "’";
}
.condensed-directory .directory-card blockquote:not([class]) p::before {
  content: open-quote;
}
.condensed-directory .directory-card blockquote:not([class]) p::after {
  content: close-quote;
}

/* Inline Actions
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.inline-actions {
  text-align: center;
}
@media screen and (min-width: 38.75em) {
  .inline-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 4rem;
    justify-content: space-between;
    align-items: center;
  }
  .inline-actions .module__heading {
    margin-bottom: 0;
  }
}
.inline-actions .button {
  width: auto;
}
@media screen and (max-width: 38.6875em) {
  .inline-actions .button {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}

/* Timeline
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.timeline {
  padding-left: 0.75rem;
}
.timeline-block {
  position: relative;
  padding: 0 0 1rem 0.5rem;
}
@media screen and (min-width: 26.25em) {
  .timeline-block {
    padding: 0 0 1rem 1.75rem;
  }
}
.timeline-block::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 2.375rem;
  left: -0.625rem;
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: #005EB8;
  box-shadow: 0 0 0 0.375rem rgba(0, 94, 184, 0.4), 0 0 0 0.75rem white;
}
.timeline-block.prepare::before {
  animation-duration: 0.4s;
  animation-delay: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0, 0, 0.265, 2.55);
  animation-play-state: paused;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .timeline-block.prepare::before {
    animation-name: scale-up;
  }
}
.timeline-block.in-view::before {
  animation-play-state: running;
}
.timeline-block::after {
  content: "";
  position: absolute;
  top: 0;
  left: -0.25rem;
  width: 0.25rem;
  height: 100%;
  background-color: #e3e5e6;
}
.timeline-block:first-child::after {
  top: 2.875rem;
}
.timeline-block:last-child::after {
  height: 3.75rem;
}
.timeline-block.milestone::before {
  top: 1.875rem;
  left: -1.125rem;
  width: 2rem;
  height: 2rem;
  background-color: #EAAA00;
  box-shadow: 0 0 0 0.375rem rgba(234, 170, 0, 0.4), 0 0 0 0.75rem white;
}
.timeline-block.milestone:first-child::after {
  top: 2.875rem;
}
.timeline-block.milestone:last-child::after {
  height: 2.875rem;
}
.timeline-card {
  width: calc(100% - 1rem);
  margin-bottom: 0;
}
@media screen and (min-width: 38.125em) {
  .timeline-card {
    width: 75%;
  }
}
.timeline-block.milestone .timeline-card {
  width: 100%;
}
.prepare .timeline-card {
  animation-duration: 0.6s;
  animation-delay: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0, 0, 0.265, 2.55);
  animation-play-state: paused;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .prepare .timeline-card {
    animation-name: smooth-entry-left;
  }
}
.in-view .timeline-card {
  animation-play-state: running;
}
.timeline-card *:last-child {
  margin-bottom: 0;
}

/*
	This pattern utilizes a responsive table technique developed by Adrian Roselli, and is outlined in his blog post here: adrianroselli.com/2017/11/a-responsive-accessible-table.html.
*/
.tuition-breakdown__figure {
  margin: 0;
}
.tuition-breakdown__figcaption {
  display: block;
  max-width: 75ch;
}
.tuition-breakdown__wrapper {
  overflow: auto;
}
.tuition-breakdown__table {
  width: 100%;
  margin-bottom: 1.5rem;
  border: 1px solid #dce1e6;
  font-variant-numeric: tabular-nums;
  table-layout: fixed;
}
.tuition-breakdown__table-caption {
  text-align: left;
}
.tuition-breakdown__col {
  width: 17ch;
}
.tuition-breakdown__col--label {
  width: auto;
}
.tuition-breakdown__col-heading {
  padding: 0.5rem 1rem;
  color: white;
  background-color: #002855;
  text-align: center;
  vertical-align: bottom;
}
.tuition-breakdown__col-heading--program {
  text-align: left;
}
.tuition-breakdown__col-heading--cost {
  text-align: left;
}
.tuition-breakdown__col-heading--year {
  text-align: left;
}
.tuition-breakdown__row + .tuition-breakdown__row {
  border-top: 1px solid #dce1e6;
}
.tuition-breakdown__row--sub-total {
  background-color: #dce1e6;
}
.tuition-breakdown__row--total {
  color: white;
  background-color: #333F48;
  font-weight: bold;
}
.tuition-breakdown__cell {
  padding: 0.5rem 1rem;
  text-align: right;
  vertical-align: text-top;
}
* + .tuition-breakdown__cell {
  border-left: 1px solid #dce1e6;
}
.tuition-breakdown__cell--row-heading {
  max-width: 525px;
  padding: 0.5rem 1rem 0.5rem 2rem;
  text-align: left;
  text-indent: -1rem;
}
.tuition-breakdown__cost-type {
  color: #333F48;
}
.tuition-breakdown__section-heading {
  text-align: left;
}
.tuition-breakdown__notes {
  display: grid;
  grid-template-columns: min-content auto;
  grid-row-gap: 0.75rem;
}
.tuition-breakdown__note-id {
  float: left;
  font-weight: bold;
}
.tuition-breakdown__note-link {
  color: white;
}
.tuition-breakdown__note-link:hover, .tuition-breakdown__note-link:focus {
  color: rgba(255, 255, 255, 0.7);
}
.tuition-breakdown__note-description {
  display: inline;
  margin-left: 0;
  padding: 0.1rem 0 0.1rem 0.75ch;
  font-size: 1rem;
  line-height: 1.4;
}
@media screen and (max-width: 50em) {
  .tuition-breakdown__table {
    display: block;
    border: none;
  }
  .tuition-breakdown__table-caption {
    display: block;
  }
  .tuition-breakdown__head {
    display: none;
  }
  .tuition-breakdown__body {
    display: block;
  }
  .tuition-breakdown__foot {
    display: block;
  }
  .tuition-breakdown__col {
    width: 100%;
  }
  .tuition-breakdown__row {
    display: block;
  }
  .tuition-breakdown__row--total {
    font-weight: normal;
  }
  .tuition-breakdown__cell {
    display: block;
    padding: 0.5rem 0.75rem;
    text-align: left;
    text-indent: 0;
  }
  * + .tuition-breakdown__cell {
    border-left: none;
  }
  .tuition-breakdown__cell:nth-child(2) {
    display: grid;
    grid-template-columns: 7rem auto;
    grid-gap: 1rem 0.5rem;
  }
  .tuition-breakdown__cell:nth-child(2)::before {
    content: "Resident: ";
    font-weight: normal;
  }
  .tuition-breakdown__cell:nth-child(3) {
    display: grid;
    grid-template-columns: 7rem auto;
    grid-gap: 1rem 0.5rem;
  }
  .tuition-breakdown__cell:nth-child(3)::before {
    content: "Non-Resident: ";
    font-weight: normal;
  }
}

.tuition-breakdown__notice p {
  margin-bottom: 0;
}
.tuition-breakdown__table {
  width: 100%;
  margin-bottom: 0;
  border: none;
  border-bottom: 0.0625rem solid #e3e5e6;
}
h2 + .tuition-breakdown__wrapper .tuition-breakdown__table-caption h3 {
  margin-top: 0;
}
.tuition-breakdown__col-heading {
  padding: 0.75rem;
  background-color: transparent;
  border-left: 0.0625rem solid #2C2A29;
}
.tuition-breakdown__note-link {
  margin-left: 0.125rem;
  color: #EAAA00;
  font-size: 1.5rem;
  line-height: 0.5;
  text-decoration: none;
}
.tuition-breakdown__note-link:hover, .tuition-breakdown__note-link:focus {
  color: #CD4C08;
  outline-color: #9BD3DD;
  outline-offset: 0.125rem;
}
@media screen and (max-width: 50em) {
  .tuition-breakdown__body {
    border-top: 0.0625rem solid #e3e5e6;
  }
}
.tuition-breakdown__row {
  border-left: 0.0625rem solid #e3e5e6;
  border-right: 0.0625rem solid #e3e5e6;
}
@media screen and (max-width: 50em) {
  .tuition-breakdown__row {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.tuition-breakdown__row:nth-child(even):not(.tuition-breakdown__row--sub-total) {
  background-color: #f3f4f5;
}
.tuition-breakdown__row + .tuition-breakdown__row {
  border-top: none;
}
.tuition-breakdown__head .tuition-breakdown__row {
  background-color: #333F48;
  border: 0.0625rem solid #2C2A29;
  border-bottom: none;
}
.tuition-breakdown__row--sub-total {
  background-color: #9BD3DD;
  border-left-color: #84c9d5;
  border-right-color: #84c9d5;
}
.tuition-breakdown__row--total {
  color: white;
  background-color: #002855;
  border: 0.0625rem solid #00152c;
  border-top: none;
}
.tuition-breakdown__cell {
  padding: 0.75rem;
}
@media screen and (max-width: 50em) {
  .tuition-breakdown__cell {
    padding: 0.5rem 0.75rem;
  }
}
* + .tuition-breakdown__cell {
  border-left: 0.0625rem solid #e3e5e6;
}
@media screen and (max-width: 50em) {
  * + .tuition-breakdown__cell {
    border-left: none;
  }
}
.tuition-breakdown__row--sub-total * + .tuition-breakdown__cell {
  border-left-color: #84c9d5;
}
.tuition-breakdown__row--total * + .tuition-breakdown__cell {
  border-left-color: #00152c;
}
.tuition-breakdown__cell--row-heading {
  /*max-width: 525px;*/
  max-width: none;
  /*padding: 0.5rem 1rem 0.5rem 2rem;*/
  padding: 0.75rem;
  line-height: 1.5;
  /*text-indent: -1rem;*/
  text-indent: 0;
}
.tuition-breakdown__note-id {
  font-size: 1.5rem;
}

body {
  overflow-x: hidden;
}

.tuition__table-figure {
  position: relative;
  padding: 3rem 0;
}
.tuition__table-figure::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 100vw;
  height: 100%;
  padding: 0;
  background-color: #eceae8;
  transform: translateX(-50%);
}
.tuition__table {
  position: relative;
  margin-bottom: 1.5rem;
  table-layout: fixed;
}
.tuition__table-caption {
  margin-bottom: 0.5rem;
  font-size: 1.5em;
  font-weight: bold;
  text-align: left;
}
.tuition__table-row:not(.tuition__table-row--head, .tuition__table-row--foot) {
  border-bottom: 1px solid #dedddc;
}
@media screen and (min-width: 45em) {
  .tuition__table-row:not(.tuition__table-row--head, .tuition__table-row--foot):hover .tuition__table-cell:not(.tuition__table-cell--section-header) {
    background-color: #fef4bc;
  }
}
.tuition__table-cell {
  padding: 0.5rem 0.75rem;
  background-color: white;
  text-align: right;
  font-variant-numeric: lining-nums;
  transition: all ease-in 0.1s;
}
.tuition__table-body .tuition__table-cell:nth-child(5) {
  border-left: 3px double #dedddc;
}
.tuition__table-body .tuition__table-cell:nth-child(5), .tuition__table-body .tuition__table-cell:nth-child(6) {
  background-color: #f7f6f6;
}
.tuition__table-cell--column-header {
  position: sticky;
  top: 0;
  color: white;
  background-color: #002855;
  text-align: right;
  vertical-align: bottom;
}
.tuition__table-cell--column-header:first-child {
  text-align: left;
}
.tuition__table-cell--section-header {
  color: white;
  background-color: #485966;
  text-align: left;
}
.tuition__table-cell--row-header {
  padding-left: 1.5rem;
  text-align: left;
}
@media screen and (max-width: 45em) {
  .tuition__table-figure {
    margin-left: 0;
    margin-right: 0;
  }
  .tuition__table, .tuition__table-caption, .tuition__table-body, .tuition__table-row, .tuition__table-cell {
    display: block;
    width: 100%;
  }
  .tuition__table {
    width: 100%;
  }
  .tuition__table-head {
    display: none;
  }
  .tuition__table-row:hover .tuition__table-cell:not(.tuition__table-cell--section-header) {
    background-color: none;
  }
  .tuition__table-body .tuition__table-cell {
    display: flex;
    justify-content: space-between;
    gap: 2ch;
    padding: 0.25rem 0.75rem;
    text-align: left;
  }
  .tuition__table-body .tuition__table-cell--section-header {
    padding: 0.5rem 0.75rem;
    font-size: 1.4rem;
  }
  .tuition__table-body .tuition__table-cell--row-header {
    padding: 1.5rem 0.75rem 0.5rem;
    font-size: 1.3rem;
  }
  .tuition__table-body .tuition__table-cell::before {
    font-weight: bold;
  }
  .tuition__table-body .tuition__table-cell:nth-child(2)::before {
    content: "University Tuition: ";
  }
  .tuition__table-body .tuition__table-cell:nth-child(3)::before {
    content: "University Fee: ";
  }
  .tuition__table-body .tuition__table-cell:nth-child(4)::before {
    content: "Program Fee: ";
  }
  .tuition__table-body .tuition__table-cell:nth-child(5) {
    border-left: none;
    background-color: white;
  }
  .tuition__table-body .tuition__table-cell:nth-child(5)::before {
    content: "Semester Total: ";
  }
  .tuition__table-body .tuition__table-cell:nth-child(6) {
    padding-bottom: 1.5rem;
    background-color: white;
  }
  .tuition__table-body .tuition__table-cell:nth-child(6)::before {
    content: "Per Credit Hour: ";
  }
}

/* Academics (working title)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
[data-type*=programs] .academics-search__input:focus, [data-type*=programs] .academics-search__select:focus {
  border-color: #EAAA00;
  box-shadow: 0 0 0 0.25rem rgba(234, 170, 0, 0.25);
}
[data-type*=residencies] .academics-search__input:focus, [data-type*=residencies] .academics-search__select:focus {
  border-color: #9ABEAA;
  box-shadow: 0 0 0 0.25rem rgba(154, 190, 170, 0.25);
}
[data-type*=fellowships] .academics-search__input:focus, [data-type*=fellowships] .academics-search__select:focus {
  border-color: #9BD3DD;
  box-shadow: 0 0 0 0.25rem rgba(155, 211, 221, 0.25);
}
[data-type*=centers-institutes] .academics-search__input:focus, [data-type*=centers-institutes] .academics-search__select:focus {
  border-color: #CD4C08;
  box-shadow: 0 0 0 0.25rem rgba(205, 76, 8, 0.25);
}
[data-type=programs] .academics-search__button {
  background-color: #EAAA00;
  box-shadow: inset 0 -0.125rem #ED8B00;
  color: #002855;
}
[data-type=programs] .academics-search__button:hover, [data-type=programs] .academics-search__button:focus {
  background-color: #ffbc0a;
  color: #002855;
}
[data-type=residencies] .academics-search__button {
  background-color: #9ABEAA;
  box-shadow: inset 0 -0.125rem #657A68;
  color: #002855;
}
[data-type=residencies] .academics-search__button:hover, [data-type=residencies] .academics-search__button:focus {
  background-color: #adcaba;
  color: #002855;
}
[data-type=fellowships] .academics-search__button {
  background-color: #9BD3DD;
  box-shadow: inset 0 -0.125rem #3ea3b6;
  color: #002855;
}
[data-type=fellowships] .academics-search__button:hover, [data-type=fellowships] .academics-search__button:focus {
  background-color: #b2dde5;
  color: #002855;
}
[data-type=centers-institutes] .academics-search__button {
  background-color: #CD4C08;
  box-shadow: inset 0 -0.125rem #9e302b;
}
[data-type=centers-institutes] .academics-search__button:hover, [data-type=centers-institutes] .academics-search__button:focus {
  background-color: #b04107;
  box-shadow: inset 0 -0.125rem #862925;
}
.academics-items {
  margin-top: 2rem;
}
.academics-items__message {
  margin-top: 2rem;
  padding-top: 0.5rem;
  border-top: 0.0625rem solid #e3e5e6;
  color: #6d787c;
}
.academics-item {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "group group" "name name" "categories categories" "sub-items sub-items";
  justify-content: start;
  align-items: start;
  margin-top: 1rem;
  padding: 1rem;
  padding-bottom: 1rem;
  border-top: 0.25rem solid #e3e5e6;
}
@media screen and (min-width: 42.5em) {
  .academics-item {
    grid-template-areas: "group categories" "name categories" "sub-items sub-items";
  }
}
.academics-item--departments {
  border-color: #005EB8;
}
.academics-item--centers-institutes {
  border-color: #CD4C08;
}
.academics-item--programs {
  border-color: #EAAA00;
}
.academics-item[hidden] {
  display: none;
}
.academics-item__name {
  grid-area: name;
  padding-bottom: 0;
  font-size: 1.375rem;
  line-height: 1.4;
}
.academics-item__name::after {
  display: none;
}
.academics-item__group {
  grid-area: group;
  justify-self: start;
  display: inline-block;
  margin-bottom: 0.75rem;
  border-radius: 0.125rem;
  color: white;
  font-size: 0.875rem;
  font-weight: bold;
}
.academics-item--departments .academics-item__group {
  background-color: #005EB8;
}
.academics-item--centers-institutes .academics-item__group {
  background-color: #CD4C08;
}
.academics-item--programs .academics-item__group {
  background-color: #EAAA00;
  color: #002855;
}
.academics-item__group-text, .academics-item__group-campus {
  display: inline-block;
  padding: 0.25rem 0.5rem;
}
.academics-item__group-campus {
  padding: 0.25rem 0.5rem;
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
  background-color: #0033A0;
}
.academics-item__categories {
  grid-area: categories;
  margin-top: 1rem;
}
@media screen and (min-width: 42.5em) {
  .academics-item__categories {
    margin-top: 0;
    text-align: right;
  }
}
.academics-item__actions {
  grid-area: actions;
  margin: 1.5rem 1rem 0.5rem;
}
.academics-item__action {
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.academics-item__action--label {
  font-weight: bold;
}
.academics-item__sub-items {
  grid-area: sub-items;
  margin-top: 1rem;
}
.academics-item__sub-item {
  position: relative;
}
.academics-item__sub-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1rem;
  width: 0.25rem;
  height: 100%;
  background-color: green;
}
.academics-item__sub-item[data-type=majors]::before {
  background-color: #EAAA00;
}
.academics-item__sub-item[data-type=residencies]::before {
  background-color: #9ABEAA;
}
.academics-item__sub-item[data-type=fellowships]::before {
  background-color: #9BD3DD;
}
.academics-item__sub-item[data-type=centers-institutes]::before {
  background-color: #CD4C08;
}

/* Program
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.program-overview__primary {
  font-size: 1.25rem;
}
.program-overview__heading {
  color: #002855;
}
.program-highlights {
  padding-bottom: 8rem;
  background-color: #002855;
  color: white;
}
.program-highlights--bg-gold {
  background-color: #EAAA00;
  color: #2C2A29;
}
.program-highlights--bg-wvu-pattern {
  background-repeat: no-repeat;
  background-size: cover;
}
.program-highlights--bg-blue.program-highlights--bg-wvu-pattern {
  background-image: linear-gradient(180deg, rgba(0, 40, 85, 0.98), rgba(0, 40, 85, 0.98)), url("../Images/pattern-white.svg");
}
.program-highlights--bg-gold.program-highlights--bg-wvu-pattern {
  background-image: linear-gradient(180deg, rgba(234, 170, 0, 0.875), rgba(234, 170, 0, 0.875)), url("../Images/pattern-white.svg");
}
.program-highlights--bg-blue.program-highlights--bg-petri-dishes {
  background-image: linear-gradient(180deg, rgba(0, 40, 85, 0.9), rgba(0, 40, 85, 0.9)), url("../Images/Programs/background-petri-dishes.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.program-highlights--bg-gold.program-highlights--bg-petri-dishes {
  background-image: linear-gradient(180deg, rgba(234, 170, 0, 0.8), rgba(234, 170, 0, 0.8)), url("../Images/Programs/background-petri-dishes.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.program-highlights__primary {
  font-size: 1.25rem;
}
.program-highlights__heading {
  margin-bottom: 1rem;
  color: #9BD3DD;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
.program-highlights--bg-gold .program-highlights__heading {
  color: #002855;
  text-shadow: none;
}
.program-highlights h2:not([class]) {
  color: white;
}
.program-highlights--bg-gold .program-highlights h2:not([class]) {
  color: #2C2A29;
}
.program-highlights strong {
  color: #EAAA00;
}
.program-highlights--bg-gold strong {
  color: #002855;
}
.program-highlights__card + .program-highlights__card {
  margin-top: 2rem;
}
.program-stats__heading {
  position: relative;
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  color: white;
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1;
}
.program-highlights--bg-gold .program-stats__heading {
  color: #2C2A29;
}
.program-stats__heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 0.3125rem;
  background: #EAAA00;
}
.program-highlights--bg-gold .program-stats__heading::after {
  background-color: white;
}
.program-highlights--bg-gold .program-stat {
  color: #2C2A29;
}
.program-stat--outcome {
  max-width: 30rem;
}
.program-stat + .program-stat {
  margin-top: 2rem;
}
.program-stat .stat__highlight {
  display: block;
  color: #9BD3DD;
  text-shadow: 0.0625rem 0.0625rem 0 black;
}
.program-highlights--bg-gold .program-stat .stat__highlight {
  color: #002855;
  text-shadow: 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.15);
}

/* Profile slideshow
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.profile-slideshow {
  padding-top: 0;
  padding-bottom: 8rem;
  background-color: #002855;
}
.profile-slideshow__header {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: white;
}
@media screen and (min-width: 67.5em) {
  .profile-slideshow__header {
    padding-bottom: 0.5rem;
  }
}
@media screen and (min-width: 67.5em) {
  .profile-slideshow__heading, .profile-slideshow__tabs {
    padding-left: 20.75rem;
  }
}
.profile-slideshow__heading {
  color: #002855;
}
@media screen and (min-width: 40em) {
  .profile-slideshow__heading {
    font-size: 6.5rem;
  }
}
.profile-slideshow__tabs {
  overflow-x: auto;
  display: flex;
  justify-content: flex-start;
  line-height: 1.3;
  margin-left: -1rem;
  font-size: 1rem;
}
@media screen and (min-width: 67.5em) {
  .profile-slideshow__tabs {
    overflow-x: visible;
  }
}
.profile-slideshow__tab {
  flex: 0 0 auto;
  /*&-credentials {
      font-size: .875rem;
  }*/
}
@media screen and (min-width: 67.5em) {
  .profile-slideshow__tab {
    flex: revert;
  }
}
.profile-slideshow__tab--view-more {
  flex: 1 0 auto;
  /*@media screen and (min-width: 47.5em) {
      display: revert;
  }*/
}
.profile-slideshow__tab + .profile-slideshow__tab {
  border-left: 0.0625rem solid #d8dcdd;
}
.profile-slideshow__tab-link {
  position: relative;
  display: block;
  height: 100%;
  padding-bottom: 0.5rem;
  background-color: transparent;
  text-decoration: none;
  padding-left: 1rem;
  padding-right: 1rem;
}
.profile-slideshow__tab-link::before {
  content: "";
  display: block;
  transform: scaleX(1);
  transform-origin: left center;
  width: 2rem;
  height: 0.3125rem;
  margin-bottom: 0.5rem;
  background-color: #bdc3c5;
  transition-property: transform, background-color;
  transition-duration: 0.25s;
}
.profile-slideshow__tab-link:hover::before, .profile-slideshow__tab-link:focus::before, .profile-slideshow__tab-link[aria-selected]::before {
  transform: scaleX(2);
  background-color: #EAAA00;
}
.profile-slideshow__tab-status {
  display: block;
  font-size: 0.75rem;
}
@media screen and (min-width: 33.75em) {
  .profile-slideshow__tab-status {
    font-size: 0.875rem;
  }
}
.profile-slideshow__item[hidden] {
  display: none;
}
.profile-slideshow__item:not([hidden]) .profile__image,
.profile-slideshow__item:not([hidden]) .profile__name,
.profile-slideshow__item:not([hidden]) .profile__status,
.profile-slideshow__item:not([hidden]) .profile__quote,
.profile-slideshow__item:not([hidden]) .profile__buttons {
  animation-name: smooth-entry-up;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.profile-slideshow__item:not([hidden]) .profile__name {
  animation-delay: 0.075s;
}
.profile-slideshow__item:not([hidden]) .profile__status {
  animation-delay: 0.15s;
}
.profile-slideshow__item:not([hidden]) .profile__quote {
  animation-delay: 0.225s;
}
.profile-slideshow__item:not([hidden]) .profile__buttons {
  animation-delay: 0.3s;
}
.profile-slideshow__item a:focus {
  outline-color: white;
}

/* Condensed story
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.condensed-story {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: auto 1fr;
}
.condensed-story__image-container {
  width: 9.375rem;
  height: 6.25rem;
}
.condensed-story__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Contact
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.contact {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.contact__heading {
  position: relative;
  margin-top: 0;
  padding-bottom: 0.75rem;
  color: white;
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1;
}
.contact__heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 0.3125rem;
  background: #EAAA00;
}
.contact .directory-card__details {
  display: grid;
  grid-gap: 1rem 0.25rem;
  grid-template-columns: auto 1fr;
  margin-top: 0;
}
.contact .directory-card__label {
  grid-column-start: 1;
  margin-top: 0;
}
.contact .directory-card__value--position {
  grid-column: 1/-1;
}

.match-day-map__search-container {
  max-width: 50rem;
  margin: 2rem auto 0;
}
.match-day-map__state {
  position: relative;
}
.match-day-map__state-label {
  fill: #666666;
  font-size: 0.9rem;
  transform-origin: center;
  transition: fill 0.25s ease;
}
.match-day-map__state-path {
  fill: #e5e7e9;
  stroke: black;
  position: relative;
  z-index: 1;
  vector-effect: non-scaling-stroke;
  transition: fill 0.25s ease, stroke 0.25s ease;
}
.match-day-map__state--has-match .match-day-map__state-label {
  fill: #002855;
  cursor: default;
}
@media screen and (min-width: 45em) {
  .match-day-map__state--has-match .match-day-map__state-label {
    cursor: pointer;
  }
}
.match-day-map__state--has-match .match-day-map__state-path {
  fill: #EAAA00;
  cursor: default;
}
@media screen and (min-width: 45em) {
  .match-day-map__state--has-match .match-day-map__state-path {
    cursor: pointer;
  }
}
.match-day-map__state--has-match:hover .match-day-map__state-label, .match-day-map__state--has-match:focus .match-day-map__state-label {
  fill: white;
}
.match-day-map__state--has-match:hover .match-day-map__state-path, .match-day-map__state--has-match:focus .match-day-map__state-path {
  fill: #005EB8;
}
.match-day-map__state--current .match-day-map__state-label {
  fill: white;
}
.match-day-map__state--current .match-day-map__state-path {
  animation: color-change 1s infinite alternate;
}
.match-day-map__state--current:hover .match-day-map__state-label, .match-day-map__state--current:focus .match-day-map__state-label {
  fill: white;
  cursor: default;
}
@media screen and (min-width: 45em) {
  .match-day-map__state--current:hover .match-day-map__state-label, .match-day-map__state--current:focus .match-day-map__state-label {
    cursor: pointer;
  }
}
.match-day-map__state--current:hover .match-day-map__state-path, .match-day-map__state--current:focus .match-day-map__state-path {
  cursor: default;
}
@media screen and (min-width: 45em) {
  .match-day-map__state--current:hover .match-day-map__state-path, .match-day-map__state--current:focus .match-day-map__state-path {
    cursor: pointer;
  }
}
.match-day-map__listings {
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}
.match-day-map__listing {
  margin-top: 2rem;
  padding: 2rem;
  border-top: 0.25rem solid #EAAA00;
  animation-name: smooth-entry-down;
  animation-duration: 0.375s;
}
.match-day-map__listing .campaign-area__subheading {
  font-size: 2rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 45em) {
  .match-day-map__listing .campaign-area__subheading {
    font-size: 2.75rem;
  }
}
.match-day-map__match-list {
  margin: 0;
  padding: 0;
  list-style: none;
  column-count: 1;
  column-gap: 2rem;
}
@media screen and (min-width: 45em) {
  .match-day-map__match-list {
    column-count: 2;
    column-gap: 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
  }
}
.match-day-map__match-item {
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
}
.match-day-map__match-item:not(:last-child) {
  margin-bottom: 1rem;
}
.match-day-map__match-item[aria-hidden=true][hidden] {
  display: none;
}
.match-day-map__match-name dt.match__label, .match-day-map__match-location dt.match__label, .match-day-map__match-transitional-year dt.match__label {
  margin: 0;
}
.match-day-map__match-name dd.match__value, .match-day-map__match-location dd.match__value, .match-day-map__match-transitional-year dd.match__value {
  margin: 0;
}
.match-day-map__match-name {
  font-size: 1.375rem;
  font-weight: bold;
}
.match-day-map__match-name dd.match__value {
  color: #EAAA00;
}
.match-day-map__match-location {
  font-size: 0.9rem;
}
.match-day-map__match-location dd.match__value--program {
  font-weight: bold;
  margin-right: 0.25rem;
  font-size: 1rem;
}
.match-day-map__match-transitional-year {
  margin-top: 0.5rem;
  font-size: 0.9rem;
}
.match-day-map__match-transitional-year .match__label {
  font-weight: bold;
}
.match-day-map__match-picture {
  max-width: 3.75rem;
  margin-right: 1rem;
  height: auto;
  width: 100%;
  border: 1.5px #A2AAAD solid;
}
.match-day-map__match-text {
  display: flex;
  align-self: flex-start;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0;
}
.match-day-map__show-all {
  margin-top: 1rem;
  text-align: center;
}
.match-day-map__show-all-button[aria-hidden=true][hidden] {
  display: none;
}

@keyframes color-change {
  from {
    fill: #002855;
  }
  to {
    fill: #003979;
  }
}
/* Physical Therapy - 50 years
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.pt-50-years {
  margin-top: 2rem;
}
.pt-50-years__graphic {
  position: relative;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 20% 1fr 20%;
  align-items: center;
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.pt-50-years__graphic::before, .pt-50-years__graphic::after {
  content: "";
  display: block;
  height: 1rem;
  background-image: linear-gradient(to top, transparent 0.25rem, white 0.25rem), linear-gradient(to right, white 0.5rem, #EAAA00 0.5rem, #EAAA00 calc(100% - 0.5rem), white calc(100% - 0.5rem));
  border-top: 0.25rem solid #EAAA00;
}
@media screen and (min-width: 640px) and (max-width: 1039px) {
  .pt-50-years__graphic::before, .pt-50-years__graphic::after {
    height: 2rem;
    background-image: linear-gradient(to top, transparent 0.5rem, white 0.5rem), linear-gradient(to right, white 0.75rem, #EAAA00 0.75rem, #EAAA00 calc(100% - 0.75rem), white calc(100% - 0.75rem));
    border-top: 0.5rem solid #EAAA00;
  }
}
.pt-50-years__image {
  flex: 1;
  width: 100%;
  height: auto;
}

/* Accreditation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.accreditation {
  max-width: 50rem;
}
.accreditation__heading {
  margin-top: 0;
}
.accreditation__summary {
  font-size: 0.875rem;
}
.accreditation__summary p:last-child {
  margin-bottom: 0;
}

.yoshkidiv a {
  display: block;
}

/* Campaign
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.page--campaign {
  background-color: #002855;
}

.campaign {
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
}
.campaign-hero {
  position: relative;
  height: 100vh;
  min-height: 40rem;
  background-color: #002855;
  overflow: hidden;
}
.campaign-hero .layout-container {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  z-index: 1;
}
.campaign-hero .layout-container::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  transform: skewX(-33.75deg) translateX(20.5rem);
  transform-origin: top left;
  display: block;
  width: 200vw;
  height: 150vh;
  background-color: rgba(0, 40, 85, 0.98);
}
@media screen and (min-width: 60em) {
  .campaign-hero .layout-container::before {
    transform: skewX(-33.75deg) translateX(26rem);
  }
}
.campaign-hero__heading {
  position: relative;
  z-index: 1;
  max-width: 50rem;
  margin-top: 0;
  margin-bottom: 0;
  color: white;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-size: 4rem;
  line-height: 0.85;
  font-weight: normal;
  text-transform: uppercase;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
@media screen and (min-width: 41.25em) {
  .campaign-hero__heading {
    font-size: 5rem;
    line-height: 0.8;
  }
}
@media screen and (min-width: 48.75em) {
  .campaign-hero__heading {
    font-size: 6rem;
  }
}
@media screen and (min-width: 52.5em) {
  .campaign-hero__heading {
    font-size: 6.5rem;
  }
}
.campaign-hero--match-day .campaign-hero__heading {
  font-size: 4.25rem;
  line-height: 0.85;
}
@media screen and (min-width: 27.5em) {
  .campaign-hero--match-day .campaign-hero__heading {
    font-size: 5rem;
  }
}
@media screen and (min-width: 35em) {
  .campaign-hero--match-day .campaign-hero__heading {
    font-size: 6.5rem;
  }
}
@media screen and (min-width: 46.25em) {
  .campaign-hero--match-day .campaign-hero__heading {
    font-size: 8rem;
  }
}
@media screen and (min-width: 57.5em) {
  .campaign-hero--match-day .campaign-hero__heading {
    font-size: 10rem;
  }
}
.campaign-hero__highlight {
  color: #EAAA00;
}
.campaign-hero__background-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  object-fit: cover;
  opacity: 0.65;
}
.campaign-area {
  position: relative;
  /* If the .affiliate bar precedes a .campaign-area... */
}
.campaign-area--has-profile:last-child::after, .campaign-area--has-video-profile:last-child::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 8rem;
  background-color: #002855;
}
.campaign-area--has-profile + .campaign-area, .campaign-area--has-video-profile + .campaign-area {
  margin-top: -8rem;
  padding-top: 8rem;
}
.campaign-area:not([class*=background--]):not(.campaign-area--form) {
  background-color: white;
}
.campaign-area:not([class*=background--]):not(.campaign-area--form) p:not(.campaign-area__lead) strong {
  color: #002855;
}
.campaign-area:nth-child(3n+3):not(.campaign-area--has-video):not(.campaign-area--form) {
  background-color: #EAAA00;
}
.campaign-area:nth-child(3n+4):not(.campaign-area--has-video):not(.campaign-area--form) {
  background-color: #002855;
  color: white;
}
.campaign-area:nth-child(3n+4):not(.campaign-area--has-video):not(.campaign-area--form) p:not(.campaign-area__lead) strong {
  color: #EAAA00;
}
.campaign-area--has-video {
  color: white;
}
@media screen and (min-width: 87.5em) {
  .affiliate + .campaign-area {
    padding-top: 8rem;
  }
}
.campaign-area__grid {
  position: relative;
  display: grid;
  grid-column-gap: 4rem;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "primary primary primary";
  z-index: 1;
}
@media screen and (min-width: 65em) {
  .campaign-area__grid {
    grid-template-areas: "primary primary .";
  }
}
.campaign-area--full .campaign-area__grid {
  grid-template-areas: "primary primary primary";
}
.campaign-area--has-profile .campaign-area__grid {
  grid-template-areas: "primary primary primary" "profile profile profile";
}
@media screen and (min-width: 38.75em) {
  .campaign-area--has-profile .campaign-area__grid {
    grid-template-areas: "primary primary primary" "profile . .";
  }
}
@media screen and (min-width: 65em) {
  .campaign-area--has-profile .campaign-area__grid {
    grid-template-areas: "primary primary profile";
  }
}
@media screen and (min-width: 65em) {
  .campaign-area--has-profile:nth-child(2n+3):not(.campaign-area--form) .campaign-area__grid {
    grid-template-areas: "profile primary primary";
  }
}
.campaign-area--has-video-profile .campaign-area__grid {
  grid-template-columns: 6fr 4fr;
  grid-template-areas: "primary primary" "profile profile";
}
@media screen and (min-width: 38.75em) {
  .campaign-area--has-video-profile .campaign-area__grid {
    grid-template-areas: "primary primary" "profile .";
  }
}
@media screen and (min-width: 65em) {
  .campaign-area--has-video-profile .campaign-area__grid {
    grid-template-areas: "primary profile";
  }
}
.campaign-area--has-video-profile:nth-child(2n+3):not(.campaign-area--form) .campaign-area__grid {
  grid-template-columns: 4fr 5fr;
}
@media screen and (min-width: 65em) {
  .campaign-area--has-video-profile:nth-child(2n+3):not(.campaign-area--form) .campaign-area__grid {
    grid-template-areas: "profile primary";
  }
}
.campaign-area--has-video .campaign-area__grid {
  grid-template-areas: "primary primary primary" "video video video" "spotify spotify spotify";
}
@media screen and (min-width: 65em) {
  .campaign-area--has-video .campaign-area__grid {
    grid-template-areas: "primary primary ." "video video spotify";
  }
}
.campaign-area--form .campaign-area__grid {
  grid-template-areas: "primary primary primary" "profile profile profile";
}
@media screen and (min-width: 65em) {
  .campaign-area--form .campaign-area__grid {
    grid-template-areas: "primary primary profile";
  }
}
.campaign-area--spotify .campaign-area__grid {
  grid-template-areas: "spotify spotify spotify";
}
@media screen and (min-width: 65em) {
  .campaign-area--spotify .campaign-area__grid {
    grid-template-areas: ". . spotify";
  }
}
.campaign-area__primary {
  grid-area: primary;
  font-size: 1.25rem;
}
@media screen and (min-width: 65em) {
  .campaign-area--has-profile .campaign-area__primary, .campaign-area--has-video-profile .campaign-area__primary {
    padding-bottom: 8rem;
  }
}
.campaign-area__heading {
  color: #002855;
}
.campaign-area:nth-child(3n+3):not(.campaign-area--has-video) .campaign-area__heading {
  color: #002855;
}
.campaign-area:nth-child(3n+4):not(.campaign-area--has-video) .campaign-area__heading {
  color: #EAAA00;
}
.campaign-area--has-video .campaign-area__heading {
  color: #EAAA00;
}
.campaign-area__text {
  /**/
}
@media screen and (min-width: 52.5em) {
  .campaign-area--two-column .campaign-area__text {
    column-count: 2;
    column-gap: 8rem;
    column-rule: 0.0625rem dotted #615f5f;
  }
}
.campaign-area:nth-child(3n+4):not(.campaign-area--has-video) .campaign-area__text :not(.button-user) > a[href] {
  color: #EAAA00;
}
.campaign-area:nth-child(3n+4):not(.campaign-area--has-video) .campaign-area__text :not(.button-user) > a[href]:hover, .campaign-area:nth-child(3n+4):not(.campaign-area--has-video) .campaign-area__text :not(.button-user) > a[href]:focus {
  color: #ED8B00;
}
.campaign-area:nth-child(3n+4):not(.campaign-area--has-video) .campaign-area__text h2 {
  color: #9BD3DD;
}
.campaign-area__text h3:first-child,
.campaign-area__text h4:first-child {
  margin-top: 0;
}
.campaign-area__text ul:not([class]) {
  font-size: 1.125rem;
}
@media screen and (min-width: 52.5em) {
  .campaign-area--two-column-list .campaign-area__text ul, .campaign-area--three-column-list .campaign-area__text ul {
    column-count: 2;
    column-gap: 8rem;
  }
}
@media screen and (min-width: 67.5em) {
  .campaign-area--three-column-list .campaign-area__text ul {
    column-count: 3;
    column-gap: 8rem;
  }
}
.campaign-area__lead {
  font-size: 1.5rem;
  line-height: 1.3;
}
.campaign-area__lead:first-child {
  margin-top: 0;
}
.campaign-area--has-video .campaign-area__lead {
  color: white;
}
.campaign-area__stat {
  grid-column: span 2;
  margin-top: 2rem;
  margin-bottom: 0;
  padding-left: 1rem;
  border-left: 0.5rem solid #EAAA00;
  line-height: 1.2;
}
.campaign-area:nth-child(3n+3):not(.campaign-area--has-video) .campaign-area__stat {
  border-left-color: #002855;
}
.campaign-area__stat-highlight {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: #0033A0;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-size: 4rem;
  font-weight: normal;
  line-height: 0.9;
}
.campaign-area:nth-child(3n+3):not(.campaign-area--has-video) .campaign-area__stat-highlight {
  color: #002855;
}
.campaign-area:nth-child(3n+4):not(.campaign-area--has-video) .campaign-area__stat-highlight {
  color: #EAAA00;
}
.campaign-area--has-video .campaign-area__stat-highlight {
  color: #EAAA00;
}
.campaign-area__profile {
  grid-area: profile;
  justify-self: end;
  align-self: end;
  max-width: 30rem;
  margin-top: 2rem;
}
@media screen and (min-width: 26.25em) {
  .campaign-area__profile {
    min-width: 22.5rem;
  }
}
@media screen and (min-width: 65em) {
  .campaign-area__profile {
    margin-top: 0;
  }
}
.campaign-area__video {
  grid-area: video;
  color: #2C2A29;
}
.campaign-area__spotify {
  grid-area: spotify;
  align-self: start;
  margin-top: 1rem;
}
@media screen and (min-width: 60em) {
  .campaign-area__spotify {
    margin-top: 0;
  }
}
@media screen and (min-width: 65em) {
  .campaign-area--spotify .campaign-area__spotify {
    margin-top: -10rem;
  }
}
.campaign-area__background-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  object-fit: cover;
  opacity: 0.1;
}
.campaign-area__wufoo-form {
  padding-left: 2rem;
  padding-right: 2rem;
}
.campaign__columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.campaign-area--has-profile + .campaign__columns, .campaign-area--has-video-profile + .campaign__columns {
  margin-top: -8rem;
}
.campaign__column {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -moz-box-flex: 100%;
  -moz-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: white;
}
@media screen and (min-width: 65em) {
  .campaign__column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 40rem;
  }
}
@media screen and (min-width: 65em) {
  .campaign__column:nth-child(odd) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    padding-right: 4rem;
  }
}
@media screen and (min-width: 65em) {
  .campaign__column:nth-child(even) {
    padding-left: 4rem;
  }
}
.campaign-area--has-profile + .campaign__columns .campaign__column:first-child, .campaign-area--has-video-profile + .campaign__columns .campaign__column:first-child {
  padding-top: 8rem;
}
@media screen and (min-width: 65em) {
  .campaign-area--has-profile + .campaign__columns .campaign__column, .campaign-area--has-video-profile + .campaign__columns .campaign__column {
    padding-top: 8rem;
  }
}
.campaign__column .module__lede {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  max-width: 33.5rem;
  margin-right: 0;
}
.campaign__column .module__heading {
  font-size: 3.5rem;
}
.campaign__column--research {
  background-image: linear-gradient(#f3f4f5, white 8rem);
}
.campaign__column--research .module__heading {
  color: #CD4C08;
}
.campaign__column--explore-morgantown {
  background-color: #005EB8;
  color: white;
}
.campaign__column--explore-morgantown .module__heading {
  color: #FDDA24;
}
.campaign__column--explore-morgantown .button {
  margin-top: 1rem;
}
.campaign__column--explore-morgantown .button:focus {
  outline-color: white;
}
.campaign__column--explore-morgantown .module__video {
  mix-blend-mode: multiply;
  opacity: 0.2;
}
.campaign__column--explore-morgantown .module__video-control {
  position: absolute;
  top: auto;
  bottom: 2rem;
  right: 2rem;
}
.campaign__r1-graphic {
  position: relative;
  margin-bottom: -4rem;
}
.campaign__r1-graphic::before, .campaign__r1-graphic::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 4rem;
}
.campaign__r1-graphic::before {
  top: 0;
  background-image: linear-gradient(white 1rem, rgba(255, 255, 255, 0));
}
.campaign__r1-graphic::after {
  bottom: 0;
  background-image: linear-gradient(to top, white 1rem, rgba(255, 255, 255, 0));
}
.campaign__r1-graphic svg {
  width: 100%;
  max-width: 26.25rem;
}

.spotify-button {
  display: inline-block;
  border-radius: 0.625rem;
  border: 0.0625rem solid #e3e5e6;
  box-shadow: 0 0.125rem #e3e5e6;
}
.spotify-button__image {
  display: block;
}

/* Committee
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.committee-members + .committee-members {
  margin-top: 4rem;
}
.committee-members .directory-list__users {
  display: block;
  border-top: 0.0625rem solid #e3e5e6;
}
.committee-members .directory-card {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "photo-container info-container" "photo-container info-container" "actions actions";
  border-radius: 0;
  background-color: transparent;
  background-image: none;
  border: none;
  border-bottom: 0.0625rem solid #e3e5e6;
  box-shadow: none;
}
.committee-members .directory-card__photo-container {
  grid-area: photo-container;
  margin-bottom: 0;
  padding: 1rem 0.5rem 1rem 0;
  background: none;
}
.committee-members .directory-card__photo {
  transform: none;
}
.committee-members .directory-card__info-container {
  grid-area: info-container;
  padding: 1rem 0 1rem 0.5rem;
}
.committee-members .directory-card__name {
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.3;
}
.committee-members .directory-card__details {
  margin-top: 0;
  margin-bottom: 0;
}
.committee-members .directory-card__label--position, .committee-members .directory-card__value--position {
  display: inline-block;
  margin-top: 1rem;
}

/* Conferences
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.conferences-primary {
  font-size: 1.125rem;
}
.conferences-profile__header {
  padding-top: 4rem;
  padding-bottom: 3rem;
  background-color: #002855;
}
@media screen and (min-width: 48em) {
  .conferences-profile__header {
    padding-bottom: 1rem;
  }
}
.conferences-profile__heading {
  margin-top: 0;
  margin-bottom: 0;
  color: white;
}
@media screen and (min-width: 48em) {
  .conferences-profile__heading {
    padding-left: 16rem;
  }
}
@media screen and (min-width: 65em) {
  .conferences-profile__heading {
    padding-left: 20.75rem;
  }
}
.conferences-profile--no-media .conferences-profile__heading {
  padding-left: 0;
}
.conferences-profile__body {
  display: grid;
  background-color: white;
}
@media screen and (min-width: 48em) {
  .conferences-profile__body {
    grid-template-columns: auto 1fr;
  }
}
.conferences-profile__image {
  width: 100%;
  max-width: 18.75rem;
  margin-top: -2rem;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 48em) {
  .conferences-profile__image {
    max-width: 14rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 65em) {
  .conferences-profile__image {
    max-width: 18.75rem;
  }
}
.conferences-profile__text {
  margin-top: 2rem;
  font-size: 1.125rem;
}
.conferences-body {
  grid-template-areas: "details details" "topics topics" "continuing-education continuing-education";
}
@media screen and (min-width: 65em) {
  .conferences-body {
    grid-template-areas: "details topics" "continuing-education topics";
  }
}
.conferences-details {
  grid-area: details;
}
.conferences-topics {
  grid-area: topics;
}
.conferences-continuing-education {
  grid-area: continuing-education;
}
.conferences-speaker {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 2rem;
}
.conferences-speaker:not(:last-child) {
  border-bottom: 0.063rem dashed #d0d7dd;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
.conferences-speakers {
  margin-top: 2rem;
}
.conferences-speaker__image {
  min-width: 8rem;
}
.conferences-speaker__name {
  margin-top: 0;
}
.conferences-speaker__bio p:last-of-type {
  margin-bottom: 0;
}

/* Leadership
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.leadership + .leadership {
  margin-top: 4rem;
}
.leadership .directory-list__users {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
}
.leadership .directory-card {
  margin-bottom: 0;
  padding: 1.5rem 1.5rem 0;
  border-radius: 0;
  background-image: linear-gradient(to top, #e3e5e6 0.0625rem, #f3f4f5 0.0625rem, white);
  background-repeat: no-repeat;
  background-size: 100% 5rem;
  border: none;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.06), 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}
.leadership .directory-card:not(.directory-card--expand) {
  align-items: center;
  text-align: center;
}
.leadership .directory-card--expand {
  grid-column: 1/-1;
}
.leadership .directory-card__photo-container {
  width: 6rem;
  height: 6rem;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  background-image: none;
  border-radius: 50%;
  overflow: hidden;
}
.leadership .directory-card__photo {
  transform: none;
  width: 100%;
  height: auto;
  max-width: none;
}
.leadership .directory-card__info-container {
  padding: 0;
}
.leadership .directory-card__info-container p {
  margin-top: 1rem;
  margin-bottom: 0;
}
.leadership .directory-card__name {
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.3;
}
.leadership .directory-card__honorary-suffix {
  margin-top: 0.25rem;
}
.leadership .directory-card__details {
  margin-top: 1rem;
  margin-bottom: 0;
  line-height: 1.4;
}
.leadership .directory-card__label--position, .leadership .directory-card__value--position {
  display: inline-block;
}
.leadership .directory-card__label--position {
  display: none !important;
}
.leadership .directory-card__actions {
  display: block;
  width: 100%;
  padding-left: 0 !important;
  background-color: transparent;
}
.leadership .directory-card__action {
  margin-top: 1.5rem;
  padding: 1rem 0;
  border-top: 0.0625rem solid #e3e5e6;
}

/* Components
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.sc {
  /*&-summary {
  	--card-background-color: #00234b;
  	--card-text-color: white;
  	--card-heading-color: var(--card-text-color);
  	--card-heading-accent-color: #EAAA00;

  	border: .0625rem solid #002d5f;
  	box-shadow: none;

  	& + & {
  		margin-top: 1rem;
  	}
  }*/
}
.sc-values, .sc-areas {
  padding-top: 0;
}
.sc-values {
  background-color: #002855;
}
.sc-values__heading {
  color: white;
}
.sc-priorities {
  background-color: white;
}
.sc-description {
  background-color: var(--sc-priority-description-background-color);
  display: grid;
  grid-template-columns: 7rem 1fr;
  min-height: 7rem;
}
.sc-description__icon {
  background-color: var(--sc-priority-description-icon-background-color);
  fill: var(--sc-priority-description-icon-fill-color);
  padding: 1rem;
  width: 100%;
  height: 100%;
}
.sc-description__text {
  color: var(--sc-priority-description-icon-fill-color);
  margin: 0;
  padding: 1rem;
  font-size: 1.5rem;
  line-height: 1.3;
  align-self: center;
}
.sc-card--kindness .sc-card__link:hover, .sc-card--kindness .sc-card__link:focus {
  background-color: #BE3A34;
  color: white;
}
.sc-card--engagement .sc-card__link:hover, .sc-card--engagement .sc-card__link:focus {
  background-color: #BFB8AF;
}
.sc-card--empowerment .sc-card__link:hover, .sc-card--empowerment .sc-card__link:focus {
  background-color: #FDDA24;
}
.sc-card--purpose .sc-card__link:hover, .sc-card--purpose .sc-card__link:focus {
  background-color: #ED8B00;
}
.sc-card--kindness .sc-card__link:hover .sc-card__heading::after, .sc-card--kindness .sc-card__link:focus .sc-card__heading::after {
  background-color: #ce524d;
}
.sc-card--engagement .sc-card__link:hover .sc-card__heading::after, .sc-card--engagement .sc-card__link:focus .sc-card__heading::after {
  background-color: #7C736A;
}
.sc-card--empowerment .sc-card__link:hover .sc-card__heading::after, .sc-card--empowerment .sc-card__link:focus .sc-card__heading::after {
  background-color: #EAAA00;
}
.sc-card--purpose .sc-card__link:hover .sc-card__heading::after, .sc-card--purpose .sc-card__link:focus .sc-card__heading::after {
  background-color: #CD4C08;
}
.sc-card__icon {
  transition-property: fill;
  transition-duration: 0.25s;
}
.sc-card--kindness .sc-card__icon {
  fill: #BE3A34;
}
.sc-card--kindness .sc-card__link:hover .sc-card__icon, .sc-card--kindness .sc-card__link:focus .sc-card__icon {
  fill: white;
}
.sc-card--engagement .sc-card__icon {
  fill: #BFB8AF;
}
.sc-card--engagement .sc-card__link:hover .sc-card__icon, .sc-card--engagement .sc-card__link:focus .sc-card__icon {
  fill: white;
}
.sc-card--empowerment .sc-card__icon {
  fill: #FDDA24;
}
.sc-card--empowerment .sc-card__link:hover .sc-card__icon, .sc-card--empowerment .sc-card__link:focus .sc-card__icon {
  fill: #005EB8;
}
.sc-card--purpose .sc-card__icon {
  fill: #ED8B00;
}
.sc-card--purpose .sc-card__link:hover .sc-card__icon, .sc-card--purpose .sc-card__link:focus .sc-card__icon {
  fill: white;
}
.sc-section--kindness {
  --sc-primary-block-color: #BE3A34;
  --sc-top-left-block-color: #c24640;
  --sc-top-right-block-color: #ca5d59;
  --sc-bottom-left-block-color: #d98d89;
  --sc-bottom-middle-block-color: #e5b0ae;
  --sc-bottom-right-block-color: #dd9995;
  --sc-block-icon-background-color: #ca5d59;
  --sc-block-lead-accent-color: #d98d89;
  --sc-profile-border-color: #e5b0ae;
  --sc-profile-name-color: #BE3A34;
  --sc-profile-quote-color: #f9ebeb;
  --sc-profile-quote-accent-color: #f9ebeb;
  --sc-block-card-accent-color: #BE3A34;
}
.sc-section--engagement {
  --sc-primary-block-color: #BFB8AF;
  --sc-top-left-block-color: #c3bcb4;
  --sc-top-right-block-color: #cbc5bd;
  --sc-bottom-left-block-color: #dad6d1;
  --sc-bottom-middle-block-color: #e5e3df;
  --sc-bottom-right-block-color: #dedad5;
  --sc-block-heading-color: #333F48;
  --sc-block-icon-background-color: #cbc5bd;
  --sc-block-lead-accent-color: #dad6d1;
  --sc-profile-border-color: #333F48;
  --sc-profile-name-color: #333F48;
  --sc-profile-quote-color: #e5e3df;
  --sc-profile-quote-accent-color: #e5e3df;
  --sc-block-card-accent-color: #BFB8AF;
}
.sc-section--empowerment {
  --sc-primary-block-color: #FDDA24;
  --sc-top-left-block-color: #fdde3a;
  --sc-top-right-block-color: #fde254;
  --sc-bottom-left-block-color: #feeb89;
  --sc-bottom-middle-block-color: #fef2b0;
  --sc-bottom-right-block-color: #feed96;
  --sc-block-heading-color: #005EB8;
  --sc-block-icon-background-color: #fde254;
  --sc-block-lead-accent-color: #feeb89;
  --sc-profile-border-color: #005EB8;
  --sc-profile-name-color: #005EB8;
  --sc-profile-quote-color: #fef5c6;
  --sc-profile-quote-accent-color: #fef5c6;
  --sc-block-card-accent-color: #FDDA24;
}
.sc-section--purpose {
  --sc-primary-block-color: #d97f00;
  --sc-top-left-block-color: #ED8B00;
  --sc-top-right-block-color: #f0a02e;
  --sc-bottom-left-block-color: #f5bc6b;
  --sc-bottom-middle-block-color: #f8d199;
  --sc-bottom-right-block-color: #f6c37a;
  --sc-block-heading-color: #0033A0;
  --sc-block-icon-background-color: #f0a02e;
  --sc-block-lead-accent-color: #f5bc6b;
  --sc-profile-border-color: #f8d199;
  --sc-profile-name-color: #d97f00;
  --sc-profile-quote-color: #fdf3e6;
  --sc-profile-quote-accent-color: #fdf3e6;
  --sc-block-card-accent-color: #ED8B00;
}
.sc-section--educate {
  --sc-primary-block-color: #005EB8;
  --sc-top-left-block-color: #0f68bc;
  --sc-top-right-block-color: #2e7bc5;
  --sc-bottom-left-block-color: #6ba2d6;
  --sc-bottom-middle-block-color: #99bfe3;
  --sc-bottom-right-block-color: #7aabda;
  --sc-profile-border-color: #99bfe3;
  --sc-profile-name-color: #005EB8;
  --sc-profile-quote-color: #e6eff8;
  --sc-profile-quote-accent-color: #e6eff8;
  --sc-block-card-accent-color: #005EB8;
}
.sc-section--discover {
  --sc-primary-block-color: #CD4C08;
  --sc-top-left-block-color: #d05717;
  --sc-top-right-block-color: #d66c34;
  --sc-bottom-left-block-color: #e29770;
  --sc-bottom-middle-block-color: #ebb79c;
  --sc-bottom-right-block-color: #e5a27f;
  --sc-profile-border-color: #ebb79c;
  --sc-profile-name-color: #CD4C08;
  --sc-profile-quote-color: #faede6;
  --sc-profile-quote-accent-color: #faede6;
  --sc-block-card-accent-color: #CD4C08;
}
.sc-section--heal {
  --sc-primary-block-color: #9ABEAA;
  --sc-top-left-block-color: #a0c2af;
  --sc-top-right-block-color: #accab9;
  --sc-bottom-left-block-color: #c4d9ce;
  --sc-bottom-middle-block-color: #d7e5dd;
  --sc-bottom-right-block-color: #caddd3;
  --sc-block-heading-color: #002855;
  --sc-profile-border-color: #d7e5dd;
  --sc-profile-name-color: #657A68;
  --sc-profile-quote-color: #eff5f1;
  --sc-profile-quote-accent-color: #eff5f1;
  --sc-block-card-accent-color: #9ABEAA;
}
.sc-section__layout {
  display: grid;
  grid-template-columns: minmax(1rem, 1fr) minmax(0, 83rem) minmax(1rem, 1fr);
  justify-content: center;
}
.sc-section__layout::before, .sc-section__layout::after {
  content: "";
}
.sc-section__layout::before {
  background-color: var(--sc-top-left-block-color, #3f4b53);
}
.sc-section__layout::after {
  background-color: var(--sc-top-right-block-color, #586269);
}
.sc-section__layout + .sc-section__layout {
  margin-top: -6rem;
}
.sc-section__layout + .sc-section__layout::before {
  background-color: var(--sc-bottom-left-block-color, #899095);
}
.sc-section__layout + .sc-section__layout::after {
  background-color: var(--sc-bottom-right-block-color, #959ba0);
}
.sc-section__container {
  position: relative;
  min-height: 10rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: var(--sc-primary-block-color, #333F48);
  color: white;
}
@media screen and (min-width: 77.5em) {
  .sc-section__container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.sc-section--engagement .sc-section__container, .sc-section--empowerment .sc-section__container, .sc-section--heal .sc-section__container {
  color: revert;
}
.sc-section__layout + .sc-section__layout .sc-section__container {
  background-color: var(--sc-bottom-middle-block-color, #adb2b6);
  background-image: none;
}
.sc-section__heading, .sc-section__lede, .sc-section__cards {
  position: relative;
  z-index: 1;
}
.sc-section--value .sc-section__heading, .sc-section--value .sc-section__lede {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 7rem 1fr;
  align-items: center;
}
.sc-section__heading {
  margin-bottom: 0;
  color: var(--sc-block-heading-color, white);
}
@media screen and (min-width: 40em) {
  .sc-section--value .sc-section__heading {
    font-size: 6.5rem;
  }
}
.sc-section__icon {
  display: block;
  width: 100%;
  height: auto;
  padding: 1rem;
  fill: currentColor;
  background-color: var(--sc-block-icon-background-color);
}
.sc-section__lede {
  max-width: 58ch;
}
.sc-section__lede::before {
  content: "";
  min-height: 7rem;
  background-color: var(--sc-block-lead-accent-color);
}
.sc-section__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2.25rem;
}
.sc-section .beta-card {
  display: flex;
  flex-direction: column;
  flex: 1 0 20rem;
  max-width: 30rem;
  min-height: 25rem;
  margin: 0 auto;
}
.sc-section .beta-card__heading {
  padding-top: 0.75rem;
  padding-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.2;
}
.sc-section .beta-card__heading::after {
  top: 0;
  bottom: auto;
  background-color: var(--sc-block-card-accent-color);
}
.sc-section .beta-card__link:focus {
  outline-color: var(--sc-block-heading-color, white);
}
.sc-section .beta-card__text {
  padding: 1.5rem;
}
.sc-section .beta-card__extension {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.sc-section .profile {
  position: relative;
  flex: 2 0 45rem;
  width: 100%;
  min-height: 25rem;
  border-top-color: var(--sc-profile-border-color);
  color: #333F48;
}
.sc-section .profile--macro {
  grid-column-end: span 2;
  margin-top: 0;
  margin-bottom: 0;
}
.sc-section .profile a.sc-section .profile__link img {
  transition: none;
}
.sc-section .profile a.sc-section .profile__link:hover img,
.sc-section .profile a.sc-section .profile__link:focus img {
  transform: none;
}
.sc-section .profile__body {
  background-color: white;
}
.sc-section .profile__details {
  padding-top: 1rem;
  background-color: white;
}
.sc-section .profile__name, .sc-section .profile__status, .sc-section .profile__quote {
  text-shadow: none;
}
.sc-section .profile__name {
  color: var(--sc-profile-name-color);
}
.sc-section .profile__status, .sc-section .profile__quote {
  color: currentColor;
}
.sc-section .profile__quote {
  background-color: var(--sc-profile-quote-color);
}
.sc-section .profile__quote::after {
  border-bottom-color: var(--sc-profile-quote-accent-color);
}
.sc-priority--educate {
  --sc-priority-icon-background-color: #005EB8;
  --sc-priority-step-background-color: #005EB8;
  --sc-priority-description-background-color: #005EB8;
  --sc-priority-description-icon-background-color: #2e7bc5;
  --sc-priority-description-icon-fill-color: white;
}
.sc-priority--discover {
  --sc-priority-icon-background-color: #CD4C08;
  --sc-priority-step-background-color: #CD4C08;
  --sc-priority-description-background-color: #CD4C08;
  --sc-priority-description-icon-background-color: #d66c34;
  --sc-priority-description-icon-fill-color: white;
}
.sc-priority--heal {
  --sc-priority-icon-background-color: #9ABEAA;
  --sc-priority-icon-color: #002855;
  --sc-priority-step-background-color: #9ABEAA;
  --sc-priority-step-text-color: #002855;
  --sc-priority-description-background-color: #9ABEAA;
  --sc-priority-description-icon-background-color: #accab9;
  --sc-priority-description-icon-fill-color: #002855;
}
.sc-priority .page__hero-icon {
  background-color: var(--sc-priority-icon-background-color);
  fill: var(--sc-priority-icon-color, white);
}
.sc-priority .step::before {
  background-color: var(--sc-priority-step-background-color);
  color: var(--sc-priority-step-text-color, white);
}

/* Steps
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.steps {
  counter-reset: steps;
  padding-left: 4rem;
  list-style-type: none;
}

.step {
  position: relative;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  color: #0033A0;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.25;
}
.step::before {
  counter-increment: steps;
  content: counter(steps);
  position: absolute;
  top: -0.5rem;
  left: -4rem;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
  background-color: #EAAA00;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  color: #002855;
  line-height: 3rem;
  text-align: center;
}

/* Welcome Week
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.ww-grid {
  display: grid;
  grid-gap: 1rem;
}
@media screen and (min-width: 42.5em) {
  .ww-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 60em) {
  .ww-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .ww-grid--2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ww-grid--2 .ww-lede {
    grid-column: auto;
  }
}

.ww-heading {
  color: var(--ww-heading-color, #2C2A29);
}

.ww-hero {
  --ww-heading-color: white;
  position: relative;
  padding-bottom: 8rem;
  background-color: #002855;
  background-image: url(../images/welcomeweek/social-80s-bg-alt.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  color: white;
}
@media screen and (max-width: 59.9375em) {
  .ww-hero {
    background-size: auto 100%;
  }
}
.ww-hero a {
  outline-color: white;
}
.ww-hero__text {
  grid-column-end: span 2;
}
@media screen and (min-width: 60em) {
  .ww-hero__text {
    margin-right: 4rem;
  }
}
.ww-hero__heading {
  position: relative;
  margin-bottom: 0.25em;
  font-size: 4rem;
}
@media screen and (min-width: 33.75em) {
  .ww-hero__heading {
    font-size: 6.5rem;
  }
}
.ww-hero__heading span {
  position: relative;
  -webkit-text-stroke: 0.0625rem #002855;
}
.ww-hero__heading::before {
  content: attr(data-heading);
  position: absolute;
  top: 0.25rem;
  left: -0.5rem;
  background-image: repeating-linear-gradient(33.75deg, #002855, #002855 0.0625rem, rgba(0, 40, 85, 0) 0.0625rem, rgba(0, 40, 85, 0) 0.125rem), linear-gradient(#002855, #9BD3DD);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ww-hero__lede {
  max-width: 52.5rem;
}
.ww-hero .button {
  margin-top: 0.5rem;
  margin-right: 0.25rem;
}

.ww-wellness {
  --ww-heading-color: #0D5257;
}
.ww-wellness .beta-card {
  align-self: start;
}

.ww-wayfinder {
  --ww-heading-color: #0033A0;
  border-top: 0.0625rem solid #e3e5e6;
}
.ww-wayfinder .beta-card:nth-child(2) {
  grid-column: 1;
}
.ww-wayfinder .beta-card--link-group .beta-card__link-item + .beta-card__link-item {
  border-top: 0.0625rem solid #e3e5e6;
}

.prt-status {
  width: 4rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 23.75em) {
  .prt-status {
    float: right;
    margin-left: 1rem;
  }
}

.ww-bookmarks {
  --ww-heading-color: #CD4C08;
  background-image: linear-gradient(to top, #002855 6rem, rgba(0, 40, 85, 0) 6rem);
}

.ww-connect {
  --card-background-color: rgba(0, 30, 65, 0.5);
  --card-heading-color: white;
  align-self: start;
  border: 0.0625rem solid #003269;
  box-shadow: none;
}
@media screen and (max-width: 59.9375em) {
  .ww-connect {
    grid-column-end: span 2;
    margin-top: 2rem;
  }
}
.ww-connect__buttons {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
}
.ww-connect__button {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  box-shadow: none;
  transition-property: color, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.ww-connect__button--facebook {
  background-color: #1877f2;
}
.ww-connect__button--facebook:hover, .ww-connect__button--facebook:focus {
  background-color: #3588f4;
}
.ww-connect__button--twitter {
  background-color: #55acee;
}
.ww-connect__button--twitter:hover, .ww-connect__button--twitter:focus {
  background-color: #71baf1;
}
.ww-connect__button--youtube {
  background-color: #e52d27;
}
.ww-connect__button--youtube:hover, .ww-connect__button--youtube:focus {
  background-color: #e84842;
}
.ww-connect__button--instagram {
  background-color: #d93175;
  background-image: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
  box-shadow: inset 0 0 0 0.125rem rgba(0, 0, 0, 0.1);
}
.ww-connect__button--instagram::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.15);
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.ww-connect__button--instagram:hover, .ww-connect__button--instagram:focus {
  background-color: #de4b86;
}
.ww-connect__button--instagram:hover::after, .ww-connect__button--instagram:focus::after {
  opacity: 1;
}
.ww-connect__icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  fill: currentColor;
  /*&--facebook {
      top: auto;
      bottom: 0;
      transform: translate(-50%, 0);
  }*/
}

.hc-hero {
  --ww-heading-color: white;
  position: relative;
  padding-bottom: 8rem;
  background-color: #002855;
  background-image: url("../Images/HolidayCard/Winter-BG.jpeg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
}
@media screen and (max-width: 59.9375em) {
  .hc-hero {
    background-size: auto 100%;
  }
}
.hc-hero:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #002855;
  z-index: 0;
  opacity: 0.5;
}
.hc-hero a {
  outline-color: white;
}
.hc-hero__text {
  grid-column-end: span 2;
}
@media screen and (min-width: 60em) {
  .hc-hero__text {
    margin-right: 4rem;
  }
}
.hc-hero__heading {
  position: relative;
  margin-bottom: 0.25em;
  font-size: 4rem;
  text-transform: none;
  text-shadow: 0.063rem 0.063rem 0.125rem #002855;
  line-height: 1;
}
@media screen and (min-width: 33.75em) {
  .hc-hero__heading {
    font-size: 6rem;
  }
}
.hc-hero__heading span {
  position: relative;
  display: block;
}
.hc-hero__lede {
  max-width: 52.5rem;
  text-shadow: 0.063rem 0.063rem 0.125rem #002855;
}
.hc-hero .button {
  margin-top: 0.5rem;
  margin-right: 0.25rem;
}
.hc-hero .layout-container {
  position: relative;
  z-index: 1;
}

.hc-body {
  background-color: white;
}

.hc-grid {
  display: grid;
  grid-gap: 1rem;
}
@media screen and (min-width: 42.5em) {
  .hc-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 60em) {
  .hc-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .hc-grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .hc-grid--3 .ww-lede {
    grid-column: auto;
  }
}

.hc-card__heading {
  line-height: 1.2;
}
.hc-card--invisible {
  --card-background-color: none;
  box-shadow: none;
  margin-top: 4rem;
}
.hc-card--invisible .beta-card__text {
  padding-left: 0;
}
.hc-card .beta-card__summary p {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.3;
}

img.iconic {
  visibility: hidden;
}

/* WVU Masthead
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.page--campaign .wvu-masthead {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}
.page--campaign .wvu-masthead-header {
  background-color: transparent;
}

.wvu-footer a:focus {
  outline-color: #EAAA00;
}
.wvu-footer-twitter-button:hover, .wvu-footer-twitter-button:focus {
  background-color: #71baf1;
}
.wvu-footer-facebook-button:hover, .wvu-footer-facebook-button:focus {
  background-color: #3588f4;
}
.wvu-footer-youtube-button:hover, .wvu-footer-youtube-button:focus {
  background-color: #e84842;
}

/* Tuition
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {
  overflow-x: visible;
}

.tuition__table-figure {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.tuition__table-figure::before {
  content: none;
}
.tuition__table-caption {
  font-size: 1.75rem;
}
.tuition__table-cell {
  transition-property: background-color;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}
@media screen and (max-width: 45em) {
  .tuition__table-body .tuition__table-cell--section-header {
    font-size: 1.5rem;
  }
  .tuition__table-body .tuition__table-cell--row-header {
    font-size: 1.25rem;
  }
}