@charset "UTF-8";
/*$wvu-masthead-mq: 53.75em;*/ /* 860 */
/* 960 */
/*$wvu-footer-mq: 50em;*/
/* Mixins
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Keyframes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/**/
@keyframes reveal-right {
  0% {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  }
  50% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  100% {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  }
}
/**/
@keyframes scale-line-up {
  0% {
    transform: translate3d(0, 0, 0) scaleY(0);
    transform-origin: bottom center;
  }
  100% {
    transform: translate3d(0, 0, 0) scaleY(1);
    transform-origin: bottom center;
  }
}
@keyframes scale-line-down {
  0% {
    transform: translate3d(0, 0, 0) scaleY(0);
    transform-origin: top center;
  }
  100% {
    transform: translate3d(0, 0, 0) scaleY(1);
    transform-origin: top center;
  }
}
@keyframes scale-line-right {
  0% {
    transform: translate3d(0, 0, 0) scaleX(0);
    transform-origin: center left;
  }
  100% {
    transform: translate3d(0, 0, 0) scaleX(1);
    transform-origin: center left;
  }
}
@keyframes scale-line-left {
  0% {
    transform: translate3d(0, 0, 0) scaleX(0);
    transform-origin: center right;
  }
  100% {
    transform: translate3d(0, 0, 0) scaleX(1);
    transform-origin: center right;
  }
}
/**/
@keyframes scale-line-inout-right {
  0% {
    transform: translate3d(0, 0, 0) scaleX(0);
    transform-origin: center left;
  }
  49% {
    transform: translate3d(0, 0, 0) scaleX(1);
    transform-origin: center left;
  }
  51% {
    transform: translate3d(0, 0, 0) scaleX(1);
    transform-origin: center right;
  }
  100% {
    transform: translate3d(0, 0, 0) scaleX(0);
    transform-origin: center right;
  }
}
/**/
@keyframes scale-line-inout-left {
  0% {
    transform: translate3d(0, 0, 0) scaleX(0);
    transform-origin: center right;
  }
  49% {
    transform: translate3d(0, 0, 0) scaleX(1);
    transform-origin: center right;
  }
  51% {
    transform: translate3d(0, 0, 0) scaleX(1);
    transform-origin: center left;
  }
  100% {
    transform: translate3d(0, 0, 0) scaleX(0);
    transform-origin: center left;
  }
}
/**/
@keyframes visibility-in {
  0% {
    visibility: hidden;
  }
  49% {
    visibility: hidden;
  }
  51% {
    visibility: visible;
  }
  100% {
    visibility: visible;
  }
}
/**/
@keyframes visibility-out {
  0% {
    visibility: visible;
  }
  49% {
    visibility: visible;
  }
  51% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
  }
}
/**/
@keyframes long-entry-up {
  0% {
    opacity: 0;
    transform: translateY(4rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/**/
/* smooth-entry
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@keyframes smooth-entry-up {
  0% {
    opacity: 0;
    /*transform: translateY(1rem);*/
    transform: translateY(2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes smooth-entry-down {
  0% {
    opacity: 0;
    transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes smooth-entry-right {
  0% {
    opacity: 0;
    transform: translateX(-1rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes smooth-entry-left {
  0% {
    opacity: 0;
    transform: translateX(1rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* smooth-exit
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@keyframes smooth-exit-up {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-1rem);
  }
}
@keyframes smooth-exit-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(1rem);
  }
}
@keyframes smooth-exit-right {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(1rem);
  }
}
@keyframes smooth-exit-left {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-1rem);
  }
}
/* fade
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* scale
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@keyframes scale-in {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
/*@keyframes scale-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}*/
/* scale-fade
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@keyframes scale-fade-in {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scale-fade-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.05);
  }
}
/* scale-fade
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@keyframes blur-in {
  0% {
    /*display: none;*/
    transform: scale(1.5);
    filter: blur(12rem);
  }
  100% {
    /*display: block;*/
    transform: scale(1.25);
    filter: blur(0);
  }
}
@keyframes blur-out {
  0% {
    transform: scale(1.25);
    filter: blur(0);
  }
  100% {
    transform: scale(1.5);
    filter: blur(2rem);
  }
}
/* scale-down
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@keyframes scale-down {
  0% {
    transform: scale(2);
  }
  100% {
    transform: scale(1.15);
  }
}
/* scale-up
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@keyframes scale-up {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
/*! 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;
}

html {
  scroll-behavior: smooth;
}

body {
  font-size: 100%;
}

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,
input:focus {
  outline: 0.125rem dashed #002855;
  outline-offset: 0.25rem;
}
a:focus:hover,
button:focus:hover,
input:focus:hover {
  outline: none;
}
.section-dark a:focus,
.section-dark button:focus,
.section-dark input:focus {
  outline-color: white;
}

a {
  color: #005EB8;
  transition-property: color, background-color;
  transition-duration: 0.25s;
}
a:hover, a:focus {
  color: #ce500d;
}

h1 {
  font-weight: normal;
}

h2 {
  margin-top: 1.5em;
  margin-bottom: 0;
  scroll-margin-top: 1.5em;
  color: #296c72;
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.1;
}
@media screen and (min-width: 30em) {
  h2 {
    font-size: 2.5rem;
  }
}

h3 {
  margin-top: 1.5em;
  margin-bottom: 0;
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.875rem;
  font-weight: normal;
  line-height: 1.2;
}

h4, .directory-card__name {
  margin-top: 1.5em;
  margin-bottom: 0;
  color: #CD4C08;
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.1;
}

p {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}
@media screen and (min-width: 48em) {
  p {
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
p:last-child {
  margin-bottom: 0;
}

b, strong {
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
}

figure {
  margin: 0;
}

blockquote {
  margin: 4rem 0;
}
blockquote, blockquote p {
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.75rem;
  line-height: 1.25;
}
blockquote p {
  margin-top: 0;
}

/* Utilities
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.visually-hidden, .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, .directory-card .directory-card__actions {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}
.inline-list dd, .directory-card .directory-card__actions dd {
  margin-left: 0;
}

/* 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(90rem + 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(90rem + 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 Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Scss dependencies:
1. _settings.variables.scss
2. _tools.flexbox.scss */
.wvu-footer {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
  background: var(--background-color);
  color: currentColor;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.wvu-footer__layout {
  width: calc(100% - 2rem);
  max-width: 90rem;
  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: currentColor;
}
.wvu-footer a:hover, .wvu-footer a:focus {
  color: currentColor;
}
.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;
}

.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);
  }
}
.page {
  --background-color: white;
  --heading-color: #002855;
  --slash-color: #EAAA00;
  overflow-x: hidden;
  background-color: white;
  background-color: var(--background-color);
  color: #333F48;
}
.page--dark {
  --background-color: #000a15;
  --heading-color: #EAAA00;
  --slash-color: #001e41;
  background-color: #000a15;
  background-color: var(--background-color);
  color: white;
}
.page-container {
  position: relative;
  max-width: 125rem;
  margin-left: auto;
  margin-right: auto;
}
.page-body {
  position: relative;
  padding-bottom: 4rem;
}
@media screen and (min-width: 60em) {
  .page-body {
    padding-bottom: 8rem;
  }
}
.page-primary {
  grid-column: 1/-1;
}
@media screen and (min-width: 60em) {
  .page-primary {
    grid-column: 2/span 2;
  }
  .page-primary--align-left {
    grid-column-start: 1;
  }
}
@media screen and (min-width: 75em) {
  .page-primary--lead p:not(.page-heading) {
    font-size: 1.875rem;
  }
}
.sub-navigation + .page-primary {
  margin-top: 4rem;
}
@media screen and (min-width: 60em) {
  .sub-navigation + .page-primary {
    margin-top: 0;
  }
}
@supports (display: grid) {
  @media screen and (min-width: 60em) {
    .page-header {
      padding-top: calc(125px + 4rem);
    }
  }
}
.page-label {
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
  color: #002855;
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.5rem;
}
@media screen and (min-width: 38.75em) {
  .page-label {
    font-size: 2rem;
  }
}
.page-label[href]:hover, .page-label[href]:focus {
  color: #002855;
}
.page-label__tab {
  display: block;
  padding: 0.25rem 0.5rem;
  background-color: #EAAA00;
}
.page-label--multiline .page-label__tab {
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 1.4;
}
.prepare .page-label__tab {
  animation-name: visibility-in;
  animation-duration: 0.5s;
  animation-delay: 0.95s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.in-view .page-label__tab {
  animation-play-state: running;
}
.page-label[href] .page-label__tab {
  background-color: #9BD3DD;
  transition-property: background-color;
  transition-duration: 0.25s;
}
.page-label[href] .page-label__tab:hover, .page-label[href] .page-label__tab:focus {
  background-color: #EAAA00;
}
.page-label::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0.0625rem;
  background-color: #9BD3DD;
  animation-name: scale-line-inout-right;
  animation-duration: 0.5s;
  animation-delay: 0.95s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.in-view .page-label::after {
  animation-play-state: running;
}
.page-label[href]::after {
  background-color: #EAAA00;
}
.page-heading {
  margin-top: 0;
  margin-bottom: 0.25em;
  color: #002855;
  color: var(--heading-color);
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-size: 3rem;
  font-weight: normal;
  line-height: 1;
}
@media screen and (min-width: 38.75em) {
  .page-heading {
    font-size: 4rem;
  }
}
@media screen and (min-width: 67.5em) {
  .page-heading {
    font-size: 5.5rem;
  }
}
@media screen and (min-width: 75em) {
  .page-heading {
    font-size: 6rem;
  }
}
@media screen and (min-width: 80em) {
  .page-heading--headline {
    font-size: 8rem;
    line-height: 0.9;
  }
}
.page-primary > .page-heading:last-child {
  margin-bottom: 0;
}
.section--dark .page-heading {
  color: #EAAA00;
  color: var(--heading-color);
}
.prepare .page-heading {
  animation-name: smooth-entry-up;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.in-view .page-heading {
  animation-play-state: running;
}
.page-heading__highlight {
  color: var(--heading-highlight-color, #EAAA00);
}
.page-heading__accent {
  position: relative;
}
.page-heading__accent::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -2.5rem;
  transform: skewX(-33.75deg);
  transform-origin: bottom left;
  display: block;
  width: 3rem;
  height: 4.5rem;
  background-color: #EAAA00;
  background-color: var(--slash-color);
}
@media screen and (min-width: 46.25em) {
  .page-heading__accent::before {
    left: -3.5rem;
    width: 4rem;
    height: 6rem;
  }
}
.page--dark .page-heading__accent::before {
  background-color: #002855;
  background-color: var(--slash-color);
}
.page-heading a {
  color: currentColor;
  text-decoration: none;
}
.page-subheading {
  display: block;
  color: var(--heading-color);
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.5rem;
}
@media screen and (min-width: 67.5em) {
  .page-subheading {
    font-size: 2.5rem;
  }
}
* + .page-subheading {
  margin-top: 0.25rem;
}

.layout-container {
  width: calc(100% - 2rem);
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 60em) {
  .layout-container {
    width: calc(100% - 4rem);
  }
}
.layout-container--narrow {
  max-width: 45rem;
}

.grid {
  display: grid;
  grid-column-gap: 4rem;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (min-width: 60em) {
  .grid {
    grid-template-columns: minmax(20rem, 1fr) 1fr 1fr;
  }
}

a:not(.button) {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

.prepare p {
  animation-name: smooth-entry-up;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.prepare p:nth-child(2) {
  animation-delay: 0.575s;
}
.prepare p:nth-child(3) {
  animation-delay: 0.65s;
}
.prepare p:nth-child(4) {
  animation-delay: 0.725s;
}
.prepare p:nth-child(5) {
  animation-delay: 0.8s;
}
.prepare p:nth-child(6) {
  animation-delay: 0.875s;
}
.prepare p:nth-child(7) {
  animation-delay: 0.95s;
}
.prepare p:nth-child(8) {
  animation-delay: 1.025s;
}
.prepare p:nth-child(9) {
  animation-delay: 1.1s;
}
.prepare p:nth-child(10) {
  animation-delay: 1.175s;
}
.in-view p {
  animation-play-state: running;
}

.page-primary ul:not([class]),
.page-primary ol:not([class]) {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}
@media screen and (min-width: 48em) {
  .page-primary ul:not([class]),
  .page-primary ol:not([class]) {
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
.page-primary li:not([class]) {
  margin-top: 0.25rem;
}
@media screen and (min-width: 48em) {
  .page-primary li:not([class]) {
    margin-top: 0.5rem;
  }
}
.page-primary blockquote {
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 0.5rem solid #333F48;
  border-bottom: 0.0625rem solid #333F48;
}
.page-primary img:not([class]),
.page-primary img.img-center,
.page-primary img.img-float-left,
.page-primary img.img-float-right {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
.page-primary img.img-center,
.page-primary img.img-float-left,
.page-primary img.img-float-right {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.page-primary img.img-center,
.page-primary img.img-center > img {
  margin-left: auto;
  margin-right: auto;
}
.page-primary img.img-float-left,
.page-primary img.img-float-right {
  clear: both;
}
@media screen and (min-width: 41.25em) {
  .page-primary img.img-float-left,
  .page-primary img.img-float-right {
    max-width: 50%;
  }
}
@media screen and (min-width: 41.25em) {
  .page-primary img.img-float-left {
    float: left;
    margin-right: 1.875rem;
  }
  .page-primary img.img-float-right {
    float: right;
    margin-left: 1.875rem;
  }
}

.heading--underline {
  padding-bottom: 0.25em;
  border-bottom: 0.0625rem solid #d1d5d6;
}

.section {
  --heading-color: #002855;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: white;
  background-color: var(--background-color, white);
  color: #333F48;
}
.section--fixed {
  min-height: 100vh;
}
@media screen and (min-width: 55em) {
  .section--fixed {
    min-height: auto;
  }
}
.section--dark {
  --background-color: #000a15;
  --heading-color: #EAAA00;
  --slash-color: #001e41;
  background-color: #000a15;
  background-color: var(--background-color);
  color: white;
}
.section--dark a:not([class]) {
  color: #9BD3DD;
}
.section--dark a:not([class]):hover, .section--dark a:not([class]):focus {
  color: #ce500d;
}
.section--dark a:focus,
.section--dark button:focus {
  outline-color: white;
}
.section--dark h2:not([class]) {
  color: white;
}
.section--wvu-blue {
  --background-color: #002855;
  --heading-color: #EAAA00;
  --slash-color: #001e41;
}
@supports (position: sticky) {
  @media screen and (min-width: 55em) and (min-height: 43.75em) {
    .section__sticky-container {
      height: 200vh;
    }
  }
  @media screen and (min-width: 55em) and (min-height: 43.75em) {
    .section__sticky-content {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      display: flex;
      flex-direction: column;
      height: 100vh;
    }
  }
  .section--fixed .section__sticky-content {
    display: flex;
    flex-direction: column;
  }
  @media screen and (max-width: 59.9375em) {
    .section--fixed .section__sticky-content {
      flex-grow: 1;
    }
  }
}
.section__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section--fixed .section__background {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.section__background-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.section--parallax .section__background-frame {
  top: var(--frame-offset);
  transform: translateY(var(--frame-distance));
  height: calc(100% + var(--frame-distance) * 2);
}
@supports (-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)) or (clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)) {
  .section--fixed .section__background-frame {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
  }
  .section--fixed.section--parallax .section__background-frame {
    top: var(--frame-offset);
    transform: translateY(var(--frame-distance));
    height: calc(100vh + var(--frame-distance) * 2);
  }
}
.section__background-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /*.exit & {
      animation-name: scale-fade-out;
      animation-duration: .5s;
  }*/
}
.prepare .section__background-image {
  animation-name: scale-fade-in;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.in-view .section__background-image {
  animation-play-state: running;
}
.section--parallax.prepare .section__background-image {
  animation: none;
}
.section__body {
  position: relative;
  z-index: 1;
  flex-grow: 1;
}
.section:not(:first-child) .section__body {
  padding-top: 4rem;
}
@media screen and (min-width: 60em) {
  .section:not(:first-child) .section__body {
    padding-top: 8rem;
  }
}
@media screen and (max-width: 54.9375em) {
  .section__body {
    /*.section--fixed.section--dark & {
        background-color: rgba($hsc-black, .7);
    }*/
  }
  .section--fixed:not(:first-child) .section__body {
    display: flex;
    align-items: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
    /*background-color: rgba(white, .5);*/
  }
}
@media screen and (min-width: 55em) {
  .section__grid {
    height: 100%;
  }
}
.section__video-control {
  position: absolute !important;
  z-index: 2;
  bottom: 2rem;
  right: 2rem;
}
.section__video-control[hidden] {
  display: none;
}
.section__video-control:focus {
  outline-color: white;
}

.alert {
  display: grid;
  grid-gap: 0.75rem 1.5rem;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-template-areas: "icon icon" "message message";
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  border-radius: 0.25rem;
  border-left: 0.25rem solid #0033A0;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  font-size: 1.25rem;
}
@media screen and (min-width: 35em) {
  .alert {
    grid-template-areas: "icon message";
  }
}
.alert--text-only {
  grid-template-areas: "message message";
}
.alert--widget {
  grid-column: 1/-1;
  margin-top: 4rem;
}
@media screen and (min-width: 60em) {
  .alert--widget {
    grid-column: 1;
    max-width: 30rem;
  }
}
@media screen and (min-width: 77.5em) {
  .alert--widget {
    margin-right: 4rem;
  }
}
.alert--medium {
  border-left-color: #EAAA00;
}
.alert--high {
  border-left-color: #CD4C08;
}
.alert--success {
  border-left-color: #62bc43;
}
.alert__icon {
  grid-area: icon;
  background-color: #A2AAAD;
}
.alert--medium .alert__icon {
  background-color: #EAAA00;
}
.alert--high .alert__icon {
  background-color: #CD4C08;
}
.alert--success .alert__icon {
  background-color: #62bc43;
}
.alert--success .alert__icon path {
  fill: white;
}
.alert__svg {
  fill: #002855;
}
.alert--high .alert__svg {
  fill: white;
}
.alert__message {
  grid-area: message;
}
.alert__heading {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: #0033A0;
  font-size: 1.5rem;
}
.alert p {
  margin-top: 0;
  margin-bottom: 0;
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0 #FDDA24;
  }
  75%, 100% {
    box-shadow: 0 0 0 1.25rem rgba(253, 218, 36, 0);
  }
}
.arrow-icon {
  --arrow-icon-background-color: #EAAA00;
  position: relative;
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: var(--arrow-icon-background-color);
  transition-property: transform, background-color;
  transition-duration: 0.75s, 0.25s;
}
.arrow-icon--pulse::before, .arrow-icon--pulse::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation-name: shadow-pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}
.arrow-icon--pulse::after {
  animation-delay: 0.5s;
}
a[href]:hover .arrow-icon, a[href]:focus .arrow-icon {
  transition-duration: 0.25s;
}
.arrow-icon__svg {
  position: absolute;
  top: 50%;
  left: 50%;
  fill: var(--arrow-icon-svg-fill-color, #000a15);
  transform: translate(-50%, -50%);
  transition-property: fill;
  transition-duration: 0.25s;
}
.arrow-icon--down .arrow-icon__svg {
  transform: translate(-50%, -50%) rotate(90deg);
}
.arrow-icon--reverse .arrow-icon__svg {
  transform: translate(-50%, -50%) rotate(180deg);
}

.arrow-link {
  display: inline-flex;
  gap: 0.75rem;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.25rem;
  line-height: 1.4;
  text-align: left;
  transition-property: border-color, color;
  transition-duration: 0.25s;
}
@media screen and (min-width: 48em) {
  .arrow-link {
    font-size: 1.5rem;
  }
}
.arrow-link--sm {
  font-size: 1.125rem;
}
@media screen and (min-width: 75em) {
  .arrow-link--lg {
    font-size: 1.875rem;
  }
}
.arrow-link--dark {
  color: white;
}
.arrow-link__icon {
  float: left;
  flex: 0 0 auto;
}
.arrow-link__icon:last-child {
  float: right;
}
@media screen and (min-width: 48em) {
  .arrow-link__icon {
    margin-top: 0.125rem;
  }
}
.arrow-link--sm .arrow-link__icon {
  margin-top: -0.125rem;
}
@media screen and (min-width: 75em) {
  .arrow-link--lg .arrow-link__icon {
    margin-top: 0.5rem;
  }
}
.arrow-link:hover .arrow-link__icon, .arrow-link:focus .arrow-link__icon {
  transform: translateX(0.25rem);
}

.basic-list {
  margin-top: 1em;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}
@media screen and (min-width: 48em) {
  .basic-list {
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 75em) {
  .basic-list--lg {
    font-size: 1.875rem;
    line-height: 1.35;
  }
}
.basic-list--inline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
.basic-list--nav {
  margin-top: 1.875rem;
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.basic-list--nav .basic-list__item {
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #e3e6e6;
}
@media (prefers-reduced-motion: no-preference) {
  .prepare .basic-list__item {
    animation-name: smooth-entry-up;
    animation-duration: 0.5s;
    animation-delay: 0.65s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }
  .prepare .basic-list__item:nth-child(1) {
    animation-delay: 0.65s;
  }
  .prepare .basic-list__item:nth-child(2) {
    animation-delay: 0.725s;
  }
  .prepare .basic-list__item:nth-child(3) {
    animation-delay: 0.8s;
  }
  .prepare .basic-list__item:nth-child(4) {
    animation-delay: 0.875s;
  }
  .prepare .basic-list__item:nth-child(5) {
    animation-delay: 0.95s;
  }
  .prepare .basic-list__item:nth-child(6) {
    animation-delay: 1.025s;
  }
  .prepare .basic-list__item:nth-child(7) {
    animation-delay: 1.1s;
  }
  .prepare .basic-list__item:nth-child(8) {
    animation-delay: 1.175s;
  }
  .prepare .basic-list__item:nth-child(9) {
    animation-delay: 1.25s;
  }
  .prepare .basic-list__item:nth-child(10) {
    animation-delay: 1.325s;
  }
  .prepare .basic-list__item:nth-child(11) {
    animation-delay: 1.4s;
  }
  .prepare .basic-list__item:nth-child(12) {
    animation-delay: 1.475s;
  }
  .prepare .basic-list__item:nth-child(13) {
    animation-delay: 1.55s;
  }
  .prepare .basic-list__item:nth-child(14) {
    animation-delay: 1.625s;
  }
  .prepare .basic-list__item:nth-child(15) {
    animation-delay: 1.7s;
  }
  .prepare .basic-list__item:nth-child(16) {
    animation-delay: 1.775s;
  }
  .prepare .basic-list__item:nth-child(17) {
    animation-delay: 1.85s;
  }
  .prepare .basic-list__item:nth-child(18) {
    animation-delay: 1.925s;
  }
  .prepare .basic-list__item:nth-child(19) {
    animation-delay: 2s;
  }
  .prepare .basic-list__item:nth-child(20) {
    animation-delay: 2.075s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(1) {
    animation-delay: 0.575s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(2) {
    animation-delay: 0.65s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(3) {
    animation-delay: 0.725s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(4) {
    animation-delay: 0.8s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(5) {
    animation-delay: 0.875s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(6) {
    animation-delay: 0.95s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(7) {
    animation-delay: 1.025s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(8) {
    animation-delay: 1.1s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(9) {
    animation-delay: 1.175s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(10) {
    animation-delay: 1.25s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(11) {
    animation-delay: 1.325s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(12) {
    animation-delay: 1.4s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(13) {
    animation-delay: 1.475s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(14) {
    animation-delay: 1.55s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(15) {
    animation-delay: 1.625s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(16) {
    animation-delay: 1.7s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(17) {
    animation-delay: 1.775s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(18) {
    animation-delay: 1.85s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(19) {
    animation-delay: 1.925s;
  }
  .prepare .page-heading + .basic-list .basic-list__item:nth-child(20) {
    animation-delay: 2s;
  }
  .in-view .basic-list__item {
    animation-play-state: running;
  }
}
.basic-list:not(.basic-list--inline) .basic-list__item + .basic-list__item {
  margin-top: 0.5rem;
}
.basic-list--nav:not(.basic-list--inline) .basic-list__item + .basic-list__item {
  margin-top: 1rem;
}

@keyframes button-pulse-blue {
  0% {
    box-shadow: 0 0 0 0 #0043d3;
  }
  75%, 100% {
    box-shadow: 0 0 0 1.25rem rgba(0, 67, 211, 0);
  }
}
@keyframes button-pulse-yellow {
  0% {
    box-shadow: 0 0 0 0 #ffc11e;
  }
  75%, 100% {
    box-shadow: 0 0 0 1.25rem rgba(255, 193, 30, 0);
  }
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 1rem 0.5rem;
  border-radius: var(--button-border-radius, 0.75rem);
  background-color: var(--button-bg-color, #0033A0);
  box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.08);
  color: var(--button-color, white);
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.125rem;
  text-decoration: none;
  letter-spacing: 0.04em;
  transition-property: background-color, color;
  transition-duration: 0.25s;
}
.button:hover, .button:focus {
  background-color: var(--button-hover-bg-color, #EAAA00);
  color: var(--button-hover-color, #002855);
}
.button--secondary {
  --button-bg-color: #EAAA00;
  --button-color: #002855;
  --button-hover-bg-color: #FDDA24;
  --button-hover-color: #005EB8;
}
.button--alternate, .button--icon {
  --button-border-radius: 1.5rem;
  height: 3rem;
}
.button--icon {
  width: 3rem;
}
.button--rss {
  --button-bg-color: #ED8B00;
  --button-hover-bg-color: #CD4C08;
  --button-hover-color: white;
}
.button--facebook {
  --button-bg-color: #1877f2;
  --button-hover-bg-color: #0c64d5;
  --button-hover-color: white;
}
.button--twitter {
  --button-bg-color: #55acee;
  --button-hover-bg-color: #309aea;
  --button-hover-color: white;
}
.button--pulse, .button--pulse-reverse {
  position: relative;
}
.button--pulse::before, .button--pulse::after, .button--pulse-reverse::before, .button--pulse-reverse::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}
.button--pulse::after, .button--pulse-reverse::after {
  animation-delay: 0.5s;
}
.button--pulse::before, .button--pulse::after {
  animation-name: button-pulse-blue;
}
.button--pulse:hover::before, .button--pulse:hover::after, .button--pulse:focus::before, .button--pulse:focus::after {
  animation-name: button-pulse-yellow;
}
.button__icon {
  width: 1rem;
  height: 1rem;
  fill: currentColor;
  margin-right: 0.5rem;
}
.button--icon .button__icon {
  margin-right: 0;
}
.button--previous .button__icon {
  transform: rotate(180deg);
}
.button--next .button__icon {
  margin-left: 0.5rem;
  margin-right: 0;
}
.button--facebook .button__icon {
  transform: scale(1.5);
  padding-top: 0.0625rem;
  border-radius: 1rem;
  background-color: #0c64d5;
}
.button--facebook:hover .button__icon, .button--facebook:focus .button__icon {
  background-color: #1877f2;
}
.button--twitter .button__icon {
  transform: translateY(0.125rem);
}

.callout {
  grid-column-start: 1;
  grid-column-end: -1;
  color: #002855;
}
@media screen and (min-width: 55em) {
  .callout {
    grid-column-end: span 2;
  }
}
@media screen and (min-width: 80em) {
  .callout {
    grid-column-end: auto;
  }
}
@media screen and (min-width: 55em) {
  .callout--top-right, .callout--center-right, .callout--bottom-right {
    grid-column-start: 2;
    grid-column-end: span 2;
  }
}
@media screen and (min-width: 80em) {
  .callout--top-right, .callout--center-right, .callout--bottom-right {
    grid-column-start: 3;
    grid-column-end: auto;
  }
}
@media screen and (min-width: 55em) {
  .callout--top-center, .callout--bottom-center, .callout--center {
    grid-column-start: 2;
    grid-column-end: span 2;
  }
}
@media screen and (min-width: 80em) {
  .callout--top-center, .callout--bottom-center, .callout--center {
    grid-column-end: auto;
  }
}
@media screen and (min-width: 55em) {
  .callout--span-2 {
    grid-column-end: span 2;
  }
}
.callout--center, .callout--center-left, .callout--center-right {
  align-self: center;
}
.callout--bottom-left, .callout--bottom-center, .callout--bottom-right {
  align-self: end;
}
.callout--dark {
  color: white;
}
.callout__title {
  position: relative;
  margin-top: 0;
  color: currentColor;
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 2rem;
  line-height: 1.1;
  /*.exit & {
      animation-name: smooth-exit-down;
      animation-duration: .075s;
      animation-delay: .075s;
  }*/
}
@media screen and (min-width: 30em) {
  .callout__title {
    font-size: 2.5rem;
  }
}
.prepare .callout__title {
  animation-name: smooth-entry-up;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.in-view .callout__title {
  animation-play-state: running;
}
.callout__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.25rem;
  display: block;
  width: 0.5rem;
  height: 2.625rem;
  background-color: #EAAA00;
}
.prepare .callout__title::before {
  animation-name: scale-line-up;
  animation-duration: 0.5s;
  animation-delay: 0.075s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.in-view .callout__title::before {
  animation-play-state: running;
}
.callout__message {
  position: relative;
}
.callout__title + .callout__message {
  margin-top: 1rem;
}
@media screen and (min-width: 48em) {
  .callout p:not([class]) {
    font-size: 1.5rem;
    line-height: 1.4;
  }
}

.caption {
  display: table;
  width: auto;
  max-width: 100%;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.img-center .caption {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 41.25em) {
  .caption.img-float-left, .caption.img-float-right {
    max-width: 50%;
    margin-top: 0;
  }
  .caption.img-float-left {
    float: left;
    margin-right: 1.875rem;
  }
  .caption.img-float-right {
    float: right;
    margin-left: 1.875rem;
  }
}
.caption figcaption {
  position: relative;
  display: table-caption;
  caption-side: bottom;
  margin-top: 0.75rem;
  padding-left: 0.75rem;
}
.caption figcaption, .caption figcaption p {
  font-family: "HelveticaNeueW01-55Roma", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}
.caption figcaption p {
  margin-top: 0;
}
.caption figcaption::before {
  content: "";
  position: absolute;
  top: 0.125rem;
  left: 0;
  width: 0.25rem;
  height: 1.25rem;
  background-color: #EAAA00;
}
.caption cite {
  font-style: normal;
}

/*	<div class="directory-list">
		<h2 class="directory-list__title">Title</h2>

		<fieldset class="directory-list__order-buttons" hidden>
			<legend class="directory-list__order-legend visually-hidden">Sort</legend>
			<button data-sort-method="explicit-id-order" class="button directory-list__order-button directory-list__order-button--original js-sort-original">Default Order</button>@*
			*@<button data-sort-method="position" class="button directory-list__order-button directory-list__order-button--position js-sort-position is-active" aria-pressed="true" disabled>Order by Position</button>@*
			*@<button data-sort-method="alpha" class="button directory-list__order-button directory-list__order-button--alpha js-sort-alphabetically" aria-pressed="false">Order Alphabetically</button>
		</fieldset>

		<div class="directory-list__users">

			<div class="directory-list__user directory-card h-card vcard" data-position="0" data-alpha="{…}" data-explicit-id-order="-1">
				<div class="directory-card__photo-container">
					<img src="{…}" alt="Photo of Erin Bunner" class="directory-card__photo u-photo photo">
				</div>

				<div class="directory-card__info-container">
					<h3 class="directory-card__name p-name fn">Erin Bunner<span class="directory-card__name-suffix-separator">, </span><span class="directory-card__honorary-suffix p-honorary-suffix honorary-suffix">{…}</span></h3>

					<div class="visually-hidden p-organization organization p-organization-name organization-name">West Virginia University</div>

					<dl class="directory-card__details">
						<dt class="directory-card__label directory-card__label--position">Position</dt>
						<dd class="directory-card__value directory-card__value--position p-role role">Director of Application and Web Support, Information Technology Services</dd>
						<dd class="directory-card__value directory-card__value--position p-role role">Director of Application and Web Support, Application / Web Services</dd>

						<dt class="directory-card__label directory-card__label--phone">Phone</dt>
						<dd class="directory-card__value directory-card__value--phone p-tel tel">304-293-2491</dd>
					</dl>
				</div>

				<ul class="directory-card__actions">
					<li><a class="directory-card__action directory-card__action--profile u-url url" href="http://directory.hsc.wvu.edu/Individual/Index/28598" target="_blank">View <span class="visually-hidden">Erin Bunner’s</span> Profile</a></li>
					<li><a class="directory-card__action directory-card__action--email u-email email" href="mailto:ebunner@hsc.wvu.edu">Send <span class="visually-hidden">Erin Bunner</span> an Email</a></li>
				</ul>
			</div>

			{…}

		</div>
	</div>
*/
.directory-list {
  margin-top: 1.875rem;
}
.directory-list__order-buttons {
  margin-top: 1.875rem;
}
.directory-list__order-button {
  width: 100%;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 42.5em) {
  .directory-list__order-button {
    display: inline-block;
    width: auto;
    margin-right: 0.5rem;
  }
}
.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 {
  background-color: transparent;
  border: 0.0625rem solid #97a0a3;
  color: #6d787c;
  transition: none;
}
.directory-list__order-button > a {
  text-decoration: none;
}
.directory-list__users {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  margin-top: 1.875rem;
}
.directory-list__order-buttons + .directory-list__users {
  margin-top: 0.75rem;
}

.directory-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  background-color: white;
  background-image: linear-gradient(#333F48, #333F48 4.625rem, #2f3235 6.75rem, white 6.75rem, white);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06), 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  color: #333F48;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.125rem;
  line-height: 1.4;
}
.directory-card__photo-container {
  padding: 1.5rem 1.5rem 0;
}
.directory-card .directory-card__photo {
  display: block;
  max-width: 5rem;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.25);
}
.directory-card__info-container {
  padding: 1.5rem;
}
.directory-card__name {
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: #333F48;
}
.directory-card__honorary-suffix {
  display: block;
  margin-top: 0.25rem;
  font-size: 1rem;
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.directory-card__label {
  margin-top: 1rem;
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.directory-card__label::after {
  content: ":";
}
.directory-card__value {
  margin: 0;
  /* Style phone number differently when certain UAs convert them to links. */
}
.directory-card__value + .directory-card__value {
  margin-top: 1rem;
}
.directory-card__value--phone a[href^="tel:"]::before {
  content: "Call ";
}
.directory-card .directory-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: auto;
  padding: 1.5rem;
  background-color: #f6f7f7;
  background-image: linear-gradient(#eef0f0, #f9fafa 1rem);
  background-color: #EAAA00;
  background-image: linear-gradient(#002145, #002855 2rem);
  font-size: 1.125rem;
  line-height: normal;
}
.directory-card .directory-card__actions li {
  margin: 0;
}
.directory-card__action {
  display: inline-block;
  color: #EAAA00;
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.directory-card__action:focus {
  outline-color: white;
}

/*	LAZY VIDEO
	==========
	These styles will be used to style the intial output of the Embedded Video
		macro. After the user interacts with the poster image link, it will
		be replaced with the appropriate `<iframe>`.

	The rules included in this partial are the suggested way to style this
		component’s markup. Using these styles is optional.

	The `.lazy-video__description` is optional and determined by a true/false
		property on the macro.

	```
	<figure class="caption lazy-video lazy-video--{1}">
		<div class="lazy-video__wrapper">
			<a href="{link to video on host}" class="lazy-video__link" target="_blank" data-provider="{1}" data-embed="{video ID from host}">
				<img data-src="https://cdn.hsc.wvu.edu/Resources/iconic.1.9.0/svg/media-play-circle.svg" class="iconic iconic-lg lazy-video__play" alt="">

				<img src="{poster image URL}" alt="Play Video" class="lazy-video__poster">
			</a>
		</div>

		<figcaption class="lazy-video__details">
			<div class="lazy-video__duration">
				<span class="visually-hidden">Duration: </span><time datetime="{ISO-8601 formatted duration string}">{video duration || "Live"}</time>
			</div>

			<div class="lazy-video__title">
				<cite>{video title}</cite>
			</div>

			<div class="lazy-video__description">
				{video description}
			</div>
		</figcaption>
	</figure>
	```
	NOTES:
	{1}: The provider hosting the video. This will be either `youtube` or
		`vimeo`. This is set as both a modifier class and a `data-embed` attribute.
*/
.lazy-video {
  display: block;
  width: 100%;
  margin-bottom: 1.5rem;
}
.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;
}
.lazy-video__link:focus {
  display: block;
  outline-offset: -0.5rem;
  outline-color: #EAAA00;
}
.lazy-video__poster {
  width: 100%;
  max-width: 100%;
  opacity: 0.5;
}
.lazy-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%) scale(1);
  display: block;
  width: 4rem !important;
  height: 4rem !important;
  border-radius: 50%;
  background-color: white;
  box-shadow: 0 0 0 0.25rem white;
  fill: #005EB8;
  stroke: #005EB8;
  will-change: transform;
  transition-property: transform, box-shadow;
  transition-duration: 0.5s;
}
.lazy-video__link:hover .lazy-video__play, .lazy-video__link:focus .lazy-video__play {
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: 0 0 0 0.5rem white;
  transition-duration: 0.25s;
}
.lazy-video__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.lazy-video__details {
  display: block !important;
  width: 100%;
  margin-top: 1rem;
}
.lazy-video__duration {
  float: right;
  margin-bottom: 0.5rem;
  margin-left: 1rem;
  padding: 0.25rem 0.5rem;
  border: 0.0625rem solid #d1d5d6;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
}
.lazy-video__title {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.125rem;
}
.lazy-video__title cite {
  font-style: normal;
}

.sub-navigation {
  grid-column: 1/-1;
  max-width: 30rem;
  margin-top: 4rem;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.25rem;
  line-height: 1.35;
}
@media screen and (min-width: 60em) {
  .sub-navigation {
    grid-column: 1;
  }
}
@media screen and (min-width: 77.5em) {
  .sub-navigation {
    margin-right: 4rem;
  }
}
.sub-navigation--on-this-page {
  margin-top: 2rem;
}
@media screen and (min-width: 60em) {
  .sub-navigation--on-this-page:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 60em) {
  .sub-navigation--news-categories {
    margin-top: 2rem;
  }
  .sub-navigation--mobile-only {
    display: none;
  }
}
.sub-navigation__heading {
  margin-top: 0;
  margin-bottom: 0.5rem;
  scroll-margin-top: 2rem;
  font-size: 1.5rem;
}
.section--dark .sub-navigation__heading, .sub-navigation--dark .sub-navigation__heading {
  color: white;
}
.sub-navigation__items {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 0.5rem solid #333F48;
  border-bottom: 0.0625rem solid #333F48;
}
.section--dark .sub-navigation__items, .sub-navigation--dark .sub-navigation__items {
  border-top-color: white;
  border-bottom-color: white;
}
.sub-navigation__link {
  position: relative;
  display: block;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 0.0625rem;
  color: #333F48;
  text-decoration: none;
}
.section--dark .sub-navigation__link, .sub-navigation--dark .sub-navigation__link {
  color: white;
}
.sub-navigation__link:hover, .sub-navigation__link:focus {
  color: #005EB8;
  text-decoration: underline;
}
.section--dark .sub-navigation__link:hover, .sub-navigation--dark .sub-navigation__link:hover, .section--dark .sub-navigation__link:focus, .sub-navigation--dark .sub-navigation__link:focus {
  color: #EAAA00;
}
.sub-navigation__link[aria-current=page] {
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.sub-navigation__thumbnail {
  display: block;
  grid-column: span 2;
  max-width: 100%;
  height: auto;
}
.sub-navigation__icon {
  float: left;
  margin-top: 0.375rem;
  margin-right: 0.25rem;
  fill: #A2AAAD;
  transition-property: transform, fill;
  transition-duration: 0.75s, 0.25s;
}
.section--dark .sub-navigation__icon, .sub-navigation--dark .sub-navigation__icon {
  fill: #EAAA00;
}
.sub-navigation--on-this-page .sub-navigation__icon {
  transform: rotate(90deg);
}
.sub-navigation__link:hover .sub-navigation__icon, .sub-navigation__link:focus .sub-navigation__icon {
  transform: translateX(0.25rem);
  fill: #005EB8;
  transition-duration: 0.25s;
}
.section--dark .sub-navigation__link:hover .sub-navigation__icon, .sub-navigation--dark .sub-navigation__link:hover .sub-navigation__icon, .section--dark .sub-navigation__link:focus .sub-navigation__icon, .sub-navigation--dark .sub-navigation__link:focus .sub-navigation__icon {
  fill: #CD4C08;
}
.sub-navigation--on-this-page .sub-navigation__link:hover .sub-navigation__icon, .sub-navigation--on-this-page .sub-navigation__link:focus .sub-navigation__icon {
  transform: rotate(90deg) translateX(0.25rem);
}
.sub-navigation__link[aria-current=page] .sub-navigation__icon {
  fill: #005EB8;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
}
.pagination__current {
  flex: 100%;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.25;
  text-align: center;
}
.pagination__current-small {
  margin-top: 0.5rem;
  font-size: 1rem;
}
.pagination__previous {
  margin-right: 1rem;
}

.tag {
  display: inline-block;
  height: 1.25rem;
  margin-bottom: 0.75rem;
  padding: 0.125rem 0.5rem;
  border-radius: 0.625rem;
  background-color: var(--tag-background-color, #9BD3DD);
  color: var(--tag-text-color, #002855);
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-decoration: none;
}
a[href].tag:hover, a[href].tag:focus {
  background-color: #EAAA00;
  color: #002855;
}

#___gcse_0 #___gcse_0,
#___gcse_0 #___gcse_0 * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#___gcse_0 table {
  border-collapse: separate;
}
#___gcse_0 .gsc-control-cse {
  padding: 0;
  border: none;
}
#___gcse_0 form.gsc-search-box {
  display: none;
}

.page--content .grid {
  grid-template-rows: auto auto auto auto auto 1fr;
}
@media screen and (min-width: 60em) {
  .page--content .page-primary:not(.page-header) {
    grid-row: 2/-1;
  }
}

h5 {
  margin-top: 1.5em;
  margin-bottom: 0;
  color: #5f7362;
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.1;
}

.page--home .page-container {
  overflow: hidden;
  position: relative;
}
.page--home .page-container:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  background-image: linear-gradient(180deg, white 5rem, rgba(255, 255, 255, 0) 100%);
  background-size: contain;
  background-repeat: repeat;
  opacity: 0.1;
  z-index: 0;
}
.page--home .page-container:after {
  content: "";
  position: absolute;
  width: 100vw;
  height: 175vh;
  left: 0;
  right: 0;
  top: -25vh;
  background-image: url("../Images/ExtendedHalftoneBubbleBG.svg");
  background-size: contain;
  background-position: 0 0, 1rem 1rem;
  background-repeat: repeat;
  opacity: 0.2;
  z-index: -1;
  animation-direction: alternate;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-duration: 45s;
  animation-name: bubble-bg-animation;
}
.page--home .wvu-footer {
  background-color: #1f1d1d;
  color: white;
}

.page-header__svg {
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
}

.page-primary.page-primary--addiction {
  grid-column: 1/-1;
  justify-self: center;
  margin-top: -3rem;
  max-width: 70vw;
}
@media screen and (min-width: 60em) {
  .page-primary.page-primary--addiction {
    margin-top: -5rem;
  }
}
@media screen and (min-width: 71.25em) {
  .page-primary.page-primary--addiction {
    max-width: 50rem;
  }
}
.page-primary.page-primary--addiction p {
  font-size: 1.25rem;
}
@media screen and (min-width: 48em) {
  .page-primary.page-primary--addiction p {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 60em) {
  .page-primary.page-primary--addiction p {
    font-size: 2rem;
  }
}

.addiction__svg-body {
  background-image: linear-gradient(180deg, white 30%, rgba(208, 215, 221, 0.5) calc(100% - 5rem));
}
.addiction__intro {
  background: rgba(208, 215, 221, 0.5);
  padding-bottom: 0rem;
  position: relative;
  z-index: 0;
}
.addiction__our-approach {
  position: relative;
  margin-top: -0.25rem;
}
.addiction__our-approach .grid {
  grid-row-gap: 4rem;
  grid-template-columns: auto;
  margin-top: -3rem;
  margin-bottom: -3rem;
}
@media screen and (min-width: 37.5em) {
  .addiction__our-approach .grid {
    margin-top: -5rem;
  }
}
@media screen and (min-width: 50em) {
  .addiction__our-approach .grid {
    margin-top: -7rem;
  }
}
@media screen and (min-width: 60em) {
  .addiction__our-approach .grid {
    grid-template-columns: 0.8fr 1.2fr;
  }
}
@media screen and (min-width: 80em) {
  .addiction__our-approach .grid {
    grid-template-columns: minmax(20rem, 1fr) 1fr 1fr;
  }
}
.addiction__new-resources {
  position: relative;
  overflow: hidden;
}
.addiction__new-resources:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(180deg, white, rgba(255, 255, 255, 0) 25%), radial-gradient(ellipse at 35% 0%, white 50%, transparent 100%), repeating-linear-gradient(123.75deg, #dfe4e8, #dfe4e8 0.125rem, rgba(223, 228, 232, 0) 0.125rem, rgba(255, 255, 255, 0) 1rem);
}
.addiction__new-resources .grid {
  grid-row-gap: 4rem;
}
@media screen and (min-width: 60em) {
  .addiction__new-resources .grid {
    grid-template-columns: 1.2fr 0.8fr;
  }
}
@media screen and (min-width: 80em) {
  .addiction__new-resources .grid {
    grid-template-columns: minmax(20rem, 1fr) 1fr 1fr;
  }
}
@media screen and (min-width: 60em) {
  .addiction__new-resources .page-primary {
    grid-column: 1;
    grid-row: 1;
  }
}
@media screen and (min-width: 80em) {
  .addiction__new-resources .page-primary {
    grid-column: 1/span 2;
  }
}
.addiction__new-resources .section-break {
  z-index: 1;
}
.addiction__stat {
  background-color: #1f1d1d;
  background-color: #001c3c;
}
.addiction__stats {
  position: relative;
  --background-color: $wvu-blue;
  background-image: linear-gradient(180deg, #0033A0, #002855 100%);
}
.addiction__stats:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(180deg, #0033A0 30%, rgba(0, 40, 85, 0) 100%), radial-gradient(ellipse at 35% 0%, #0033A0 40%, transparent 100%), repeating-linear-gradient(123.75deg, #002855, #002855 0.125rem, rgba(0, 40, 85, 0) 0.125rem, rgba(255, 255, 255, 0) 1rem);
  z-index: 0;
}
.addiction__stats .page-body {
  position: relative;
  z-index: 1;
}
.addiction__stats .stat {
  display: grid;
  align-items: center;
  text-shadow: 0 0.063rem 0.125rem #002855;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 34.375em) {
  .addiction__stats .stat {
    grid-template-columns: auto auto auto;
    grid-column-gap: 1.5rem;
  }
}
@media screen and (min-width: 50em) {
  .addiction__stats .stat {
    grid-column-gap: 2.5rem;
  }
}
@media screen and (min-width: 80em) {
  .addiction__stats .stat {
    grid-column-gap: 3.5rem;
  }
}
.addiction__stats .stat-lead {
  font-size: 1.25rem;
  color: #9BD3DD;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (min-width: 34.375em) {
  .addiction__stats .stat-lead {
    justify-self: right;
    text-align: right;
  }
}
@media screen and (min-width: 50em) {
  .addiction__stats .stat-lead {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 68.75em) {
  .addiction__stats .stat-lead {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 80em) {
  .addiction__stats .stat-lead {
    font-size: 3rem;
  }
}
.addiction__stats .stat-number {
  font-size: 5rem;
  color: white;
  opacity: 0.9;
  text-shadow: 0 0.125rem 0.25rem #002855;
  text-align: center;
}
@media screen and (min-width: 50em) {
  .addiction__stats .stat-number {
    font-size: 7rem;
  }
}
@media screen and (min-width: 68.75em) {
  .addiction__stats .stat-number {
    font-size: 10rem;
  }
}
@media screen and (min-width: 80em) {
  .addiction__stats .stat-number {
    font-size: 14rem;
  }
}
.addiction__stats .stat-tail {
  font-size: 1.25rem;
  color: #d4ecf0;
  text-shadow: 0 0.063rem 0.25rem #002855;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 34.375em) {
  .addiction__stats .stat-tail {
    color: #9BD3DD;
    text-shadow: 0 0.063rem 0.125rem #002855;
    justify-self: left;
    text-align: left;
  }
}
@media screen and (min-width: 50em) {
  .addiction__stats .stat-tail {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 68.75em) {
  .addiction__stats .stat-tail {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 80em) {
  .addiction__stats .stat-tail {
    font-size: 3rem;
  }
}
.addiction__stats .stat-graphic {
  height: 30rem;
  margin-left: -14rem;
  max-width: calc(100% + 20rem);
}
@media screen and (min-width: 34.375em) {
  .addiction__stats .stat-graphic {
    height: 25rem;
    margin-left: -7rem;
    max-width: calc(100% + 10rem);
  }
}
@media screen and (min-width: 60em) {
  .addiction__stats .stat-graphic {
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 80em) {
  .addiction__stats .stat-graphic {
    height: auto;
  }
}
.addiction__stats .stat-graphic-container {
  position: relative;
  margin-top: -5rem;
}
@media screen and (min-width: 34.375em) {
  .addiction__stats .stat-graphic-container {
    margin-top: -3rem;
  }
}
@media screen and (min-width: 60em) {
  .addiction__stats .stat-graphic-container {
    margin-top: -4.5rem;
  }
}
@media screen and (min-width: 80em) {
  .addiction__stats .stat-graphic-container {
    margin-top: -6rem;
  }
}
.addiction__stats .stat-body {
  position: absolute;
  top: 0;
  margin: 4rem 5% 0 20%;
}
@media screen and (min-width: 60em) {
  .addiction__stats .stat-body {
    margin: 4rem 10% 0 30%;
  }
}
@media screen and (min-width: 80em) {
  .addiction__stats .stat-body {
    margin: 6rem 10% 0 30%;
  }
}
.addiction__stats .stat-body p, .addiction__stats .stat-body a {
  color: #002855;
  font-size: 1.25rem;
  line-height: 1.35;
  text-shadow: 0 0.063rem 0.125rem #ffc11e;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 34.375em) {
  .addiction__stats .stat-body p, .addiction__stats .stat-body a {
    line-height: 1.5;
  }
}
@media screen and (min-width: 60em) {
  .addiction__stats .stat-body p, .addiction__stats .stat-body a {
    font-size: 1.35rem;
  }
}
@media screen and (min-width: 80em) {
  .addiction__stats .stat-body p, .addiction__stats .stat-body a {
    font-size: 1.65rem;
  }
}
@media screen and (min-width: 93.75em) {
  .addiction__stats .stat-body p, .addiction__stats .stat-body a {
    font-size: 2rem;
  }
}
.addiction__stats .arrow-icon {
  background-color: white;
}
.addiction__stats .arrow-link:hover, .addiction__stats .arrow-link:focus {
  outline-color: #002855;
}
@media screen and (min-width: 60em) {
  .addiction__stats .page-primary {
    grid-column: 1/-1;
    grid-row: 1;
  }
}
.addiction__stats .section-break {
  z-index: 1;
}
.addiction__research-news {
  position: relative;
}
.addiction__research-news:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(180deg, white, rgba(255, 255, 255, 0) 25%), radial-gradient(ellipse at 0% 0%, white 55%, transparent 100%), repeating-linear-gradient(123.75deg, #dfe4e8, #dfe4e8 0.125rem, rgba(223, 228, 232, 0) 0.125rem, rgba(255, 255, 255, 0) 1rem);
}
@media screen and (min-width: 60em) {
  .addiction__research-news .grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 68.75em) {
  .addiction__research-news .grid {
    grid-template-columns: minmax(20rem, 1fr) 1fr 1fr;
  }
}
.addiction__research-news .page-primary {
  margin-top: 4rem;
}
@media screen and (min-width: 60em) {
  .addiction__research-news .page-primary {
    margin-top: 0;
    grid-column: 1;
    grid-row: 1;
  }
}
@media screen and (min-width: 68.75em) {
  .addiction__research-news .page-primary {
    grid-column: 1/span 2;
  }
}
.addiction__research-news .section-break {
  z-index: 1;
}

.header-svg {
  max-width: 80vw;
  position: relative;
}
.header-svg__letter {
  stroke: #002855;
  stroke-miterlimit: 10;
  stroke: none;
  max-height: 19rem;
  fill: white;
  opacity: 0.8;
  opacity: 0;
  transform: scale(1.5);
  animation-direction: normal;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
  animation-name: animate-svg-letters;
  will-change: transform, opacity;
  height: 15vw;
  transform-origin: center;
}
.header-svg__letter:nth-child(1) {
  animation-delay: 0s;
}
.header-svg__letter:nth-child(2) {
  animation-delay: 0.15s;
  margin-left: -1.5vw;
}
.header-svg__letter:nth-child(3) {
  animation-delay: 0.225s;
  margin-left: -1.5vw;
}
.header-svg__letter:nth-child(4) {
  animation-delay: 0.45s;
  margin-right: -1.5vw;
  margin-left: 4vw;
}
.header-svg__letter:nth-child(5) {
  animation-delay: 0.075s;
  margin-right: -1.5vw;
}
.header-svg__letter:nth-child(6) {
  animation-delay: 0.375s;
  margin-right: -1.5vw;
}
.header-svg__letter:nth-child(7) {
  animation-delay: 0.525s;
  margin-right: -1.5vw;
}
.header-svg__letter:nth-child(8) {
  animation-delay: 0.3s;
}

@keyframes animate-svg-letters {
  from {
    transform: scale(1.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 0.8;
  }
}
@keyframes bubble-bg-animation {
  from {
    transform: translateY(50vh);
  }
  to {
    transform: translateY(0);
  }
}
.nav-item {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.nav-items {
  list-style-type: none;
  padding-left: 0;
}

.addiction__root-nav {
  grid-column: 1/-1;
  margin-top: 4rem;
}
@media screen and (min-width: 46.875em) {
  .addiction__root-nav {
    grid-column: 1;
  }
}
@media screen and (min-width: 60em) {
  .addiction__root-nav:first-of-type {
    margin-top: 0;
  }
}
.page--landing-page .addiction__root-nav {
  margin-top: 4rem;
}
@media screen and (min-width: 60em) {
  .page--landing-page .addiction__root-nav {
    margin-top: 0;
    grid-row: 4/6;
  }
}
.addiction__root-nav .nav-item {
  font-size: 2.35rem;
}
.addiction__root-nav .nav-item__link {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.addiction__root-nav .nav-item__link:hover:after, .addiction__root-nav .nav-item__link:focus:after {
  transform: scaleX(1);
}
.addiction__root-nav .nav-item:not(:last-child) {
  margin-bottom: 1rem;
}
.addiction__root-nav .sub-navigation {
  margin: 0;
}
.addiction__root-nav .sub-navigation__items {
  border: none;
  position: relative;
}
.addiction__root-nav .sub-navigation__items:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.125rem;
  top: 0;
  left: 0;
  background-image: linear-gradient(90deg, rgba(0, 40, 85, 0.3) 50%, rgba(0, 40, 85, 0) 90%);
  z-index: 0;
}
.addiction__root-nav--dark .sub-navigation__link[aria-current=page] .sub-navigation__icon {
  fill: #9BD3DD;
}
.addiction__root-nav--dark .sub-navigation__link[aria-current=page] .sub-navigation__icon:hover, .addiction__root-nav--dark .sub-navigation__link[aria-current=page] .sub-navigation__icon:focus {
  fill: #c1e4ea;
}
.addiction__root-nav--dark .sub-navigation__items:before {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.45) 50%, rgba(255, 255, 255, 0) 90%);
}

.addiction__sub-nav .nav-item {
  font-size: 1.75rem;
}
.addiction__sub-nav .nav-items {
  margin-top: 6rem;
}
.addiction__sub-nav .nav-item:not(:last-child) {
  margin-bottom: 1rem;
}
.addiction__sub-nav .nav-item--current-item .nav-item__link {
  color: #cd4c08;
}

.sub-navigation--on-this-page .sub-navigation__items {
  border: none;
  position: relative;
}
.sub-navigation--on-this-page .sub-navigation__items:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.125rem;
  top: 0;
  left: 0;
  background-image: linear-gradient(90deg, rgba(0, 40, 85, 0.3) 50%, rgba(0, 40, 85, 0) 90%);
  z-index: 0;
}
.sub-navigation--on-this-page .sub-navigation__items .sub-navigation__icon {
  width: 21px;
}

.page--content {
  position: relative;
  z-index: 0;
}
.page--content:before {
  content: "";
  position: absolute;
  width: 50vw;
  height: 50%;
  top: 0;
  left: 0;
  top: -25vh;
  background-image: radial-gradient(circle at 100% 100%, #d8dcdd 0%, rgba(216, 220, 221, 0) 100%), url("../Images/ExtendedHalftoneBubbleBG.svg");
  background-size: contain;
  background-position: 0 0, 1rem 1rem;
  background-repeat: no-repeat;
  opacity: 0.1;
  z-index: -1;
}
.page--content:after {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  right: 0;
  background-image: radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.01) 100%);
  border-top-left-radius: 75vw;
  border: 0.125rem solid rgba(255, 255, 255, 0.5);
  z-index: -1;
  opacity: 0.5;
}
@media screen and (min-width: 60em) {
  .page--content .grid {
    grid-template-columns: minmax(20 rem, 1.2fr) 1fr 1fr;
  }
}
.page--content.page--dark {
  --background-color: lighten($pms-429-c, 20%);
  --heading-color: $wvu-blue;
  --slash-color: #001e41;
}
.page--content .page-primary {
  position: relative;
  z-index: 0;
}
.page--content .page-primary.page-header {
  z-index: 1;
}
.page--content .header-bg-halftone {
  position: absolute;
  height: 10rem;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.page--dark.page--content .wvu-masthead-header__logo-wordmark, .page--dark.page--content .wvu-masthead-header__sub-brand {
  fill: white;
  color: white;
}
@media screen and (min-width: 60em) {
  .page--dark.page--content .wvu-masthead-header__logo-wordmark, .page--dark.page--content .wvu-masthead-header__sub-brand {
    fill: #002855;
    color: #002855;
  }
}

.addiction__content-page {
  background-color: transparent;
  position: relative;
  z-index: 1;
}

.page--landing-page .page-container {
  max-width: none;
}

.landing-page__feature {
  --background-color: transparent;
  position: relative;
}
.landing-page__feature-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #001b54;
  background-image: repeating-linear-gradient(123.75deg, #001b54, #001b54 0.125rem, rgba(0, 27, 84, 0) 0.125rem, rgba(0, 27, 84, 0) 1rem), linear-gradient(200deg, #00236d, #001b54 20%, #001b54 50%, #00236d 100%);
  background-size: cover;
}
.landing-page__feature-image img {
  filter: saturate(0) contrast(1.25);
  opacity: 0.2;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media screen and (min-width: 60em) {
  .landing-page__feature-title-region {
    grid-row: 4;
  }
}
@media screen and (min-width: 60em) {
  .landing-page__feature-text {
    grid-row: 5;
  }
}
.landing-page__feature .page-primary {
  text-shadow: 0 0.063rem 0.125rem #002855;
  margin-top: 0rem;
}
.landing-page__feature .page-primary h1 {
  text-shadow: 0 -0.063rem 0.063rem #ffd66b, 0 0.063rem 0.125rem #002855;
}
.landing-page__feature .page-primary p {
  font-size: 1.25rem;
}
@media screen and (min-width: 48em) {
  .landing-page__feature .page-primary p {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 60em) {
  .landing-page__feature .page-primary p {
    font-size: 2rem;
  }
}
.landing-page__feature .page-primary .page-label {
  text-shadow: none;
}
.landing-page__feature .page-primary--subpage {
  margin-bottom: 4rem;
}
@media screen and (min-width: 60em) {
  .landing-page__feature .page-primary--subpage {
    grid-row: 5;
  }
}
@media screen and (min-width: 60em) {
  .landing-page__feature .page-primary--subpage p {
    font-size: 1.5rem;
  }
}
.landing-page__aside {
  grid-column: 1/-1;
}
@media screen and (min-width: 60em) {
  .landing-page__aside {
    grid-column: 1;
  }
}
.landing-page__quick-access {
  display: grid;
  position: relative;
  z-index: 0;
  background-color: white;
}
.landing-page__quick-access .layout-container {
  left: 0;
  right: 0;
  z-index: 0;
  margin-top: 0;
}
.landing-page__quick-access .page-primary {
  align-self: center;
  margin-top: 4rem;
}
@media screen and (min-width: 60em) {
  .landing-page__quick-access .page-primary {
    margin-top: -3rem;
    margin-left: 4rem;
  }
}
.landing-page__quick-links {
  margin-top: 8rem;
}
.landing-page__section-break {
  position: relative;
  margin-bottom: -0.5rem;
  width: 100%;
}
.landing-page__section-break img {
  width: 100%;
  height: 100%;
}
.landing-page__card-section {
  position: relative;
  z-index: 0;
}
.landing-page__card-section:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: linear-gradient(180deg, white, rgba(255, 255, 255, 0) 25%), radial-gradient(ellipse at 70% 30%, white 55%, transparent 100%), repeating-linear-gradient(123.75deg, #dfe4e8, #dfe4e8 0.125rem, rgba(223, 228, 232, 0) 0.125rem, rgba(255, 255, 255, 0) 1rem);
}
.landing-page__diagonal-svg {
  margin-bottom: -1rem;
}
.landing-page__topic {
  min-height: 100vh;
  display: grid;
  align-content: center;
  /* Topic Photo Background for section */
  /* Smaller Topic Photo in Section*/
}
.landing-page__topic-photo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.landing-page__topic-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.landing-page__topic .topic-photo {
  margin-top: 2rem;
  margin-bottom: 3rem;
  border-radius: 1rem;
  background-color: white;
  background-image: radial-gradient(ellipse at -25% 40%, black 70%, rgba(0, 0, 0, 0) 100%), repeating-linear-gradient(47.25deg, black, black 0.125rem, rgba(0, 0, 0, 0) 0.125rem, rgba(0, 0, 0, 0) 1rem);
  box-shadow: 0 0.35rem 0.75rem rgba(0, 28, 60, 0.25);
}
.landing-page__topic .topic-photo img {
  display: block;
  width: 100%;
  border-radius: 1rem;
  opacity: 0.92;
}
.landing-page__topic .topic-photo--aside {
  margin-top: 0;
  margin-bottom: 4rem;
  justify-self: center;
  align-self: flex-start;
  grid-column: 1/-1;
  max-width: 25rem;
}
@media screen and (min-width: 60em) {
  .landing-page__topic .topic-photo--aside {
    grid-column: 1;
  }
}
.landing-page__topic.topic--dark {
  --heading-color: lighten($wvu-yellow, 10%);
  color: white;
  text-shadow: 0 0.063rem 0.125rem #002855;
  position: relative;
}
.landing-page__topic.topic--start:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -0.125rem;
  left: 0;
  background-image: url("../Images/Background-white-stroke.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0;
}
.landing-page__topic.topic--end:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -0.125rem;
  left: 0;
  background-image: url("../Images/Background-white-end-stroke.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: bottom;
  z-index: 0;
}
.landing-page__topic.topic-1 {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.95) 100%), url("../Images/ExtendedHalftoneBubbleBG.svg"), radial-gradient(ellipse at 75% 0%, white 60%, rgba(255, 255, 255, 0) 100%);
  background-color: white;
}
.landing-page__topic.topic-2 {
  z-index: 0;
  --background-color: transparent;
}
.landing-page__topic.topic-2:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, rgba(18, 17, 16, 0) 10%, #121110 20%, #121110 50%, rgba(18, 17, 16, 0) 100%), radial-gradient(ellipse at 100% 50%, #121110 45%, rgba(18, 17, 16, 0.8) 100%), repeating-linear-gradient(123.75deg, black, black 0.125rem, rgba(0, 0, 0, 0) 0.125rem, rgba(0, 0, 0, 0) 1rem);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  opacity: 0.5;
}
.landing-page__topic.topic-2:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, rgba(18, 17, 16, 0.5), rgba(18, 17, 16, 0.5) 100%);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
@media screen and (min-width: 60em) {
  .landing-page__topic.topic-2:after {
    background-image: linear-gradient(90deg, rgba(18, 17, 16, 0), rgba(18, 17, 16, 0.5) 50%);
  }
}
.landing-page__topic.topic-2 .topic__photo {
  z-index: -1;
}
.landing-page__topic.topic-2 .topic__photo img {
  opacity: 0.8;
}
.page--research-and-news .landing-page__topic.topic-2 {
  align-content: space-between;
}
.landing-page__topic.topic-3 {
  --background-color: $pms-180-c;
  background-image: linear-gradient(187deg, rgba(234, 170, 0, 0), #eaaa00 40%, #eaaa00 50%, rgba(234, 170, 0, 0) 100%), repeating-linear-gradient(123.75deg, #EAAA00, #EAAA00 0.125rem, rgba(234, 170, 0, 0) 0.125rem, rgba(234, 170, 0, 0) 1rem);
}
.landing-page__topic.topic-3 .topic__photo img {
  opacity: 0.4;
  filter: saturate(0) contrast(5);
}
.landing-page__topic.topic-3:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  background-image: linear-gradient(180deg, #EAAA00, rgba(234, 170, 0, 0.85) 25%, rgba(234, 170, 0, 0.85) 75%, #EAAA00 100%), radial-gradient(ellipse at 0% 50%, rgba(234, 170, 0, 0) 50%, #eaaa00 80%);
}
.landing-page__topic.topic-3 .page-primary p {
  color: #001c3c;
}
.landing-page__topic.topic-3 .page-primary a {
  color: #00346f;
}
.landing-page__topic.topic-3 .page-primary a:hover, .landing-page__topic.topic-3 .page-primary a:focus {
  color: #001c3c;
}
.landing-page__topic.topic-3 .page-primary .arrow-icon {
  background-color: white;
}
.landing-page__topic.topic-4 {
  min-height: 100vh;
  z-index: 0;
  --background-color: white;
}
@media screen and (min-width: 50em) {
  .landing-page__topic.topic-4 {
    min-height: 125vh;
  }
}
@media screen and (min-width: 80em) {
  .landing-page__topic.topic-4 {
    min-height: 150vh;
  }
}
.landing-page__topic.topic-4 .topic__photo img {
  opacity: 0.65;
  filter: saturate(125%);
  z-index: -1;
}
.landing-page__topic.topic-4:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: radial-gradient(ellipse at 60% 50%, #121110 45%, rgba(18, 17, 16, 0.8) 100%), repeating-linear-gradient(123.75deg, #121110, #121110 0.125rem, rgba(18, 17, 16, 0) 0.125rem, rgba(18, 17, 16, 0) 1rem);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.landing-page__topic.topic-4:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, rgba(18, 17, 16, 0.5), rgba(18, 17, 16, 0.5) 100%);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
@media screen and (min-width: 60em) {
  .landing-page__topic.topic-4:after {
    background-image: linear-gradient(90deg, rgba(18, 17, 16, 0), rgba(18, 17, 16, 0.5) 50%);
  }
}
.landing-page__topic.topic-4 .layout-container {
  margin-top: 10rem;
}
.landing-page__topic.topic-5 {
  background-color: #0033A0;
  background-image: linear-gradient(187deg, #0033A0 0%, rgba(0, 35, 109, 0) 100%), url("../Images/ExtendedHalftoneBubbleBG.svg"), linear-gradient(187deg, #0033A0 60%, rgba(0, 35, 109, 0) 100%), repeating-linear-gradient(123.75deg, #00236d, #00236d 0.125rem, rgba(0, 35, 109, 0) 0.125rem, rgba(0, 35, 109, 0) 1rem);
  min-height: 100vh;
}
@media screen and (min-width: 80em) {
  .landing-page__topic.topic-5 {
    min-height: 125vh;
  }
}
.landing-page__topic.topic-5 .page-primary {
  margin: 5rem 0;
}
@media screen and (min-width: 37.5em) {
  .landing-page__topic.topic-5 .page-primary {
    margin: 5rem 0 10rem 0;
  }
}
@media screen and (min-width: 80em) {
  .landing-page__topic.topic-5 .page-primary {
    margin: 10rem 0 15rem 0;
  }
}
.landing-page__topic-articles {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.95) 100%), url("../Images/ExtendedHalftoneBubbleBG.svg");
  background-color: white;
  position: relative;
  z-index: 0;
}
.landing-page__topic-articles:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%), radial-gradient(ellipse at 100% 0%, white 50%, rgba(255, 255, 255, 0) 100%), repeating-linear-gradient(123.75deg, #00236d, #00236d 0.125rem, rgba(0, 35, 109, 0) 0.125rem, rgba(0, 35, 109, 0) 1rem);
  z-index: -1;
  opacity: 0.04;
}
.landing-page__topic .layout-container {
  z-index: 1;
}

.about-us__stand-out {
  position: relative;
  z-index: 0;
}
.about-us__stand-out:after {
  content: "";
  position: absolute;
  width: 150%;
  height: 100%;
  bottom: -12.5rem;
  left: -15%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: bottom;
  z-index: -1;
}
.about-us__stand-out p {
  font-size: 2rem;
  margin: 0 2rem;
}
@media screen and (min-width: 37.5em) {
  .about-us__stand-out p {
    font-size: 2.15rem;
    margin: 0 2.5rem;
  }
}
@media screen and (min-width: 60em) {
  .about-us__stand-out p {
    font-size: 2rem;
    margin: 5rem 2.5rem 0 2.5rem;
  }
}
@media screen and (min-width: 68.75em) {
  .about-us__stand-out p {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 87.5em) {
  .about-us__stand-out p {
    font-size: 2.75rem;
  }
}
.about-us__topic-1 {
  position: relative;
  z-index: 0;
  min-height: 0;
}
.about-us__topic-1:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%), url("../Images/ExtendedHalftoneBubbleBG.svg"), radial-gradient(ellipse at 100% 0%, white 60%, rgba(255, 255, 255, 0.2) 90%), repeating-linear-gradient(123.75deg, #0033a0, #0033a0 0.125rem, rgba(0, 51, 160, 0) 0.125rem, rgba(0, 51, 160, 0) 1rem);
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;
  opacity: 0.08;
  z-index: 0;
}
.about-us__topic-1 .section-break {
  margin-bottom: 0;
}
.about-us__topic-2 {
  --background-color: $wvu-yellow;
  position: relative;
  z-index: 0;
}
.about-us__topic-2:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, #EAAA00, rgba(234, 170, 0, 0) 100%), radial-gradient(ellipse at 100% 0%, #EAAA00 60%, rgba(234, 170, 0, 0.75) 100%), repeating-linear-gradient(123.75deg, #001022, #001022 0.125rem, rgba(0, 16, 34, 0) 0.125rem, rgba(0, 16, 34, 0) 1rem);
  z-index: 0;
  opacity: 0.94;
}
.about-us__topic-2:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, #EAAA00, rgba(234, 170, 0, 0) 30%);
  z-index: 0;
}
.about-us__topic-2 .landing-page__topic-photo {
  z-index: -1;
  filter: saturate(0) contrast(2);
}
.about-us__topic-2 .page-primary {
  align-self: center;
  color: #040404;
}
.about-us__topic-2 .page-primary p {
  color: #001c3c;
}
.about-us__topic-2 .page-primary a {
  color: #00346f;
}
.about-us__topic-2 .page-primary a:hover, .about-us__topic-2 .page-primary a:focus {
  color: #001c3c;
}
.about-us__topic-2 .page-primary .arrow-icon {
  background-color: white;
}
.about-us__topic-2.landing-page__topic {
  min-height: 100%;
}

.page--about-us .about-us__topic2 .topic-photo--aside {
  margin-bottom: 0;
}

.r1-logo {
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-play-state: paused;
  animation-delay: 1.5s;
  animation-duration: 1.25s;
  animation-name: animate-r1__sepia-bw-fade;
  position: relative;
  grid-column: 1/-1;
  width: 60%;
  margin: 5rem auto 0 auto;
  max-width: 25rem;
}
@media screen and (min-width: 60em) {
  .r1-logo {
    grid-column: 2;
    margin: 0;
    width: 100%;
  }
}
@media screen and (min-width: 68.75em) {
  .r1-logo {
    grid-column: 3;
  }
}
.in-view .r1-logo {
  animation-play-state: running;
}
.r1-logo-svg {
  position: relative;
}
.r1-logo-svg svg:not(:root) {
  overflow: inherit;
}
.r1-logo-svg__slash, .r1-logo-svg__stroke {
  position: absolute;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-play-state: paused;
}
.in-view .r1-logo-svg__slash, .in-view .r1-logo-svg__stroke {
  animation-play-state: running;
}
.r1-logo-svg__slash--yellow {
  fill: #EAAA00;
  animation-duration: 1.25s;
  animation-name: animate-r1__slash--yellow;
}
.prepare .r1-logo-svg__slash--yellow {
  transform: translate(-6rem, -3rem) scale(1.5);
  opacity: 0;
}
.r1-logo-svg__slash--blue {
  fill: #9BD3DD;
  animation-duration: 0.25s;
  animation-delay: 0.5s;
  animation-name: animate-r1__slash--blue;
}
.prepare .r1-logo-svg__slash--blue {
  transform: translate(1.5rem, -2rem);
  opacity: 0;
}
.r1-logo-svg__slash--orange {
  fill: #ED8B00;
  animation-duration: 0.2s;
  animation-delay: 0.6s;
  animation-name: animate-r1__slash--orange;
}
.prepare .r1-logo-svg__slash--orange {
  transform: translate(-1.5rem, 2rem);
  opacity: 0;
}
.r1-logo-svg__slash--red {
  fill: #BE3A34;
  animation-duration: 0.15s;
  animation-delay: 0.7s;
  animation-name: animate-r1__slash--red;
}
.prepare .r1-logo-svg__slash--red {
  transform: translate(3rem, -2rem);
  opacity: 0;
}
.r1-logo-svg__stroke {
  fill: white;
  animation-duration: 0.5s;
  animation-delay: 1s;
  animation-name: animate-r1__stroke;
  transform-origin: center;
}
.prepare .r1-logo-svg__stroke {
  fill: #002855;
  transform: scale(1.1);
  opacity: 0;
}
.r1-logo__text-paring {
  display: flex;
  flex-wrap: wrap;
  align-self: center;
  margin: 4rem 0;
}
.r1-logo__text-paring .sub-heading {
  font-size: 3.5rem;
  color: #9BD3DD;
  margin: 0;
}

@keyframes animate-r1__sepia-bw-fade {
  0% {
    filter: sepia(0);
    opacity: 1;
  }
  35% {
    filter: sepia(1);
    opacity: 1;
  }
  100% {
    filter: sepia(1) saturate(0);
    opacity: 0.8;
  }
}
@keyframes animate-r1__slash--yellow {
  from {
    transform: translate(-6rem, -3rem) scale(1.5);
    opacity: 1;
  }
  to {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes animate-r1__slash--blue {
  from {
    transform: translate(1.5rem, -2rem);
    opacity: 1;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes animate-r1__slash--orange {
  from {
    transform: translate(-1.5rem, 2rem);
    opacity: 1;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes animate-r1__slash--red {
  from {
    transform: translate(3rem, -4.5rem);
    opacity: 1;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes animate-r1__stroke {
  from {
    fill: white;
    transform: scale(1.1);
    opacity: 1;
  }
  to {
    fill: #002855;
    transform: scale(1);
    opacity: 1;
  }
}
.inline-stat {
  position: relative;
  margin-left: -3rem;
  margin-right: -5rem;
  width: calc(100% + 5rem);
  max-width: 75rem;
  display: flex;
}
.inline-stat__block {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  display: grid;
  align-items: center;
  padding: 4rem 16% 5rem 16%;
}
@media screen and (min-width: 50em) {
  .inline-stat__block {
    position: absolute;
  }
}
@media screen and (min-width: 60em) {
  .inline-stat__block {
    position: relative;
  }
}
@media screen and (min-width: 68.75em) {
  .inline-stat__block {
    position: absolute;
  }
}
.inline-stat--small.inline-stat--style-1 .inline-stat__block {
  padding-top: 3rem;
}
@media screen and (min-width: 50em) {
  .inline-stat--small.inline-stat--style-1 .inline-stat__block {
    padding: 4rem 16% 5rem 16%;
  }
}
.inline-stat--small.inline-stat--style-2 .inline-stat__block {
  padding-bottom: 6rem;
}
@media screen and (min-width: 50em) {
  .inline-stat--small.inline-stat--style-2 .inline-stat__block {
    padding: 6rem 13% 7rem 19%;
  }
}
.inline-stat--small.inline-stat--style-3 .inline-stat__block {
  padding-bottom: 3rem;
}
@media screen and (min-width: 50em) {
  .inline-stat--small.inline-stat--style-3 .inline-stat__block {
    padding: 5rem 10% 5rem 20%;
  }
}
.inline-stat--large.inline-stat--style-1 .inline-stat__block {
  padding: 9rem 15% 6rem 15%;
}
.inline-stat--large.inline-stat--style-2 .inline-stat__block {
  padding: 3rem 12% 5rem 20%;
}
.inline-stat--large.inline-stat--style-3 .inline-stat__block {
  padding: 5rem 12% 7rem 30%;
}
.inline-stat__text p {
  color: white;
  font-size: 1.15rem;
  text-shadow: 0 0.063rem 0.125rem #001022;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
@media screen and (min-width: 50em) {
  .inline-stat__text p {
    font-size: 1.85rem;
  }
}
@media screen and (min-width: 60em) {
  .inline-stat__text p {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 78.125em) {
  .inline-stat__text p {
    font-size: 1.85rem;
  }
}
@media screen and (min-width: 50em) {
  .inline-stat--large .inline-stat__text p {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 60em) {
  .inline-stat--large .inline-stat__text p {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 78.125em) {
  .inline-stat--large .inline-stat__text p {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 93.75em) {
  .inline-stat--large .inline-stat__text p {
    font-size: 1.85rem;
  }
}
.inline-stat__text a {
  color: #EAAA00;
}
.inline-stat__text a:hover, .inline-stat__text a:focus {
  color: #f66112;
}
.inline-stat__text p:first-of-type {
  margin-top: 0;
}
.inline-stat__text p:last-of-type {
  margin-bottom: 0;
}
.inline-stat__cite {
  color: #cbe8ed;
  color: #ffc838;
  text-shadow: 0 0.063rem 0.063rem #001022;
  font-size: 0.9rem;
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  margin-top: 1rem;
  padding-top: 0.75rem;
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 50em) {
  .inline-stat__cite {
    font-size: 1.05rem;
  }
}
@media screen and (min-width: 60em) {
  .inline-stat__cite {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 78.125em) {
  .inline-stat__cite {
    font-size: 1.05rem;
  }
}
.inline-stat__cite:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.063rem;
  top: 0;
  left: 0;
  background-image: linear-gradient(90deg, white 50%, rgba(255, 255, 255, 0) 75%);
  opacity: 0.5;
  z-index: 0;
}
.inline-stat__bg-image {
  position: absolute;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 50em) {
  .inline-stat__bg-image {
    position: relative;
    height: auto;
    max-width: 100%;
  }
}
@media screen and (min-width: 60em) {
  .inline-stat__bg-image {
    position: absolute;
    height: 100%;
  }
}
@media screen and (min-width: 68.75em) {
  .inline-stat__bg-image {
    position: relative;
    height: auto;
  }
}

.inline-stat--topic-area:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 150%;
  top: -5rem;
  left: 0;
  background-image: url("../Images/White-Fact-Brushstroke-3.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
.inline-stat--topic-area .inline-stat__block {
  position: relative;
  margin: 5rem 2.5rem 5rem 5rem;
  padding: 2rem 0 3.5rem 4rem;
}
@media screen and (min-width: 43.75em) {
  .inline-stat--topic-area .inline-stat__block {
    margin: 5rem;
    padding: 5rem 0 5rem 5rem;
  }
}
.inline-stat--topic-area .inline-stat__text p {
  text-shadow: none;
  color: #002855;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.inline-stat--topic-area .inline-stat__cite {
  text-shadow: none;
  color: #0033A0;
}

.highlight-paragraph {
  min-height: 20rem;
  background-size: cover;
  background-repeat: no-repeat;
  width: calc(100% + 4rem);
  height: 100%;
  padding: 4rem 0 3rem 0;
  display: grid;
  align-content: center;
  position: relative;
}
.highlight-paragraph:before {
  content: "";
  position: absolute;
  width: calc(100% + 6rem);
  height: 100%;
  top: 0;
  left: -3rem;
  background-image: url("../Images/StatBrushBG-Yellow-sm-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 0.75;
}
@media screen and (min-width: 37.5em) {
  .highlight-paragraph {
    background-size: contain;
    width: 100%;
  }
}
@media screen and (min-width: 60em) {
  .highlight-paragraph {
    background-size: cover;
    width: calc(100% + 5rem);
  }
}
@media screen and (min-width: 68.75em) {
  .highlight-paragraph {
    background-size: contain;
    width: 100%;
  }
}
.highlight-paragraph p, .highlight-paragraph a {
  text-shadow: 0 0 0.375rem rgba(255, 255, 255, 0.85);
  margin-top: 0;
}

.addiction-card {
  border-radius: 50%;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}
.addiction-card--emergency {
  width: calc(100% + 7.5rem);
  margin-top: -12.5rem;
  margin-left: -8rem;
  padding-bottom: calc(100% + 7.5rem);
  text-shadow: 0 0.125rem 0.25rem rgba(150, 46, 41, 0.5);
  position: relative;
}
.addiction-card--emergency:after {
  content: "";
  position: absolute;
  width: 130%;
  height: 130%;
  left: -10%;
  top: 5%;
  background-image: radial-gradient(ellipse at 0% 38%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.9) 60%, white 65%), url("../Images/HalfToneCircle-Red4.svg");
  transform: rotate(33.75deg);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.addiction__our-approach .addiction-card--emergency {
  width: 100%;
  margin-top: -5.5rem;
  margin-bottom: 0;
  margin-left: -4rem;
  padding-bottom: 100%;
}
@media screen and (min-width: 34.375em) {
  .addiction__our-approach .addiction-card--emergency {
    width: 30rem;
    padding-bottom: 30rem;
    justify-self: center;
  }
}
.page--content .addiction-card--emergency {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 100%;
  width: 100%;
  z-index: 1;
  grid-column: 1/-1;
}
@media screen and (min-width: 46.875em) {
  .page--content .addiction-card--emergency {
    grid-column: 2/4;
    margin-left: -4rem;
  }
}
@media screen and (min-width: 60em) {
  .page--content .addiction-card--emergency {
    grid-column: 1;
    margin-left: -8rem;
  }
}
.page--content .addiction-card--emergency:after {
  background-image: url("../Images/HalfToneCircle-Red4.svg");
  width: 100%;
  height: 100%;
  left: -15%;
  top: 0;
  transform: rotate(147.25deg);
}
@media screen and (min-width: 46.875em) {
  .page--content .addiction-card--emergency:after {
    width: 135%;
    height: 77%;
    top: 15%;
  }
}
@media screen and (min-width: 60em) {
  .page--content .addiction-card--emergency:after {
    width: 135%;
    height: 100%;
    top: 15%;
    left: 0;
  }
}
@media screen and (min-width: 87.5em) {
  .page--content .addiction-card--emergency:after {
    left: -5rem;
  }
}
.page--content .addiction-card--emergency .addiction-card__body {
  padding: 3rem 20% 0 30%;
}
@media screen and (min-width: 46.875em) {
  .page--content .addiction-card--emergency .addiction-card__body {
    padding: 0 0 0 50%;
    margin-top: -2rem;
  }
}
@media screen and (min-width: 60em) {
  .page--content .addiction-card--emergency .addiction-card__body {
    padding: 3rem 15% 0 50%;
    margin-top: 0;
    width: calc(100% + 8rem);
  }
}
@media screen and (min-width: 87.5em) {
  .page--content .addiction-card--emergency .addiction-card__body {
    padding: 3rem 9rem 0 9rem;
  }
}
.page--content .addiction-card--emergency .addiction-card__body h2 {
  font-size: 1.25rem;
}
@media screen and (min-width: 40.625em) {
  .page--content .addiction-card--emergency .addiction-card__body h2 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 46.875em) {
  .page--content .addiction-card--emergency .addiction-card__body h2 {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 50em) {
  .page--content .addiction-card--emergency .addiction-card__body h2 {
    font-size: 1.45rem;
  }
}
@media screen and (min-width: 60em) {
  .page--content .addiction-card--emergency .addiction-card__body h2 {
    font-size: 1.35rem;
  }
}
@media screen and (min-width: 93.75em) {
  .page--content .addiction-card--emergency .addiction-card__body h2 {
    font-size: 1.65rem;
  }
}
@media screen and (min-width: 48em) {
  .page--content .addiction-card--emergency .addiction-card__body .arrow-link {
    font-size: 1.25rem;
  }
}
.page--landing-page .addiction-card--emergency {
  grid-column: 1/-1;
}
@media screen and (min-width: 37.5em) {
  .page--landing-page .addiction-card--emergency {
    max-width: 40rem;
    padding-bottom: 40rem;
  }
}
@media screen and (min-width: 50em) {
  .page--landing-page .addiction-card--emergency {
    margin: -18rem auto 0 auto;
  }
}
@media screen and (min-width: 60em) {
  .page--landing-page .addiction-card--emergency {
    grid-column: 1;
    margin-left: -8rem;
    margin-top: -8rem;
    margin-bottom: 8rem;
    padding-bottom: 100%;
  }
}
.page--landing-page .addiction-card--emergency:after {
  background-image: url("../Images/HalfToneCircle-Red4.svg");
  width: 100%;
  height: 100%;
  left: 0%;
  top: 20%;
  transform: rotate(33.75deg);
}
@media screen and (min-width: 60em) {
  .page--landing-page .addiction-card--emergency:after {
    width: 120%;
    height: 120%;
    top: 5%;
  }
}
.page--landing-page .addiction-card--emergency .addiction-card__body {
  padding: 3rem 25% 0 30%;
}
@media screen and (min-width: 60em) {
  .page--landing-page .addiction-card--emergency .addiction-card__body {
    padding: 3rem 15% 0 8rem;
  }
}
@media screen and (min-width: 87.5em) {
  .page--landing-page .addiction-card--emergency .addiction-card__body {
    padding: 3rem 9rem 0 9rem;
  }
}
.page--landing-page .addiction-card--emergency .addiction-card__body h2 {
  font-size: 1.25rem;
}
@media screen and (min-width: 40.625em) {
  .page--landing-page .addiction-card--emergency .addiction-card__body h2 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 50em) {
  .page--landing-page .addiction-card--emergency .addiction-card__body h2 {
    font-size: 1.45rem;
  }
}
@media screen and (min-width: 60em) {
  .page--landing-page .addiction-card--emergency .addiction-card__body h2 {
    font-size: 1.35rem;
  }
}
@media screen and (min-width: 93.75em) {
  .page--landing-page .addiction-card--emergency .addiction-card__body h2 {
    font-size: 1.65rem;
  }
}
@media screen and (min-width: 48em) {
  .page--landing-page .addiction-card--emergency .addiction-card__body .arrow-link {
    font-size: 1.25rem;
  }
}
.addiction-card--right-blue {
  grid-column: 1/-1;
  order: 1;
  color: white;
  width: 100%;
  margin-left: 3rem;
  padding-bottom: calc(100% + 7.5rem);
  text-shadow: 0 0.125rem 0.25rem rgba(0, 40, 85, 0.5);
  position: relative;
}
@media screen and (min-width: 43.75em) {
  .addiction-card--right-blue {
    width: 38rem;
    padding-bottom: 38rem;
    justify-self: center;
  }
}
@media screen and (min-width: 60em) {
  .addiction-card--right-blue {
    grid-column: 2;
    width: 100%;
    padding-bottom: 100%;
  }
}
@media screen and (min-width: 80em) {
  .addiction-card--right-blue {
    grid-column: 3;
    order: 0;
    width: calc(100% + 7.5rem);
    padding-bottom: calc(100% + 7.5rem);
  }
}
.addiction-card--right-blue:after {
  content: "";
  position: absolute;
  width: 145%;
  height: 145%;
  left: -27%;
  top: -50%;
  background-image: radial-gradient(ellipse at 0% 38%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.9) 60%, white 65%), url("../Images/HalfToneCircle-Blue.svg");
  transform: rotate(-147.25deg);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
@media screen and (min-width: 43.75em) {
  .addiction-card--right-blue:after {
    width: 135%;
    height: 135%;
    left: -22%;
    top: -43%;
  }
}
@media screen and (min-width: 60em) {
  .addiction-card--right-blue:after {
    width: 170%;
    height: 170%;
    left: -35%;
    top: -65%;
  }
}
@media screen and (min-width: 80em) {
  .addiction-card--right-blue:after {
    width: 135%;
    height: 135%;
    left: -22%;
    top: -43%;
  }
}
.addiction-card--right-blue p:first-child {
  margin-top: 0;
}
.addiction-card--right-blue p {
  font-size: 1.2rem;
  line-height: 1.25;
}
@media screen and (min-width: 34.375em) {
  .addiction-card--right-blue p {
    line-height: 1.5;
  }
}
@media screen and (min-width: 40.625em) {
  .addiction-card--right-blue p {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 60em) {
  .addiction-card--right-blue p {
    line-height: 1.25;
    font-size: 1.15rem;
  }
}
@media screen and (min-width: 68.75em) {
  .addiction-card--right-blue p {
    line-height: 1.5;
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 80em) {
  .addiction-card--right-blue p {
    font-size: 1.15rem;
  }
}
@media screen and (min-width: 87.5em) {
  .addiction-card--right-blue p {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 96.875em) {
  .addiction-card--right-blue p {
    font-size: 1.4rem;
  }
}
.addiction-card__body {
  padding: 9rem 7rem 6rem 2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 43.75em) {
  .addiction-card__body {
    padding: 6rem 7rem 6rem 6rem;
  }
}
@media screen and (min-width: 60em) {
  .addiction-card__body {
    padding: 6rem 1rem 6rem 3rem;
  }
}
@media screen and (min-width: 80em) {
  .addiction-card__body {
    padding: 6rem 5rem;
  }
}
@media screen and (min-width: 93.75em) {
  .addiction-card__body {
    padding: 6rem;
  }
}
.addiction-card__body h2 {
  color: white;
  margin-top: 0;
  font-size: 2rem;
}
.addiction-card--emergency .addiction-card__body {
  padding-left: 9rem;
}
.addiction__our-approach .addiction-card__body {
  padding: 2rem 3rem 2rem 7rem;
}
.addiction__our-approach .addiction-card__body h2 {
  font-size: 1.5rem;
}
@media screen and (min-width: 34.375em) {
  .addiction__our-approach .addiction-card__body h2 {
    font-size: 2rem;
  }
}
.addiction-card .arrow-link--red-bg {
  color: white;
}
.addiction-card .arrow-link--red-bg:hover, .addiction-card .arrow-link--red-bg:focus {
  color: rgba(255, 255, 255, 0.75);
  color: #fee770;
  outline-color: white;
}
.addiction-card .button-list {
  list-style-type: none;
  margin-top: 2rem;
  padding-left: 0;
}
.addiction-card .button-list li {
  margin: 0.5rem 0;
}

.card {
  position: relative;
  z-index: 0;
}
.card:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.card:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  top: 0;
  left: 0;
  z-index: -1;
}
.card:not(.card--callout):not(.card--figure) .card__link {
  align-self: flex-start;
}
.card__body {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.quick-access .card__body {
  padding: 0 0 0 1.5rem;
}
.card--dark-blue {
  margin: 6rem 0;
  padding: 6rem 2rem;
  border-top: none;
  border-bottom: none;
  position: relative;
  z-index: 0;
  color: #002855;
}
.card--dark-blue:after {
  font-family: "IowanOldStyleW01-Roman", "Times New Roman", Times, serif;
  text-shadow: -0.5rem 0.5rem 0rem #9BD3DD, 0.5rem -0.5rem 0rem #EAAA00;
  font-size: 15rem;
  color: white;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: -6.5rem;
  left: 0;
  z-index: -1;
}
.card--dark-blue:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0033A0;
  background-image: radial-gradient(ellipse at 10% 55%, #0033A0 40%, rgba(0, 51, 160, 0) 100%), linear-gradient(155deg, rgba(0, 51, 160, 0.25), #0033a0 20%, #0033a0 65%, rgba(0, 51, 160, 0) 100%), repeating-linear-gradient(47.25deg, white, white 0.125rem, rgba(255, 255, 255, 0) 0.125rem, rgba(255, 255, 255, 0) 1rem);
  top: 0;
  left: 0;
  z-index: -1;
  transform: skewY(5deg);
}
.card--dark-blue h1, .card--dark-blue h2, .card--dark-blue h3, .card--dark-blue h4, .card--dark-blue .directory-card__name, .card--dark-blue h5, .card--dark-blue h6 {
  margin-top: 0;
  color: #ffc11e;
  text-shadow: 0 0.125rem 0.125rem #002855;
}
.card--dark-blue p {
  color: white;
  text-shadow: 0 0.063rem 0.063rem #001c3c;
}
.card--dark-blue a {
  color: #9BD3DD;
}

.section-break {
  position: relative;
  margin-bottom: -0.25rem;
}
.section-break__svg--white {
  fill: white;
}
.section-break__svg--yellow {
  fill: #EAAA00;
}
.section-break__svg--light-gray {
  fill: #b2bfc8;
}
.section-break__svg--wvu-black {
  fill: #1f1d1d;
}
.section-break__svg--wvu-blue {
  fill: #002855;
}
.section-break__svg--blue {
  fill: #005EB8;
}
.section-break__svg--dark-blue {
  fill: #0033A0;
}
.section-break--top {
  width: 100%;
  top: 0;
  margin-bottom: 0;
}
.section-break--bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.section-break.section-break--top {
  margin-bottom: 0;
}

.rte table {
  display: block;
  overflow-x: scroll;
  width: calc(100% - 0.063rem);
  margin: 2rem 0;
}
.rte table tr:first-child {
  background-color: #333F48;
  color: white;
  text-shadow: 0 0.063rem 0.125rem #2C2A29;
}
.rte table tr:nth-child(2n+1) td {
  background-color: #dfe4e8;
}
.rte table th, .rte table td {
  padding: 0.75rem 0.5rem;
}
.rte table td {
  border: 0.063rem solid #c1cbd3;
  color: #464342;
}

.page-primary blockquote {
  padding: 6rem 2rem;
  border-top: none;
  border-bottom: none;
  position: relative;
  z-index: 0;
  color: #002855;
}
.page-primary blockquote:after {
  content: "”";
  font-family: "IowanOldStyleW01-Roman", "Times New Roman", Times, serif;
  text-shadow: -0.5rem 0.5rem 0rem #9BD3DD, 0.5rem -0.5rem 0rem #EAAA00;
  font-size: 15rem;
  color: white;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: -6.5rem;
  left: 0;
  z-index: -1;
}
.page-primary blockquote:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #EAAA00;
  background-image: radial-gradient(ellipse at 10% 55%, #EAAA00 40%, rgba(234, 170, 0, 0) 100%), linear-gradient(155deg, rgba(234, 170, 0, 0.25), #eaaa00 20%, #eaaa00 65%, rgba(234, 170, 0, 0) 100%), repeating-linear-gradient(47.25deg, white, white 0.125rem, rgba(255, 255, 255, 0) 0.125rem, rgba(255, 255, 255, 0) 1rem);
  top: 0;
  left: 0;
  z-index: -1;
  transform: skewY(5deg);
}

/*	LAZY VIDEO
	==========
	These styles will be used to style the intial output of the Embedded Video
		macro. After the user interacts with the poster image link, it will
		be replaced with the appropriate `<iframe>`.

	The rules included in this partial are the suggested way to style this
		component’s markup. Using these styles is optional.

	The `.lazy-video__description` is optional and determined by a true/false
		property on the macro.

	```
	<figure class="caption lazy-video lazy-video--{1}">
		<div class="lazy-video__wrapper">
			<a href="{link to video on host}" class="lazy-video__link" target="_blank" data-provider="{1}" data-embed="{video ID from host}">
				<img data-src="https://cdn.hsc.wvu.edu/Resources/iconic.1.9.0/svg/media-play-circle.svg" class="iconic iconic-lg lazy-video__play" alt="">

				<img src="{poster image URL}" alt="Play Video" class="lazy-video__poster">
			</a>
		</div>

		<figcaption class="lazy-video__details">
			<div class="lazy-video__duration">
				<span class="visually-hidden">Duration: </span><time datetime="{ISO-8601 formatted duration string}">{video duration || "Live"}</time>
			</div>

			<div class="lazy-video__title">
				<cite>{video title}</cite>
			</div>

			<div class="lazy-video__description">
				{video description}
			</div>
		</figcaption>
	</figure>
	```
	NOTES:
	{1}: The provider hosting the video. This will be either `youtube` or
		`vimeo`. This is set as both a modifier class and a `data-embed` attribute.
*/
.lazy-video {
  margin-bottom: 0;
  margin-top: 0;
}
.lazy-video__details {
  display: block !important;
  width: 100%;
  margin-top: 0;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  text-shadow: 0 0.063rem 0.125rem rgba(0, 40, 85, 0.5);
  background-color: #0033A0;
  background-image: linear-gradient(175deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 30%), radial-gradient(ellipse at 0% 0%, #0033A0 60%, rgba(0, 51, 160, 0.3) 100%), repeating-linear-gradient(47.25deg, #002b87, #002b87 0.125rem, rgba(0, 43, 135, 0) 0.125rem, rgba(0, 43, 135, 0) 1rem);
  color: white;
  padding: 1.5rem 1rem 1.5rem 1rem;
  border-radius: 0 0 1rem 1rem;
}
.lazy-video__details a {
  color: #9BD3DD;
}
.lazy-video__details a:hover, .lazy-video__details a:focus {
  color: #ffc11e;
}
.lazy-video .caption figcaption, .lazy-video figcaption {
  margin-top: 0;
}
.lazy-video .caption figcaption::before, .lazy-video figcaption::before {
  display: none;
}
.lazy-video .caption {
  margin-top: 0;
}
.lazy-video__title {
  font-size: 1.45rem;
  color: #ffc11e;
}
.lazy-video__title cite {
  font-style: normal;
}

.directory-list__users {
  margin: 2rem 0 4rem 0;
}
.directory-list--full-width .directory-list__users {
  grid-template-columns: 1fr;
}

.directory-aside-contact {
  margin-top: 8rem;
  grid-column: 1/-1;
}
@media screen and (min-width: 60em) {
  .directory-aside-contact {
    grid-column: 1;
  }
}
.directory-aside-contact__heading {
  margin-top: 0;
}
.directory-aside-contact__content {
  color: #464342;
}

.directory-card__photo {
  margin-bottom: -1rem;
  position: relative;
  z-index: 1;
}
.directory-card__photo-container {
  grid-template-columns: auto 1fr;
  display: grid;
  column-gap: 2rem;
  background-color: #333F48;
  background-image: radial-gradient(ellipse at 100% 100%, rgba(51, 63, 72, 0.5) 0%, #333F48 55%), repeating-linear-gradient(133.75deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 0.125rem, rgba(255, 255, 255, 0) 0.125rem, rgba(255, 255, 255, 0) 1rem);
}
.directory-card__info-container {
  padding-top: 1.75rem;
  background-image: linear-gradient(0deg, white 50%, rgba(255, 255, 255, 0.5) 100%), radial-gradient(ellipse at 10% 100%, white 70%, rgba(255, 255, 255, 0) 100%), repeating-linear-gradient(133.75deg, rgba(51, 63, 72, 0.5), rgba(51, 63, 72, 0.5) 0.125rem, rgba(51, 63, 72, 0) 0.125rem, rgba(51, 63, 72, 0) 1rem);
}
.directory-card__name {
  display: grid;
  align-content: center;
  color: white;
}
.directory-card__honorary-suffix {
  color: #b2bfc8;
}
.directory-card__value + .directory-card__value {
  margin-top: 0.25rem;
}
.directory-card .directory-card__actions {
  background-image: linear-gradient(#002248, rgba(0, 34, 72, 0) 50%), radial-gradient(ellipse at 0% 5%, #002855 50%, rgba(0, 40, 85, 0) 100%), repeating-linear-gradient(133.75deg, rgba(0, 28, 60, 0.5), rgba(0, 28, 60, 0.5) 0.125rem, rgba(0, 51, 160, 0) 0.125rem, rgba(0, 51, 160, 0) 1rem), linear-gradient(#002248, #002855 2rem);
}

.news-stories {
  margin-top: 4rem;
}
.news-stories .news-story:not(:last-child) {
  margin-bottom: 3rem;
}
.news-stories .news-story .story-entry .news-image-wrapper {
  border-radius: 1rem;
  background-color: white;
  background-image: radial-gradient(ellipse at -25% 40%, black 70%, rgba(0, 0, 0, 0) 100%), repeating-linear-gradient(47.25deg, black, black 0.125rem, rgba(0, 0, 0, 0) 0.125rem, rgba(0, 0, 0, 0) 1rem);
  box-shadow: 0 0.35rem 0.75rem rgba(0, 28, 60, 0.25);
  margin-bottom: 1rem;
}
@media screen and (min-width: 40em) {
  .news-stories .news-story .story-entry .news-image-wrapper {
    background-image: radial-gradient(ellipse at -25% 40%, black 70%, rgba(0, 0, 0, 0) 100%), repeating-linear-gradient(47.25deg, black, black 0.125rem, rgba(0, 0, 0, 0) 0.125rem, rgba(0, 0, 0, 0) 0.5rem);
    margin-bottom: 0;
  }
}
@media screen and (min-width: 60em) {
  .news-stories .news-story .story-entry .news-image-wrapper {
    background-image: radial-gradient(ellipse at -25% 40%, black 70%, rgba(0, 0, 0, 0) 100%), repeating-linear-gradient(47.25deg, black, black 0.125rem, rgba(0, 0, 0, 0) 0.125rem, rgba(0, 0, 0, 0) 1rem);
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 68.75em) {
  .news-stories .news-story .story-entry .news-image-wrapper {
    background-image: radial-gradient(ellipse at -25% 40%, black 70%, rgba(0, 0, 0, 0) 100%), repeating-linear-gradient(47.25deg, black, black 0.125rem, rgba(0, 0, 0, 0) 0.125rem, rgba(0, 0, 0, 0) 0.5rem);
    margin-bottom: 0;
  }
}
.news-stories .news-story .story-entry .news-image-wrapper img {
  display: block;
  width: 100%;
  border-radius: 1rem;
  opacity: 0.92;
}
.news-stories .news-story .story-entry .news-info-container .news-item-title {
  margin-top: 0;
  font-size: 1.5rem;
  color: #005EB8;
  transition-property: color, background-color;
  transition-duration: 0.25s;
}
@media screen and (min-width: 40em) {
  .news-stories .news-story .story-entry .news-info-container .news-item-title {
    font-size: 1.35rem;
  }
}
@media screen and (min-width: 40em) {
  .news-stories .news-story .story-entry .news-info-container .news-item-title {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 56.25em) {
  .news-stories .news-story .story-entry .news-info-container .news-item-title {
    font-size: 1.65rem;
  }
}
@media screen and (min-width: 68.75em) {
  .news-stories .news-story .story-entry .news-info-container .news-item-title {
    font-size: 1.35rem;
  }
}
@media screen and (min-width: 80em) {
  .news-stories .news-story .story-entry .news-info-container .news-item-title {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 90em) {
  .news-stories .news-story .story-entry .news-info-container .news-item-title {
    font-size: 1.75rem;
  }
}
.news-stories .news-story .story-entry .link:hover .news-item-title, .news-stories .news-story .story-entry .link:focus .news-item-title {
  color: #CD4C08;
}
@media screen and (min-width: 40em) {
  .news-stories .news-story .story-entry .link {
    display: grid;
    grid-template-columns: 15rem auto;
    grid-column-gap: 2rem;
    align-items: center;
  }
}
@media screen and (min-width: 50em) {
  .news-stories .news-story .story-entry .link {
    grid-template-columns: 17.5rem auto;
  }
}
@media screen and (min-width: 60em) {
  .news-stories .news-story .story-entry .link {
    grid-template-columns: auto;
  }
}
@media screen and (min-width: 68.75em) {
  .news-stories .news-story .story-entry .link {
    grid-template-columns: 15rem auto;
  }
}
@media screen and (min-width: 80em) {
  .news-stories .news-story .story-entry .link {
    grid-template-columns: 17.5rem auto;
  }
}

.full-news-story {
  margin-top: 4rem;
}
.full-news-story .meta-data {
  margin-bottom: 2rem;
}
.full-news-story img {
  max-height: 40rem;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
.full-news-story .news-image-wrapper {
  background-color: white;
  background-image: radial-gradient(ellipse at -25% 40%, black 70%, rgba(0, 0, 0, 0) 100%), repeating-linear-gradient(47.25deg, black, black 0.125rem, rgba(0, 0, 0, 0) 0.125rem, rgba(0, 0, 0, 0) 1rem);
  box-shadow: 0 0.35rem 0.75rem rgba(0, 28, 60, 0.25);
  border-radius: 1rem;
}
.full-news-story .news-image-wrapper img {
  display: block;
  width: 100%;
  border-radius: 1rem;
  opacity: 0.92;
  margin-bottom: 0;
}
.full-news-story .publish-date {
  font-weight: bold;
  color: white;
  background-color: #0033A0;
  text-shadow: 0 -0.063rem 0.125rem #002855;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.full-news-story .publish-date__label {
  font-weight: normal;
}
.full-news-story .social-share {
  margin-top: 4rem;
}
.full-news-story .social-share-heading {
  margin-top: 0;
  margin-bottom: 2rem;
}
.full-news-story .social-share .connect-button:not(:last-child) {
  margin-right: 2rem;
}
.full-news-story .social-share .connect-button svg.iconic.iconic-md:not(.iconic-size-sm):not(.iconic-size-lg), .full-news-story .social-share .connect-button svg.iconic.iconic-size-md {
  width: 5rem;
  height: 5rem;
}
.full-news-story .social-share .connect-button.facebook {
  fill: #1877f2;
}
.full-news-story .social-share .connect-button.twitter {
  fill: #55acee;
}
.full-news-story .social-share .connect-button.linkedin {
  fill: #0077b5;
}

.related-news .heading {
  margin-top: 0;
  margin-bottom: 2rem;
}
.related-news .button {
  margin-top: 2rem;
}

.page-heading.page-heading--full-story {
  font-size: 3rem;
}
@media screen and (min-width: 46.25em) {
  .page-heading.page-heading--full-story {
    font-size: 4.5rem;
  }
}
@media screen and (min-width: 60em) {
  .page-heading.page-heading--full-story {
    font-size: 3.5rem;
  }
}
@media screen and (min-width: 72.5em) {
  .page-heading.page-heading--full-story {
    font-size: 4.5rem;
  }
}

.event-entry__listing--aside {
  margin-top: 8rem;
}
.event-entry__listing-heading {
  margin-top: 0;
  font-size: 1.5rem;
  color: #0D5257;
  font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  text-transform: none;
}
@media screen and (min-width: 40em) {
  .event-entry__parent-link {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 40em) {
  .event-entry__name {
    font-size: 2rem;
  }
}
@media screen and (min-width: 40em) {
  .event-entry__hosts {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 65em) {
  .event-entry__content {
    padding-bottom: 6rem;
  }
  @supports (display: grid) {
    .event-entry__content {
      grid-template-columns: 100%;
    }
  }
}
@media screen and (min-width: 40em) {
  .event-entry__content-summary {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 40em) {
  .event-entry__content-full p, .event-entry__content-full ul, .event-entry__content-full ol, .event-entry__content-full li {
    font-size: 1.1rem;
  }
}
@supports (display: grid) {
  .event-entry__content--main-page .event-dates {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 0;
  }
}
@media screen and (min-width: 40em) {
  .event-entry__content-main {
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 40em) {
  .event-entry__category {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 65em) {
  @supports (display: grid) {
    .event-entry__essentials .layout-container {
      display: block;
      padding: 1.5rem 0;
    }
  }
}
@media screen and (min-width: 65em) {
  .event-entry__essentials .event-entry__location-details, .event-entry__essentials .event-entry__reg-details, .event-entry__essentials .event-entry__contacts {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 40em) {
  .event-entry__others {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 65em) {
  .event-entry__others-heading {
    width: 100%;
  }
}
@media screen and (min-width: 65em) {
  @supports (display: grid) {
    .event-entry__listing {
      display: block;
    }
  }
}
@media screen and (min-width: 65em) {
  .event-stub__date-info {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 65em) {
  .event-stub__status, .event-stub .event-stub__time-status {
    font-size: 1rem;
  }
}
@media screen and (min-width: 65em) {
  .event-stub__status svg, .event-stub .event-stub__time-status svg {
    margin-right: 0.25rem;
  }
}
.event-stub__time {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 65em) {
  @supports (display: grid) {
    .event-stub__time {
      display: block;
    }
  }
}
.event-stub__time:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-image: radial-gradient(ellipse at -25% 40%, white 70%, rgba(255, 255, 255, 0) 100%), repeating-linear-gradient(47.25deg, rgba(51, 63, 72, 0.1), rgba(51, 63, 72, 0.1) 0.125rem, rgba(51, 63, 72, 0) 0.125rem, rgba(51, 63, 72, 0) 0.75rem);
}
.event-stub__title, .event-stub__series-title {
  background: #f5f6f6;
}
.event-stub__title {
  border-bottom: 0.063rem solid #e6e8e9;
}
.event-stub__buttons {
  margin-left: 0.5rem;
}

.pagination {
  margin-top: 4rem;
}
.pagination__button-icon {
  display: grid;
  align-content: center;
  justify-content: center;
  fill: white;
}
.pagination__button:hover .pagination__button-icon, .pagination__button:focus .pagination__button-icon {
  fill: #002855;
}
.pagination__button--previous .pagination__button-icon {
  transform: rotate(180deg);
  margin-left: -0.5rem;
  margin-right: 0.5rem;
}

.search-form-container {
  margin-top: 4rem;
}
.search-form-container .search-form {
  display: grid;
  grid-template-columns: auto 4rem;
}
.search-form-container .search-button {
  height: 100%;
  display: grid;
  align-items: center;
  justify-content: center;
  border-radius: 0 1.5rem 1.5rem 0;
  border-style: solid;
  border-width: 0 0 0.063rem 0;
  border-color: #333F48;
}
.search-form-container .search-button .iconic * {
  stroke: white !important;
}
.search-form-container .search-button:hover .iconic *, .search-form-container .search-button:focus .iconic * {
  stroke: #002855 !important;
}
.search-form-container .search-input {
  width: 100%;
  padding: 1rem;
  font-size: 1.5rem;
  border-radius: 1.5rem 0 0 1.5rem;
  border-style: solid;
  border-width: 0 0 0.063rem 0;
  border-color: #333F48;
}
.search-form-container .search__rss-link {
  float: right;
  margin-top: 1.5rem;
  font-size: 1.5rem;
  text-decoration: none;
}
.search-form-container .search__rss-link .iconic * {
  fill: #CD4C08;
  stroke: #CD4C08;
}
.search-form-container .search__rss-link span {
  text-decoration: underline;
}
@media screen and (min-width: 60em) {
  .grid.grid--fifty-fifty {
    grid-template-columns: 1fr 1fr;
  }
}

.page-body {
  position: relative;
  padding-bottom: 4rem;
}
@media screen and (min-width: 60em) {
  .page-body {
    padding-bottom: 8rem;
  }
}
.page-body--negative {
  margin-bottom: -4rem;
}
@media screen and (min-width: 60em) {
  .page-body--negative {
    margin-bottom: -8rem;
  }
}
@media screen and (min-width: 60em) {
  .page-primary--full-width {
    grid-column: 1/-1;
  }
}
.page-primary--justify-centered {
  justify-self: center;
}
.page-heading {
  margin-top: 0;
  margin-bottom: 0.25em;
  color: #002855;
  color: var(--heading-color);
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-size: 4rem;
  font-weight: normal;
  line-height: 1;
}
@media screen and (min-width: 46.25em) {
  .page-heading {
    font-size: 5.5rem;
  }
}
@media screen and (min-width: 72.5em) {
  .page-heading {
    font-size: 6rem;
  }
}
@media screen and (min-width: 80em) {
  .page-heading--headline {
    font-size: 8rem;
  }
}
.page-heading--inline {
  display: inline;
}
.page-subheading {
  display: block;
  color: var(--heading-color);
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 2.5rem;
}
* + .page-subheading {
  margin-top: 0.25rem;
}
#___gcse_0 {
  margin-top: 2rem;
}
#___gcse_0 #___gcse_0,
#___gcse_0 #___gcse_0 * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#___gcse_0 .gsc-control-cse {
  padding: 0;
  border: none;
  background-color: transparent;
}
#___gcse_0 .gsc-search-box, #___gcse_0 .gsc-above-wrapper-area-container {
  overflow-x: hidden;
}
#___gcse_0 .gsc-positioningWrapper {
  visibility: hidden;
}

#___gcse_0 .gsc-result {
  padding-bottom: 1.5rem;
}

#___gcse_0 .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
  border-color: transparent;
  background-color: transparent;
}

#___gcse_0 .gsc-thumbnail-inside, #___gcse_0 .gsc-url-top {
  padding-left: 0;
  padding-right: 0;
}

#___gcse_0 .gs-visibleUrl {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #768d9e;
}

#___gcse_0 .gs-snippet, #___gcse_0 .gs-snippet b {
  font-size: 1rem;
  line-height: 1.5;
  color: #464342;
}

#___gcse_0 .gsc-snippet-metadata, #___gcse_0 .gsc-role {
  visibility: hidden;
  height: 0;
}

#___gcse_0 .gsc-cursor-box {
  margin: 0;
}

#___gcse_0 .gsc-cursor-page {
  margin: 0 0.25rem 0.25rem 0.25rem;
}

#___gcse_0 .gsc-above-wrapper-area-container tbody tr {
  display: grid;
  grid-template-columns: auto auto;
}

#___gcse_0 .gcsc-find-more-on-google {
  display: none;
}

#___gcse_0 .gsc-above-wrapper-area {
  margin-bottom: 1rem;
}

#___gcse_0 .gs-snippet, #___gcse_0 .gs-snippet b {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}
@media screen and (min-width: 48em) {
  #___gcse_0 .gs-snippet, #___gcse_0 .gs-snippet b {
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
#___gcse_0 .gs-snippet b {
  font-weight: bold;
}
#___gcse_0 .gsc-input-box {
  background: transparent;
  background-color: transparent;
}
#___gcse_0 .gsc-input-box .gsib_a {
  padding: 0;
}
#___gcse_0 .gsc-input-box .gsc-input {
  color: #121110;
}
#___gcse_0 .gsc-thumbnail-inside:hover, #___gcse_0 .gsc-thumbnail-inside:focus {
  color: #ce500d;
}
#___gcse_0 .gsc-thumbnail-inside:hover .gs-title, #___gcse_0 .gsc-thumbnail-inside:hover .gs-title b, #___gcse_0 .gsc-thumbnail-inside:focus .gs-title, #___gcse_0 .gsc-thumbnail-inside:focus .gs-title b {
  color: #ce500d;
}
#___gcse_0 .gs-title, #___gcse_0 .gs-title b {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.65rem;
  line-height: 1.5;
  text-decoration: underline;
  transition-property: color, background-color;
  transition-duration: 0.25s;
}
@media screen and (min-width: 48em) {
  #___gcse_0 .gs-title, #___gcse_0 .gs-title b {
    font-size: 1.85rem;
    line-height: 1.4;
  }
}
#___gcse_0 .gs-visibleUrl-breadcrumb {
  margin-top: 0.5rem;
  color: #0D5257;
}
#___gcse_0 table.gsc-search-box td.gsc-input {
  padding-right: 0;
}
#___gcse_0 .gsc-search-box.gsc-search-box-tools {
  margin: 2rem 0 1rem 0;
}
#___gcse_0 .gsc-search-box {
  width: 100%;
  max-width: 45rem;
}
#___gcse_0 .gsc-search-box tbody tr {
  display: grid;
  grid-template-columns: 1fr auto auto;
}
#___gcse_0 .gsc-search-box .gsib_a .gsc-input {
  font-size: 1.5rem;
  padding: 1rem !important;
  border-radius: 1.5rem 0 0 1.5rem;
  border-bottom: 0.063rem solid #768d9e !important;
}
#___gcse_0 .gsc-search-box .gsib_b {
  border-bottom: 0.063rem solid #768d9e !important;
  background-color: white;
  display: grid;
  align-content: center;
  padding: 0 0.5rem;
}
#___gcse_0 .gsc-search-box .gsc-search-button {
  display: grid;
  align-content: center;
  justify-content: center;
  width: 4rem;
  margin: 0 0 1px -1px !important;
  border-radius: 0 1.5rem 1.5rem 0;
  transition-property: background-color, fill;
  transition-duration: 0.25s;
  position: relative;
}
#___gcse_0 .gsc-search-box .gsc-search-button .gsc-search-button-v2 {
  width: 100%;
  height: 100%;
  background-color: #0033A0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 0.063rem solid #485966 !important;
  position: absolute;
}
#___gcse_0 .gsc-search-box .gsc-search-button svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: white;
}
#___gcse_0 .gsc-search-box .gsc-search-button:hover, #___gcse_0 .gsc-search-box .gsc-search-button:focus {
  background-color: #EAAA00;
}
#___gcse_0 .gsc-search-box .gsc-search-button:hover svg, #___gcse_0 .gsc-search-box .gsc-search-button:focus svg {
  fill: #002855;
}
#___gcse_0 .gcsc-find-more-on-google-branding {
  margin-top: -1rem;
}
#___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-page {
  border-color: transparent;
  background-color: transparent;
  color: #0033A0;
}
#___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-page:hover, #___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-page:focus {
  color: #CD4C08;
}
#___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  border-color: transparent;
  background-color: transparent;
  color: #121110;
}

.site-search {
  max-width: 45rem;
  margin-top: 4rem;
}
.site-search__form {
  display: grid;
  grid-template-columns: 0 1fr auto;
  align-items: center;
}
.site-search__label {
  margin-right: 1rem;
  visibility: hidden;
}
.site-search__query {
  padding: 1rem 1.5rem;
  border-width: 0 0 0.063rem 0;
  border-radius: 1.5rem 0 0 1.5rem;
  border-color: #485966;
}
.site-search__button {
  border-radius: 0 1.5rem 1.5rem 0;
  height: 100%;
  border-bottom: 0.063rem solid #485966;
}

.gsc-control-cse {
  background-color: transparent;
}

.embedded-video {
  width: 100%;
  height: 50vw;
  border: none;
}
@media screen and (min-width: 43.75em) {
  .embedded-video {
    height: 25vw;
  }
}
@media screen and (min-width: 60em) {
  .embedded-video {
    height: 30vw;
  }
}
@media screen and (min-width: 68.75em) {
  .embedded-video {
    height: 17vw;
    max-height: 16rem;
  }
}
.embedded-video__section {
  margin-top: 4rem;
}
.embedded-video__section .lazy-video__description {
  display: none;
}
.embedded-video__header {
  margin-top: 0;
}
.embedded-video__container {
  margin-top: 2rem;
  display: grid;
  grid-row-gap: 2rem;
}
@media screen and (min-width: 43.75em) {
  .embedded-video__container {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2rem;
  }
}
@media screen and (min-width: 60em) {
  .embedded-video__container {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 68.75em) {
  .embedded-video__container {
    grid-template-columns: 1fr 1fr;
  }
}

.wvu-masthead {
  position: relative;
  z-index: 2;
  margin-bottom: 4rem;
}
@media screen and (max-width: 59.9375em) {
  .page--landing-page .wvu-masthead {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.layout-container .wvu-masthead {
  grid-column: 1/-1;
}
.page:not(.page--landing-page) .layout-container .wvu-masthead {
  margin-left: -1rem;
  margin-right: -1rem;
}
@media screen and (min-width: 60em) {
  .page:not(.page--landing-page) .layout-container .wvu-masthead {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width: 60em) {
  .layout-container .wvu-masthead {
    grid-column-end: auto;
    grid-row-end: span 2;
  }
  @supports (display: grid) {
    .layout-container .wvu-masthead {
      margin-left: 0;
      margin-right: 0;
    }
  }
}
@media screen and (min-width: 60em) and (min-width: 80em) {
  .page--diversity .layout-container .wvu-masthead {
    grid-row-end: auto;
  }
}
@media screen and (min-width: 60em) {
  .section--banner .wvu-masthead {
    margin-bottom: 0;
  }
}
.wvu-masthead a[href]:focus,
.wvu-masthead button:focus,
.wvu-masthead input:focus {
  outline-color: currentColor;
}
.wvu-masthead__skip-nav:focus {
  outline-color: white !important;
}
@media screen and (min-width: 60em) {
  .wvu-masthead__skip-nav:focus {
    outline-color: #002855 !important;
  }
  .page--dark .wvu-masthead__skip-nav:focus, .section--dark .wvu-masthead__skip-nav:focus {
    outline-color: white !important;
  }
}
@media screen and (min-width: 60em) {
  @supports (display: grid) {
    .wvu-masthead-header {
      background-color: transparent;
      pointer-events: auto;
    }
  }
}
@media screen and (min-width: 60em) {
  @supports (display: grid) {
    .grid .wvu-masthead-header__brand {
      padding-left: 0;
      padding-right: 0;
    }
    .page:not(.page--dark) .wvu-masthead-header__brand {
      color: #002855;
    }
    .page:not(.page--dark) .wvu-masthead-header__brand[href]:hover, .page:not(.page--dark) .wvu-masthead-header__brand[href]:focus {
      color: #002855;
    }
    .section--dark .wvu-masthead-header__brand {
      color: white !important;
    }
    .section--dark .wvu-masthead-header__brand[href]:hover, .section--dark .wvu-masthead-header__brand[href]:focus {
      color: white !important;
    }
  }
  .prepare .wvu-masthead-header__brand {
    animation-name: smooth-entry-down;
    animation-duration: 0.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }
  .in-view .wvu-masthead-header__brand {
    animation-play-state: running;
  }
}
.wvu-masthead-header__logo-wordmark {
  fill: currentColor;
}
@media screen and (min-width: 60em) {
  @supports (display: grid) {
    .wvu-masthead-nav {
      overflow: visible;
      background-color: transparent;
    }
    .wvu-masthead-nav__layout {
      display: block;
    }
    .wvu-masthead-nav__items {
      max-width: 340px;
    }
    .wvu-masthead-nav__items--primary, .wvu-masthead-nav__items--secondary {
      display: block;
      margin-top: 4rem;
      font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
      font-size: 2rem;
      pointer-events: auto;
    }
    .wvu-masthead-nav__items--secondary {
      margin-left: 0;
    }
    .wvu-masthead-nav__item {
      margin-left: -0.5rem;
    }
    .prepare .wvu-masthead-nav__item {
      animation-name: smooth-entry-right;
      animation-duration: 0.5s;
      animation-delay: 0.5s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }
    .prepare .wvu-masthead-nav__item:not(.wvu-masthead-nav__item--cta):nth-child(1) {
      animation-delay: 0.575s;
    }
    .prepare .wvu-masthead-nav__item:not(.wvu-masthead-nav__item--cta):nth-child(2) {
      animation-delay: 0.65s;
    }
    .prepare .wvu-masthead-nav__item:not(.wvu-masthead-nav__item--cta):nth-child(3) {
      animation-delay: 0.725s;
    }
    .prepare .wvu-masthead-nav__item:not(.wvu-masthead-nav__item--cta):nth-child(4) {
      animation-delay: 0.8s;
    }
    .prepare .wvu-masthead-nav__item:not(.wvu-masthead-nav__item--cta):nth-child(5) {
      animation-delay: 0.875s;
    }
    .in-view .wvu-masthead-nav__item {
      animation-play-state: running;
    }
    .wvu-masthead-nav__item + .wvu-masthead-nav__item {
      margin-top: 1rem;
    }
    .wvu-masthead-nav a {
      position: relative;
      display: inline-block;
      padding: 0 0.5rem;
    }
    .wvu-masthead-nav a:hover, .wvu-masthead-nav a:focus {
      background-color: transparent;
    }
    .page:not(.page--dark) .wvu-masthead-nav a {
      color: #002855;
    }
    .section--dark .wvu-masthead-nav a {
      color: white !important;
    }
    .wvu-masthead-nav__item:not(.wvu-masthead-nav__item--cta) a::after {
      content: "";
      position: absolute;
      z-index: -1;
      bottom: -0.125rem;
      left: 0;
      width: 100%;
      height: 0.875rem;
      border-radius: 0.0625rem;
      background-color: #9BD3DD;
      transform: translate3d(0, 0, 0) scaleX(0);
      transform-origin: center right;
      transition-property: transform;
      transition-duration: 0.5s;
      will-change: transform;
    }
    .wvu-masthead-nav__item:not(.wvu-masthead-nav__item--cta) a:hover::after, .wvu-masthead-nav__item:not(.wvu-masthead-nav__item--cta) a:focus::after {
      transform: translate3d(0, 0, 0) scaleX(1);
      transform-origin: center left;
    }
    .wvu-masthead-nav__item:not(.wvu-masthead-nav__item--cta).is-current a::after {
      transform: translate3d(0, 0, 0) scaleX(1);
      transform-origin: center left;
      background-color: #EAAA00;
    }
    .prepare .wvu-masthead-nav__item:not(.wvu-masthead-nav__item--cta).is-current a::after {
      animation-name: scale-line-right;
      animation-duration: 0.5s;
      animation-delay: 0.95s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }
    .in-view .wvu-masthead-nav__item:not(.wvu-masthead-nav__item--cta).is-current a::after {
      animation-play-state: running;
    }
    .wvu-masthead-nav__item.is-current a {
      background-color: transparent;
    }
    .wvu-masthead-nav__item.is-current a:hover, .wvu-masthead-nav__item.is-current a:focus {
      background-color: transparent;
    }
    .wvu-masthead-nav__item--cta {
      margin-top: 0;
      margin-bottom: 0;
      margin-right: 0;
    }
    .prepare .wvu-masthead-nav__item--cta {
      animation-delay: 0.95s;
    }
    .wvu-masthead-nav__item--cta a {
      display: inline-grid;
      grid-column-gap: 0.75rem;
      grid-template-columns: auto 1fr;
      padding: 0 0.5rem;
      border-radius: 0;
      font-weight: normal;
      background-color: transparent;
    }
    .wvu-masthead-nav__item--cta a::before {
      content: "";
      display: inline-block;
      float: left;
      width: 2rem;
      height: 2rem;
      margin-top: 0.4375rem;
      background-image: url(https://cdn.hsc.wvu.edu/CustomDesigns/Health2020/_Common/Images/arrow-icon.svg);
      background-repeat: no-repeat;
      background-position: center center;
      transition-property: transform;
      transition-duration: 0.75s;
    }
    .wvu-masthead-nav__item--cta a:hover::before, .wvu-masthead-nav__item--cta a:focus::before {
      transform: translateX(0.25rem);
    }
    .wvu-masthead-nav__item--return-to-campus a::before {
      background-image: url(https://cdn.hsc.wvu.edu/CustomDesigns/Health2020/_Common/Images/external-link-icon.svg);
    }
    .wvu-masthead-nav__item--return-to-campus a::after {
      content: "Get information on returning to WVU";
      grid-column: 2/span 2;
      font-size: 1rem;
    }
  }
}

.wvu-footer {
  position: relative;
  z-index: 1;
  background-color: white;
}
.page--dark .wvu-footer {
  background-color: #000a15;
  color: white;
}
.wvu-footer a:focus {
  outline-color: currentColor;
}
@media screen and (min-width: 60em) {
  .wvu-footer__layout {
    width: calc(100% - 4rem);
  }
}

@media screen and (max-width: 59.9375em) {
  .page--landing-page .wvu-masthead {
    position: relative;
  }
}
.wvu-masthead-header {
  margin-right: -1rem;
  margin-left: -1rem;
  padding: 0 1rem;
}