@charset "UTF-8";
/* Iconic theme rules. Don't delete! */
/* Hide all icons that are waiting to be injected */
img.iconic {
  display: none;
  visibility: hidden;
}

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

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

/*! 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;
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

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

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

.site-container {
  overflow: hidden;
}

/*body.overflow-hidden {
    overflow: hidden;
}*/
.layout-container {
  width: calc(100% - 2rem);
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.page-content {
  padding: 3rem 0;
}
@media screen and (min-width: 60em) {
  .page-content {
    /*@include flexbox;*/
    display: grid;
    grid-column-gap: 4rem;
    grid-template-columns: 7fr 3fr;
  }
}

@media screen and (min-width: 60em) {
  .main-content {
    /*@include flex-basis(70%);
    @include flex-shrink(0);
    padding-right: 2rem;*/
  }
}

@media screen and (min-width: 60em) {
  .secondary-content {
    /*@include flex-basis(30%);
    @include flex-shrink(0);
    padding-left: 2rem;*/
  }
}
.secondary-content__heading {
  margin: 2.625rem 0 1rem 0;
  font-size: 1.75rem;
  line-height: 1.25;
}
@media print {
  .secondary-content__heading {
    font-size: 21pt;
  }
}
.secondary-content__heading b, .secondary-content__heading strong {
  font-weight: normal;
}

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

body {
  font-size: 120%;
  line-height: 1.4;
}

p {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

a {
  color: #0033A0;
  word-break: break-word;
  transition-property: color, background-color;
  transition-duration: 0.15s;
}
a:hover, a:focus {
  color: #005EB8;
  transition-property: color, background-color;
  transition-duration: 0.25s;
}
a:focus {
  outline: 2px dotted #BE3A34;
  outline-offset: 4px;
}

h1 {
  position: relative;
  margin: 0;
  color: #333F48;
  font-size: 3.5rem;
  line-height: 0.8;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
@media print {
  h1 {
    font-size: 36pt;
  }
}
h1 b, h1 strong {
  font-weight: normal;
}

h2 {
  margin: 3rem 0 0 0;
  font-size: 2.4rem;
  line-height: 1.083;
}
@media print {
  h2 {
    font-size: 24pt;
  }
}
h2 b, h2 strong {
  font-weight: normal;
}

h3 {
  margin: 2.625rem 0 1rem 0;
  font-size: 1.75rem;
  line-height: 1.25;
}
@media print {
  h3 {
    font-size: 21pt;
  }
}
h3 b, h3 strong {
  font-weight: normal;
}

h4 {
  margin: 2rem 0 0 0;
  color: #333F48;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.15;
}
@media print {
  h4 {
    font-size: 18pt;
  }
}

h5 {
  margin: 2rem 0 0 0;
  font-size: 1.2rem;
  line-height: 1.15;
}

h6 {
  margin: 0;
  font-size: 1rem;
  text-transform: uppercase;
}
h6 + * {
  margin-top: 0;
}

@media print {
  h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    break-after: avoid;
  }
}
hr {
  width: 100%;
  height: 0.125rem;
  margin: 1.5rem 0;
  border-width: 0;
  padding: 0;
  background-color: #A2AAAD;
}

ul, ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

ul:not([class]) ul:not([class]),
ul:not([class]) ol:not([class]),
ol:not([class]) ol:not([class]),
ol:not([class]) ul:not([class]) {
  margin-block: 0;
}

.lede {
  font-size: 1.4rem;
}

.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;
}

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

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

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

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

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

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

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

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

/* WVU Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Scss dependencies:
1. _settings.variables.scss
2. _tools.flexbox.scss */
.wvu-footer {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
  background: white;
  color: #002855;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.wvu-footer__layout {
  width: calc(100% - 2rem);
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@supports (display: grid) {
  @media screen and (min-width: 50em) {
    .wvu-footer__layout {
      display: grid;
      grid-column-gap: 4rem;
      grid-template-columns: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "wvu-footer-nav-primary wvu-footer-nav-secondary" "wvu-footer-copyright wvu-footer-nav-social";
      text-align: left;
    }
  }
}
.wvu-footer a {
  color: #0033A0;
}
.wvu-footer a:hover, .wvu-footer a:focus {
  color: #333F48;
}
.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;
}

.button,
.button-user a,
a .button-user {
  display: inline-block;
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  color: #002855 !important;
  background-color: #EAAA00;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}
.button:hover, .button:focus,
.button-user a:hover,
.button-user a:focus,
a .button-user:hover,
a .button-user:focus {
  color: #0033A0 !important;
  background-color: #ffc11e;
}

.button--secondary {
  color: #EAAA00 !important;
  background-color: #002855;
}
.button--secondary:hover, .button--secondary:focus {
  color: #ffc11e !important;
  background-color: #0033A0;
}

.button--disabled {
  background-color: #eceae8;
}
.button--disabled:hover, .button--disabled:focus {
  color: #002855 !important;
  background-color: #eceae8;
  cursor: default;
}

.button--alert {
  color: white;
  background-color: #BE3A34;
}
.button--alert:hover, .button--alert:focus {
  background-color: #aa342f;
}

.button--subnavigation {
  padding: 0.25rem 0.75rem;
  font-size: 0.9rem;
}

/* Breadcrumbs
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    <div class="breadcrumb-container">
        <div class="layout-container">
            <ul id="breadcrumbs" class="breadcrumbs">
                <li><a href="Home">Home</a></li>
                <li><a href="#">Breadcrumb 1</a></li>
                <li>Current Page</li>
            </ul>

            <a href="#sub-navigation" class="button button--subnavigation">Navigation</a>
        </div>
    </div>
*/
.breadcrumb-container {
  padding: 0.5rem 0;
  background-color: white;
  border-bottom: 1px solid #eceae8;
  /*background-image: radial-gradient(at center bottom, rgba(lighten($pms-warm-gray-3, 20%), 1.0), rgba(white, 1.0));*/
}
@media screen and (min-width: 60em) {
  .breadcrumb-container {
    padding: 0.75rem 0;
  }
}
.breadcrumb-container .layout-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -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;
}
@media screen and (min-width: 60em) {
  .breadcrumb-container .button--sub-navigation {
    display: none;
  }
}
@media print {
  .breadcrumb-container {
    display: none;
  }
}

.breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.breadcrumbs li {
  position: relative;
  font-size: 0.9rem;
}
.breadcrumbs li + li::before {
  content: "";
  position: relative;
  top: -0.0625rem;
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.75rem 0 0.5rem;
  border-style: solid;
  border-width: 0.125rem 0.125rem 0 0;
  transform: rotate(45deg);
  opacity: 0.5;
}
@media screen and (max-width: 35em) {
  .breadcrumbs li:not(:nth-last-child(2)) {
    display: none;
  }
  .breadcrumbs li:nth-last-child(2)::before {
    content: none;
  }
  .breadcrumbs li:nth-last-child(2) a::before {
    content: "";
    position: relative;
    top: -0.0625rem;
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 0.75rem 0 0.5rem;
    border-style: solid;
    border-width: 0.125rem 0 0 0.125rem;
    color: currentColor;
    transform: rotate(-45deg);
  }
}

/*	ANNOUNCEMENT
	============
    These styles will be used to style the announcement area just under the feature area on the home
        page.

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

	```
    <section class="announcement">
        <div class="layout-container">
            <div class="announcement__text">
                <h2 class="announcement__heading">Commencement: May 12th to May 14th</h2>
                <p class="announcement__message">Meet our graduates, watch ceremonies live and get commencement resources.</p>
            </div>
            <a href="" class="button announcement__button">Learn About Commencement</a>
        </div>
    </section>
	```
*/
.announcement {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #EAAA00;
  text-align: center;
}
@media screen and (min-width: 58.75em) {
  .announcement {
    text-align: left;
  }
  .announcement .layout-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
.announcement__text {
  margin-bottom: 1rem;
}
@media screen and (min-width: 58.75em) {
  .announcement__text {
    margin-right: 2rem;
    margin-bottom: 0;
  }
}
.announcement__heading {
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0.25em;
  color: #333F48;
  font-weight: 400;
}
.announcement__message {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.2;
}
.announcement__button {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #EAAA00 !important;
  background-color: #002855;
}
.announcement__button:hover, .announcement__button:focus {
  color: #EAAA00 !important;
  background-color: #0033A0;
}

.rss-feed {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  line-height: 1.4;
}
.rss-feed__link {
  /*color: $pms-166-c;

  &:hover,
  &:focus {
  	color: darken($pms-166-c, 10%);
  }*/
}
.rss-feed__icon {
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  margin-right: 0.25rem;
  stroke: #CD4C08;
  fill: #CD4C08;
}

.stories {
  display: grid;
  grid-gap: 2rem;
}

.related-stories {
  margin-top: 3rem;
  border-top: 4px solid #EAAA00;
}
.related-stories__heading {
  margin-bottom: 1.5rem;
}

.story-entry {
  position: relative;
  margin-bottom: 1rem;
}
@media screen and (min-width: 40em) {
  .story-entry {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 2rem 1.5rem;
    margin-bottom: 0;
  }
}
.story-entry__link {
  display: block;
  overflow: hidden;
  color: #333F48;
  text-decoration: none;
}
.story-entry__link:hover .story-entry__image, .story-entry__link:focus .story-entry__image {
  transform: scale(1.04);
}
.story-entry__media {
  display: block;
  width: 100%;
  overflow: hidden;
}
.story-entry__image {
  width: 100%;
  transform: scale(1.01);
  transition-property: transform;
  transition-duration: 0.6s;
  will-change: transform;
}
.story-entry__heading {
  margin-top: 0;
  margin-bottom: 0;
  color: #002855;
  font-size: 1.25rem;
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.story-entry__summary {
  margin-top: 1em;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.3;
}

.news-story__subheading {
  margin-top: 1rem;
  font-size: 2rem;
  line-height: 1;
  font-weight: bold;
}
.news-story__pubdate {
  margin-top: 1rem;
}
.news-story__secondary-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.recent-stories {
  padding: 1rem;
  background-color: #f8f7f6;
}
.recent-stories__heading {
  margin-top: 0;
  margin-bottom: 0.875rem;
  font-size: 1.125rem;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.recent-stories__list {
  padding-left: 0;
  font-size: 0.9em;
  list-style-type: none;
}
.recent-stories__story + .recent-stories__story {
  margin-top: 1.5rem;
}

/*	PAGINATION
	==========

	```
	<nav class="pagination">
        <a href="{…}" rel="prev" class="button pagination__prev">Previous</a>
        <a href="{…}" rel="next" class="button pagination__next">Next</a>
    </nav>
	```
*/
.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: 3rem;
}
.pagination__prev, .pagination__next {
  margin-top: 0;
  margin-right: 0.5rem;
  margin-bottom: 0.75rem;
  margin-left: 0.5rem;
}
.pagination__prev:hover::before, .pagination__prev:hover::after, .pagination__prev:focus::before, .pagination__prev:focus::after, .pagination__next:hover::before, .pagination__next:hover::after, .pagination__next:focus::before, .pagination__next:focus::after {
  border-color: #004088;
}
.pagination__prev::before {
  content: "";
  position: relative;
  top: -0.0625rem;
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  margin: 0 0.5rem 0 0.25rem;
  border-style: solid;
  border-width: 0.125rem 0.125rem 0 0;
  transform: rotate(-135deg);
}
.pagination__next::after {
  content: "";
  position: relative;
  top: -0.0625rem;
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.25rem 0 0.5rem;
  border-style: solid;
  border-width: 0.125rem 0.125rem 0 0;
  transform: rotate(45deg);
}

/*	CONNECT
	=======
	These styles will be used to style the connect area.

	The rules included in this partial are the standard way to style this component’s markup.
        These styles can be tweaked per use in each website.

	```
    <section class="connect">
        <div class="layout-container">
            <h2 class="connect__heading">Connect With Us</h2>
            <div class="connect__buttons">
                <a href="#" class="connect__button connect__button--facebook">
                    <img data-src="https://cdn.hsc.wvu.edu/Resources/iconic.1.9.0/svg/social.svg" class="iconic iconic-md" data-type="facebook" alt="facebook" />
                </a>
                <a href="#" class="connect__button connect__button--twitter">
                    <img data-src="https://cdn.hsc.wvu.edu/Resources/iconic.1.9.0/svg/social.svg" class="iconic iconic-md" alt="twitter">
                </a>
                <a href="#" class="connect__button connect__button--youtube">
                    <img data-src="https://cdn.hsc.wvu.edu/Resources/iconic-add-ons/youtube.svg" class="iconic iconic-md" data-type="youtube" alt="youtube" />
                </a>
            </div>
        </div>
    </section>
	```
*/
.connect {
  text-align: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  background: #EAAA00;
  background-image: linear-gradient(180deg, rgba(234, 170, 0, 0.875), rgba(234, 170, 0, 0.875)), url("../Images/pattern-white.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 55em) {
  .connect .layout-container {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
.connect__heading {
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 4rem;
  line-height: 0.85;
  font-weight: 400;
  color: #002855;
  margin-top: 0;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 55em) {
  .connect__heading {
    margin-bottom: 0;
  }
}
.connect__button {
  display: inline-block;
  text-decoration: none;
  position: relative;
  border-radius: 100%;
  width: 5rem;
  height: 5rem;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.connect__button .iconic {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
}
.connect__button .iconic * {
  fill: white;
  stroke: white;
}
.connect__button--facebook {
  background-color: #1877f2;
}
.connect__button--facebook:hover, .connect__button--facebook:focus {
  background-color: #3588f4;
}
.connect__button--twitter {
  background-color: #55acee;
}
.connect__button--twitter:hover, .connect__button--twitter:focus {
  background-color: #71baf1;
}
.connect__button--linkedin {
  background-color: #0077b5;
}
.connect__button--linkedin:hover, .connect__button--linkedin:focus {
  background-color: #008bd4;
}
.connect__button--youtube {
  background-color: #e52d27;
}
.connect__button--youtube:hover, .connect__button--youtube:focus {
  background-color: #e84842;
}
.connect__button--instagram {
  position: relative;
  background-color: #d93175;
  background-image: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.connect__button--instagram::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.12);
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.connect__button--instagram:hover, .connect__button--instagram:focus {
  background-color: #de4b86;
}
.connect__button--instagram:hover::after, .connect__button--instagram:focus::after {
  opacity: 1;
}

.rte .caption {
  display: table;
  width: auto;
  max-width: 100%;
  margin-top: 1.5rem;
  margin-right: 0;
  margin-bottom: 1.5rem;
  margin-left: 0;
  /*background-color: white;*/
  background-color: #aedbe3;
  background-color: #e7ebee;
}
.rte .caption figcaption {
  display: table-caption;
  caption-side: bottom;
  padding: 1rem;
  background-color: #e7ebee;
  font-size: 1rem;
}
@media print {
  .rte .caption {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
.rte img:not([class]) {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
.rte .img-float-left, .rte .img-float-right {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 45em) {
  .rte .img-float-left, .rte .img-float-right {
    max-width: 50%;
  }
}
* + .rte .img-float-left, * + .rte .img-float-right {
  margin-top: 1.5rem;
}
@media screen and (min-width: 45em) {
  .rte .img-float-left {
    float: left;
    margin-right: 1.5rem;
  }
}
@media screen and (min-width: 45em) {
  .rte .img-float-right {
    float: right;
    margin-left: 1.5rem;
  }
}
.rte blockquote {
  margin-left: 1.25rem;
  border-left: 3px solid #EAAA00;
  padding-left: 1.25rem;
}

.widget + .widget {
  margin-top: 3rem;
}
.widget__heading {
  margin-top: 1.5rem;
}
@media screen and (min-width: 60em) {
  .widget__heading {
    font-size: 2.2rem;
  }
}

.contact__name {
  font-weight: bold;
}
.contact dd {
  margin-left: 0;
}
.contact__address + * {
  margin-top: 1.5rem;
}

#___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;
}

/*	SEARCH
	====
	The example markup and first set of classes and rules is for a version of
		the site search no longer in use. The mess of styles and rules (and CSS
		grossness) is to style a Google Custom Search page. Good luck parsing
		and making sense of it!

	```
    <div class="site-search" role="search">
        <form class="site-search__form" action="#" method="get">
			<label for="q">Search for</label>
            <input type="text" class="site-search__query" placeholder="search this site" value="heart" name="q" id="q" autocomplete="off">
            <button type="submit" class="button site-search__button">Search</button>
        </form>
    </div>

	```
    <div class="search-results">
        <p class="search-results__meta">Showing 11 - 20 of 491 results for <mark class="search-results__keyword">heart</mark>:</p>

        <article class="search-result">
            <h2 class="search-result__title"><a href="Content" class="search-result__link">WVU <b>Heart</b> and Vascular Institute continues to expand ...</a></h2>

            <div class="search-result__url">http://publichealth.hsc.wvu.edu/news/story?headline=wvu-heart-and-vascular-institute-continues-to-expand</div>

            <p>... WVU <b>Heart</b> and Vascular Institute continues to expand. ... Drs. Church and Lopez joined the WVU <b>Heart</b> and Vascular Institute in September. ...</p>
        </article>

		{…}

	</div>
	```
*/
.site-search {
  margin-top: 1.5rem;
  /*@media print {
  	display: none;
  }*/
}
.site-search__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 1rem 1.5rem 1.5rem;
  background-image: radial-gradient(at center bottom, #eceae8, white);
}
@media screen and (min-width: 30em) {
  .site-search__form {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin: 0;
  }
}
.site-search__label {
  font-weight: bold;
}
.site-search__label::after {
  content: ":";
}
@media screen and (min-width: 30em) {
  .site-search__label {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -moz-box-flex: 100%;
    -moz-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
}
.site-search__query {
  margin-bottom: 1.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: #BFB8AF;
  padding: 0.75rem 0.5rem;
}
@media screen and (min-width: 30em) {
  .site-search__query {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-box-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto;
    margin-right: 0.75rem;
    margin-bottom: 0;
  }
}
.search-results {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #eceae8;
}
.search-results__meta {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}
.search-results__keyword {
  display: inline-block;
  padding: 0 0.25rem;
  background-color: rgba(253, 218, 36, 0.5);
  font-weight: bold;
}

.search-result {
  padding-top: 1.5rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #eceae8;
}
.search-result__title {
  font-size: 1.75rem;
  line-height: 1.15;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
}
.search-result__title b {
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.search-result__link {
  text-decoration: none;
}
.search-result__url {
  color: #002855;
}

/*	GOOGLE CUSTOM SITE SEARCH	*/
form.gsc-search-box {
  padding: 1rem 1.5rem;
  background-color: #f8f7f6;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
}
@media screen and (min-width: 30em) {
  form.gsc-search-box {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin: 0;
  }
}

.gsc-search-box-tools .gsc-search-box input.gsc-input {
  width: 100% !important;
  padding: 0.75rem 0.5rem !important;
}

.gsc-input-box {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #BFB8AF !important;
  background-color: white !important;
}

#___gcse_0 .gsc-control-cse,
#___gcse_0 .gsc-above-wrapper-area,
#___gcse_0 .gsc-result-info,
#___gcse_0 .gsc-thumbnail-inside,
#___gcse_0 .gsc-url-top,
#___gcse_0 .gsc-table-result,
#___gcse_0 .gs-result a.gs-visibleUrl,
#___gcse_0 .gs-result .gs-visibleUrl,
#___gcse_0 .gsc-webResult .gsc-result,
#___gcse_0 .cse .gsc-webResult.gsc-result:hover,
#___gcse_0 .gsc-webResult.gsc-result:hover,
#___gcse_0 .gsc-webResult.gsc-result.gsc-promotion:hover,
#___gcse_0 .gsc-results .gsc-imageResult-classic:hover,
#___gcse_0 .gsc-results .gsc-imageResult-column:hover {
  border: 0;
  padding: 0;
  background-color: transparent;
}

.gsc-results .gsc-webResult {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  border-top-width: 1px !important;
  border-top-style: solid !important;
  border-top-color: #eceae8 !important;
}

#___gcse_0 table,
#___gcse_0 * table {
  margin-top: 0;
  margin-bottom: 0;
  border: none;
}
#___gcse_0 tr:nth-child(odd),
#___gcse_0 * tr:nth-child(odd) {
  background-color: transparent;
}
#___gcse_0 td + td,
#___gcse_0 * td + td {
  border-left: none;
}

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

.gsc-table-result {
  border: none;
}

.gsc-input-box {
  background: none !important;
}

.gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
  height: auto !important;
  box-shadow: none !important;
}

.gsst_a .gscb_a {
  vertical-align: middle;
  color: #9ABEAA !important;
}

.gsst_a {
  padding: 0.5rem !important;
}

.gsst_a:hover .gscb_a, .gsst_a:focus .gscb_a {
  color: #55846a !important;
}

.gsst_b {
  padding: 0 !important;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
  box-sizing: content-box;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

input.gsc-search-button-v2 {
  width: 20px !important;
  height: 20px !important;
  margin-top: 0.25rem !important;
  padding: 13px 26px !important;
  background-color: #0033A0 !important;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) !important;
  transition: all 0.2s ease-out;
  box-shadow: 0 0.125rem 0.5rem rgba(44, 42, 41, 0.2);
  will-change: transform;
}
input.gsc-search-button-v2:hover, input.gsc-search-button-v2:focus {
  background-image: linear-gradient(to bottom, #005EB8 0.5rem, rgba(0, 94, 184, 0)) !important;
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  transform: translateY(-0.1rem);
}

.gsc-result-info-container {
  padding: 0;
}

.gsc-result-info {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
  font-size: 1rem !important;
}

@media print {
  .gsc-orderby {
    display: none !important;
  }
}

.gsc-results {
  width: 100% !important;
}

.gsc-resultsHeader {
  display: none !important;
}

.gsc-option-menu-item-highlighted {
  background-color: #e8f0eb !important;
  border-color: #e8f0eb !important;
  color: #2C2A29 !important;
}

.gsib_a {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  background-color: white !important;
}

.gsib_b {
  padding: 0 !important;
  background-color: #f8f7f6;
}

.gs-snippet {
  margin-top: 1.5rem !important;
  font-size: 1rem !important;
}

a.gs-title {
  font-size: 1.75rem !important;
  line-height: 1.15 !important;
  font-weight: normal !important;
}
@media print {
  a.gs-title {
    color: #002855;
  }
  a.gs-title::after {
    content: attr(data-ctorig);
    display: block;
    color: #0033A0;
    font-size: 1rem;
    font-family: sans-serif;
    text-decoration: underline;
  }
}

.gsc-location {
  display: none;
}

.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
  color: #002855 !important;
  font-size: 1rem !important;
}
@media print {
  .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
    display: none !important;
  }
}

@media print {
  .gs-webResult.gs-result {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}

.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b,
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b {
  font-size: 1.75rem !important;
  color: #005EB8 !important;
}
@media print {
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #002855 !important;
  }
}

.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b,
.gs-webResult.gs-result a.gs-title:focus,
.gs-webResult.gs-result a.gs-title:focus b {
  color: #002855 !important;
}

.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:link {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif !important;
  font-weight: normal !important;
}

.gs-webResult.gs-result a.gs-title:visited b,
.gs-webResult.gs-result a.gs-title:link b {
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif !important;
  font-weight: bold !important;
}

.gsc-result .gs-title {
  height: auto !important;
}

.gs-result .gs-title, .gs-result .gs-title * {
  text-decoration: none !important;
}

.gsc-result:last-child {
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
  border-bottom-color: #eceae8 !important;
}

.gssb_c {
  margin-top: -3px !important;
  margin-bottom: 0 !important;
}
.gssb_c tr:nth-child(odd) {
  background-color: transparent !important;
}

.gssb_e {
  box-shadow: 0 1rem 1rem -0.75rem rgba(44, 42, 41, 0.1) !important;
  -webkit-box-shadow: 0 1rem 1rem -0.75rem rgba(44, 42, 41, 0.1) !important;
  -moz-box-shadow: 0 1rem 1rem -0.75rem rgba(44, 42, 41, 0.1) !important;
}

.gsc-completion-container {
  box-shadow: 0 1rem 1rem -0.75rem rgba(44, 42, 41, 0.1) !important;
  -webkit-box-shadow: 0 1rem 1rem -0.75rem rgba(44, 42, 41, 0.1) !important;
  -moz-box-shadow: 0 1rem 1rem -0.75rem rgba(44, 42, 41, 0.1) !important;
}
.gsc-completion-container tr {
  background-color: transparent !important;
}
.gsc-completion-container tr.gsc-completion-selected {
  background-color: #e8f0eb !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  display: inline-block !important;
  position: relative !important;
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  border-radius: 0.25rem !important;
  padding: 0.75rem 1rem !important;
  background-color: #EAAA00 !important;
  color: #002855 !important;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.1)) !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  text-align: center !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  transition: all 0.2s ease-out !important;
  box-shadow: 0 0.125rem 0.5rem rgba(44, 42, 41, 0.2) !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page:hover, .gsc-results .gsc-cursor-box .gsc-cursor-page:focus {
  color: #004088 !important;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0.5rem, rgba(255, 255, 255, 0)) !important;
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2) !important;
  transform: translateY(-0.1rem) !important;
}
@media print {
  .gsc-results .gsc-cursor-box .gsc-cursor-page:not(.gsc-cursor-current-page) {
    display: none !important;
  }
}

.gsc-cursor-box {
  margin: 0 !important;
  border-top-width: 1px !important;
  border-top-style: solid !important;
  border-top-color: #eceae8 !important;
  padding-top: 1.5rem !important;
  text-align: center !important;
}
@media print {
  .gsc-cursor-box {
    text-align: left !important;
  }
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page, .gsc-results .gsc-cursor-box .gsc-cursor-current-page:link, .gsc-results .gsc-cursor-box .gsc-cursor-current-page:visited, .gsc-results .gsc-cursor-box .gsc-cursor-current-page:hover, .gsc-results .gsc-cursor-box .gsc-cursor-current-page:focus {
  background-color: #e1deda !important;
  background-image: none !important;
  color: #002855 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}
@media print {
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    padding: 0 !important;
    background-color: transparent !important;
    font-weight: normal !important;
    text-transform: none !important;
    text-align: left !important;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page::before {
    content: "Search results page: ";
  }
}

.gcsc-branding {
  display: block !important;
  padding-left: 0 !important;
}

#___gcse_0 form.gsc-search-box {
  display: none;
}

.search {
  border-radius: 0.25rem;
}
.search__label::after {
  content: ": ";
}
.search__components {
  display: flex;
  margin-top: 0.25rem;
}
.search__input {
  flex: 1;
  border: 1px inset rgb(227, 227, 227);
  -webkit-appearance: none !important;
}
.search__button {
  margin-left: 0;
  border-radius: 0 0.25rem 0.25rem 0;
  padding: 0.5rem;
  -webkit-appearance: none;
}
.search__actions-list {
  padding-top: 0;
  padding-left: 1.5rem;
  list-style-type: disc;
}

/*	<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__order-buttons {
  margin: 0;
  border: none;
  padding: 0.75rem 0;
}
.directory-list__order-button {
  width: 100%;
  border-radius: 0;
}
.directory-list__order-button:first-of-type {
  border-radius: 0.25rem 0.25rem 0 0;
}
.directory-list__order-button:last-of-type {
  border-radius: 0 0 0.25rem 0.25rem;
}
@media screen and (min-width: 40em) {
  .directory-list__order-button {
    display: inline-block;
    width: auto;
  }
  .directory-list__order-button:first-of-type {
    border-radius: 0.25rem 0 0 0.25rem;
  }
  .directory-list__order-button:last-of-type {
    border-radius: 0 0.25rem 0.25rem 0;
  }
}
.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: #0033A0;
}
.directory-list__order-button > a {
  text-decoration: none;
  color: #002855;
}
.directory-list__users {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.directory-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  width: 100%;
  margin: 1.5rem 0.5rem;
  border: 1px solid #dce1e6;
  border-radius: 0.25rem;
  padding: 1.5rem;
  background-image: linear-gradient(to bottom, #dce1e6 6.75rem, white 6.75rem);
}
@media screen and (min-width: 40rem) {
  .directory-card {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: calc(50% - 1rem);
  }
}
.directory-card__photo {
  max-width: 5rem;
}
.directory-card__name {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 1.2;
}
.directory-card__honorary-suffix {
  display: block;
  color: #2C2A29;
  font-size: 0.8rem;
  font-weight: bold;
}
.directory-card__details {
  line-height: 1.3;
}
.directory-card__label {
  margin-top: 1rem;
  font-weight: 600;
}
.directory-card__label::after {
  content: ":";
}
.directory-card__value {
  margin: 0;
  padding: 0;
  /* Style phone number differently when certain UAs convert them to links. */
}
.directory-card__value + .directory-card__value {
  margin-top: 0.5rem;
}
.directory-card__value--phone a[href^="tel:"]::before {
  content: "Call ";
}
.directory-card__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: auto -1.5rem -1.5rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #edf0f3;
  padding: 1rem 1.5rem 0;
  list-style-type: none;
}
.directory-card__actions li {
  display: inline;
}
.directory-card__action {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 1rem;
  color: #005EB8;
  font-weight: bold;
}

/*	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: 0;
  margin-bottom: 1.5rem;
  border: 1px solid #e7ebee;
  background-color: #f3f5f7;
}
.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.6;
  transition: all 0.25s ease-out;
  will-change: opacity;
}
.lazy-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%) scale(0.95);
  will-change: transform, opacity;
  fill: white;
  stroke: white;
  opacity: 0.7;
  transition: all 0.25s ease-out;
}
.lazy-video__link:hover .lazy-video__play, .lazy-video__link:focus .lazy-video__play {
  opacity: 0.9;
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.25s ease-out;
}
.lazy-video__link:hover .lazy-video__poster, .lazy-video__link:focus .lazy-video__poster {
  opacity: 0.3;
  transition: all 0.25s ease-out;
}
.lazy-video__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.lazy-video__details {
  display: block;
  width: 100%;
  padding: 1.5rem;
}
.lazy-video__duration {
  float: right;
  margin-bottom: 0.5rem;
  margin-left: 1rem;
  border: 1px solid #e7ebee;
  border-radius: 3px;
  padding: 0.25rem 0.5rem;
  color: #333F48;
  background-color: white;
  font-weight: bold;
  font-size: 1.1rem;
  text-transform: uppercase;
}
.lazy-video__title {
  font-size: 1.1rem;
}

.sub-navigation {
  padding-top: 2rem;
  font-size: 1rem;
}
@media screen and (min-width: 65em) {
  .sub-navigation {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
    padding-top: 0;
    margin-bottom: 2rem;
  }
}
.sub-navigation__heading {
  font-size: 1.2rem;
  padding: 0.75rem;
  font-weight: 600;
  border-top: 0.1875rem solid #eceae8;
  border-bottom: 0.1875rem solid #eceae8;
}
.sub-navigation__notes {
  padding: 0 0.75rem;
  font-size: 0.9rem;
}
.sub-navigation__notes p:last-child {
  margin-bottom: 0;
}
.sub-navigation__list {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-top: 1px solid #eceae8;
  border-bottom: 1px solid #eceae8;
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.sub-navigation--external .sub-navigation__list {
  border-top: none;
}
.sub-navigation__list--playlist img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5rem;
}
.sub-navigation a {
  padding: 0.75rem;
  display: block;
  transition: color 0.2s, background 0.2s;
  color: #005EB8;
  font-weight: 600;
  text-decoration: none;
}
.sub-navigation a:hover, .sub-navigation a:focus {
  background-color: #eceae8;
  color: #0033A0;
}
.sub-navigation__category {
  font-weight: bold;
  display: block;
  padding: 0.75rem;
}
.sub-navigation__child-list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.sub-navigation__child-list a {
  padding-left: 1.5rem;
  font-weight: 400;
}
.sub-navigation .current > a {
  background-color: #005EB8;
  color: white;
}
.sub-navigation .current > a:hover, .sub-navigation .current > a:focus {
  background-color: #006ed7;
  color: white;
}
.sub-navigation__parent-link {
  border-top: 0.1875rem solid #eceae8;
  line-height: 1.5;
}
.sub-navigation__parent-link::before {
  content: "";
  display: inline-block;
  border-style: solid;
  border-color: #005EB8;
  height: 0.5rem;
  width: 0.5rem;
  color: white;
  position: relative;
  vertical-align: middle;
  border-width: 0.125rem 0.125rem 0 0;
  transform: rotate(-135deg);
  margin-right: 0.25rem;
  position: relative;
  top: -0.125rem;
  transition-property: border-color;
  transition-duration: 0.2s;
}
.sub-navigation__parent-link:hover::before {
  /*border-color: currentColor;*/
  border-color: #0033A0;
}

.event-details__image {
  display: block;
  max-width: 100%;
  height: auto;
}
.event-details__secondary-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.event-details__aside {
  padding: 1rem;
  background-color: #f8f7f6;
  font-size: 0.9em;
}
.event-details__description {
  margin-bottom: 1.5rem;
}
.event-details__secondary-subheading {
  margin-top: 0;
  margin-bottom: 0.875rem;
  font-size: 1.125rem;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.event-details__list {
  padding-left: 1rem;
}

/*  CALENDAR
	==========

    Note: Areas below denoted with " --- Calendar Layout Styles --- " indicate layout styles that should remain as is for consistency.

        .calendar__day has multiple classes for states such as:

            .calendar__day--weekend
            .calendar__day--passed
            .calendar__day--today



    <----- Base Calendar Markup ----->

    <div id="calendarSection" class="calendar">
        <nav class="calendar__navigation">
            <ul class="calendar__tabs">
                <li class="calendar__tab calendar__tab--current"><a class="calendar__tab-link" href="Calendar">Day</a></li>
                <li class="calendar__tab"><a class="calendar__tab-link" href="Calendar-Overall">Month</a></li>
                <li class="calendar__tab"><a class="calendar__tab-link" href="Calendar-Upcoming">Next 30 Days</a></li>
            </ul>
        </nav>
        <header class="calendar__header">
            <h1 class="calendar__header-date">
                <time class="calendar__header-heading--date dtstart dt-start"> ... /time>
                -
                <time class="calendar__header-heading--date dtend dt-end"> ... </time>
            </h1>
            <nav class="calendar__pagination">
                <button class="button calendar__pagination-button calendar__pagination--today calendar__pagination-button--disabled" disabled>Today</button>
                <button class="button calendar__pagination-button calendar__pagination--prev">Previous</button>
                <button class="button calendar__pagination-button calendar__pagination--next">Next</button>
            </nav>
        </header>
        <form class="calendar-categories">

            [ See Calendar Categories Markup Below ]

        </form>

        <----- Single Day Markup ----->

        <p class="calendar__no-events-message">No events scheduled.</p>
        <ul class="calendar__events-list">
            <li class="calendar-event vevent h-event">

                [ See Calendar Events Markup Below ]

            </li>

            { ... }

        </ul>

        <----- Multiple Day Markup ----->

        <div class="calendar__days">
            <div id="today" class="calendar__day calendar__day--has-events">
                <h2 class="calendar__event-date">
                    <a href="Calendar" class="calendar__date-link">

                        [ See Calendar Date Markup Below ]

                    </a>
                </h2>
                <div class="calendar__events">
                    <ul class="calendar__events-list">

                        [ See Calendar Events Markup Below ]

                        { ... }

                    </ul>
                    <a class="calendar__more-events-link" href="">View More Events</a>
                </div>
            </div>

            <div class="calendar__month">November</div>
            <div class="calendar__day">
                <h2 class="calendar__event-date">
                    <a href="Calendar" class="calendar__date-link calendar-date">

                        [ See Calendar Date Markup Below ]

                    </a>
                </h2>
                <div class="calendar__events">
                    <ul class="calendar__events-list">

                        [ See Calendar Events Markup Below ]

                        { ... }

                    </ul>
                    <a class="calendar__more-events-link" href="">View More Events</a>
                </div>
            </div>
        </div>
    </div>

*/
.calendar__navigation {
  background-color: #333f48;
}
.calendar__tabs {
  /* --- Calendar Layout Styles --- */
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  /* --- */
}
.calendar__tab--current {
  background-color: #485966;
}
.calendar__tab-link {
  /* --- Calendar Layout Styles --- */
  padding: 0.75rem 1rem;
  display: block;
  /* --- */
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}
.calendar__tab-link:hover, .calendar__tab-link:focus {
  color: #FFF;
  background-color: #5d7384;
}
.calendar__header {
  padding: 1rem;
}
@media screen and (min-width: 40.625em) {
  .calendar__header {
    /* --- Calendar Layout Styles --- */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    /* --- */
  }
}
.calendar__header-date {
  margin: 1rem 0 1rem 0;
  font-size: 3rem;
}
.calendar__header-date::after {
  bottom: -1rem;
  left: -3.75rem;
}
.calendar__pagination-button--disabled {
  background-color: #eceae8;
}
.calendar__pagination-button--disabled:hover, .calendar__pagination-button--disabled:focus {
  color: #002855 !important;
  background-color: #eceae8;
  cursor: default;
}
.calendar__events {
  /* --- Calendar Layout Styles --- */
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  /* --- */
}
.calendar__events-list {
  /* --- Calendar Layout Styles --- */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  padding-left: 0;
  margin: 0 -0.4rem 0 -0.4rem;
  /* --- */
}
@media screen and (min-width: 50em) {
  .calendar__events-list {
    /* --- Calendar Layout Styles --- */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    /* --- */
  }
}
.calendar__more-events-link {
  /* --- Calendar Layout Styles --- */
  display: block;
  padding: 1rem;
  text-align: center;
  text-decoration: none;
  /* --- */
  border-top: 0.063rem solid rgba(51, 63, 72, 0.08);
  background-color: #FFF;
  color: #005EB8;
  font-weight: bold;
}
.calendar__more-events-link:hover, .calendar__more-events-link:focus {
  color: #0078eb;
  background-color: rgba(51, 63, 72, 0.05);
}
.calendar__days {
  /* --- Calendar Layout Styles --- */
  margin-left: -1rem;
  margin-right: -1rem;
  /* --- */
}
@media screen and (min-width: 37.5em) {
  .calendar__days {
    /* --- Calendar Layout Styles --- */
    margin-left: 0;
    margin-right: 0;
    /* --- */
  }
}
.calendar__day {
  /* --- Calendar Layout Styles --- */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  /* --- */
  border-top: 0.063rem solid rgba(51, 63, 72, 0.1);
  border-right: 0.063rem solid rgba(51, 63, 72, 0.1);
  border-bottom: 0.063rem solid rgba(30, 37, 42, 0.1);
}
.calendar__day .calendar__events-list {
  /* --- Calendar Layout Styles --- */
  margin: 1rem 0.5rem 0;
  /* --- */
}
.calendar__event-date {
  /* --- Calendar Layout Styles --- */
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: 5rem;
  -moz-flex-basis: 5rem;
  -ms-flex-preferred-size: 5rem;
  flex-basis: 5rem;
  margin: 0;
  text-align: center;
  /* --- */
}
@media screen and (min-width: 26.25em) {
  .calendar__event-date {
    /* --- Calendar Layout Styles --- */
    -webkit-flex-basis: 7rem;
    -moz-flex-basis: 7rem;
    -ms-flex-preferred-size: 7rem;
    flex-basis: 7rem;
    /* --- */
  }
}
.calendar__date-link {
  /* --- Calendar Layout Styles --- */
  display: block;
  height: 100%;
  padding: 2rem 0;
  text-decoration: none;
  /* --- */
  color: rgba(255, 255, 255, 0.95);
  background-color: #002855;
}
.calendar__date-link:hover, .calendar__date-link:focus {
  color: rgba(255, 255, 255, 0.8);
}
.calendar__date-link:hover .calendar-date__day, .calendar__date-link:focus .calendar-date__day {
  color: rgba(255, 255, 255, 0.85);
}
.calendar__day--weekend .calendar__date-link {
  background-color: #355476;
}
.calendar__day--passed .calendar__date-link {
  background-color: #536675;
}
.calendar__day--passed.calendar__day--weekend .calendar__date-link {
  background-color: #768590;
}
.calendar__day--today .calendar__date-link {
  color: #002855;
  background-color: #EAAA00;
}
.calendar__day--today .calendar__date-link .calendar-date__day {
  color: #002855;
}
.calendar__month {
  /* --- Calendar Layout Styles --- */
  padding: 1.5rem 1rem;
  font-size: 2rem;
  /* --- */
}
@media screen and (min-width: 30em) {
  .calendar__month {
    /* --- Calendar Layout Styles --- */
    padding: 2rem 1rem;
    /* --- */
  }
}
.calendar__no-events-message {
  /* --- Calendar Layout Styles --- */
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 0 1rem 0 1rem;
  width: 100%;
  /* --- */
  font-weight: bold;
  font-size: 1rem;
}
@media screen and (min-width: 30em) {
  .calendar__no-events-message {
    /* --- Calendar Layout Styles --- */
    font-size: 1.25rem;
    /* --- */
  }
}

/*

    Calendar Date Markup
    ====================


    <a href="Calendar" class="calendar__date-link">
        <abbr class="calendar-date__weekday"> ... </abbr>
        <span class="calendar-date__day"> ... </span>
        <abbr class="calendar-date__month"> ... </abbr>
    </a>

*/
.calendar-date__weekday, .calendar-date__month {
  /* --- Calendar Layout Styles --- */
  display: block;
  font-size: 1.25rem;
  /* --- */
}
@media screen and (min-width: 30em) {
  .calendar-date__weekday, .calendar-date__month {
    /* --- Calendar Layout Styles --- */
    font-size: 1.75rem;
    /* --- */
  }
}
.calendar-date__day {
  /* --- Calendar Layout Styles --- */
  display: block;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-size: 3rem;
  font-weight: normal;
  line-height: 1;
  /* --- */
  color: #FFF;
}
@media screen and (min-width: 30em) {
  .calendar-date__day {
    /* --- Calendar Layout Styles --- */
    font-size: 4rem;
    /* --- */
  }
}

/*

    Calendar Categories Markup
    ==========================

    <form class="calendar-categories is-hidden">
        <div class="calendar-categories__header">
            <h2 class="calendar-categories__heading">Calendar Categories</h2>
            <button class="calendar-categories__toggle">Toggle Categories</button>
        </div>
        <fieldset class="calendar-categories__fieldset">
            <legend class="calendar-categories__legend visually-hidden">Calendar categories</legend>
            <ul class="calendar-categories__list">
                <li class="calendar-category">

                    [ See Calendar Category Markup Below ]

                </li>
            </ul>
        </fieldset>
    </form>

*/
.calendar-categories {
  margin-bottom: 2rem;
  /*

      Note: toggle vs toggle-label

      Semantic markup prevents buttons from appearing inside of a <legend> tag, however checkboxes are allowed.
      Since we want the checkbox to resemble a button, we hide the actual checkbox (named &__toggle) and styled the checkbox's label (named &__toggle-lable).

  */
}
.calendar-categories__legend {
  /* --- Calendar Layout Styles --- */
  width: 100%;
  /* --- */
}
.calendar-categories__heading {
  /* --- Calendar Layout Styles --- */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  /* --- */
  background-color: #43535e;
}
@media screen and (min-width: 30em) {
  .calendar-categories__heading {
    /* --- Calendar Layout Styles --- */
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    /* --- */
  }
}
.calendar-categories__heading h2 {
  /* --- Calendar Layout Styles --- */
  font-size: 1.25rem;
  margin: 0;
  padding: 1rem;
  /* --- */
  color: #fff;
}
@media screen and (min-width: 30em) {
  .calendar-categories__heading h2 {
    /* --- Calendar Layout Styles --- */
    padding: 0.75rem 1rem;
    /* --- */
  }
}
.calendar-categories__toggle-label {
  /* --- Calendar Layout Styles --- */
  padding: 0.75rem 2rem 0.75rem 1rem;
  position: relative;
  text-align: left;
  cursor: pointer;
  /* --- */
  color: rgba(255, 255, 255, 0.9);
  font-weight: bold;
  background-color: #586d7c;
}
@media screen and (min-width: 30em) {
  .calendar-categories__toggle-label {
    color: rgb(255, 255, 255);
  }
}
.calendar-categories__toggle-label::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  bottom: 1.25rem;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.6rem solid #FFF;
  margin-right: 1rem;
}
.calendar-categories__toggle-label:hover, .calendar-categories__toggle-label:focus {
  background-color: #637a8b;
}
.calendar-categories__fieldset {
  /* --- Calendar Layout Styles --- */
  margin: 0;
  padding: 0;
  border: none;
  /* --- */
}
.calendar-categories__list {
  /* --- Calendar Layout Styles --- */
  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;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem 0.25rem;
  border-width: 0 0.063rem 0.063rem 0.063rem;
  border-style: solid;
  /* --- */
  border-color: #d0d7dd;
}
.calendar-categories__list[hidden] {
  display: none;
}

/*

    Calendar Categories Markup
    ==========================

    <li class="calendar-category">
        <label class="calendar-category__label">
            <input type="checkbox" class="calendar-category__checkbox">
            { ... }
        </label>
    </li>

*/
.calendar-category {
  /* --- Calendar Layout Styles --- */
  width: 100%;
  /* --- */
}
@media screen and (min-width: 37.5em) {
  .calendar-category {
    width: 50%;
  }
}
@media screen and (min-width: 60em) {
  .calendar-category {
    width: 33.3333333333%;
  }
}
.calendar-category__label {
  padding: 0.5rem 0.75rem;
  display: block;
}

/*
    Calendar Events
    ===============

    Note: .calendar__event has an optional class of .calendar-event--passed to denote an expired event.


    <----- Calendar Event Markup ----->

    <li class="calendar-event vevent h-event">
        <span class="calendar-event__category p-category category"> ... </span>
        <span class="calendar-event__time">
            <time class="calendar-event__time-start dtstart dt-start" datetime="2016-10-26"> ... </time>
        </span>
        <h3 class="calendar-event__name p-name summary"><a class="calendar-event__name-link u-url url" href="Calendar-Event"> ... </a></h3>
    </li>

*/
.calendar-event {
  /* --- Calendar Layout Styles --- */
  margin: 0 0.4rem 1rem 0.4rem;
  padding-bottom: 0.75rem;
  border-width: 0 0.063rem 0.063rem 0.063rem;
  border-style: solid;
  /* --- */
  border-color: #dfe4e8;
  background-color: #fcfdfd;
}
@media screen and (min-width: 30em) {
  .calendar-event {
    /* --- Calendar Layout Styles --- */
    padding-bottom: 1.5rem;
    /* --- */
  }
}
@media screen and (min-width: 50em) {
  .calendar-event {
    /* --- Calendar Layout Styles --- */
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: calc((100% - 2.4rem) / 3);
    /* --- */
  }
}
.calendar-event__category {
  /* --- Calendar Layout Styles --- */
  width: calc(100% + 0.125rem);
  margin: -0.063rem;
  padding: 0.5rem 1rem;
  display: block;
  /* --- */
  background-color: #4d606d;
  color: #FFF;
}
.calendar-event--passed .calendar-event__category {
  background-color: #768d9e;
}
.calendar-event__time {
  /* --- Calendar Layout Styles --- */
  display: block;
  padding: 0 1rem;
  margin: 0.75rem 0 0 0;
  /* --- */
  font-weight: bold;
}
@media screen and (min-width: 30em) {
  .calendar-event__time {
    /* --- Calendar Layout Styles --- */
    margin: 1.5rem 0 0 0;
    /* --- */
  }
}
.calendar-event--passed .calendar-event__time {
  color: #54504e;
}
.calendar-event__name {
  line-height: 0.8;
  /* --- Calendar Layout Styles --- */
  padding: 0 1rem;
  margin: 0.25rem 0 0.5rem 0;
  /* --- */
}
.calendar-event__name-link {
  color: #005EB8;
  text-decoration: none;
  font-size: 1.15rem;
}
@media screen and (min-width: 30em) {
  .calendar-event__name-link {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 68.75em) {
  .calendar-event__name-link {
    font-size: 1.5rem;
  }
}
.calendar-event__name-link:hover, .calendar-event__name-link:focus {
  color: #0078eb;
}
.calendar-event--passed .calendar-event__name-link {
  opacity: 0.8;
}
.calendar-event__location {
  /* --- Calendar Layout Styles --- */
  display: block;
  font-size: 0.9rem;
  line-height: 1.25;
  padding: 0 1rem;
  /* --- */
}

.table {
  position: relative;
  margin-bottom: 1.5rem;
  border: 0;
  font-size: 1rem;
  table-layout: fixed;
}

.welcome {
  --campusImage: url("../Images/morgantown-exterior.jpg");
  background-size: auto, cover;
  background-position: center, center;
}
.welcome a:link, .welcome a:visited {
  color: #EAAA00;
}
.welcome a:hover, .welcome a:focus {
  color: #FDDA24;
}
.welcome a.button {
  color: #002855;
}
.welcome__layout-container {
  position: relative;
  padding: 0.25rem 0 3rem;
}
@media screen and (min-width: 58em) {
  .welcome__layout-container {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-column-gap: 3rem;
    grid-template-areas: "greeting greeting" "today events-news";
  }
}
@media screen and (min-width: 58em) {
  .welcome__greeting {
    grid-area: greeting;
  }
}
@media screen and (min-width: 58em) {
  .welcome__today {
    grid-area: today;
  }
}
.welcome--martinsburg {
  --campusImage: url("../Images/martinsburg-exterior.jpg");
}
.welcome--charleston {
  --campusImage: url("../Images/charleston-exterior.jpg");
}
.welcome--morning {
  background-image: radial-gradient(at center bottom, rgba(255, 205, 135, 0.95), #9BD3DD), var(--campusImage);
  background-color: rgba(255, 205, 135, 0.95);
}
.welcome--morning a:link, .welcome--morning a:visited {
  color: #002855;
}
.welcome--morning a:hover, .welcome--morning a:focus {
  color: #0033A0;
}
.welcome--morning .welcome__today {
  background-color: rgba(255, 255, 255, 0.2);
}
.welcome--evening {
  color: white;
  background-image: radial-gradient(at center bottom, rgba(0, 40, 85, 0.9), #005eb8), var(--campusImage);
  background-color: rgba(0, 40, 85, 0.9);
}
.welcome--evening a:link, .welcome--evening a:visited {
  color: #FDDA24;
}
.welcome--evening a:hover, .welcome--evening a:focus {
  color: white;
}
.welcome--evening .welcome__today {
  background-color: rgba(0, 40, 85, 0.1);
}
.welcome--afternoon {
  color: #333F48;
  background-image: radial-gradient(at center bottom, rgba(255, 255, 255, 0.92), #9bd3dd), var(--campusImage);
  background-color: #9bd3dd;
}
.welcome--afternoon a:link, .welcome--afternoon a:visited {
  color: #002855;
}
.welcome--afternoon a:hover, .welcome--afternoon a:focus {
  color: #0033A0;
}
.welcome--afternoon .welcome__today {
  background-color: rgba(255, 255, 255, 0.3);
}
.welcome--night {
  color: white;
  background-image: radial-gradient(at center bottom, rgba(0, 51, 160, 0.9), #002855), var(--campusImage);
  background-color: #002855;
}
.welcome--night .welcome__today {
  background-color: rgba(255, 255, 255, 0.1);
}
.welcome--school .welcome__layout-container {
  grid-template-columns: 1fr 1fr;
}
.welcome--school .welcome__greeting {
  margin-bottom: 2.25rem;
}

.welcome-nav__list {
  margin: 0 -1.5rem;
  padding-left: 0;
  list-style-type: none;
}
.welcome-nav__link {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0.5rem 1.75rem;
}
.welcome-nav__link:hover, .welcome-nav__link:focus {
  background-color: rgba(255, 255, 255, 0.15);
}
.welcome--morning .welcome-nav__link:hover, .welcome--morning .welcome-nav__link:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
.welcome--afternoon .welcome-nav__link:hover, .welcome--afternoon .welcome-nav__link:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
.welcome-nav__item:last-child .welcome-nav__link {
  border-bottom: none;
}

.greeting {
  margin-bottom: 1.5rem;
}
.greeting__heading {
  position: relative;
  z-index: 1;
  margin-top: 1em;
  margin-bottom: 0;
  color: inherit;
  font-size: 3.75rem;
  line-height: 0.9;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.greeting__heading::after {
  content: "";
  position: absolute;
  top: -1rem;
  left: -5rem;
  z-index: -1;
  display: block;
  width: 5rem;
  height: 7rem;
  background-color: #EAAA00;
  transform: skew(-33.75deg);
}
.greeting__campus-name {
  display: block;
  font-size: 0.8em;
}
.greeting__tips {
  margin-top: 0.75rem;
  font-size: 1.6rem;
  line-height: 1.3;
}
.greeting__tips * {
  max-width: 55ch;
}
.greeting__tips p:first-child {
  margin-top: 0;
}

.today {
  /*margin-top: 1.5rem;*/
  margin-bottom: 1.5rem;
}
.today__heading {
  margin-top: 1.875rem;
  font-size: 1.75rem;
}
.today__heading:first-of-type {
  margin-top: 0.5rem;
}
.today__card {
  padding: 0.75rem 1.5rem;
}
.today__card + .today__card {
  border-top: 3px solid rgba(255, 255, 255, 0.3);
}

.prt {
  display: grid;
  grid-template-columns: 3rem auto;
  grid-template-areas: "heading heading" "image status";
  grid-column-gap: 1rem;
}
.prt__heading {
  grid-area: heading;
}
.prt__image {
  grid-area: image;
  float: left;
  height: 3rem;
  margin-right: 0.5rem;
}
.prt__image--running {
  animation: prtRunning 2s linear infinite normal;
}
.prt__status {
  grid-area: status;
  margin-top: 0;
}

.dining__menus {
  padding-left: 0;
  list-style-type: none;
}
.dining__menus li + li {
  margin-top: 0.75rem;
}

@keyframes prtRunning {
  35%, 55%, 75% {
    transform: rotate(0);
  }
  45% {
    transform: rotate(2.5deg);
  }
  65% {
    transform: rotate(-2.5deg);
  }
}
.weather__heading {
  margin-bottom: 0;
}
.weather__subheading {
  grid-area: subheading;
  margin-top: 0;
  margin-bottom: 0.875rem;
  color: currentColor;
  font-size: 1.125rem;
  font-family: sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.weather__alert {
  grid-area: alert;
  margin: 0 -1.5rem 1.5rem;
  font-size: 1rem;
  font-weight: bold;
  text-indent: -1.3rem;
}
.weather__alert a {
  display: block;
  padding: 0.5rem 1.5rem 0.5rem 2.8rem;
}
.weather__alert a:link, .weather__alert a:visited {
  color: white;
  background-color: #962e29;
}
.weather__alert a:hover, .weather__alert a:focus {
  color: white;
  background-color: #6e221e;
}
.weather__alert-link-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5ch;
  vertical-align: text-bottom;
  fill: currentColor;
}
.weather__day {
  display: grid;
  grid-template-columns: 48px auto;
  grid-column-gap: 1rem;
  grid-template-areas: "subheading subheading" "alert alert" "icon text";
  align-content: start;
}
.weather__day--current {
  grid-template-columns: 78px auto;
  margin-bottom: 3rem;
}
.weather__icon-wrapper {
  grid-area: icon;
  width: 48px;
  height: 48px;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  border: 3px solid white;
  border-radius: 50%;
  padding: 6px;
  float: left;
  background-color: #9BD3DD;
}
@supports (display: grid) {
  .weather__icon-wrapper {
    margin-bottom: 0;
  }
}
.weather__icon-wrapper[data-time=evening], .weather__icon-wrapper[data-time=night], .weather__icon-wrapper[data-weather-icon$=night] {
  background-color: #002855;
}
.weather__day--current .weather__icon-wrapper {
  width: 78px;
  height: 78px;
  border-width: 5px;
}
.weather__text {
  grid-area: text;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.weather__high-low {
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.weather__day--current .weather__high-low {
  margin-bottom: -0.2rem;
}
.weather__high-low dt {
  display: inline;
}
.weather__high-low dt::after {
  content: ": ";
}
.weather__high-low dd {
  display: inline;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.weather__day--current .weather__high-low dd {
  font-size: 2.75rem;
  line-height: 1;
  font-weight: bold;
}
.weather__high-low dd:nth-of-type(n+1)::after {
  content: "";
  display: block;
}
.weather__forecast {
  grid-area: forecast;
  margin-top: 0;
}
.weather__day--current .weather__forecast {
  font-size: 1.2em;
}
.weather__settings {
  margin-top: 0;
  font-size: 0.8rem;
  font-style: italic;
}

.events-news {
  margin-bottom: 1.5rem;
  padding: 0.5rem 1.5rem;
}
.events-news__heading {
  font-size: 2.25rem;
  margin-top: 0.5rem;
}
.events-news__story-list {
  padding-left: 0;
  list-style-type: none;
}
.events-news__story-list-item + .events-news__story-list-item {
  margin-top: 1.5rem;
}
.events-news__view-all {
  margin-bottom: 3rem;
}
.events-news__events-list {
  padding-left: 0;
  list-style-type: none;
}
.events-news__events-list-item + .events-news__events-list-item {
  margin-top: 1.5rem;
}
.events-news__event-times {
  font-size: 0.8em;
}

.spotlight {
  margin: -0.5rem -1.5rem 3rem -1.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.4);
  border-top-width: 3px;
  border-top-color: #EAAA00;
  padding: 0.5rem 1.5rem 1.5rem 1.5rem;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.3);
}
.welcome--evening .spotlight {
  background-color: rgba(0, 40, 85, 0.3);
}
.welcome--night .spotlight {
  background-color: rgba(255, 255, 255, 0.2);
}
.spotlight p:first-of-type {
  margin-top: 0;
}
.spotlight__image {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
@media screen and (min-width: 35em) {
  .spotlight__image {
    float: right;
    width: 33%;
    margin-left: 1rem;
  }
}

.resources {
  padding: 3rem 0;
  background-image: radial-gradient(at center bottom, #eceae8, white);
}
.resources__heading {
  column-span: all;
  margin-top: 0;
  margin-bottom: 0;
  color: #333F48;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-size: 2.75rem;
  font-weight: normal;
  text-transform: uppercase;
}
.resources__change-statement {
  margin-top: 0;
  margin-bottom: 0;
}
.resources__subheading {
  margin-top: 0;
  margin-bottom: 0;
}
.resources__groups {
  margin-top: 2.625rem;
}
@media screen and (min-width: 42em) {
  .resources__groups {
    column-width: 18rem;
    column-gap: 3rem;
  }
}
@media screen and (min-width: 42em) {
  .resources__groups--single {
    column-width: unset;
  }
}
.resources__group {
  -webkit-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  padding-top: 0.25rem;
}
.resources__group--online {
  break-before: column;
}
.resources__list {
  margin-top: 0;
  margin-bottom: 2.625rem;
  padding-top: 1em;
  padding-left: 0;
  list-style-type: none;
  break-before: avoid-column;
  -webkit-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.resources__list + .resources__list {
  margin-top: 1em;
  border-top: 1px solid #eceae8;
  padding-top: 1.5em;
}
.resources__list li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.resources__list li + li {
  margin-top: 0.5rem;
}
.resources__group:first-child .resources__list:first-child {
  padding-top: 0;
}
.resources__directory-form {
  margin-top: 1.5rem;
  margin-bottom: 2.625rem;
  padding: 0.75rem 1rem 1.5rem;
  background-color: #eceae8;
}
.resources--school {
  background-image: none;
}
.resources--school .resources__groups {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
  grid-column-gap: 3rem;
}
.resources--sitemap {
  /*background-image: none;*/
}
.resources--sitemap .resources__heading-link {
  /*background-image: linear-gradient(to bottom, currentColor, currentColor);
  background-size: 2px 2px;
  background-repeat: repeat-x;
  background-position: bottom;*/
  /*text-decoration: none;*/
  /*text-decoration-thickness: 5%;*/
  position: relative;
}
.resources--sitemap .resources__heading-link::after {
  content: "→";
  speak: none;
  /*position: absolute;
  right: 0;
  top: -0.2rem;

  transform: translateX(2ch);
  transition: all 0.25s ease-out;*/
  display: inline-block;
  margin-left: 0.25ch;
}
.resources--sitemap .resources__heading-link:hover, .resources--sitemap .resources__heading-link:focus {
  color: #CD4C08;
}
.resources--sitemap .resources__heading-link:hover::after, .resources--sitemap .resources__heading-link:focus::after {
  transform: translateX(2.25ch);
}
.resources--sitemap .resources__groups {
  margin-bottom: 2.625rem;
}
.resources--sitemap .resources__group {
  margin-bottom: 2.625rem;
}
.resources--sitemap .resources__list {
  margin-bottom: 1rem;
}
.resources--sitemap .resources__link {
  position: relative;
}
.resources--sitemap .resources__link::after {
  content: "→";
  speak: none;
  position: absolute;
  right: 0;
  top: -0.2rem;
  opacity: 0;
  transform: translateX(2ch);
  transition: all 0.25s ease-out;
  margin-left: 0.25ch;
}
.resources--sitemap .resources__link:hover, .resources--sitemap .resources__link:focus {
  color: #CD4C08;
}
.resources--sitemap .resources__link:hover::after, .resources--sitemap .resources__link:focus::after {
  opacity: 1;
  transform: translateX(3ch);
}
.resources--sitemap .resources__link-icon {
  vertical-align: text-top;
  display: inline-block;
  width: 0.65em;
  height: 0.65em;
  fill: currentColor;
}

.landing__main-content {
  margin-bottom: 3rem;
}
.landing__ctas {
  margin-bottom: 3rem;
  padding-left: 0;
  list-style-type: none;
}
.landing__cta-item + .landing__cta-item {
  margin-top: 1.5rem;
}
.landing__cta {
  width: 100%;
}

/**
	<div class="campus-info">
		<div class="layout-container campus-info__layout-container">
			<span class="campus-info__location">
				<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 128 128" class="campus-info__location-icon">
					<g transform="scale(8) translate(3)">
						<path d="M5 0c-2.761 0-5 2.239-5 5 0 3.75 5 11 5 11s5-7.25 5-11c0-2.761-2.239-5-5-5zm0 7c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2z" class="iconic-property-fill"></path>
					</g>
				</svg>
				<span class="campus-info__location-text">You are currently viewing information for the <strong>@campusName Campus</strong>. At another location? <a href="Settings" class="campus-info__change-link">Change your campus.</a></span>
			</span>
		</div>
	</div>
*/
.campus-info {
  border-top: 1px solid #6E6259;
  padding: 0.5rem 0;
  color: white;
  background-color: #2C2A29;
  font-size: 1rem;
}
.campus-info__location-icon {
  width: 0.8em;
  height: 0.8em;
  fill: currentColor;
}
.campus-info__change-link {
  color: white;
}
.campus-info__change-link:hover, .campus-info__change-link:focus {
  color: #FDDA24;
}

.campus-chooser {
  margin: 1.5rem 0;
  padding: 1rem;
  background-color: #f8f7f6;
}
.campus-chooser__notification {
  margin-bottom: 1.5rem;
  padding: 0.25rem 0.5rem;
  background-color: #ffd66b;
}
.campus-chooser__notification p {
  margin: 0;
  font-weight: bold;
}
.campus-chooser__fieldset {
  margin: 0;
  border: none;
  padding: 0;
}
.campus-chooser__legend {
  font-weight: bold;
}
.campus-chooser__legend::after {
  content: ": ";
}
.campus-chooser__list {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}
.campus-chooser__list + .campus-chooser__list {
  margin-top: 1.5rem;
}
.campus-chooser__list:last-of-type {
  margin-bottom: 1.5rem;
}

.open-hours__item + .open-hours__item {
  margin-top: 1.5rem;
}
.open-hours__days {
  font-weight: bold;
}
.open-hours__times {
  margin-left: 0;
}

/*	DAY OF GIVING
	=============
    These styles will be used to style the Day of Giving area just under the feature area on the home
        page.

	The rules included in this partial are the required way to style this component’s markup.

	```
    <section class="day-of-giving animate">
        <div class="layout-container">
            <div class="day-of-giving__animation">
                <svg class="day-of-giving__animation-stage day-of-giving__animation-stage--1" ...>...</svg>
                <svg class="day-of-giving__animation-stage day-of-giving__animation-stage--2" ...>...</svg>
                <svg class="day-of-giving__animation-stage day-of-giving__animation-stage--3" ...>...</svg>
            </div>
            <p class="day-of-giving__message">What is <b>#WVUDayofGiving</b>? Well, it's more than a hashtag. It's a 24-hour period to help change the future of WVU in one gift.</p>
            <a href="https://dayofgiving.wvu.edu" target="_blank" class="day-of-giving__link">dayofgiving.wvu.edu</a>
        </div>
    </section>
	```
*/
@-webkit-keyframes day-of-giving-scaling {
  0%, 24% {
    -webkit-transform: scale(1);
  }
  26% {
    -webkit-transform: scale(1.12);
  }
  28%, 48% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.12);
  }
  52% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.125);
  }
}
@keyframes day-of-giving-scaling {
  0%, 24% {
    transform: scale(1);
  }
  26% {
    transform: scale(1.12);
  }
  28%, 48% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.12);
  }
  52% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.125);
  }
}
@-webkit-keyframes day-of-giving-stage-1 {
  0% {
    -webkit-transform: rotateY(0deg) scale(1.25);
    opacity: 0;
    -webkit-filter: blur(0);
  }
  4%, 24% {
    -webkit-transform: rotateY(0deg) scale(1);
    opacity: 1;
    -webkit-filter: blur(0);
  }
  26%, 100% {
    -webkit-transform: rotateY(-90deg) scale(1);
    -webkit-filter: blur(12px);
  }
}
@keyframes day-of-giving-stage-1 {
  0% {
    transform: rotateY(0deg) scale(1.25);
    opacity: 0;
    filter: blur(0);
  }
  4%, 24% {
    transform: rotateY(0deg) scale(1);
    opacity: 1;
    filter: blur(0);
  }
  26%, 100% {
    transform: rotateY(-90deg) scale(1);
    filter: blur(12px);
  }
}
@-webkit-keyframes day-of-giving-stage-2 {
  0%, 26% {
    -webkittransform: rotateY(90deg);
    -webkitfilter: blur(12px);
  }
  28% {
    -webkittransform: rotateY(0);
    -webkitfilter: blur(0);
  }
  48% {
    -webkittransform: rotateY(0);
    -webkitfilter: blur(0);
  }
  50%, 100% {
    -webkittransform: rotateY(-90deg);
    -webkitfilter: blur(12px);
  }
}
@keyframes day-of-giving-stage-2 {
  0%, 26% {
    transform: rotateY(90deg);
    filter: blur(12px);
  }
  28% {
    transform: rotateY(0);
    filter: blur(0);
  }
  48% {
    transform: rotateY(0);
    filter: blur(0);
  }
  50%, 100% {
    transform: rotateY(-90deg);
    filter: blur(12px);
  }
}
@-webkit-keyframes day-of-giving-stage-3 {
  0%, 50% {
    -webkit-transform: rotateY(90deg) scale(1);
    -webkit-filter: blur(12px);
  }
  52% {
    -webkit-transform: rotateY(0deg) scale(1);
    -webkit-filter: blur(0);
  }
  53% {
    -webkit-transform: rotateY(0deg) scale(1);
    -webkit-filter: none;
  }
  92% {
    -webkit-transform: rotateY(0deg) scale(1);
    -webkit-filter: none;
    opacity: 1;
  }
  96%, 100% {
    -webkit-transform: rotateY(0deg) scale(1.25);
    -webkit-filter: none;
    opacity: 0;
  }
}
@keyframes day-of-giving-stage-3 {
  0%, 50% {
    transform: rotateY(90deg) scale(1);
    filter: blur(12px);
  }
  52% {
    transform: rotateY(0deg) scale(1);
    filter: blur(0);
  }
  53% {
    transform: rotateY(0deg) scale(1);
    filter: none;
  }
  92% {
    transform: rotateY(0deg) scale(1);
    filter: none;
    opacity: 1;
  }
  96%, 100% {
    transform: rotateY(0deg) scale(1.25);
    filter: none;
    opacity: 0;
  }
}
@-webkit-keyframes day-of-giving-entry-down {
  0% {
    -webkit-transform: translateY(-1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes day-of-giving-entry-down {
  0% {
    transform: translateY(-1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes day-of-giving-entry-right {
  0% {
    -webkit-transform: translateX(-1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}
@keyframes day-of-giving-entry-right {
  0% {
    transform: translateX(-1rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.day-of-giving {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  background-color: #002855;
  color: white;
  text-align: center;
}
.day-of-giving .layout-container {
  position: relative;
}
@media screen and (min-width: 60em) {
  .day-of-giving .layout-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    text-align: left;
  }
}
.day-of-giving__animation, .day-of-giving__animation-stage {
  width: 15rem;
  height: 15rem;
}
.js .in-view .day-of-giving__animation, .js .in-view .day-of-giving__animation-stage {
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.day-of-giving__animation {
  margin: 0 auto 2rem;
  position: relative;
  perspective: 1000px;
}
@media screen and (min-width: 60em) {
  .day-of-giving__animation {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 15rem;
    -moz-box-flex: 0;
    -moz-flex: 0 0 15rem;
    -ms-flex: 0 0 15rem;
    flex: 0 0 15rem;
    margin-right: 4rem;
    margin-bottom: 0;
  }
}
.js .in-view .day-of-giving__animation {
  -webkit-animation-name: day-of-giving-scaling;
  animation-name: day-of-giving-scaling;
}
.js .animate .day-of-giving__animation-stage {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform, filter;
}
.day-of-giving__animation-stage--1 {
  display: none;
}
.js .animate .day-of-giving__animation-stage--1 {
  display: block;
  opacity: 0;
}
.js .in-view .day-of-giving__animation-stage--1 {
  -webkit-animation-name: day-of-giving-stage-1;
  animation-name: day-of-giving-stage-1;
}
.day-of-giving__animation-stage--2 {
  display: none;
}
.js .animate .day-of-giving__animation-stage--2 {
  display: block;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.js .in-view .day-of-giving__animation-stage--2 {
  -webkit-animation-name: day-of-giving-stage-2;
  animation-name: day-of-giving-stage-2;
}
.js .animate .day-of-giving__animation-stage--3 {
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.js .in-view .day-of-giving__animation-stage--3 {
  -webkit-animation-name: day-of-giving-stage-3;
  animation-name: day-of-giving-stage-3;
}
.day-of-giving__message, .day-of-giving__link {
  font-weight: bold;
}
.js .in-view .day-of-giving__message, .js .in-view .day-of-giving__link {
  -webkit-animation-name: day-of-giving-entry-down;
  animation-name: day-of-giving-entry-down;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media screen and (min-width: 60em) {
  .js .in-view .day-of-giving__message, .js .in-view .day-of-giving__link {
    -webkit-animation-name: day-of-giving-entry-right;
    animation-name: day-of-giving-entry-right;
  }
}
.day-of-giving__message {
  font-size: 1.5rem;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: 1rem;
}
.js .in-view .day-of-giving__message {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.day-of-giving__message b {
  color: #EAAA00;
}
.day-of-giving__link {
  color: #EAAA00;
  font-size: 1.75rem;
  display: inline-block;
  background-image: linear-gradient(to top, transparent, transparent 2px, #EAAA00 2px, #EAAA00 4px, transparent 4px);
  text-shadow: -1px -1px 0 #002855, 1px -1px 0 #002855, -1px 1px 0 #002855, 1px 1px 0 #002855;
}
.js .in-view .day-of-giving__link {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.day-of-giving__link:hover, .day-of-giving__link:focus {
  color: white;
}

/*
	IMAGE GALLERY
	=============

	The Image Gallery document type allows an editor to specify between three 
		and eight images to be displayed in a animated, rotating carousel-style
		widget. Each image will have defined alternative text as well as an 
		optional caption.

	Each instance of an Image Gallery will have two sets of controls defined:
		one with and one without JavaScript support. The non-JS version 
		(`.image-gallery__controls--links`) will simply be a set of links 
		styled like buttons. The JS version 
		(`.image-gallery__controls--buttons`) will render actual `<button>` 
		elements with JavaScript events attached. A designer is encouraged 
		to style both sets in a similar way to a site’s normal `.button` style.

	```
	<section class="image-gallery" id="image-gallery">

		<header class="image-gallery__header">

			<h2 class="image-gallery__heading">Image Gallery</h2>

			<ul class="image-gallery__controls image-gallery__controls--links">
				<li class="image-gallery__control">
					<a href="?image=2" class="button image-gallery__button image-gallery__button--prev" id="prev-link" rel="prev">
						<svg xmlns="http://www.w3.org/2000/svg" class="image-gallery__button-icon" viewBox="0 0 128 128"><path d="M32 64l64 64V0z"/></svg>

						<span class="image-gallery__button-label">Previous Image</span>
					</a></li>
				<li class="image-gallery__control">
					<a href="?image=1" class="button image-gallery__button image-gallery__button--next" id="next-link" rel="next">
						<span class="image-gallery__button-label">Next Image</span>

						<svg xmlns="http://www.w3.org/2000/svg" class="image-gallery__button-icon" viewBox="0 0 128 128"><path d="M96 64L32 0v128z"/></svg>
					</a></li>
			</ul>

			<ul class="image-gallery__controls image-gallery__controls--buttons image-gallery__controls--hidden">
				<li class="image-gallery__control">
					<button type="button" class="button image-gallery__button image-gallery__button--prev">
						<svg xmlns="http://www.w3.org/2000/svg" class="image-gallery__button-icon" viewBox="0 0 128 128"><path d="M32 64l64 64V0z"/></svg>

						<span class="image-gallery__button-label">Previous Image</span>
					</button></li>
				<li class="image-gallery__control">
					<button type="button" class="button image-gallery__button image-gallery__button--next">
						<span class="image-gallery__button-label">Next Image</span>

						<svg xmlns="http://www.w3.org/2000/svg" class="image-gallery__button-icon" viewBox="0 0 128 128"><path d="M96 64L32 0v128z"/></svg>
					</button></li>
			</ul>
		</header>

		<div class="image-gallery__slides">

			<figure class="image-gallery__slide" data-raw="{…}">
				<img src="{…}"
					 srcset="{…}"
					 sizes="{…}"
					 class="image-gallery__slide-image"
					 alt="{…}">

				<figcaption class="image-gallery__slide-caption">{…}</figcaption>
			</figure>

			{…}

		</div>

		<footer class="image-gallery__footer">
			<div class="image-gallery__meta">
				<div class="image-gallery__status">Image 1 of 8</div>

				<div class="image-gallery__download">
					<a href="@rawImageSrc" class="image-gallery__download-link" download>Download high-res image</a>
				</div>
			</div>

			<div class="image-gallery__full-gallery">
				<a href="{…}" class="button image-gallery__full-gallery-button" target="_blank" rel="noopener">View the Full Gallery</a>
			</div>
		</footer>
	</section>
	```
*/
.image-gallery {
  margin: 1.5rem 0;
  padding: 0;
}
@media screen and (min-width: 60em) {
  .image-gallery__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}
@media screen and (min-width: 60em) {
  .image-gallery__heading {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-box-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }
}
.image-gallery__controls {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
@media screen and (min-width: 60em) {
  .image-gallery__controls {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}
.image-gallery__controls--hidden {
  display: none;
}
.image-gallery__controls--buttons .image-gallery__button {
  cursor: default;
}
.image-gallery__button {
  position: relative;
}
.image-gallery__button--prev {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.image-gallery__button--next {
  margin-left: 1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.image-gallery__button-icon {
  position: relative;
  top: 0.1rem;
  width: 0.9rem !important;
  height: 0.9rem !important;
  fill: white;
  stroke: white;
}
.image-gallery__button-label {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}
.image-gallery__slides {
  position: relative;
  height: 0;
  margin: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
}
.image-gallery__slide {
  position: relative;
  display: block !important;
  margin: 0;
  border: none;
  padding: 0;
}
.image-gallery__slide--current {
  z-index: 500;
}
.image-gallery__slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.001) 30%, rgba(0, 0, 0, 0.8));
}
.image-gallery__slide-image {
  display: block;
  max-width: 100%;
}
.image-gallery--active {
  position: relative;
}
.image-gallery--active .image-gallery__slide {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  display: none;
  z-index: 200;
  transition: transform 0.6s ease-out;
  will-change: transform;
}
.image-gallery--active .image-gallery__slide--current {
  visibility: visible;
  transform: translateX(0);
}
.image-gallery--active .image-gallery__slide--next {
  transform: translateX(100%);
}
.image-gallery--active .image-gallery__slide--prev {
  transform: translateX(-100%);
}
.image-gallery--active .image-gallery__slide--in-transition {
  visibility: visible;
}
.image-gallery__slide-caption {
  position: absolute;
  bottom: 0;
  display: inline-block;
  margin: 0;
  border-radius: 0 0 0 0.5em;
  padding: 1.25rem;
  color: white;
  font-size: 1.25rem;
  font-weight: bold;
}
.image-gallery__footer {
  border-radius: 0 0 0.25rem 0.25rem;
  padding: 1.25rem;
  background-color: #dce1e6;
}
@media screen and (min-width: 60em) {
  .image-gallery__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
@media screen and (min-width: 60em) {
  .image-gallery__meta {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-box-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }
}
.image-gallery__status {
  margin-bottom: 0.5rem;
}
.image-gallery__download-link {
  font-size: 0.8rem;
}
.image-gallery__full-gallery {
  padding-top: 1.5rem;
}
@media screen and (min-width: 60em) {
  .image-gallery__full-gallery {
    padding-top: 0;
    margin-left: 1.5rem;
  }
}
.special-notice {
  color: white;
  background-color: #333F48;
}
@media screen and (min-width: 58em) {
  .special-notice__layout-container--two-up {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 6rem;
  }
}
.special-notice__text {
  display: flex;
  flex-direction: column;
  padding: 3rem 0;
}
.special-notice__text > * {
  max-width: 70ch;
}
.special-notice__text + .special-notice__text {
  border-top: 1px solid #EAAA00;
}
@media screen and (min-width: 58em) {
  .special-notice__text + .special-notice__text {
    border-top: none;
  }
}
.special-notice__heading {
  margin: 0 0 0.75rem;
  font-size: 2.75rem;
  line-height: 0.9;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.special-notice__actions {
  margin-top: auto;
}

.add-to-calendar {
  grid-column: 1/-1;
  margin-top: 3rem;
}
@media screen and (min-width: 60em) {
  .add-to-calendar {
    margin-top: 0;
  }
}
.add-to-calendar__heading {
  margin-top: 1.5rem;
}
.add-to-calendar__actions {
  display: flex;
  flex-direction: column;
  gap: 0.25rem 0.5rem;
  padding-left: 0;
  list-style-type: none;
}
@media screen and (min-width: 60em) {
  .add-to-calendar__actions {
    flex-direction: row;
  }
}
.add-to-calendar__link {
  display: grid;
  grid-template-columns: min-content auto;
  gap: 0.75rem;
  /*justify-content: center;*/
  align-items: center;
  padding: 0.75rem;
  background-color: #f8f7f6;
  text-align: left;
}
.add-to-calendar__link-icon-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: -0.75rem;
  border-radius: 0.25rem 0 0 0.25rem;
  padding: 0.75rem;
  background-color: rgba(191, 184, 175, 0.2);
}
.add-to-calendar__link-icon {
  width: 1.5rem;
  height: 1.5rem;
  fill: currentColor;
}
.add-to-calendar__link-label {
  padding-left: 0.75rem;
}

img.iconic {
  visibility: hidden;
}

/*.wvu-masthead-header__sub-brand {
	line-height: 1;
	font-family: $sans-serif;
}

.wvu-masthead-nav {

	&__item {

		&--location {
			padding: 0.25rem 1rem;
			color: white;

			font-weight: bold;

			svg {
				display: inline-block;
				vertical-align: text-top;

				fill: currentColor;
			}
		}

		&--cta {

			a {
				@media screen and (min-width: $header-mq) {
					padding: .5rem 1rem;
					border-radius: .125rem;
					background-color: lighten($wvu-black, 6%);
					font-size: 1rem;
				}

				&:hover,
				&:focus {

					@media screen and (min-width: $header-mq) {
						color: $wvu-blue;
						background-color: $wvu-yellow;
					}
				}
			}
		}
	}

	&__location-label {

		@media screen and (min-width: $header-mq) {
			@include visually-hidden;
		}
	}
}*/
.wvu-footer {
  border-top: 1px solid #eceae8;
}