@charset "UTF-8";
#gradient {
  /* Data URI encoded from: gradient.svg */
  background: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjUwMHB4IiBoZWlnaHQ9IjUwMHB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGRlZnM+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudCIgeDE9IjAuNSIgeTE9IjAiIHgyPSIwLjUiIHkyPSIxIj4KICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSJyZ2IoMTU1LDIxMSwyMjEpIiAvPgogICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9InJnYig3MCwxNDcsMTY4KSIgLz4KICA8L2xpbmVhckdyYWRpZW50PgogPC9kZWZzPgogPGc+CiAgPHJlY3QgZmlsbD0idXJsKCNncmFkaWVudCkiIHN0cm9rZS13aWR0aD0iMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjUwMCIgaGVpZ2h0PSI1MDAiIC8+CiA8L2c+Cjwvc3ZnPgogICAg) top repeat-x;
  background-size: contain;
}

/* By default the county listings have background gradients, which is why they have a -color variable (as either the fallback for your gradient or if you don't want to use a gradient, but want a solid color).
If you are not going to use a gradient, leave "$list-county-bg-gradient" blank.*/
/*$popover-shadow: 1px 1px 10px darken($pms-429-c, 15);*/
/* If you want to target and change all of the header colors at once and leave the variables below blank. */
/* Individual header style targeting. Changing these will override "$popover-headers-color". */
/* 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;
}

/* Utility classes */
.visually-hidden, .directory-card__organization-name, .directory-card__organization-unit, .directory-card__name-suffix-separator {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  overflow: hidden;
  white-space: nowrap;
}

@media print {
  .u-print-link-urls a, .u-print-link-urls .button-user a[href] {
    color: #0033A0;
    text-decoration: underline;
  }
  .u-print-link-urls a:not([href^=http]):not([href^="mailto:"])::after, .u-print-link-urls .button-user a[href]:not([href^=http]):not([href^="mailto:"])::after {
    content: " (nursing.wvu.edu" attr(href) ")";
  }
  .u-print-link-urls a[href^="mailto:"][data-strictly-email-address]::after, .u-print-link-urls .button-user a[href][href^="mailto:"][data-strictly-email-address]::after {
    content: " (" attr(data-strictly-email-address) ")";
  }
  .u-print-link-urls a[href^=http]::after, .u-print-link-urls .button-user a[href][href^=http]::after {
    content: " (" attr(href) ")";
  }
  .u-print-link-urls a::after, .u-print-link-urls .button-user a[href]::after {
    font-weight: normal;
  }
  .u-print-link-urls .button-user a[href], .u-print-link-urls a[href] .button-user {
    display: inline;
    margin: 0;
    padding: 0;
    color: #0033A0;
    background-image: none;
    background-color: transparent;
    text-transform: none;
    box-shadow: none;
  }
}

@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(1.5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideUpAndIn {
  0% {
    opacity: 0;
    transform: translateY(25%);
  }
  75% {
    transform: translateY(-15%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes featureZoomOut {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slashSlide {
  0% {
    transform: translateX(-2rem) skewX(-33.75deg);
  }
  100% {
    transform: translateX(0) skewX(-33.75deg);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes simpleFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes audioPlayerPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(234, 170, 0, 0.4);
  }
  70% {
    box-shadow: 0 0 0 1.5rem rgba(234, 170, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(234, 170, 0, 0);
  }
}
/*! 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;
}

*, *: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%;
}

a {
  color: #0033A0;
}
a:hover, a:focus {
  color: #002855;
  transition: all 0.1s ease;
}
@media print {
  a {
    color: #2C2A29;
    text-decoration: none;
  }
}

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

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.site-container {
  overflow: hidden;
}

body.overflow-hidden {
  overflow: hidden;
}

table {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: #e1deda;
  font-size: 0.95rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*tr {

	&:nth-child(odd) {
		background-color: lighten($pms-warm-gray-3, 25%);
	}
}*/
th {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e1deda;
  padding: 0.5rem;
  background-color: #e8f0eb;
}

td {
  padding: 0.5rem;
}
td + td {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #e1deda;
}

.table caption {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.4rem;
  text-align: left;
}
.table__cell--text-center {
  text-align: center;
}
.table__cell--numeric {
  text-align: right;
}
.table--row-divided .table__row {
  border-bottom: 1px solid #e1deda;
}
.table--narrow-block {
  width: 100%;
}
@media screen and (max-width: 40em) {
  .table--narrow-block {
    border-width: 0;
    line-height: 1.5;
  }
  .table--narrow-block caption {
    text-align: left;
  }
  .table--narrow-block thead {
    display: none;
  }
  .table--narrow-block tbody tr:not(:first-child) th[scope=row] {
    margin: 1.5rem 0 0 0;
  }
  .table--narrow-block th[scope=row] {
    font-size: 1.1rem;
    font-family: "Helvetica Neue LT W01_75 Bold", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
  }
  .table--narrow-block .table__cell,
  .table--narrow-block th[scope=row] {
    display: block;
    width: 100%;
    border: 0;
    padding: 0;
    background-color: transparent;
    text-align: left;
  }
  .table--narrow-block .table__cell[data-label]::before,
  .table--narrow-block th[scope=row][data-label]::before {
    content: attr(data-label) ": ";
    font-weight: bold;
  }
  .table--narrow-block.table--row-divided .table__row {
    border-bottom: 0;
  }
}
.table--nclex {
  width: 100%;
  table-layout: fixed;
}
.table--nclex caption {
  margin: 1.5rem 0;
  color: #333F48;
  font-size: 2.4rem;
  line-height: 1.083;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  text-align: left;
}
.table--nclex tr :first-child {
  width: 20ch;
}

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

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

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

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

.main-content h1 {
  margin: 0;
  color: #002855;
  font-size: 3rem;
  line-height: 1.2;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
}
@media print {
  .main-content h1 {
    font-size: 36pt;
  }
}
.main-content h1.page-title {
  margin: 0 0 1.5rem;
  border-bottom-width: 0.25rem;
  border-bottom-style: solid;
  border-bottom-color: #EAAA00;
  padding: 1rem 0;
  /*@media screen {
  	text-shadow: 0 0.1rem 0.1rem rgba($wvu-black, 0.2);
  }*/
}
.main-content h1 b, .main-content h1 strong {
  font-weight: normal;
}

h2, .cal-month, .directory-list__title {
  margin: 3rem 0 0 0;
  color: #333F48;
  font-size: 2.4rem;
  line-height: 1.083;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
}
@media print {
  h2, .cal-month, .directory-list__title {
    font-size: 24pt;
  }
}
h2 b, .cal-month b, .directory-list__title b, h2 strong, .cal-month strong, .directory-list__title strong {
  font-weight: normal;
}

h3 {
  margin: 2.625rem 0 0 0;
  color: #0033A0;
  font-size: 1.75rem;
  line-height: 1.15;
  font-family: "HelveticaNeueW01-55Roma", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
}
@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-family: "HelveticaNeueW01-55Roma", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  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, .cal-month, .directory-list__title, 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: #9ABEAA;
}

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

.lede {
  font-size: 1.4rem;
}

.cf:before, .cf:after,
.grid-row:before,
.grid-row:after {
  content: "";
  display: table;
}
.cf:after,
.grid-row:after {
  clear: both;
}

.flex-grid-row {
  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;
}

.grid-column {
  float: left;
}

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

[class*=image-aspect-ratio] {
  height: 0;
  overflow: hidden;
  width: 100%;
}

[class*=image-aspect-ratio] img {
  width: 100%;
}

.image-aspect-ratio-16x9 {
  padding-bottom: 56.25%;
}

.image-aspect-ratio-4x3 {
  padding-bottom: 150%;
}

/*
	<div class="campus-alert">
		<div class="layout-container">
			<h2 class="campus-alert__header">Alert</h2>

			<div class="campus-alert__message">
				<p>Some brief message here.</p>
			</div>

			<div class="campus-alert__buttons">
				<a href="#" class="campus-alert__button">
					Details
				</a>
			</div>
		</div>
	</div>

*/
.campus-alert {
  padding: 1.5rem 0;
  color: white;
  background-color: #CD4C08;
}
.campus-alert--emergency {
  background-color: #BE3A34;
}
@media screen and (min-width: 40em) {
  .campus-alert .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;
  }
}
.campus-alert__header {
  margin: 0;
  color: currentColor;
  font-size: 4rem;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
.campus-alert__message {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 1em 0;
  padding: 1.5rem;
  background-color: #2C2A29;
  background-color: rgba(44, 42, 41, 0.5);
  font-size: 1.2rem;
  font-weight: bold;
}
@media screen and (min-width: 40em) {
  .campus-alert__message {
    margin: 0 1.5rem;
  }
}
.campus-alert__message p:first-child {
  margin-top: 0;
}
.campus-alert__message p:last-child {
  margin-bottom: 0;
}
.campus-alert__buttons {
  font-size: 1rem;
}
.campus-alert__button {
  display: inline-block;
  position: relative;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  color: #002855;
  background-color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.2s ease-out;
}
.campus-alert__button:hover, .campus-alert__button:focus {
  background-color: white;
}

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

.covid-19-banner {
  padding: 1.25rem 0;
  /*color: white;*/
  color: #002855;
  /*background-color: $pms-166-c;*/
  /*background-color: $pms-432-c;*/
  background-color: #9BD3DD;
  line-height: 1.5;
}
.covid-19-banner p {
  margin: 0;
}
.covid-19-banner a {
  color: #002855;
  /*&:focus {
  	outline-color: white;
  }*/
}

.button, .cal-more-events-link, .cal-filters-toggle, .cal-pagination-button,
span.button-user a[href],
a[href] span.button-user {
  display: inline-block;
  position: relative;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  color: #002855;
  background-color: #EAAA00;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.1));
  font-size: 1rem;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.2s ease-out;
  box-shadow: 0 0.125rem 0.5rem rgba(44, 42, 41, 0.2);
  /*&:focus {
  	outline: 2px dotted #f00;
  	outline-offset: -2px;
  }*/
}
.button > a, .cal-more-events-link > a, .cal-filters-toggle > a, .cal-pagination-button > a,
span.button-user a[href] > a,
a[href] span.button-user > a {
  text-decoration: none;
  color: #002855;
}
.button:hover, .cal-more-events-link:hover, .cal-filters-toggle:hover, .cal-pagination-button:hover, .button:focus, .cal-more-events-link:focus, .cal-filters-toggle:focus, .cal-pagination-button:focus,
span.button-user a[href]:hover,
span.button-user a[href]:focus,
a[href] span.button-user:hover,
a[href] span.button-user:focus {
  color: #004088;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0.5rem, rgba(255, 255, 255, 0));
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  transform: translateY(-0.1rem);
}
@media print {
  .button, .cal-more-events-link, .cal-filters-toggle, .cal-pagination-button,
  span.button-user a[href],
  a[href] span.button-user {
    display: none;
  }
}

span.button-user a + a {
  margin-left: 0.25rem;
}

a[href]:focus span.button-user {
  background-color: #CD4C08;
  color: white;
}

.button--secondary, .cal-pagination-today {
  background-color: #9ABEAA;
}

.button--alternate, .cal-filters-toggle {
  color: white;
  background-color: #0033A0;
}
.button--alternate:hover, .cal-filters-toggle:hover, .button--alternate:focus, .cal-filters-toggle:focus {
  color: white;
  background-image: linear-gradient(to bottom, #005EB8 0.5rem, rgba(0, 94, 184, 0));
}

.button--rss {
  background-color: #FA9B39;
  vertical-align: middle;
}
.button--rss .iconic {
  width: 0.75em !important;
  height: 0.75em !important;
}
.button--rss .iconic-property-stroke, .button--rss .iconic-property-fill {
  stroke: currentColor;
  fill: currentColor;
}

.button--small, .cal-more-events-link, .cal-pagination-button {
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
}

.button--compact, .cal-more-events-link, .cal-pagination-button {
  margin: 0;
}

.button--disabled, .cal-pagination-button.is-disabled, .button--disabled:link, .button--disabled:visited, .button--disabled:hover, .button--disabled:focus {
  background-color: #e1deda;
  background-image: none;
  color: #002855;
  box-shadow: none;
  transform: none;
  transition: none;
}

.caption {
  display: inline-block;
  max-width: 100%;
  margin: 1.5rem 0;
  border-top: 0.25rem solid #EAAA00;
  background-color: white;
}
@media print {
  .caption {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
.caption__figcaption {
  max-width: var(--caption-image-width);
}
.caption__image {
  display: block;
  max-width: 100%;
  height: auto;
}

blockquote {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 3rem;
  margin-left: 0;
  border-top: 0.25rem solid #EAAA00;
  padding: 1rem 2.5rem 1rem 2.5rem;
  font-size: 1.5rem;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-style: normal;
  text-align: center;
  quotes: "“" "”";
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.2);
}
* + blockquote {
  margin-top: 1.5rem;
}
blockquote i, blockquote em {
  font-style: italic;
}
blockquote p {
  position: relative;
}
blockquote p::before, blockquote p::after {
  display: block;
  color: #9ABEAA;
  font-size: 6rem;
  line-height: 1;
  text-shadow: 0 0.1rem 0.1rem rgba(44, 42, 41, 0.2);
}
blockquote p:first-child {
  margin-top: 0;
}
blockquote p:first-child::before {
  content: open-quote;
  margin-top: 3rem;
  line-height: 0;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote p:last-child::after {
  content: close-quote;
  margin-bottom: -3rem;
}

/*.caption {
    display: table;
	width: auto;
    margin-top: 1.5rem;
    margin-right: 0;
    margin-bottom: 1.5rem;
    margin-left: 0;
    border-top: 0.25rem solid $wvu-yellow;

    background-color: white;

	@media print {
		page-break-inside: avoid;
		break-inside: avoid;
	}

    img {
        display: block;
    }
}*/
.caption {
  display: table;
}
.caption img {
  /*width: 100%;*/
}
.caption figcaption {
  display: table-caption;
  caption-side: bottom;
}

figcaption {
  /*display: table-caption;
  caption-side: bottom;*/
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #b9d2c4;
  padding: 1rem;
  background-color: white;
  font-size: 0.875rem;
  line-height: 1.5;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.2);
}
figcaption:empty {
  padding: 0;
}
figcaption p:first-child {
  margin-top: 0;
}
figcaption p:last-child {
  margin-bottom: 0;
}

.img-float-left, .img-float-right {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  /*@media screen and (min-width: 45em) {
  	max-width: 50%;
  }*/
}
* + .img-float-left, * + .img-float-right {
  margin-top: 1.5rem;
}

@media screen and (min-width: 45em) {
  .img-float-left {
    float: left;
    margin-right: 1.5rem;
  }
}

@media screen and (min-width: 45em) {
  .img-float-right {
    float: right;
    margin-left: 1.5rem;
  }
}

.rte img {
  /*		width: auto;
  		height: auto;*/
}

.google-map {
  position: relative;
  max-width: 100%;
  padding-bottom: 66.67%;
  overflow: hidden;
}
.google-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* 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;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
}
@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);
  }
}

/*	PAGE
	====
	These are the basic, overall page structure styles for the various types of
		pages used throughout this site. Each type defines the `.main-content`
		and `.secondary-content` regions of the pages and their proportions.
*/
.main-content {
  margin-bottom: 2rem;
  color: #2C2A29;
  font-size: 1.2em;
  line-height: 1.5;
}
@media screen and (min-width: 60em) {
  .main-content {
    margin-bottom: 0;
  }
}
.main-content--lede > p:nth-child(2) {
  font-size: 1.6rem;
}

.content-page .main-content h2:first-child, .content-page .main-content .cal-month:first-child, .content-page .main-content .directory-list__title:first-child {
  margin-top: 0;
}
@media screen and (min-width: 60em) {
  .content-page {
    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;
  }
  .content-page .main-content {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    /*@include flex-basis(70%);*/
    width: calc(70% - 1rem);
    margin-bottom: 3rem;
    padding: 1rem 1rem 1rem 0;
  }
  .content-page .main-content--calendar {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .content-page .secondary-content {
    /*@include flex(30%);*/
    width: calc(30% - 1rem);
    padding: 6.5rem 0 1rem 1rem;
  }
  .content-page .secondary-content--no-title {
    padding-top: 2.5rem;
  }
}
.content-page--covid .main-content h2:first-child, .content-page--covid .main-content .cal-month:first-child, .content-page--covid .main-content .directory-list__title:first-child {
  margin-top: 0;
}
@media screen and (min-width: 60em) {
  .content-page--covid .main-content {
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-template-areas: "title ." "content on-this-page";
    grid-column-gap: 3.5rem;
    width: 100%;
  }
  .content-page--covid .main-content .page-title {
    grid-area: title;
  }
  .content-page--covid .main-content .sub-navigation--on-this-page {
    grid-area: on-this-page;
    font-size: 1rem;
    align-self: start;
  }
  .content-page--covid .main-content .sub-navigation--on-this-page .sub-navigation-list {
    margin-bottom: 0;
  }
  .content-page--covid .main-content > div {
    grid-area: content;
  }
  .content-page--covid .secondary-content {
    grid-area: on-this-page;
  }
}

@media screen and (min-width: 50em) {
  .landing-page {
    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;
  }
  .landing-page .main-content {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    /*@include flex-basis(65%);*/
    /*width: calc(65% - 2rem);*/
    width: 65%;
    padding-right: 2rem;
  }
  .landing-page .secondary-content {
    /*@include flex(35%);*/
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 35%;
    padding: 5.5rem 0 0 1rem;
  }
  .landing-page .secondary-content ol, .landing-page .secondary-content ul {
    padding-left: 1rem;
  }
  .landing-page .secondary-content li {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 50em) {
  .landing-page--students {
    display: grid;
    grid-column-gap: 3rem;
    grid-template-columns: 6fr 4fr;
    grid-template-rows: max-content auto;
    /*grid-template-areas:
    	'students-headline students-headline'
    	'students-main students-secondary';*/
    grid-template-areas: "students-headline students-headline" "students-main students-secondary" "students-video students-video";
  }
}
.landing-page--students .main-content {
  grid-area: students-main;
  width: auto;
  padding-right: 0;
}
.landing-page--students .secondary-content {
  grid-area: students-secondary;
  width: auto;
  padding-top: 1.5rem;
}

.story-page {
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 3rem;
  padding-left: 0;
}
@media screen and (min-width: 60em) {
  .story-page {
    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;
  }
  .story-page .main-content {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    /*@include flex-basis(70%);*/
    width: calc(70% - 1rem);
    padding-right: 1rem;
  }
  .story-page .main-content--calendar {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .story-page .secondary-content {
    /*@include flex(30%);*/
    width: calc(30% - 1rem);
    padding: 1.5rem 0 1rem 1rem;
  }
}

/*	FULL BLEED
	==========
	A simple, generic component that is meant to go from browser edge to browser
		edge. It has `padding` and a `line-height`.

	Modifiers here help to specify `background` and color information, as well
		as basic text styling.
*/
.full-bleed {
  padding: 3rem 0;
  line-height: 1.5;
}
@media print {
  .full-bleed {
    padding: 0.2in 0;
  }
}
.full-bleed__heading {
  margin: 0 0 2rem;
  color: #002855;
  font-size: 3rem;
  line-height: 1.2;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  /*@media screen {
  	text-shadow: 0 0.1rem 0.1rem rgba($wvu-black, 0.2);
  }*/
}
@media screen {
  .full-bleed--students {
    background-color: #eceae8;
    background-image: linear-gradient(0deg, #e1deda, #f8f7f6);
  }
}
@media print {
  .full-bleed--students {
    padding-top: 0;
  }
}
@media screen {
  .full-bleed--profiles {
    background-color: #002855;
    background-image: linear-gradient(123.75deg, #004088, #004088 20%, #00346f 20%, #00346f 80%, #002855 80%);
    background-attachment: fixed;
    color: white;
    text-align: center;
  }
  .full-bleed--profiles .full-bleed__heading {
    color: #EAAA00;
  }
}
.full-bleed--faculty {
  background-color: #e8f0eb;
  background-image: linear-gradient(180deg, #e8f0eb, #9ABEAA);
}

/*	FEATURE
	=======
    These styles will be used to style the brand-controlled feature area at the top of the home
        page and specific landing pages.

	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.

	```
    <div class="feature has-media">
        <div class="feature__image">
            <img src="_Common/Images/research.jpg"
                 srcset="_Common/Images/feature.jpg 600w, _Common/Images/feature.jpg 1200w, _Common/Images/feature.jpg 2000w"
                 sizes="100vw"
                 alt="Research">
        </div>

        <div class="feature__text">
            <div class="layout-container">
                <div class="feature__heading">Start by taking the <span class="feature__highlight">First Step.</span></div>

	            <p class="feature__blurb">The first thing you’ll learn here is that “impossible” is just a challenge.</p>

                <div class="feature__buttons">
					<a href="#" class="button feature__button">Feature Button</a>
				</div>
            </div>
        </div>
    </div>
	```
*/
.feature {
  position: relative;
  background-color: #333F48;
}
@media screen and (min-width: 75.25em) {
  .feature {
    height: 40rem;
    overflow: hidden;
  }
}
@media print {
  .feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row-reverse nowrap;
    -moz-flex-flow: row-reverse nowrap;
    -ms-flex-flow: row-reverse nowrap;
    flex-flow: row-reverse nowrap;
    background-color: transparent;
  }
}
.feature__image {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 75.25em) {
  .feature__image {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
@media print {
  .feature__image {
    width: 33%;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.feature__image img {
  display: block;
  width: 100%;
}
.feature__video-wrapper {
  position: relative;
  background-color: #002855;
  mix-blend-mode: screen;
  opacity: 0.2;
}
.feature__video {
  /*position: absolute;
  top: 50%;
  left: 0;*/
  width: 100%;
  height: auto;
  object-fit: cover;
  /*transform: translateY(-50%);*/
}
.feature__video-control {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 1;
}
.feature__video-control[hidden] {
  display: none;
}
.feature__video-control-icon {
  width: 1.2em;
  height: 1.2rem;
  vertical-align: middle;
  fill: currentColor;
}
.feature__video-control-icon[hidden] {
  display: none;
}
.feature__text {
  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;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 36.25em) {
  .feature__text {
    height: 100%;
  }
}
@media print {
  .feature__text {
    width: 66%;
    margin-right: 1rem;
    margin-left: 0;
  }
}
.feature__text p {
  line-height: 1.5;
}
@media screen and (min-width: 36.25em) {
  .has-media .feature__text {
    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;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-image: linear-gradient(to right, rgba(44, 42, 41, 0.6) 25%, rgba(44, 42, 41, 0) 70%);
  }
}
@media screen and (min-width: 40em) {
  .feature__heading, .feature__blurb {
    width: 70%;
  }
}
@media screen and (min-width: 66.25em) {
  .feature__heading, .feature__blurb {
    width: 60%;
  }
}
.feature__heading {
  margin-top: 0;
  margin-bottom: 1rem;
  color: white;
  font-size: 2.5rem;
  line-height: 0.95;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
@media screen and (min-width: 45em) {
  .feature__heading {
    font-size: 4rem;
    line-height: 0.85;
  }
}
@media screen and (min-width: 60.625em) {
  .feature__heading {
    font-size: 5rem;
    line-height: 0.8;
  }
}
@media screen and (min-width: 66.25em) {
  .feature__heading {
    font-size: 6rem;
  }
}
@media screen and (min-width: 71.875em) {
  .feature__heading {
    font-size: 6.5rem;
  }
}
@media print {
  .feature__heading {
    color: #002855;
    font-size: 36pt;
    text-shadow: none;
  }
}
.js .animate.prepare .feature__heading {
  animation-name: slideUp;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-delay: 0.2s;
  animation-fill-mode: backwards;
  animation-play-state: paused;
}
.js .animate.in-view .feature__heading {
  animation-play-state: running;
}
.feature__highlight {
  display: block;
  color: #EAAA00;
  font-weight: 400;
}
.feature__blurb {
  margin-top: 0;
  margin-bottom: 0;
  color: white;
  font-size: 1.25rem;
  line-height: 1.3;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
@media screen and (min-width: 45em) {
  .feature__blurb {
    font-size: 1.5rem;
  }
}
@media print {
  .feature__blurb {
    color: black;
    font-size: 16pt;
    text-shadow: none;
  }
}
.animate.prepare .feature__blurb {
  animation-name: slideUp;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-delay: 0.25s;
  animation-fill-mode: backwards;
  animation-play-state: paused;
}
.animate.in-view .feature__blurb {
  animation-play-state: running;
}
@media print {
  .feature__buttons {
    margin-top: 1.5rem;
  }
}
.feature__button {
  margin-top: 1rem;
}
.feature__button:focus {
  outline-color: white;
}
.animate.prepare .feature__button {
  animation-name: slideUp;
  animation-direction: normal;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
  animation-fill-mode: backwards;
  animation-play-state: paused;
}
.animate.in-view .feature__button {
  animation-play-state: running;
}
.feature__button--special {
  margin-right: 0.75rem;
}
@media print {
  .feature__button {
    display: block;
    margin: 0;
    border-radius: 0;
    padding: 0;
    color: #0033A0;
    background-color: transparent;
    background-image: none;
    text-align: left;
    text-decoration: underline;
    text-transform: none;
    box-shadow: none;
  }
  .feature__button:not([href^=http])::after {
    content: ": nursing.wvu.edu" attr(href);
  }
  .feature__button[href=http]::after {
    content: ": " attr(href);
  }
  .feature__button::after {
    font-weight: normal;
  }
}
@media print {
  .feature + .layout-container {
    padding-top: 0;
  }
}

/*	SECTION HEADER
	==============
	This is the full-width ribbon that will sit above various content pages,
		identifying what top-level section a page is under. It should provide
		a quick way of jumping back to that section’s index when found on a
		non-section-index page and clicked on. Section indicies should not have
		a link element.

	```
	<div class="section-header">
		<div class="layout-container">
			<a href="/students" class="section-header__link">
				<span class="section-header__heading">Students</span>
			</a>
		</div>
	</div>

	<!-- OR -->

	<div class="section-header">
		<div class="layout-container">
			<h1 class="section-header__heading">Students</h1>
		</div>
	</div>
	```
*/
@media screen {
  .section-header {
    background-image: linear-gradient(0deg, rgba(154, 190, 170, 0.5), rgba(154, 190, 170, 0) 3rem), linear-gradient(123.75deg, rgba(154, 190, 170, 0.3), rgba(154, 190, 170, 0.3) 20%, rgba(154, 190, 170, 0.35) 20%, rgba(154, 190, 170, 0.35) 80%, rgba(154, 190, 170, 0.4) 80%);
  }
}
.section-header .layout-container {
  padding-top: 1rem;
  padding-right: 0;
  padding-bottom: 1rem;
  padding-left: 0;
}
.section-header__heading {
  margin: 0;
  color: #002855;
  font-size: 2.5rem;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  text-shadow: 0 0.1rem 0.1rem rgba(44, 42, 41, 0.2);
}
@media screen and (min-width: 55em) {
  .section-header__heading {
    font-size: 3rem;
  }
}
@media print {
  .section-header__heading {
    text-shadow: none;
  }
}
.section-header__link {
  display: inline-block;
  color: currentColor;
  text-decoration: none;
}
@media print {
  .section-header:not(.section-header--print) {
    display: none;
  }
}

/*	WIDGET
	======
	A set of general styles for widgets on landing pages.

	```
	<aside class="widget">
		<h2 class="widget__heading">Our Goals</h2>

		{…}

		<div class="widget__actions">
			<a href="…" class button button--small widget__action">
		</div>
	</aside>
	```
*/
.widget {
  margin-bottom: 3rem;
  padding: 1.5rem;
  line-height: 1.5;
}
@media screen {
  .widget {
    background-color: #333F48;
    background-image: linear-gradient(123.75deg, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0)), linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.07) 80%);
    background-size: auto 15rem, auto;
    background-position: right bottom;
    background-repeat: no-repeat;
    color: white;
    box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
  }
}
@media print {
  .widget {
    border: 1px solid #333F48;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
.widget:not(.widget--inverted) p a:link, .widget:not(.widget--inverted) p a:visited, .widget:not(.widget--inverted) li a:link, .widget:not(.widget--inverted) li a:visited {
  color: #EAAA00;
}
.widget:not(.widget--inverted) p a:hover, .widget:not(.widget--inverted) p a:focus, .widget:not(.widget--inverted) li a:hover, .widget:not(.widget--inverted) li a:focus {
  color: #ffba05;
}
@media print {
  .widget:not(.widget--inverted) p a:link, .widget:not(.widget--inverted) p a:visited, .widget:not(.widget--inverted) li a:link, .widget:not(.widget--inverted) li a:visited {
    color: #0033A0;
    text-decoration: underline;
  }
  .widget:not(.widget--inverted) p a:link:not([href^=http]):not([href^="mailto:"])::after, .widget:not(.widget--inverted) p a:visited:not([href^=http]):not([href^="mailto:"])::after, .widget:not(.widget--inverted) li a:link:not([href^=http]):not([href^="mailto:"])::after, .widget:not(.widget--inverted) li a:visited:not([href^=http]):not([href^="mailto:"])::after {
    content: " (nursing.wvu.edu" attr(href) ")";
  }
  .widget:not(.widget--inverted) p a:link[href^=http]::after, .widget:not(.widget--inverted) p a:link[href^="mailto:"]::after, .widget:not(.widget--inverted) p a:visited[href^=http]::after, .widget:not(.widget--inverted) p a:visited[href^="mailto:"]::after, .widget:not(.widget--inverted) li a:link[href^=http]::after, .widget:not(.widget--inverted) li a:link[href^="mailto:"]::after, .widget:not(.widget--inverted) li a:visited[href^=http]::after, .widget:not(.widget--inverted) li a:visited[href^="mailto:"]::after {
    content: " (" attr(href) ")";
  }
}
.widget__heading {
  display: block;
  margin-top: 0;
  margin-bottom: 1.5rem;
  color: #EAAA00;
  font-size: 1.5rem;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
@media print {
  .widget__heading {
    color: #002855;
  }
}
@media screen and (max-width: 60em) {
  .widget__image--bogpoe {
    width: 350px;
  }
}
.widget p:last-child {
  margin-bottom: 0;
}
.widget__actions--testimonial {
  padding: 1.5rem;
  text-align: center;
}
@media print {
  .widget__action {
    display: inline-block;
    margin: 0;
    border-radius: 0;
    padding: 0;
    color: #0033A0;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    text-decoration: underline;
    text-transform: none;
  }
  .widget__action:not([href^=http])::after {
    content: ": nursing.wvu.edu" attr(href);
  }
  .widget__action[href^=http]::after {
    content: ": " attr(href);
  }
  .widget__action::after {
    font-weight: normal;
  }
}
.widget__cta-list {
  padding-left: 1.5rem;
  list-style-type: none;
  counter-reset: steps;
}
.widget__cta-list-item {
  position: relative;
  margin-bottom: 0.5rem;
  font-weight: bold;
  /*&::marker {
  	font-weight: bold;
  }*/
}
.widget__cta-list-item::before {
  counter-increment: steps;
  content: counter(steps);
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  border-radius: 50%;
  padding-top: 0.15em;
  color: #002855;
  background-color: #EAAA00;
  font-size: 0.8em;
  line-height: 1;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  text-align: center;
  box-shadow: 0 1rem 1rem -0.75rem rgba(44, 42, 41, 0.25);
}
.widget__cta-sublist {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1rem;
}
.widget__cta-sublist-item {
  font-weight: normal;
}
.widget--inverted {
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #BFB8AF;
  background-color: white;
  color: #2C2A29;
}
.widget--inverted .widget__heading {
  color: #002855;
}
.widget--campuses {
  margin-bottom: 1rem;
  border-top: 0.25rem solid #002855;
  padding-top: 70%;
  color: #002855;
  background-color: #EAAA00;
  background-color: #fdf6e5;
  background-image: linear-gradient(123.75deg, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0.15) 85%, rgba(255, 255, 255, 0)), linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.07) 80%), url("../Images/students/campus-map.gif?update=2022-01-21");
  background-position: right bottom, right bottom, center top;
  background-repeat: no-repeat;
  background-size: auto 15rem, auto, contain;
}
@media print {
  .widget--campuses {
    padding-top: 1.5rem;
    background-color: white;
    background-image: none;
  }
}
.widget--campuses .widget__heading {
  color: #002855;
  font-size: 1.75rem;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-shadow: 0 0.125rem 0.5rem rgba(44, 42, 41, 0.2);
}
@media screen {
  .widget--stats {
    background-color: #002855;
  }
}
.widget--apply-now {
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #EAAA00;
  text-align: center;
}
@media screen {
  .widget--apply-now {
    color: white;
    background-color: #002855;
  }
}
@media print {
  .widget--apply-now {
    color: #2C2A29;
  }
}
.widget--next-steps {
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #EAAA00;
}
@media screen {
  .widget--next-steps {
    color: white;
    background-color: #002855;
  }
}
@media print {
  .widget--next-steps {
    color: #2C2A29;
  }
}
.widget--request-visit {
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #EAAA00;
  text-align: center;
}
@media print {
  .widget--request-visit {
    color: #2C2A29;
  }
}
.widget--testimonial {
  margin-right: 0;
  margin-left: 0;
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #EAAA00;
  padding: 0;
  background-image: linear-gradient(123.75deg, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0)), linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.07) 80%);
}

/*	TESTIMONIAL
	===========
	A set of styles to be used in conjunction with `.widget--testimonial`. This
		will typically display an optional photo, blockquote, and attribute
		(something like the person’s title).

	```
	<figure class="widget widget--testimonial testimonial">
		<img src="{…}" alt="Photo of Jessica Unmussig" class="testimonial__photo">

		<blockquote class="testimonial__quote">
			<p>The scholarship has decreased financial anxieties and also has helped me to understand the importance of giving.</p>
		</blockquote>

		<figcaption class="testimonial__attribute"><b>Jessica Unmussig</b><br>2016 recipient of the Marti Lou Glover Scholarship</figcaption>
	</figure>
	```
*/
.testimonial {
  margin: 0;
  /*background-image:
  linear-gradient(123.75deg, rgba(white, 0) 75%, rgba(white, 0.05) 75%, rgba(white, 0)),
  linear-gradient(0deg, rgba(white, 0), rgba(white, 0.07) 80%);*/
}
.testimonial__quote {
  margin-top: 0;
  margin-bottom: 0;
  border-top: none;
  padding: 0.25rem 1rem;
  font-size: 1.25rem;
  box-shadow: none;
}
.testimonial__quote b, .testimonial__quote strong {
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.testimonial__attribute {
  display: block;
  border-top: none;
  padding-top: 0.25rem;
  padding-left: 2rem;
  background-color: transparent;
  text-align: center;
  text-indent: -1rem;
}
.testimonial__attribute::before {
  content: "—";
}

.testimonial-widget {
  --campus-photo: linear-gradient(to bottom, rgba(white, 0.001), rgba(white, 0.001));
  margin-left: 0;
  margin-right: 0;
  border-top: 3px solid #EAAA00;
  padding: 5.6rem 4.6rem;
  color: white;
  background-color: #002855;
  background-image: linear-gradient(to top, rgba(0, 40, 85, 0.8), rgba(0, 40, 85, 0.9)), var(--campus-photo);
  background-size: cover;
  background-position: center;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.2);
}
@media screen and (min-width: 55em) {
  .testimonial-widget {
    display: grid;
    grid-template-columns: 3fr 1fr;
    column-gap: 2rem;
    margin-right: 2.5rem;
    padding: 5.6rem;
  }
}
.testimonial-widget--beckley {
  --campus-photo: url("https://cdn.hsc.wvu.edu/customdesigns/nursing2021/_common/images/campuses/wvu-beckley-campus.jpg");
}
.testimonial-widget--bridgeport {
  --campus-photo: url("https://cdn.hsc.wvu.edu/customdesigns/nursing2021/_common/images/campuses/wvu-bridgeport-campus.jpg");
}
.testimonial-widget--charleston {
  --campus-photo: url("https://cdn.hsc.wvu.edu/customdesigns/nursing2021/_common/images/campuses/wvu-charleston-campus.jpg");
}
.testimonial-widget--keyser {
  --campus-photo: url("https://cdn.hsc.wvu.edu/customdesigns/nursing2021/_common/images/campuses/wvu-potomac-state.jpg");
}
.testimonial-widget--morgantown {
  --campus-photo: url("https://cdn.hsc.wvu.edu/customdesigns/nursing2021/_common/images/campuses/wvu-morgantown-campus.jpg");
}
.testimonial-widget--online {
  /* https://photos.wvu.edu/Monthly-Favorites/March-Favorites-2022/i-3MW8Vtd */
  --campus-photo: url("https://cdn.hsc.wvu.edu/customdesigns/nursing2021/_common/images/campuses/wvu-online.jpg");
  box-shadow: 0 1rem 2rem -0.75rem rgba(0, 94, 184, 0.3);
}
.testimonial-widget--program {
  margin-top: 7rem;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 30em) {
  .testimonial-widget--program {
    padding: 3rem 5rem;
  }
}
@media screen and (min-width: 55em) {
  .testimonial-widget--program {
    margin-top: 3rem;
    margin-right: 0.5rem;
    padding-right: 0;
  }
}
@media screen and (min-width: 87.5em) {
  .testimonial-widget--program {
    margin-left: -5.5rem;
  }
}
.testimonial-widget--program .testimonial-widget__photo {
  right: -1rem;
}
@media screen and (max-width: 30em) {
  .testimonial-widget--program .testimonial-widget__quote {
    border-left: none;
  }
  .testimonial-widget--program .testimonial-widget__quote::before {
    content: unset;
  }
}
.testimonial-widget--give {
  --campus-photo: url("https://cdn.hsc.wvu.edu/customdesigns/nursing2021/_common/images/give/give-bg.jpg");
  padding: 3.5rem;
  background-image: linear-gradient(to top, rgba(0, 40, 85, 0.85), rgba(0, 40, 85, 0.95)), var(--campus-photo);
}
@media screen and (min-width: 35em) {
  .testimonial-widget--give {
    padding: 3.5rem 5.6rem;
  }
}
.testimonial-widget--basic {
  border-top: none;
  color: #2C2A29;
  background-image: none;
  background-color: #F7F7F7;
  box-shadow: none;
}
.testimonial-widget--basic .testimonial-widget__photo {
  align-self: start;
}
.testimonial-widget--basic .testimonial-widget__quote::before {
  filter: drop-shadow(0 0.125rem 0.5rem rgba(44, 42, 41, 0.4));
}
.testimonial-widget--basic .testimonial-widget__quote p {
  border-left-color: #002855;
}
.testimonial-widget--basic .testimonial-widget__more-link {
  color: #0033A0;
}
.testimonial-widget--basic .testimonial-widget__more-link:hover, .testimonial-widget--basic .testimonial-widget__more-link:focus {
  color: #002855;
}
.testimonial-widget__heading {
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
  color: white;
  font-size: 1.8rem;
  line-height: 1.25;
  font-family: "IowanOldStyleW01-BlackI", "Times New Roman", Times, serif;
  font-weight: normal;
}
@media screen and (min-width: 35em) {
  .testimonial-widget__heading {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 70em) {
  .testimonial-widget__heading {
    font-size: 3rem;
  }
}
.testimonial-widget__quote {
  grid-column: 1/2;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 0 1.5rem;
  border-top: none;
  padding: 0 0 0 1.5rem;
  font-size: 1.5rem;
  font-size: 1.1rem;
  text-align: left;
  box-shadow: none;
}
@media screen and (min-width: 35em) {
  .testimonial-widget__quote {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 70em) {
  .testimonial-widget__quote {
    font-size: 1.7rem;
  }
}
.testimonial-widget__quote::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  right: 100%;
  display: block;
  width: 1.5em;
  height: 1.5em;
  margin-right: 1rem;
  border-radius: 50%;
  background-image: url("../images/blockquote-icon.svg");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  animation-name: fade-in, slideUp;
  animation-duration: 1s;
  animation-delay: 1.7s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  filter: drop-shadow(0 0.125rem 0.5rem #2C2A29);
}
.testimonial-widget__quote.in-view::before {
  animation-play-state: running;
}
.testimonial-widget__quote p {
  margin-left: -1.5rem;
  border-left: 1px dotted #EAAA00;
  padding-left: 1.5rem;
}
.testimonial-widget__quote p:first-child::before {
  content: unset;
}
.testimonial-widget__photo {
  align-self: center;
  width: 50%;
  margin: -7rem auto 1.5rem;
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  animation-name: simpleFade;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  animation-play-state: paused;
  animation-timing-function: ease-out;
}
@media screen and (min-width: 55em) {
  .testimonial-widget__photo {
    position: relative;
    right: -7rem;
    grid-column: 2/3;
    grid-row: 1/4;
    width: auto;
    margin: 0;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .testimonial-widget__photo {
    animation-name: figure-fold;
  }
}
.testimonial-widget__photo.prepare {
  opacity: 0;
}
.testimonial-widget__photo.in-view {
  animation-play-state: running;
}
.testimonial-widget__name {
  font-weight: bold;
}
.testimonial-widget__name-link {
  text-decoration-thickness: 1px;
}
.testimonial-widget__name-link:link, .testimonial-widget__name-link:visited {
  color: #EAAA00;
}
.testimonial-widget__name-link:hover, .testimonial-widget__name-link:active {
  color: white;
}
.testimonial-widget__name-link::after {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin: 0 0 0 0.25em;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: currentColor;
  transition: all ease-in 0.1s;
  transform: rotate(45deg);
}
.testimonial-widget__attribution {
  margin-top: 0.1em;
  border: none;
  /*padding: 0 1.5rem;*/
  background-color: rgba(255, 255, 255, 0.001);
  font-size: 1rem;
  line-height: 1.4;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  box-shadow: none;
}
.testimonial-widget__more {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 3rem;
  margin-bottom: 0;
  margin-left: 1.5rem;
  padding: 0;
  list-style-type: none;
}
.testimonial-widget__more-link {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  color: #EAAA00;
  font-size: 1rem;
  font-weight: bold;
  text-decoration-thickness: 1px;
  transition: all ease-in 0.1s;
}
@media screen and (min-width: 35em) {
  .testimonial-widget__more-link {
    font-size: 1.2rem;
  }
}
.testimonial-widget__more-link:hover, .testimonial-widget__more-link:focus {
  color: white;
}
.testimonial-widget__more-link::after {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0 0 0.25rem;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: currentColor;
  transition: all ease-in 0.1s;
  transform: rotate(45deg);
}
.testimonial-widget__more-link--give {
  grid-template-columns: auto auto 1fr;
}
.testimonial-widget__more-link__more-link-icon--give {
  inline-size: 1em;
  align-self: start;
  margin-top: 0.3rem;
  margin-right: 0.2rem;
}

@keyframes figure-fold {
  0% {
    opacity: 0;
    transform: perspective(2cm) rotateX(2deg) rotateY(1.5deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: perspective(2cm) rotateX(0) rotateY(0);
    opacity: 1;
  }
}
/*	STATS
	=====
	These are some generic stylings for `.stats` and `.stat`.

	In general, a `.stat` should have basic composition and allow for the containing class
		to determine the layout of the stats themselves, whether on the homepage or in
		the `.secondary-content` area/`.widget` on an interior page.

	The `<b>` element will allow for a specific figure to be highlighted, by a larger
		`font-size` and different `color` from the rest of the stat.

	A `.stat` with a `--primary` modifier will allow for an even larger `font-size` and
		different color scheme in most circumstances.

	```
    <div class="stats">
        <div class="stat stat--primary">
            <b>1110</b> clinical hours are required of every student.
        </div>

        <div class="stat">
            <b>Nearly 100%</b> job placement rate.
        </div>

        <div class="stat">
            <b>$1.75 million+</b> in research awards and grants.
        </div>
    </div>
	```
*/
.stats__supporting {
  margin-top: 0.5em;
  margin-bottom: 0;
  font-size: 0.8em;
}
.animate.prepare .stats__supporting {
  transform-origin: left;
  animation-name: slideUp;
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-delay: 1s;
}
.animate.in-view .stats__supporting {
  animation-play-state: running;
}
.stats--students-intro {
  margin-top: 2rem;
}
.stats--nclex-teaser {
  padding: 0.75rem;
  /*background-image: linear-gradient(180deg, rgba($wvu-black, 0.05), rgba($wvu-black, 0) 3rem);
  background-color: lighten($pms-warm-gray-3, 25%);*/
}
@media screen {
  .stats--nclex-teaser {
    background-image: linear-gradient(0deg, rgba(154, 190, 170, 0.5), rgba(154, 190, 170, 0) 3rem), linear-gradient(123.75deg, rgba(154, 190, 170, 0.3), rgba(154, 190, 170, 0.3) 20%, rgba(154, 190, 170, 0.35) 20%, rgba(154, 190, 170, 0.35) 80%, rgba(154, 190, 170, 0.4) 80%);
  }
}

.stat {
  position: relative;
  z-index: 10;
  padding: 0;
  color: white;
  font-size: 1.5rem;
  line-height: 1.2;
  text-align: left;
  text-shadow: 0 0.1rem 0.1rem rgba(44, 42, 41, 0.2);
  page-break-inside: avoid;
  break-inside: avoid;
}
@media print {
  .stat {
    color: #2C2A29;
    text-shadow: none;
  }
}
.animate.prepare .stat {
  animation-name: slideUp;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.animate.in-view .stat {
  animation-play-state: running;
}
.stat + .stat {
  margin-top: 2rem;
}
.stat b, .stat .stat__highlight {
  display: block;
  color: #9ABEAA;
  font-size: 2em;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
@media print {
  .stat b, .stat .stat__highlight {
    color: #EAAA00;
  }
}
.stat--primary {
  font-size: 2.75rem;
  text-align: left;
}
.stat--primary b, .stat--primary .stat__highlight {
  color: #EAAA00;
}
.stat:nth-child(1) {
  animation-delay: 0.5s;
}
.stat:nth-child(2) {
  animation-delay: 0.75s;
}
.stat:nth-child(3) {
  animation-delay: 1s;
}
.hp-stats__wrapper .stat {
  line-height: 1;
}
@media screen and (min-width: 55em) {
  .hp-stats__wrapper .stat {
    width: 40%;
  }
}
@media screen and (min-width: 55em) {
  .hp-stats__wrapper .stat--primary {
    width: 50%;
  }
}
.stat--widget {
  font-size: 1.5em;
}
.stat--widget b, .stat--widget .stat__highlight {
  font-size: 2.25em;
}
.stats--students-intro .stat {
  color: #2C2A29;
  text-shadow: none;
}
.stats--students-intro .stat b, .stats--students-intro .stat .stat__highlight {
  position: relative;
  color: #002855;
  font-size: 2.5rem;
  line-height: 1;
}
.stats--students-intro .stat b:first-of-type::before, .stats--students-intro .stat .stat__highlight:first-of-type::before {
  content: "";
}
@media screen and (min-width: 50em) {
  .stats--students-intro .stat b:first-of-type::before, .stats--students-intro .stat .stat__highlight:first-of-type::before {
    position: absolute;
    top: 0;
    left: -0.25em;
    z-index: -1;
    display: block;
    width: 0.5em;
    height: 1em;
    transform: skewX(-33.75deg);
    background-color: #EAAA00;
    opacity: 0.8;
  }
}
.stats--nclex-teaser .stat .stat__highlight {
  text-shadow: 0 0.1rem 0.1rem rgba(44, 42, 41, 0.2);
}

/*	RESEARCH
	========
	This block will be primarily used on the homepage and landing pages to
		highlight the School’s research (obviously). It can contain a
		separate `.photo-card` block (and probably should).

	Non-homepage versions of this pattern typically won’t have the
		`&__intro` componenent, just a `.photo-block` card, so we’ll
		need to account for that with a modifier class (`&--interior`).

	```
    <section class="full-bleed research">
        <div class="layout-container">

            <h2 class="full-bleed__heading research__heading">Research and Scholarly Activity</h2>

            <div class="research__intro">

                <p>The focus of West Virginia University School of Nursing's research is reducing health disparities among rural Appalachians. It is through this ongoing work with adults, families, and communities that WVU's nurse researchers are positively impacting the health of West Virginians.</p>

                <div class="hp-buttons research__buttons">
                    <a href="Research" class="button research__button">Learn About Research</a>
                </div>
            </div>

            <figure class="photo-card research__featured">
				{ stats: see _components.photo-card.scss }
            </figure>
        </div>
    </section>
	```
*/
.research {
  text-align: left;
}
@media screen {
  .research {
    background-image: linear-gradient(123.75deg, rgba(154, 190, 170, 0.05), rgba(154, 190, 170, 0.05) 20%, rgba(154, 190, 170, 0.1) 20%, rgba(154, 190, 170, 0.1) 80%, rgba(154, 190, 170, 0.15) 80%);
    background-attachment: fixed;
  }
}
@media screen and (min-width: 55em) {
  .research .layout-container {
    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: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
}
.research__heading {
  /*@media screen {
  }*/
}
@media screen and (min-width: 70em) {
  .research__heading {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -moz-box-flex: 100%;
    -moz-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 55em) {
  .research__intro {
    /*@include flex(0 0 calc(50% - 1.5rem));*/
    max-width: 75ch;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}
.research__intro p {
  margin-top: 0;
}
.research__intro p, .research__intro li {
  font-size: 1.4rem;
}
@media screen and (min-width: 70em) {
  .research__buttons {
    text-align: center;
  }
}
@media print {
  .research__button {
    display: block;
    margin: 0;
    border-radius: 0;
    padding: 0;
    color: #0033A0;
    background-image: none;
    background-color: transparent;
    text-decoration: underline;
    text-transform: none;
    text-align: left;
    box-shadow: none;
  }
  .research__button[href^=http]::after {
    content: ": " attr(href);
  }
  .research__button:not([href^=http])::after {
    content: ": nursing.wvu.edu" attr(href);
  }
  .research__button::after {
    font-weight: normal;
  }
}
@media print {
  .research__featured {
    display: none;
  }
}
.research--interior .layout-container {
  text-align: center;
}
@media screen and (min-width: 55em) {
  .research--interior .layout-container {
    display: block;
  }
}
.research--interior .photo-card {
  max-width: 35rem;
  margin: 0 auto;
}

/*	CARDS
	=====
	A very basic set of styles of card-like items.

	```
	<div class="cards cards--programs">
        <div class="card programs-card">
            {…}
        </div>

		{…}

	</div>
	```
*/
.cards {
  margin-right: -1rem;
  margin-left: -1rem;
}
@media screen and (min-width: 55em) {
  .cards {
    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;
  }
}
.cards--tuition {
  display: block;
  margin-top: 4.5rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.card {
  padding: 1.5rem;
}
@media screen {
  .card {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin: 0 1rem 1.5rem;
    background-color: white;
  }
}

/*	PROGRAMS CARD
	=============
	Used in conjunction with the cards pattern (see _components.cards.scss),
		this pattern will display a program category’s label, a brief
		description of that category, and button(s) leading to more information
		about those programs.

	```
	<div class="card programs-card">
		<h2 class="programs-card__title">Undergraduate Programs</h2>

		<div class="programs-card__description">
			<p>Begin your career in nursing with one of our undergraduate degrees. Leading to a Bachelor of Science in Nursing, our undergraduate programs focus on courses in the humanities, social sciences, basic sciences and nursing science in conjunction with clinical courses to prepare you for your career as a nurse.</p>
		</div>

		<div class="programs-card__ctas">
			<a href="{…}" class="button">Undergraduate Programs</a>
		</div>
	</div>
	```
*/
.programs-card {
  /*@include flex(0 0 calc(50% - 2rem));*/
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  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;
}
@media screen {
  .programs-card {
    border-top-width: 0.25rem;
    border-top-style: solid;
    border-top-color: #9ABEAA;
    box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  }
}
@media screen and (min-width: 55em) {
  .programs-card {
    width: calc(50% - 2rem);
  }
}
@media print {
  .programs-card {
    margin-bottom: 3rem;
    padding: 0;
  }
}
.programs-card__title {
  margin-top: 0;
}
.programs-card__options {
  margin: 1.5rem -1.5rem 1.5rem;
  padding: 0;
}
.programs-card__ctas {
  margin-top: auto;
}
@media print {
  .programs-card__ctas a {
    display: inline;
    margin: 0;
    padding: 0;
    color: #0033A0;
    background-color: transparent;
    background-image: none;
    text-decoration: underline;
    text-transform: none;
    box-shadow: none;
  }
  .programs-card__ctas a::before {
    content: "Learn more about ";
  }
  .programs-card__ctas a:not([href^=http])::after {
    content: ": nursing.wvu.edu" attr(href) ".";
  }
  .programs-card__ctas a[href^=http]::after {
    content: ": " attr(href) ".";
  }
  .programs-card__ctas a::after {
    font-weight: normal;
  }
}

@media print {
  .cards--programs {
    margin: 0;
  }
}

.resources {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  grid-gap: 1.5rem;
}
.resources__heading {
  margin-top: 0;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  font-size: 2rem;
}
@media print {
  .resources__heading {
    padding: 0;
  }
}
.resources__card {
  margin: 0;
  padding: 0;
  background-color: white;
}
@media screen {
  .resources__card {
    border-top-width: 0.25rem;
    border-top-style: solid;
    border-top-color: #9ABEAA;
    box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  }
}
.resources__list {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1rem;
  margin-left: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #eceae8;
  padding: 0;
  list-style-type: none;
}
@media print {
  .resources__list {
    border: none;
  }
}
.resources__list li {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #eceae8;
}
@media print {
  .resources__list li {
    border: none;
  }
}
.resources__list li a {
  position: relative;
  display: block;
  padding: 0.5rem 2.5rem 0.5rem 1.5rem;
  font-weight: bold;
  text-decoration: none;
}
@media screen {
  .resources__list li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.5rem;
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 0.75rem 0 0.5rem;
    border-style: solid;
    border-top-width: 0.125rem;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0.125rem;
    color: #d6d1cb;
    transform: translateY(-50%) rotate(135deg);
  }
}
@media print {
  .resources__list li a {
    padding-right: 0;
    padding-left: 0;
    color: #0033A0;
    text-decoration: underline;
  }
  .resources__list li a:not([href^=http]):not([href^="mailto:"])::after {
    content: ": nursing.wvu.edu" attr(href);
  }
  .resources__list li a[href^=http]::after, .resources__list li a[href^="mailto:"]::after {
    content: ": " attr(href);
  }
  .resources__list li a::after {
    font-weight: normal;
  }
}
.resources__list li a:hover, .resources__list li a:focus {
  background-color: #c9dcd1;
}
.resources__list li a:hover::after, .resources__list li a:focus::after {
  color: currentColor;
}

/*	PHOTO CARDS
	===========
	Photo cards consist of a 16:9 photo, with text overlayed and anchored at
		the bottom of the card. A gradient is also applied to improve
		legibility in cases where the photo ends up being noisy or results in
		low contrast.

	The `.photo-card__heading-prefix` and `.photo-card__suffix` should be seen
		as optional elements for this pattern.

	The `.photo-card--portrait` modifier adjusts some things assuming the photo
		used will be more portrait, something like a 3:4 aspect ratio. This
		is what is currently being used on the profiles found on the Students
		page.

	```
    <figure class="photo-card">
        <img src="{…}" alt="Photo of…" class="photo-card__photo">

        <div class="photo-card__meta">
            <figcaption class="photo-card__name">
                <h3 class="photo-card__heading">
					<div class="photo-card__heading-prefix">Class of 2018<span class="visually-hidden">:</span></div>

					{name}
				</h3>

                <div class="photo-card__suffix">{attribute (e.g. “Class of 2018”, “Undergraduate Student”, etc.)}</div>
            </figcaption>
        </div>
    </figure>
	```
*/
.photo-card {
  position: relative;
  margin-top: 3rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #EAAA00;
  padding: 0;
  background-color: #2C2A29;
  line-height: 1.4;
  text-align: left;
  box-shadow: 0 1rem 1rem -0.75rem rgba(44, 42, 41, 0.1);
}
@media screen and (min-width: 55em) {
  .photo-card {
    /*@include flex(0 0 calc(50% - 1.5rem));*/
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: calc(50% - 1.5rem);
    margin-top: 0;
  }
}
@media print {
  .photo-card {
    background-color: transparent;
    box-shadow: none;
  }
}
.photo-card__photo {
  display: block;
  max-width: 100%;
  height: auto;
}
.photo-card__meta {
  width: 100%;
  border-top-width: 0;
  padding: 1.5rem;
  color: white;
  background-color: #333F48;
  background-image: linear-gradient(123.75deg, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0)), linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.07) 80%);
}
@media screen and (min-width: 28.125em) {
  .photo-card__meta {
    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: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(123.75deg, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0.1) 85%, rgba(255, 255, 255, 0)), linear-gradient(0deg, #2C2A29, rgba(44, 42, 41, 0));
    background-color: transparent;
  }
}
@media print {
  .photo-card__meta {
    padding: 0.75rem 0 0 0;
    color: #2C2A29;
    background-image: none;
    background-color: transparent;
    text-shadow: none;
  }
}
@media screen and (min-width: 28.125em) {
  .photo-card--portrait .photo-card__meta {
    padding-top: 6rem;
  }
}
.photo-card__name {
  display: block;
  width: 100%;
  border-top: none;
  padding: 0;
  background-color: transparent;
  text-shadow: 0 0.1rem 0.1rem rgba(44, 42, 41, 0.4);
  box-shadow: none;
}
@media print {
  .photo-card__name {
    text-shadow: none;
  }
}
.photo-card__heading {
  color: inherit;
  margin-top: 0;
  border-bottom: 1px dotted #EAAA00;
  font-size: 2rem;
  line-height: 1.3;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
@media screen and (min-width: 28.125em) {
  .photo-card__heading {
    margin-top: 2.625em;
  }
}
.photo-card--portrait .photo-card__heading {
  font-size: 1.5rem;
}
.photo-card__heading-prefix {
  display: block;
  font-size: 0.8rem;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.photo-card__honorary-suffix {
  font-size: 0.6em;
}
.photo-card__suffix {
  margin-top: 0.1em;
  font-size: 1rem;
  line-height: 1.4;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.photo-card__suffix em {
  font-family: "IowanOldStyleW01-Italic1120392", "Times New Roman", Times, serif;
  font-style: normal;
}
.photo-card__program-link:link, .photo-card__program-link:visited {
  color: white;
}
.photo-card__program-link:hover, .photo-card__program-link:focus {
  color: white;
  text-decoration: none;
}
.photo-card__cta {
  margin-top: 0.75rem;
}
@media screen and (min-width: 28.125em) {
  .photo-card__cta {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.photo-card--interior {
  margin-top: 0;
  border-top: none;
}
@media screen and (min-width: 55em) {
  .photo-card--interior {
    width: 100%;
  }
}
.photo-card--portrait {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(50% - 1.5rem);
  -moz-box-flex: 0;
  -moz-flex: 0 0 calc(50% - 1.5rem);
  -ms-flex: 0 0 calc(50% - 1.5rem);
  flex: 0 0 calc(50% - 1.5rem);
  width: auto;
  margin-top: 0;
  border-top: none;
}

/*	SITE ANNOUNCEMENT
	=================
	This block can appear on the home page (primarily) to announce something,
		such as commencement ceremony information.

	```
    <section class="full-bleed site-announcement">
        <div class="layout-container">
            <h2 class="full-bleed__heading site-announcement__heading">Commencement: May 12th to May 14th</h2>

            <div class="site-announcement__message">
				<p>Meet our graduates, watch ceremonies live and get commencement resources.</p>
			</div>

            <div class="site-annoucement__buttons">
                <a href="{…}" class="button">Learn about commencement</a>
            </div>
        </div>
    </section>
	```
*/
.site-announcement {
  padding: 1.5rem 0;
  color: #2C2A29;
  background-color: #EAAA00;
  background-image: linear-gradient(123.75deg, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.0001) 20%, rgba(255, 255, 255, 0.0001) 80%, rgba(255, 255, 255, 0.1) 80%);
}
@media screen and (prefers-reduced-motion: no-preference) {
  .site-announcement {
    background-attachment: fixed;
  }
}
@media screen and (min-width: 65em) {
  .site-announcement .layout-container {
    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-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
.site-announcement__heading {
  margin-bottom: 0.5rem;
  color: #002855;
  font-size: 2.5rem;
  line-height: 1;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
.site-announcement__message {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.4rem;
}
@media screen and (min-width: 65em) {
  .site-announcement__message {
    padding-right: 3rem;
  }
}
.site-announcement__message p:first-of-type {
  margin-top: 0;
}
.site-announcement__message p:last-of-type {
  margin-bottom: 0;
}
.site-announcement__message a:not([class]) {
  color: #002855;
}
.site-announcement__message a:not([class]):hover, .site-announcement__message a:not([class]):focus {
  color: #0033A0;
}
.site-announcement--alert {
  color: #2C2A29;
  background-color: #ED8B00;
}
.site-announcement--alert .site-announcement__heading {
  color: #002855;
}
.site-announcement--emergency {
  background-color: #BE3A34;
}
.site-announcement--emergency .site-announcement__heading {
  color: white;
}

/*@import "components.campus-map";*/
/*	HOME PAGE RECRUITMENT
	=====================
	This area of the home page will feature a block of marketing text on top of
		a background image, and a few call-to-action buttons.

	```
    <section class="full-bleed hp-recruitment">
        <div class="layout-container">

            <h2 class="full-bleed__heading">Forge the Future of Nursing</h2>

            <p>The WVU School of Nursing remains committed to providing the highest levels of undergraduate professional nursing education, while expanding opportunities for graduate education.</p>

            <div>
                <a href="{…}" class="button">Our Academic Programs</a>
                <a href="{…}" class="button">Our Job Opportunities</a>
            </div>

        </div>
    </section>
	```
*/
.hp-recruitment {
  padding: 0;
  /*text-align: center;*/
  /*@media screen and (min-width: 65em), print {
      text-align: left;
  }*/
}
.hp-recruitment p {
  font-size: 1.4rem;
}
.hp-recruitment .layout-container {
  padding: 4rem 0;
}
@media screen {
  .hp-recruitment .layout-container {
    background-image: linear-gradient(123.75deg, white, white 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 65%), linear-gradient(90deg, rgba(255, 255, 255, 0) 75%, white), linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url("../Images/son-patch.jpg");
    background-size: auto, auto, auto, cover;
    background-position: center;
  }
}
@media screen and (min-width: 65em) {
  .hp-recruitment .layout-container {
    padding-right: 35rem;
    background-image: linear-gradient(123.75deg, white, white 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 75%, white), linear-gradient(90deg, rgba(255, 255, 255, 0) 75%, white), url("../Images/son-patch.jpg");
    background-size: auto, auto, cover;
    background-position: center;
  }
}
@media print {
  .hp-recruitment .layout-container {
    padding: 0.2in 0;
  }
}

/*	HOME PAGE STATS
	===============
	A block to layout stats on the SoN homepage. On narrow screens, the stats will overlay
		a color-overlayed background image. On wider screens, the stats will get pulled to
		the left, with a slashy “window”-like opening, exposing the background-image from
		the overlayed color.

	Animated brand-like slashes with subtle crawl over the edges of this windowed area.

	```
    <aside class="full-bleed hp-stats animate">

        <div class="layout-container">

            <div class="hp-stats__wrapper">
				{ stats: see _components.stats.scss }
            </div>
        </div>

    </aside>
	```
*/
.hp-stats {
  position: relative;
  padding: 0;
  /* Slashes */
}
@media screen {
  .hp-stats {
    background-color: #002855;
    background-image: linear-gradient(0deg, rgba(0, 40, 85, 0.9), rgba(0, 40, 85, 0.9)), url("../images/homepage/stats/stats-background.jpg");
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 55em) {
  .hp-stats {
    background-image: linear-gradient(123.75deg, rgba(0, 40, 85, 0.9) 47%, rgba(0, 40, 85, 0) 47%, rgba(0, 40, 85, 0) 80%, rgba(0, 40, 85, 0.8) 80%), linear-gradient(90deg, #2C2A29, rgba(44, 42, 41, 0) 50%), linear-gradient(0deg, rgba(44, 42, 41, 0.4) 1.5rem, rgba(44, 42, 41, 0), rgba(44, 42, 41, 0.4) calc(100% - 1.5rem)), url("../images/homepage/stats/stats-background.jpg");
  }
}
.hp-stats .layout-container {
  padding: 4rem 0;
}
@media print {
  .hp-stats .layout-container {
    padding: 0.2in 0;
  }
}
@media screen and (min-width: 55em) {
  .hp-stats::before, .hp-stats::after {
    animation-name: slashSlide;
    animation-duration: 3s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
  }
  .hp-stats::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 15.75%;
    display: block;
    width: 12rem;
    height: 12rem;
    background-image: linear-gradient(180deg, rgba(234, 170, 0, 0.7), #EAAA00);
    transform: skewX(-33.75deg);
  }
  .hp-stats::after {
    content: "";
    position: absolute;
    top: 0;
    left: 49.75%;
    z-index: 1;
    display: block;
    width: 9rem;
    height: 6rem;
    background-image: linear-gradient(180deg, #9ABEAA, rgba(154, 190, 170, 0.7));
    transform: skewX(-33.75deg);
    animation-direction: reverse;
    animation-fill-mode: forwards;
  }
  .hp-stats.in-view::before, .hp-stats.in-view::after {
    animation-play-state: running;
  }
}

/*	HOME PAGE NEWS GRID
	===================
	Used in conjunction with a `.full-bleed` section, this grid contains the
		five most recent news stories in a grid, with the most recent story
		(`.hp-news-grid__solo`) being larger and to the left on large screens.

	```
    <section class="full-bleed hp-news">
        <div class="layout-container">
            <h2 class="full-bleed__heading">Recent News</h2>

            <div class="hp-news-grid">
                <div class="hp-news-grid__solo">
                    <article class="news-stub h-entry hentry">
                        <a href="{…}" class="news-stub__link u-url" rel="bookmark">
                            <img src="{…}" alt="" class="news-stub__image">

                            <h3 class="news-stub__headline p-name entry-title">Story headline goes here</h3>
                        </a>

                        <p class="p-summary entry-summary">{…}</p>
                    </article>

                </div>

                <div class="hp-news-grid__others">
                    <article class="news-stub h-entry hentry">
                        <a href="{…}" class="news-stub__link u-url" rel="bookmark">
                            <img src="{…}" alt="" class="news-stub__image">

                            <h3 class="news-stub__headline p-name entry-title">Story headline goes here</h3>
                        </a>
                    </article>

					{.news-stub * 3}

                    <div class="hp-buttons hp-news-grid__buttons">
                        <a href="/news" class="button">View All News</a>
                    </div>

                </div>
            </div>

        </div>
    </section>
	```
*/
@media screen and (min-width: 55em) {
  .hp-news-grid {
    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;
  }
}
.hp-news-grid__solo {
  margin-bottom: 3rem;
  font-size: 1.2rem;
}
@media screen and (min-width: 55em) {
  .hp-news-grid__solo {
    /*@include flex(50%);*/
    width: 50%;
    padding-right: 1.5rem;
  }
}
.hp-news-grid__solo .news-stub__headline {
  font-size: 2rem;
}
.hp-news-grid__solo p {
  line-height: 1.5;
}
@media screen {
  .hp-news-grid__others {
    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: 55em) {
  .hp-news-grid__others {
    /*@include flex(50%);*/
    width: 50%;
    padding-left: 1.5rem;
  }
}
@media print {
  .hp-news-grid__others::before {
    content: "Other Stories";
    font-size: 21pt;
    line-height: 1.15;
    font-family: "HelveticaNeueW01-55Roma", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
  }
}
@media screen {
  .hp-news-grid__others .news-stub {
    /*@include flex(calc(50% - 0.75rem));*/
    width: calc(50% - 0.75rem);
  }
  .hp-news-grid__others .news-stub:first-child, .hp-news-grid__others .news-stub:nth-child(2) {
    padding-bottom: 1.5rem;
  }
  .hp-news-grid__others .news-stub:nth-child(even) {
    margin-left: 1.5rem;
  }
  .hp-news-grid__others .news-stub:nth-child(n+3) {
    padding: 1.5rem 0;
  }
}
.hp-news-grid__buttons {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -moz-box-flex: 100%;
  -moz-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  text-align: center;
}

@media screen {
  .alumni-promo {
    background-image: linear-gradient(123.75deg, transparent, rgba(234, 170, 0, 0.1) 80%, rgba(234, 170, 0, 0.15) 80%);
  }
}
.alumni-promo__container {
  position: relative;
}
@media screen and (min-width: 55em) {
  .alumni-promo__container {
    display: grid;
    grid-template-columns: 1fr 1fr 400px;
    grid-template-rows: auto 1fr;
    grid-column-gap: 3rem;
    grid-template-areas: "heading heading events" "blurb blurb events";
  }
}
.alumni-promo__container::before {
  content: "";
  position: absolute;
  top: -3rem;
  left: -8rem;
  z-index: -1;
  display: block;
  width: 7rem;
  height: 7rem;
  background-image: linear-gradient(180deg, rgba(234, 170, 0, 0.7), #EAAA00);
  transform: skew(-33.75deg);
}
.alumni-promo__heading {
  grid-area: heading;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
.alumni-promo__events {
  grid-area: events;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #9ABEAA;
  padding: 0.75rem;
  background-color: #e8f0eb;
  font-size: 1.2rem;
  box-shadow: 0 0.25rem 0.5rem rgba(205, 157, 29, 0.3);
}
@media screen and (min-width: 55em) {
  .alumni-promo__events {
    margin-bottom: 0;
  }
}
.alumni-promo__events-list {
  margin-top: 0;
  margin-bottom: 1rem;
}
.alumni-promo__events-day {
  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-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
}
.alumni-promo__events-day + .alumni-promo__events-day {
  margin-top: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 0.5rem;
}
.alumni-promo__date {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 3rem;
  margin-top: 0;
  margin-right: 1rem;
  margin-left: 0.25rem;
  border-top-width: 0.125rem;
  border-top-style: solid;
  border-top-color: #EAAA00;
  padding: 0.5rem 0.25rem;
  color: #0033A0;
  background-color: white;
  font-size: 0.7rem;
  line-height: 1.083;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 0.0625rem 0.5rem rgba(154, 190, 170, 0.6);
  transition: all 0.2s ease-out;
}
.alumni-promo__event-dotw {
  display: block;
  font-size: 1em;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
}
.alumni-promo__event-day {
  display: block;
  color: #2C2A29;
  font-size: 2em;
}
.alumni-promo__event-month {
  display: block;
  font-size: 1em;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
}
.alumni-promo__event {
  margin-left: 0;
}
.alumni-promo__event-link {
  color: #002855;
  font-weight: bold;
}
.alumni-promo__event-link:hover, .alumni-promo__event-link:focus {
  color: #0033A0;
}
.alumni-promo__event-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.alumni-promo__event-location {
  font-size: 0.9rem;
}
.alumni-promo__events-buttons {
  margin-top: auto;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
  margin-bottom: -0.75rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(154, 190, 170, 0.5);
  padding-bottom: 0.75rem;
  background-color: rgba(255, 255, 255, 0.5);
  text-align: center;
}
.alumni-promo__more-events {
  margin: 1rem auto 0;
}
.alumni-promo__blurb {
  grid-area: blurb;
}
.alumni-promo__blurb p {
  font-size: 1.4rem;
}
.alumni-promo__blurb p:first-child {
  margin-top: 0;
}
.alumni-promo--block {
  /* breakpoint: 50em */
}
.alumni-promo--block .alumni-promo__container {
  display: block;
}
.alumni-promo--block .alumni-promo__block {
  display: grid;
  grid-template-columns: 1fr 3fr 150px;
  grid-template-areas: "events blurb profile";
  grid-gap: 1.5rem;
}
.alumni-promo--block .alumni-promo__profile {
  grid-area: profile;
}
.alumni-promo--block .alumni-promo__profile-photo {
  object-fit: cover;
}

/*	CONNECT
	=======
	Connect blocks are used on homepages and landing pages, and also modified
		to a smaller unit that works on Story pages.

	```
    <section class="full-bleed connect animate">
        <div class="layout-container">
            <h2 class="full-bleed__heading connect__heading">Connect with Us</h2>

            <div class="connect__buttons">
                <a href="https://www.facebook.com/WVUSchoolOfNursing" class="connect__button connect__button--facebook">
                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="44" height="44" viewBox="0 0 16 16" class="connect__button-icon connect__button-icon--facebook">
                        <path d="M11.11,10.31L11.47,8H9.25V6.5a1.16,1.16,0,0,1,1.3-1.25h1v-2a12.3,12.3,0,0,0-1.79-.16,2.82,2.82,0,0,0-3,3.11V8h-2v2.31h2V15.9a8.08,8.08,0,0,0,2.5,0V10.31h1.86Z" fill="#fff" />
                    </svg>
                </a>
                <a href="https://twitter.com/WVUSON" class="connect__button connect__button--twitter">
                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="44" height="44" viewBox="0 0 16 16" class="connect__button-icon connect__button-icon--twitter">
                        <path d="M11.063 0c-1.813 0-3.281 1.469-3.281 3.281 0 .257.038.51.094.75-2.728-.137-5.131-1.451-6.75-3.438-.282.485-.469 1.055-.469 1.656 0 1.139.588 2.13 1.469 2.719-.538-.017-1.026-.16-1.469-.406v.063c0 1.59 1.123 2.918 2.625 3.219-.276.075-.576.094-.875.094-.212 0-.425-.024-.625-.063.418 1.304 1.657 2.254 3.094 2.281-1.124.88-2.556 1.406-4.094 1.406-.265 0-.524-.001-.781-.031 1.453.931 3.177 1.469 5.031 1.469 6.038 0 9.344-5.007 9.344-9.344 0-.143.006-.265 0-.406.641-.463 1.185-1.061 1.625-1.719-.588.261-1.211.452-1.875.531.677-.407 1.193-1.046 1.438-1.813-.634.376-1.346.634-2.094.781-.599-.637-1.462-1.031-2.406-1.031z" transform="translate(0 2)" />
                    </svg>
                </a>
            </div>
        </div>
    </section>
	```
*/
.connect {
  position: relative;
  background-image: linear-gradient(180deg, rgba(255, 193, 30, 0.875), rgba(255, 193, 30, 0.875)), url("../Images/pattern-white.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #EAAA00;
}
@media print {
  .connect {
    display: none;
  }
}
.connect .layout-container {
  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: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.connect__heading {
  margin: 1rem 0;
  font-size: 4rem;
  line-height: 1;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
}
.js .animate.prepare .connect__heading {
  animation-name: slideUpAndIn;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
  animation-fill-mode: backwards;
  animation-play-state: paused;
}
.js .animate.in-view .connect__heading {
  animation-play-state: running;
}
.connect__heading--share {
  font-size: 3rem;
  line-height: 1.2;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
.connect__buttons {
  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;
}
.connect__button {
  position: relative;
  display: inline-block;
  width: 3.75rem;
  height: 3.75rem;
  margin-top: 0;
  margin-right: 0.25rem;
  margin-bottom: 0;
  margin-left: 0.25rem;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0 0.125rem 0.5rem rgba(44, 42, 41, 0.2);
  transition: all 0.2s ease-out;
}
@media screen and (min-width: 33.75em) {
  .connect__button {
    width: 5rem;
    height: 5rem;
  }
}
.connect__button:hover, .connect__button:focus {
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  transform: translateY(-0.1rem);
}
.connect__button:not(.connect__button--instagram):hover, .connect__button:not(.connect__button--instagram):focus {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.animate.prepare .connect__button {
  animation-name: slideUpAndIn;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
  animation-fill-mode: backwards;
  animation-play-state: paused;
}
.animate.prepare .connect__button:nth-of-type(1) {
  animation-delay: 0.5s;
}
.animate.prepare .connect__button:nth-of-type(2) {
  animation-delay: 0.75s;
}
.animate.prepare .connect__button:nth-of-type(3) {
  animation-delay: 1s;
}
.animate.prepare .connect__button:nth-of-type(4) {
  animation-delay: 1.25s;
}
.animate.prepare .connect__button:nth-of-type(5) {
  animation-delay: 1.5s;
}
.animate.in-view .connect__button {
  animation-play-state: running;
}
.connect__button--twitter {
  background-color: #55acee;
}
.connect__button--twitter-x {
  background-color: black;
}
.connect__button--facebook {
  background-color: #1877f2;
}
.connect__button--linkedin {
  background-color: #0077b5;
}
.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;
}
.connect__button--youtube {
  background-color: #e52d27;
}
.connect__button--youtube:hover, .connect__button--youtube:focus {
  background-color: #e84842;
}
.connect__button--rss {
  background-color: #FA9B39;
}
.connect__button--share {
  background-color: #002855;
}
.connect__button .iconic {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  transform: translate(-50%, -50%);
}
.connect__button .iconic * {
  fill: white;
  stroke: white;
}
.connect__button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 33px;
  height: 33px;
  fill: white;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 33.75em) {
  .connect__button-icon {
    width: 44px;
    height: 44px;
  }
}
.connect__button-icon--facebook {
  width: 60px;
  height: 60px;
  overflow: hidden;
}
@media screen and (min-width: 33.75em) {
  .connect__button-icon--facebook {
    width: 80px;
    height: 80px;
  }
}
.connect__button-icon--rss {
  width: 30px;
  height: 30px;
  stroke: white;
}
@media screen and (min-width: 33.75em) {
  .connect__button-icon--rss {
    width: 40px;
    height: 40px;
  }
}

/*	GIVE
	====
	Used in conjunction with a `.full-bleed` section, this ribbon content area
		promotes the Give initiative. The pattern contains a full-bleed wrapper
		with a background texture, and a photo card with text sitting on top.

	```
	<section class="full-bleed give">
        <div class="layout-container">

            <div class="give-card">
                <div class="give-card__content">
                    <h2 class="full-bleed__heading give-card__heading">Give</h2>

                    <p>Our organization thrives on the donations of wonderful people like you. Through the generous gifts of our alumni and friends, we have been able to help students achieve academic success through scholarships; enhance opportunities to recruit innovative, dedicated faculty; and improve the educational and clinical opportunities for our students. If you would like to contribute to our work and help improve the field of nursing, please consider making a gift to one of our funds.</p>

                    <div>
                        <a href="{…}" class="button">Learn more</a>
                    </div>
                </div>
            </div>

        </div>
    </section>
	```
*/
.give {
  /*background-image: url("../images/campuses/background__topo-white--2.0.0.svg");
  background-size: 16rem;
  background-size: 1000px;
  background-position: 70vw 0;
  background-repeat: repeat-y;
  background-color: $blue-dark;*/
}
@media screen {
  .give {
    background-color: #e1deda;
    background-image: linear-gradient(123.75deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.3) 80%);
    background-attachment: fixed;
  }
}

.give-card {
  text-align: left;
}
@media screen {
  .give-card {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-top-width: 0.25rem;
    border-top-style: solid;
    border-top-color: #EAAA00;
    padding: 1.5rem;
    color: white;
    background-color: #333F48;
    background-image: linear-gradient(123.75deg, rgba(44, 42, 41, 0.9), rgba(44, 42, 41, 0.7)), url("../Images/Ateria-Walker.jpg");
    background-size: auto, cover;
    background-size: auto, cover;
    background-repeat: no-repeat;
    background-position: 50% 50%, 50% 50%, center 60%;
    box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  }
}
@media screen and (min-width: 55em) {
  .give-card {
    background-image: linear-gradient(123.75deg, #2C2A29, #2C2A29 40%, rgba(44, 42, 41, 0) 70%, #2C2A29 125%), url("../Images/Ateria-Walker.jpg");
    background-size: auto, cover;
    background-position: 50% 50%, 50% 20%;
  }
}
.give-card__content {
  line-height: 1.5;
}
@media screen {
  .give-card__content {
    padding: 1.5rem;
  }
}
@media screen and (min-width: 55em) {
  .give-card__content {
    width: 40%;
  }
}
@media screen {
  .give-card__heading {
    color: #EAAA00;
  }
}
@media print {
  .give-card__button {
    display: block;
    margin: 0;
    border-radius: 0;
    padding: 0;
    color: #0033A0;
    background-image: none;
    background-color: transparent;
    text-decoration: underline;
    text-transform: none;
    text-align: left;
    box-shadow: none;
  }
  .give-card__button[href^=http]::after {
    content: ": " attr(href);
  }
  .give-card__button:not([href^=http])::after {
    content: ": nursing.wvu.edu" attr(href);
  }
  .give-card__button::after {
    font-weight: normal;
  }
}

.sub-navigation {
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #9ABEAA;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
}
@media print {
  .sub-navigation {
    display: none;
  }
}
.sub-navigation a {
  text-decoration: none;
}
.sub-navigation--back-to-only {
  margin-bottom: 1.5rem;
}
.sub-navigation__heading {
  margin-top: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(44, 42, 41, 0.2);
  padding: 0.5rem;
  font-size: 1rem;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
}
.sub-navigation__icon {
  fill: currentColor;
}
.sub-navigation--on-this-page .sub-navigation__icon {
  transform: rotate(90deg) translateX(0.125rem);
}
.sub-navigation--on-this-page a:hover .sub-navigation__icon, .sub-navigation--on-this-page a:focus .sub-navigation__icon {
  transform: rotate(90deg) translateX(0.25rem);
}

.parent-link {
  display: block;
  padding: 0.5rem;
  font-weight: bold;
}
@media screen and (min-width: 60em) {
  .parent-link {
    border-width: 0.25rem 0 0;
  }
}
.parent-link:hover, .parent-link:focus {
  background-color: #c9dcd1;
}
.parent-link::before {
  content: "";
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  top: -0.0625rem;
  display: inline-block;
  margin: 0 0.5rem;
  border-style: solid;
  border-width: 0.125rem 0 0 0.125rem;
  transform: rotate(-45deg);
}
.parent-link + ul {
  margin-top: 0;
}

.parent-link + .sub-navigation-list {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(44, 42, 41, 0.2);
}

.sub-navigation-list {
  margin: 0 0 2rem 0;
  padding: 0;
  background-color: white;
  list-style-type: none;
}

.sub-navigation-list-item a {
  display: block;
  padding: 0.5rem;
  font-weight: bold;
}
.sub-navigation-list-item a:hover, .sub-navigation-list-item a:focus {
  /*background-color: lighten($pms-warm-gray-3, 25%);*/
  background-color: #e8f0eb;
}
.sub-navigation--on-this-page .sub-navigation-list-item a {
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-column-gap: 0.5rem;
}
.sub-navigation-list-item.current > a:link, .sub-navigation-list-item.current > a:visited {
  background-color: #f8f7f6;
}
.sub-navigation-list-item.current > a:hover, .sub-navigation-list-item.current > a:focus {
  background-color: #e8f0eb;
}

.sub-navigation-child-list {
  margin: 0;
  border: none;
  padding: 0;
  list-style-type: none;
}
.sub-navigation-child-list li:last-child {
  border-bottom: none;
}
.sub-navigation-child-list a {
  padding-left: 2rem;
  font-weight: normal;
}

/*	SUBPAGE LISTING
	===============
	This is a very similar pattern to that of the sub-navigation block used on
		content pages (see _components.sub-navigation.scss). The difference
		between the two is that this particular component is used more in the
		`.main-content` area of landing pages, where the sub-navigation pattern
		is typically found in the `.secondary-content` area of content pages.

	Modifiers can be (and usually are) used to divide the various link options
		in the list (`&--divided`) and add a subtle drop-shadow similar to
		other shadows found throughout the rest of the site’s styling
		(`&--floating`).

	```
	<ul class="subpage-listing subpage-listing--divided subpage-listing--floating">
        <li><a href="{…}">Faculty Practice</a></li>
        <li><a href="{…}">Service to the Community</a></li>
        <li><a href="{…}">Student Practice</a></li>
    </ul>
	```
*/
.subpage-listing {
  border-width: 1px 0;
  border-style: solid;
  border-color: #eceae8;
  padding: 0;
  list-style-type: none;
}
.subpage-listing li a {
  position: relative;
  display: block;
  padding: 0.5rem 2.5rem 0.5rem 1.5rem;
  font-weight: bold;
  text-decoration: none;
}
@media screen {
  .subpage-listing li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.5rem;
    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: #d6d1cb;
    transform: translateY(-50%) rotate(135deg);
  }
}
@media print {
  .subpage-listing li a {
    padding-right: 0;
    padding-left: 0;
    color: #0033A0;
    text-decoration: underline;
  }
  .subpage-listing li a:not([href^=http]):not([href^="mailto:"])::after {
    content: ": nursing.wvu.edu" attr(href);
  }
  .subpage-listing li a[href^=http]::after, .subpage-listing li a[href^="mailto:"]::after {
    content: ": " attr(href);
  }
  .subpage-listing li a::after {
    font-weight: normal;
  }
}
.subpage-listing li a:hover, .subpage-listing li a:focus {
  background-color: #c9dcd1;
}
.subpage-listing li a:hover::after, .subpage-listing li a:focus::after {
  color: currentColor;
}
.subpage-listing li + li {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #eceae8;
}
.subpage-listing--divided {
  border-top-width: 0.25rem;
}
@media screen {
  .subpage-listing--floating {
    box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
  }
}
.subpage-listing--programs {
  /*font-size: 1.4em;*/
}
.subpage-listing--covid {
  margin-bottom: 2rem;
}
.subpage-listing--covid li a {
  padding-left: 1rem;
}

/*	NEWS GRID
	=========
	The news grid used on the News template.
	```
    <div class="news-grid">
        <article class="news-grid__story news-stub h-entry hentry">
            <a href="{story URL}" class="news-stub__link u-url" rel="bookmark">
                <img src="{story image}" alt="" class="news-stub__image">

                <h2 class="news-stub__headline p-title entry-title">{story headline}</h2>
            </a>

            <p class="p-summary entry-summary">{story summary}</p>
        </article>

		{…}
    </div>
	```
*/
.news-grid {
  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: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin: 3rem -1rem;
}
.news-grid__story {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 20em;
  -moz-box-flex: 1;
  -moz-flex: 1 0 20em;
  -ms-flex: 1 0 20em;
  flex: 1 0 20em;
  margin-bottom: 1.5rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
.news-grid h2.news-stub__headline, .news-grid .news-stub__headline.cal-month, .news-grid .news-stub__headline.directory-list__title {
  margin-top: 0;
}

/*	NEWS STUB
	=========
	A block used to preview a news story. This will most likely be used on the site homepage, the News
		template, and in the “Other Recent Stories” block on Story pages. The summary paragraph (the
		last child node in the example below) is considered optional at the time of authoring.

	```
	<article class="news-stub">
        <a href="story?headline=dress-in-blue-day-group-photo-this-friday-in-cancer-institute-atrium" class="news-stub__link">
            <img src="{story image}" alt="" class="news-stub__image">

            <h3 class="news-stub__headline">{story headline}</h3>
        </a>

        {story summary}
    </article>
	```
*/
.news-stub__story {
  margin-bottom: 1.5rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
.news-stub__image {
  display: block;
  max-width: 100%;
  width: 100%;
  margin-bottom: 0.75rem;
  border-width: 0.25rem 0 0 0;
  border-style: solid;
  border-color: #9ABEAA;
  transition: all 0.25s;
  box-shadow: 0 1rem 1rem -0.75rem rgba(44, 42, 41, 0.25);
}
.news-stub__image:not([src]) {
  height: 0;
  padding-bottom: 56.25%;
  /*background-color: lighten($pms-warm-gray-3, 15%);
  background-image: url("../Images/WV_Gold124-01.svg"), linear-gradient(123.75deg, white, rgba(white, 0));*/
  background-color: #002855;
  background-image: url("../Images/WV_Gold124-01.svg");
  background-size: contain;
}
@media print {
  .news-stub__image {
    display: none;
  }
}
.news-stub__link {
  text-decoration: none;
  transition: all 0.25s;
}
@media print {
  .news-stub__link[href^=http]::after {
    content: attr(href);
  }
  .news-stub__link:not([href^=http])::after {
    content: "nursing.wvu.edu" attr(href);
  }
  .news-stub__link::after {
    display: block;
    color: #0033A0;
    text-decoration: underline;
  }
}
.news-stub__link:hover .news-stub__image, .news-stub__link:focus .news-stub__image {
  border-color: #EAAA00;
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  transform: translateY(-0.1rem);
}
.news-stub__link:hover .news-stub__headline, .news-stub__link:focus .news-stub__headline {
  color: #002855;
}
.news-stub__link:focus {
  outline-offset: 0;
}
.news-stub__headline {
  margin-top: 1rem;
  color: currentColor;
  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;
}
.hp-news-grid__others .news-stub__headline {
  font-size: 1.2rem;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
}

/*	NEWS STORY
	==========
	The general set of styles used for the (News) Story template.
*/
.news-story__hgroup {
  margin-bottom: 1rem;
  border-bottom-width: 0.25rem;
  border-bottom-style: solid;
  border-bottom-color: #EAAA00;
  padding: 1rem 0;
}
.news-story__title {
  line-height: 1.2;
  /*text-shadow: 0 0.1rem 0.1rem rgba($wvu-black, 0.2);*/
}
.news-story__subheading {
  margin-top: 0.75rem;
  font-size: 1.75rem;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  line-height: 1.2;
}
.news-story__meta {
  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: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.news-story__pubdate {
  font-weight: bold;
}
.news-story__category a:link, .news-story__category a:visited {
  display: inline-block;
  padding: 0.0625rem 0.25rem;
  background-color: white;
  color: currentColor;
  font-size: 0.75rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.25s;
  box-shadow: 0 0.0625rem 0.25rem rgba(44, 42, 41, 0.2);
}
.news-story__category a:hover, .news-story__category a:focus {
  color: #005EB8;
  box-shadow: 0 0.125rem 0.25rem rgba(44, 42, 41, 0.2);
}
.news-story__image {
  margin-top: 1.5rem;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.2);
}
.news-story__share {
  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: 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;
  margin: 1.5rem 0;
  padding: 1.5rem;
}
@media print {
  .news-story__share {
    display: none;
  }
}
.news-story__event {
  overflow: auto;
}
.news-story__event .cal-date {
  float: right;
  margin-top: 1.5rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 1.5rem;
  font-size: 2.75rem;
  line-height: 1.083;
}
.news-story__event .cal-date-wrapper {
  width: 6rem;
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #9ABEAA;
  padding: 0.5rem 0.25rem;
  background-color: white;
  background-image: linear-gradient(123.75deg, rgba(191, 184, 175, 0) 60%, rgba(191, 184, 175, 0.7));
  color: #0033A0;
  text-decoration: none;
  box-shadow: 0 0.125rem 0.5rem rgba(44, 42, 41, 0.2);
}
.news-story__event .cal-date-week-day, .news-story__event .cal-date-month {
  font-size: 1.25rem;
}

/*	NEWS RECENT
	===========
	A block used to show other recent stories, primarily on the Story template.

	Each child article is essentially a .news-stub block (see _components.news-stub).

	```
	<div class="full-bleed full-bleed--recent-stories">
        <div class="layout-container">
            <nav class="recent-stories">
                <h2 class="recent-stories__heading">Other Recent Stories</h2>

                <article class="recent-stories__story">
                    <a href="{story URL}" class="recent-stories__link">
                        <img src="{story image}" alt="" class="recent-stories__image">

                        <h3 class="recent-stories__headline"{story headline}</h3>
                    </a>

                    {story summary}
                </article>

                <article class="recent-stories__story">
					{…}
                </article>

                <article class="recent-stories__story">
                    {…}
                </article>
            </nav>
        </div>
    </div>
	```
*/
.full-bleed--news-recent {
  background-color: #eceae8;
  background-image: linear-gradient(0deg, #e1deda, #f8f7f6);
}
@media print {
  .full-bleed--news-recent {
    display: none;
  }
}

@media screen and (min-width: 45em) {
  .news-recent {
    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-right: -1rem;
    margin-left: -1rem;
  }
}
.news-recent__heading {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
.news-recent__story {
  /*@include flex(1 0 33.3%);*/
  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;
  margin-bottom: 1.5rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media screen and (min-width: 45em) {
  .news-recent__story {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 33.3%;
  }
}
.news-recent__buttons {
  text-align: center;
}
@media screen and (min-width: 45em) {
  .news-recent__buttons {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.news-sidebar {
  margin-block-end: 3rem;
}
.news-sidebar__heading {
  margin-block: 0;
  font-size: 2.2rem;
}
.news-sidebar__story {
  padding-block: 1.5rem;
}
.news-sidebar__story + .news-sidebar__story {
  border-top: 1px solid #eceae8;
}
.news-sidebar__story .news-stub__link {
  text-decoration: underline;
}
.news-sidebar__story .news-stub__link:hover, .news-sidebar__story .news-stub__link focus {
  color: #002855;
}
.news-sidebar__story h3 {
  margin-top: 0;
  color: inherit;
  font-size: 1.25rem;
}
/*	<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;
}
@media print {
  .directory-list__order-buttons {
    display: none;
  }
}
.directory-list__order-button {
  /* This should be equivalent to the button having `class="button button--secondary button--compact`. */
  display: block;
  width: 100%;
  position: relative;
  margin: 0 1px 0 0;
  border-radius: 0;
  padding: 0.5rem 0.75rem;
  color: #002855;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.1));
  background-color: #9ABEAA;
  font-size: 0.9rem;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  box-shadow: 0 0.125rem 0.5rem rgba(44, 42, 41, 0.2);
  transition: all 0.2s ease-out;
}
.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:hover, .directory-list__order-button:focus {
  color: #004088;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0.5rem, rgba(255, 255, 255, 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: #e1deda;
  background-image: none;
  color: #002855;
  box-shadow: none;
  box-shadow: inset 0 0.15rem 0.25rem rgba(44, 42, 41, 0.2);
  transform: none;
  transition: none;
}
.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-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #9ABEAA;
  padding: 1.5rem;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, white), linear-gradient(123.75deg, rgba(154, 190, 170, 0.05), rgba(154, 190, 170, 0.05) 20%, rgba(154, 190, 170, 0.1) 20%, rgba(154, 190, 170, 0.1) 80%, rgba(154, 190, 170, 0.15) 80%);
  background-size: 100% 10rem;
  background-repeat: no-repeat;
  background-color: white;
  font-size: 1rem;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.2);
}
@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);
  }
}
@media print {
  .directory-card {
    margin: 0.2in 0;
    /*border: 1px solid rgba($wvu-black, 0.2);*/
    border-top: none;
    padding: 0.1in;
    background-image: none;
    box-shadow: none;
  }
}
.directory-card__photo {
  max-width: 5rem;
  box-shadow: 0 1rem 1rem -0.75rem rgba(44, 42, 41, 0.1);
}
@media print {
  .directory-card__photo {
    box-shadow: none;
  }
}
.directory-card__name {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: #0033A0;
  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;
}
.directory-card__honorary-suffix {
  display: block;
  color: #2C2A29;
  font-size: 0.8rem;
  font-weight: bold;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.directory-card__details {
  line-height: 1.3;
}
@media print {
  .directory-card__details {
    margin-bottom: 0;
  }
}
.directory-card__label {
  margin-top: 1rem;
  font-weight: 600;
}
@media screen {
  .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: rgba(44, 42, 41, 0.2);
  padding: 0.75rem 1.5rem 1.5rem;
  background-color: #f8f7f6;
  list-style-type: none;
}
.directory-card__actions li {
  display: inline;
}
@media print {
  .directory-card__actions {
    display: block;
    margin: 0;
    border-top: none;
    padding: 0;
    background-color: transparent;
  }
}
.directory-card__action {
  display: inline-block;
  margin: 0.5rem 0.25rem 0 0;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  color: #002855;
  background-color: #EAAA00;
  font-size: 0.9rem;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
@media print {
  .directory-card__action {
    display: block;
    padding: 0;
    color: #2C2A29;
    background-color: transparent;
    font-size: 1rem;
    text-transform: none;
  }
}
.directory-card__action:hover, .directory-card__action:focus {
  color: #004088;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0.5rem, rgba(255, 255, 255, 0.01));
}
@media print {
  .directory-card__action::after {
    display: block;
    font-weight: normal;
  }
  .directory-card__action--profile {
    color: #2C2A29 !important;
    text-decoration: none !important;
  }
  .directory-card__action--profile::after {
    content: attr(href) !important;
    color: #0033A0 !important;
    text-decoration: underline !important;
  }
  .directory-card__action--email {
    color: #2C2A29 !important;
    text-decoration: none !important;
  }
  .directory-card__action--email::after {
    content: attr(data-strictly-email-address) !important;
    color: #0033A0 !important;
    text-decoration: underline !important;
  }
}
.directory-card--program-contact {
  width: auto;
  margin: 0;
  padding: 1rem;
  color: #2C2A29;
  background-color: white;
}
.directory-card--program-contact .directory-card__name {
  font-size: 1.5rem;
}
.directory-card--program-contact .directory-card__name-link {
  text-decoration: none;
}
.directory-card--program-contact .directory-card__details {
  margin-top: 0;
}
.directory-card--program-contact .directory-card__label {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  overflow: hidden;
  white-space: nowrap;
}
.directory-card--program-contact .directory-card__actions {
  margin: auto -1rem -1rem;
  padding: 0.75rem 1rem 1rem;
}
.directory-card--program-contact .directory-card__action {
  color: inherit !important;
}
.directory-card--program-contact .directory-card__action--profile {
  display: none;
}
.widget .directory-card {
  width: 100%;
  margin: 0;
  color: #2C2A29;
}
.widget .directory-card + .directory-card {
  margin-top: 1.5rem;
}
.widget .directory-card .directory-card__actions li {
  margin-bottom: 0;
}
.widget .directory-card .directory-card__action {
  margin-bottom: 0;
  color: #002855 !important;
}
.widget .directory-card .directory-card__action:hover, .widget .directory-card .directory-card__action:focus {
  color: #0033A0;
}

.personages {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

/*
	<div class="personages__item personage h-card vcard" aria-labelledby="personage__name--39898" data-position="5" data-alpha="Antill KeenerTinaL" data-explicit-id-order="0">

			<div class="personage__photo-container">
				<img src="https://sole.hsc.wvu.edu/Apps/Directory/Public/PhotoView/39898" alt="A photo of Tina Antill Keener." class="personage__photo u-photo photo">
			</div>

			<div class="personage__info-container">
				<div class="personage__name p-name fn" id="personage__name--39898">
					Tina L Antill Keener<span class="personage__name-suffix-separator">, </span>
						<span class="personage__honorary-suffix p-honorary-suffix honorary-suffix">
							PhD, MBA, RN, CPNP
						</span>
				</div>

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

				<dl class="personage__details">
					<dt class="visually-hidden personage__label personage__label--position">Position</dt>
					<dd class="personage__value personage__value--position p-role role">Teaching Assistant Professor, Family / Community Health Department</dd>
				</dl>
			</div>

			<div class="personage__actions">
				<a class="personage__action personage__action--profile u-url url" href="https://directory.hsc.wvu.edu/Profile/39898" target="_blank">View <span class="visually-hidden">Tina L Antill Keener’s</span> Profile</a>
			</div>
		</div>
	</div>
*/
.personage {
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #9ABEAA;
  padding: 1.5rem;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 10%, white), linear-gradient(123.75deg, rgba(154, 190, 170, 0.05), rgba(154, 190, 170, 0.05) 20%, rgba(154, 190, 170, 0.1) 20%, rgba(154, 190, 170, 0.1) 80%, rgba(154, 190, 170, 0.15) 80%);
  background-size: 100% 10rem;
  background-repeat: no-repeat;
  font-size: 1rem;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
}
@media screen and (min-width: 35em) {
  .personage {
    display: grid;
    grid-template-columns: 120px 1fr;
    grid-column-gap: 2rem;
  }
}
.personage + .personage {
  margin-top: 1.5rem;
}
.personage__photo {
  width: 7.5rem;
}
.personage__info-container {
  /*max-width: 75ch;*/
}
.personage__name {
  margin-top: 0;
  color: #0033A0;
  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;
}
.personage__honorary-suffix {
  display: block;
  color: #2C2A29;
  font-size: 0.8rem;
  font-weight: bold;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
@media screen and (min-width: 35em) {
  .personage__honorary-suffix {
    display: inline;
  }
}
.personage__job-title {
  margin-top: 0.75rem;
  font-size: 1.1rem;
}
@media screen and (min-width: 35em) {
  .personage__job-title {
    margin-top: 0;
  }
}
.personage__label {
  margin-top: 1rem;
}
.personage__value {
  margin: 0;
  padding: 0;
}
.personage__value + .personage__value {
  margin-top: 0.5rem;
}
.personage__research-statement {
  margin-top: 1.5rem;
  font-size: 1.2rem;
}
.personage__research-statement ul {
  padding-left: 0;
}
.personage__subheading {
  margin-top: 0;
  color: #333F48;
  font-size: 1.5rem;
  font-family: "HelveticaNeueW01-55Roma", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  line-height: 1.15;
}
.personage__actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.students-intro__headline {
  grid-area: students-headline;
  margin-top: 0;
  margin-bottom: 1.5rem;
  /*color: $wvu-blue;*/
  color: #2C2A29;
  font-size: 4rem;
  line-height: 1;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  /*color: $wvu-blue;

  font-size: 3rem;
  line-height: 1.2;
  font-family: $helvetica-neue-light;
  font-weight: normal;
  text-align: center;
  text-shadow: 0 0.1rem 0.1rem rgba($wvu-black, 0.2);*/
}
.students-intro__blurb {
  font-size: 1.4rem;
}
.students-intro__programs {
  margin-top: 3rem;
}
.students-intro__programs-heading {
  color: #0033A0;
  font-size: 2.5rem;
  line-height: 1;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
.students-intro__widget {
  margin-top: 1.5rem;
}

/*	STUDENT PROFILES
	================
	This pattern defines a grid of photo cards for students. These are
		typically `.photo-card--portrait` blocks. These styles exist only to
		arrange and space them properly; the actual styles of the cards are
		defined in a separate partial.

	```
	<div class="student-profiles">
		<div class="student-profile">
			<a href="{…}" class="profile-content">
				{ photo-card: see _components.photo-card.scss }
			</a>

			<div class="student-profile__intro">
				<p>Alan Alimario, a junior nursing student from Weirton, W.Va., hopes to become either a Certified Registered Nurse Anesthetist or Family Nurse Practitioner upon completion of his undergraduate degree.</p>
			</div>
		</div>

		{…}
	</div>
	```
*/
@media screen and (min-width: 20em) {
  .student-profiles {
    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;
  }
}
@media print {
  .student-profiles {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 0.2in;
  }
}
.student-profiles--listing {
  margin-left: -1.5rem;
}
@media screen and (min-width: 20em) {
  .student-profiles--listing {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.student-profile {
  margin: 0 1.5rem 1.5rem;
  /*&__intro {
  	padding-top: 1.5rem;;
  	padding-right: 1.5rem;
  	padding-bottom: 1.5rem;
  	padding-left: 1.5rem;

  	text-align: left;

  	p {
  		margin: 0;
  	}
  }*/
}
@media screen {
  .student-profile {
    background-color: rgba(44, 42, 41, 0.2);
  }
}
@media screen and (min-width: 20em) {
  .student-profile {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 20rem;
    -moz-box-flex: 0;
    -moz-flex: 0 1 20rem;
    -ms-flex: 0 1 20rem;
    flex: 0 1 20rem;
    background-color: rgba(44, 42, 41, 0);
  }
}
@media print {
  .student-profile {
    margin: 0;
  }
}
.student-profile__link {
  position: relative;
  display: block;
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #9ABEAA;
  color: white;
  text-decoration: none;
  transition: all 0.2s;
}
@media print {
  .student-profile__link {
    word-break: break-word;
  }
  .student-profile__link:not([href^=http])::after {
    content: "nursing.wvu.edu" attr(href);
  }
  .student-profile__link[href^=http]::after {
    content: attr(href);
  }
  .student-profile__link::after {
    color: #005EB8;
    text-decoration: underline;
  }
}
.student-profile__link:hover, .student-profile__link:focus {
  border-top-color: #EAAA00;
  transform: translateY(-4px);
}
.student-profile__link:hover img, .student-profile__link:focus img {
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
}
@media screen and (min-width: 20em) {
  .student-profiles--listing .student-profile {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 14rem;
    -moz-box-flex: 0;
    -moz-flex: 0 1 14rem;
    -ms-flex: 0 1 14rem;
    flex: 0 1 14rem;
  }
}
.student-profiles--listing .student-profile .photo-card__heading {
  font-size: 1.25rem;
}
.student-profiles--listing .student-profile .photo-card__suffix {
  font-size: 0.9rem;
}

.alumni-profiles {
  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: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin: 2rem -1rem 3rem;
}
.alumni-profiles h2.news-stub__headline, .alumni-profiles .news-stub__headline.cal-month, .alumni-profiles .news-stub__headline.directory-list__title {
  margin-top: 0;
}

.alumni-profile {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 20em;
  -moz-box-flex: 1;
  -moz-flex: 1 0 20em;
  -ms-flex: 1 0 20em;
  flex: 1 0 20em;
  margin-bottom: 2.25rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media screen and (min-width: 41em) {
  .alumni-profile {
    max-width: 50%;
  }
}
.alumni-profile__link {
  display: block;
  text-decoration: none;
}
.alumni-profile__link:hover .alumni-profile__image, .alumni-profile__link:focus .alumni-profile__image {
  border-top-color: #EAAA00;
  transform: translateY(-4px);
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
}
.alumni-profile__image {
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #9ABEAA;
  transition: all 0.2s;
  box-shadow: 0 1rem 1rem -0.75rem rgba(44, 42, 41, 0.25);
}
.alumni-profile__title {
  margin-top: 1rem;
  color: currentColor;
  font-size: 1.5rem;
  line-height: 1.15;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
}
.alumni-profile__title-prefix {
  display: block;
  font-size: 0.8rem;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.alumni-profile--featured {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin-bottom: 3rem;
}
@media screen and (min-width: 41em) {
  .alumni-profile--featured {
    max-width: none;
  }
}

/*	PROFILE VIDEO
	=============
	Styles for a video container on the Profile template. This may be more generalized later.

	```
	<figure class="profile-video">
        <div class="profile-video__wrapper">
            <iframe src="{…}" class="profile-video__iframe" frameborder="0" allowfullscreen=""></iframe>
        </div>

        <figcaption class="profile-video__caption">{video caption}</figcaption>
    </figure>
	```
*/
.profile-video {
  margin: 3rem 0;
}
@media screen and (min-width: 40em), print {
  .profile-video {
    float: right;
    width: 50%;
    margin-top: 2rem;
    margin-right: 0;
    margin-bottom: 3rem;
    margin-left: 3rem;
  }
}
@media print {
  .profile-video {
    /*page-break-inside: avoid;
    break-inside: avoid;*/
    /*display: none;*/
  }
}
.profile-video__wrapper {
  position: relative;
  height: 0;
  margin: 0;
  padding-bottom: 56.25%;
}
.profile-video__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.profile-video__caption {
  display: block;
}
@media print {
  .profile-video .lazy-video__wrapper {
    overflow: visible;
  }
}
.profile-video .lazy-video__play {
  opacity: 0.4;
  transform: translate(-50%, -50%) scale(0.8);
}
.profile-video .lazy-video__link {
  /*@media print {
  	overflow: visible;

  	&::after {
  		content: 'Watch this video online at ' attr(href) '.';

  		display: block;
  		padding-top: 0.75rem;

  		font-style: italic;
  	}
  }*/
}
.profile-video .lazy-video__link:hover .lazy-video__play,
.profile-video .lazy-video__link:focus .lazy-video__play {
  transform: translate(-50%, -50%) scale(0.85);
}
.profile-video .lazy-video__details {
  /*@media print {
  	display: none;
  }*/
}

.profile {
  /*&--video-playing {

  	.profile__secondary-content {
  		margin-top: 0;
  	}

  	.profile__photo {
  		opacity: 0;
  	}
  }*/
}
@media screen and (min-width: 55em) {
  .profile--portrait .profile__photo {
    grid-column: 2/3;
    align-self: start;
    max-width: unset;
  }
}
.profile--portrait .photo-card__photo {
  width: 100%;
}
.profile--portrait .profile__secondary-content {
  margin-top: 0;
  padding-right: 0;
}
.profile--portrait .profile__meta {
  margin-top: 0;
}
.profile--portrait .profile__body {
  grid-row: 2/span 4;
  align-self: start;
}
.profile--portrait .profile__highlighted-quote {
  margin-top: 1.5rem;
}
.profile--portrait .profile__related-links {
  grid-row: 5/6;
}
@media screen and (min-width: 55em) {
  .profile--portrait .profile__related-links {
    margin-top: 1.5rem;
    margin-right: 0;
  }
}
.profile--small .photo-card__heading {
  margin-top: 0;
}
.profile--small .photo-card__meta {
  align-items: center;
  position: relative;
}
.profile--small .profile__main-content {
  align-items: start;
}
.profile--small .profile__photo {
  grid-column: unset;
  grid-column: 1/-1;
  width: auto;
}
@media screen and (min-width: 35em) {
  .profile--small .profile__photo {
    display: flex;
    flex-direction: row;
  }
}
@media screen and (min-width: 55em) {
  .profile--small .profile__secondary-content {
    margin-top: -5.5rem;
  }
}
.profile__meta + .profile__video {
  margin-top: 0;
}
.profile__main-content {
  padding-top: 1rem;
  padding-bottom: 3rem;
}
@media screen and (min-width: 55em) {
  .profile__main-content {
    display: grid;
    grid-template-columns: 4fr 3fr;
    grid-column-gap: 5rem;
  }
}
.profile__title {
  grid-column: 1/-1;
}
.profile__photo {
  grid-column: 1/-1;
  margin-top: -1.5rem;
  /*@media (prefers-reduced-motion: no-preference) {
  	transition-delay: 0;
  	transition-duration: 0.5s;
  	transition-property: all;
  	transition-timing-function: ease-out;
  }*/
}
.profile__photo--small {
  flex-shrink: 0;
}
.profile__secondary-content {
  grid-column: 2/3;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  /*@media (prefers-reduced-motion: no-preference) {
  	transition-delay: 0;
  	transition-duration: 2.5s;
  	transition-property: all;
  	transition-timing-function: ease-out;
  }*/
}
@media screen and (min-width: 55em) {
  .profile__secondary-content {
    margin-top: -7.5rem;
    padding-right: 1.5rem;
  }
}
.profile__video .lazy-video__details {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.profile__video .lazy-video__title cite {
  font-style: normal;
  font-family: "HelveticaNeueW01-55Roma", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.profile__video .lazy-video__duration {
  border-width: 0 0 0 1px;
  border-style: dotted;
  border-color: #333F48;
  border-radius: 0;
  padding-right: 0;
}
.profile__related-links {
  grid-column: 2/3;
  grid-row: 4/5;
  align-self: end;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 55em) {
  .profile__related-links {
    margin-right: 1.5rem;
  }
}
.profile__additional {
  margin-top: auto;
}
.profile__body {
  grid-row: 3/span 2;
}
.profile__highlighted-quote {
  position: relative;
  margin: 3rem 0 3rem 3.6rem;
  border-top: none;
  border-left: 1px dotted #EAAA00;
  padding: 0 0 0 1.5rem;
  font-size: 1.5rem;
  text-align: left;
  box-shadow: none;
  /*		display: flex;
  		flex-direction: column;*/
}
.profile__highlighted-quote::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  right: 100%;
  display: block;
  width: 1.5em;
  height: 1.5em;
  margin-right: 1rem;
  border-radius: 50%;
  background-image: url("../Images/blockquote-icon.svg");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: drop-shadow(0 0.125rem 0.5rem rgba(44, 42, 41, 0.2));
}
@media (prefers-reduced-motion: no-preference) {
  .profile__highlighted-quote.prepare::before {
    animation-name: fade-in, slideUp;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
  }
  .profile__highlighted-quote.in-view::before {
    animation-play-state: running;
  }
}
.profile__highlighted-quote p::before {
  content: open-quote;
  display: inline;
  margin-left: -0.7ch;
  color: currentColor;
  font-size: inherit;
  text-shadow: none;
}
.profile__highlighted-quote p:last-child::after {
  display: inline;
  color: currentColor;
  font-size: inherit;
  text-shadow: none;
}
.profile__separator {
  height: 0.125rem;
  /*height: 0;*/
  margin: 3rem 0;
  /*border-bottom: 1px dotted $pms-558-c;*/
  /*background-color: transparent;*/
  background-color: #A2AAAD;
}

.profile-meta {
  margin: 3rem 0;
  font-size: 1.2rem;
}
@media screen and (min-width: 40em), print {
  .profile-meta:not(.profile-meta--wide) {
    float: right;
    width: 50%;
    margin-top: 2rem;
    margin-right: 0;
    margin-bottom: 3rem;
    margin-left: 3rem;
  }
}
.profile-meta__list {
  margin: 0;
}
.profile-meta__list dt {
  font-weight: bold;
}
.profile-meta__list dt:not(:first-child) {
  margin-top: 0.75rem;
  border-top: 1px dotted #BFB8AF;
  padding-top: 0.75rem;
}
.profile-meta__list dt::after {
  content: ":";
}
.profile-meta__list dd {
  margin-left: 0;
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}
.profile-meta__directory-link-wrapper {
  margin-top: 0;
}
.profile-meta__directory-link-wrapper:not(:first-child:last-child) {
  margin-top: 0.75rem;
  border-top: 1px dotted #BFB8AF;
  padding-top: 0.75rem;
}
.profile-meta__directory-link {
  font-size: 0.9em;
  font-weight: bold;
}
.profile-meta--wide {
  position: relative;
  margin-top: 0;
  border-top: 0.25rem solid #9ABEAA;
}
@media screen and (min-width: 55em) {
  .profile-meta--wide {
    margin-top: 1.5rem;
  }
}

.profile-related-links__list {
  padding-left: 1rem;
}
.profile-related-links__list-item + .profile-related-links__list-item {
  margin-top: 1.5rem;
}
.profile-related-links__list-item:first-child:last-child {
  margin-left: -1rem;
  list-style: none;
}
.audio-clips-heading {
  clear: both;
  margin-bottom: 1.5rem;
}

.audio-clip {
  margin-bottom: 1.5rem;
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #EAAA00;
  padding: 1.5rem;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
}
.audio-clip--playing {
  border-color: #EAAA00;
  background-color: #ffe49e;
  animation-name: audioPlayerPulse;
  animation-duration: 3s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
}
.audio-clip__heading {
  margin-top: 0;
  margin-bottom: 0.75rem;
}
.audio-clip__audio {
  display: block;
  width: 100%;
}
.audio-clip__audio:focus {
  outline: 2px dashed #BE3A34;
}
.audio-clip__file-download-statement {
  margin-top: 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
}
.audio-clip__file-download-link:link, .audio-clip__file-download-link:visited {
  color: #005EB8;
}
.audio-clip__file-download-link:hover, .audio-clip__file-download-link:focus {
  color: #002855;
}
.audio-clip__file-download-icon {
  vertical-align: middle;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.25ch;
  fill: currentColor;
  stroke: currentColor;
}
.audio-clip__file-download-icon-arrow {
  transition: all linear 0.25s;
}
.audio-clip__file-download-link:hover .audio-clip__file-download-icon-arrow, .audio-clip__file-download-link:focus .audio-clip__file-download-icon-arrow {
  transform: translateY(2px);
  transition: transform ease-in 0.25s;
}
.audio-clip__file-download-icon-line {
  stroke: currentColor;
}
.audio-clip__details {
  margin-top: 0.75rem;
}
.audio-clip__details p:last-child {
  margin-bottom: 0;
}
.audio-clip__summary {
  display: revert;
  font-weight: bold;
  text-align: left;
  cursor: default;
}
.audio-clip__summary + * {
  margin-top: 1.5rem;
}
.audio-clip__summary:focus {
  outline: 2px dashed #BE3A34;
  outline-offset: 0.25rem;
}
.audio-clip__summary:focus:hover {
  outline: none;
}
.audio-clip__transcript {
  margin-bottom: 0.75rem;
  padding: 0 0.75rem;
}

.audio-transcript__figure {
  margin: 0;
}
.audio-transcript__figure + .audio-transcript__figure {
  margin-top: 1.5rem;
}
.audio-transcript__figcaption {
  margin: 0.75rem 0 0;
  border: none;
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  font-size: 1.125rem;
  line-height: 1.5;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
}
.audio-transcript__figcaption::after {
  content: ":";
}
.audio-transcript__blockquote {
  margin: 0;
  border: none;
  padding: 0;
  font-size: 1.2rem;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  text-align: left;
  box-shadow: none;
}
.audio-transcript__blockquote p:first-child::before,
.audio-transcript__blockquote p:last-child::after {
  content: none;
}
.audio-aside {
  position: relative;
  display: block;
  margin-bottom: 1.5rem;
  border-top: 0.25rem solid #EAAA00;
  padding: 1.5rem;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url("https://cdn.hsc.wvu.edu/Resources/iconic.1.9.0/png/black/retina/audio-spectrum-lg-@2x.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 100%, auto 6rem;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
}
.audio-aside__heading {
  margin-top: 0;
  font-size: 2rem;
}
.audio-aside__blockquote {
  /*		margin: 1.5rem 0;
  		border-top: none;
  		padding: 0;

  		font-size: 1.4rem;
  		font-family: $helvetica-neue-light;

  		box-shadow: none;

  		&::before {
  			content: open-quote;
  		}

  		&::after {
  			content: close-quote;
  		}*/
  position: relative;
  margin: 1.5rem 0 1.5rem 2.75rem;
  border-top: none;
  border-left: 1px dotted #EAAA00;
  padding: 0 0 0 1.25rem;
  font-size: 1.4rem;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  text-align: left;
  box-shadow: none;
}
.audio-aside__blockquote::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  right: 100%;
  display: block;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.75rem;
  border-radius: 50%;
  background-image: url("../Images/blockquote-icon.svg");
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  filter: drop-shadow(0 0.125rem 0.5rem rgba(44, 42, 41, 0.2));
}
@media (prefers-reduced-motion: no-preference) {
  .audio-aside__blockquote.prepare::before {
    animation-name: fade-in;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-play-state: paused;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
  }
  .audio-aside__blockquote.in-view::before {
    animation-play-state: running;
  }
}
.audio-aside__blockquote p::before {
  display: inline;
  margin-left: -0.7ch;
  color: currentColor;
  font-size: 1em;
  text-shadow: none;
}
.audio-aside__blockquote p:last-child::after {
  display: inline;
  color: currentColor;
  font-size: 1em;
  text-shadow: none;
}
.audio-aside__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5rem;
}
.audio-aside__listen-button {
  position: relative;
  display: flex;
  align-items: center;
}
.audio-aside__listen-button[hidden][aria-hidden] {
  display: none;
}
.audio-aside__listen-button-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  color: currentColor;
}
.audio-aside__listen-button-icon--pause {
  display: none;
}
.audio-aside__listen-button--playing .audio-aside__listen-button-icon--pause {
  display: inline;
}
.audio-aside__listen-button--playing .audio-aside__listen-button-icon--play {
  display: none;
}
.audio-aside__timer {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
[data-playing=true] .audio-aside__timer-stroke {
  transition-property: stroke-dashoffset;
  transition-duration: 1s;
  transition-timing-function: linear;
}
[data-playing=false] .audio-aside__timer-stroke {
  transition-property: none;
}
.audio-aside__timer-circle {
  overflow: visible !important;
  display: block;
  margin: 0 0 0 auto;
  filter: drop-shadow(0 0.125rem 0.5rem rgba(44, 42, 41, 0.2));
  transition-property: stroke-dashoffset;
  transition-duration: 1s;
  transition-timing-function: linear;
  transform: rotate(-90deg);
}
.audio-aside__timer-stroke, .audio-aside-fill {
  stroke-dashoffset: 0;
}
.audio-aside__timer-fill {
  stroke: transparent;
  fill: #EAAA00;
}
.audio-aside__timer-stroke {
  stroke: #002855;
  stroke-width: 0.25rem;
}

.audio-aside-pair {
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 40em) {
  .audio-aside-pair {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1rem;
  }
  .audio-aside-pair .audio-aside {
    float: none;
    margin: 0;
  }
}
.audio-aside-pair .audio-aside {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.preceptor__map-figure {
  float: right;
  width: 40%;
  margin: 0 0 1.5rem 1.5rem;
  border-top: none;
  background-color: #002855;
}
.preceptor__form {
  clear: both;
}

.preceptor-map__county {
  stroke: #2C2A29;
  stroke-width: 3px;
  fill: #BFB8AF;
}
.preceptor-map__county--highlight {
  fill: #EAAA00;
}
.preceptor-map__county--current {
  fill: #BE3A34;
}

.preceptor-form {
  margin: 3rem 0;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: rgba(44, 42, 41, 0.1);
  padding: 1rem;
  background-color: #f8f7f6;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
}
.preceptor-form__fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}
.preceptor-form__legend {
  margin-bottom: 1rem;
}
.preceptor-form__heading {
  margin-top: 0;
  color: #0033A0;
  font-size: 1.75rem;
  line-height: 1.15;
  font-family: "HelveticaNeueW01-55Roma", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
}
.preceptor-form__field {
  margin-bottom: 1rem;
}
@media screen and (min-width: 20em) {
  .preceptor-form__field--checkbox {
    display: grid;
    grid-template-columns: min-content auto;
    grid-gap: 0 0.5rem;
    align-items: start;
  }
}
.preceptor-form__field input[type=checkbox] {
  margin-top: 0.35rem;
}
.preceptor-form__label {
  display: block;
  line-height: 1.2;
}
.preceptor-form__label::after {
  content: ":";
}
input[type=checkbox] + .preceptor-form__label {
  display: inline;
}
input[type=checkbox] + .preceptor-form__label::after {
  content: none;
}
.preceptor-form__text-input {
  width: 100%;
  max-width: 18rem;
}
.preceptor-form__actions {
  margin-top: 1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(44, 42, 41, 0.1);
  padding: 1rem 1rem 0;
}

.preceptor-locations__list[tabindex="0"][aria-labelledby][role=region] {
  margin-bottom: 1.5rem;
  overflow: auto;
}
.preceptor-locations__list[tabindex="0"][aria-labelledby][role=region]:focus {
  outline: 0.125rem dashed #BE3A34;
  outline-offset: 0.25rem;
}
.preceptor-locations__list[tabindex="0"][aria-labelledby][role=region]:focus:hover {
  outline: none;
}
.preceptor-locations__recruiting-message {
  padding: 0.25rem 0.5rem;
  background-color: #e6e8e9;
}
.preceptor-locations__results-heading {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.preceptor-locations__results-table {
  width: 100%;
  margin-bottom: 0;
}
.preceptor-locations__results-table caption {
  text-align: left;
}
.preceptor-locations__results-table thead th {
  vertical-align: bottom;
}
.preceptor-locations__results-table thead th:first-child {
  text-align: left;
}
.preceptor-locations__results-table tbody tr {
  border-bottom: 1px solid #e1deda;
}
.preceptor-locations__results-table tbody tr[data-looking=true] {
  background-color: rgba(253, 218, 36, 0.1);
}
.preceptor-locations__results-table tbody tr[data-looking=true] td:nth-child(3) {
  font-weight: bold;
}
.preceptor-locations__results-table tbody th[scope=row] {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #e1deda;
  background-color: transparent;
  text-align: left;
}
.preceptor-locations__results-table tbody td {
  text-align: center;
}
.preceptor-locations__cta {
  margin-top: 4.5rem;
  margin-bottom: 0;
}

/* Tuition */
.tuition:nth-of-type(n+2) {
  margin-top: 2rem;
}
@media screen {
  .tuition--card {
    margin-right: 0;
    margin-left: 0;
    border-top-width: 0.25rem;
    border-top-style: solid;
    border-top-color: #9ABEAA;
    background-color: white;
    box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  }
}
@media print {
  .tuition {
    padding: 0;
  }
}
.tuition--overview .tuition__label,
.tuition--overview .tuition__value {
  margin: 0;
}
.tuition--overview .tuition__label:nth-of-type(2n+2),
.tuition--overview .tuition__value:nth-of-type(2n+2) {
  background-color: white;
}
@media screen and (min-width: 40em) {
  .tuition--overview .tuition__label:nth-of-type(2n+2),
  .tuition--overview .tuition__value:nth-of-type(2n+2) {
    border-top: 1px solid #f8f7f6;
  }
}
@media screen {
  .tuition--overview .tuition__label:not(:first-of-type) {
    border-top: 1px solid #f8f7f6;
  }
}
.tuition__heading {
  margin-top: 0;
  margin-bottom: 0;
}
.tuition__subheading {
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.tuition__list + .tuition__subheading {
  margin-top: 2.5rem;
}
.tuition__list {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-top: 1rem;
  margin-right: -1.5rem;
  margin-bottom: 0;
  margin-left: -1.5rem;
  border-top: 0.125rem solid #e1deda;
  font-size: 1.1rem;
  line-height: 1.4;
}
@media screen and (min-width: 40em) {
  .tuition__list {
    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;
  }
}
.tuition__label {
  padding-top: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 0.75rem;
  font-weight: bold;
}
@media screen and (min-width: 40em) {
  .tuition__label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40%;
    padding-bottom: 0.75rem;
  }
}
@media screen and (min-width: 40em) {
  .tuition__label:nth-of-type(2n+2):not(.tuition__label--total) {
    background-color: #f8f7f6;
  }
}
.tuition__label--total {
  border-top: 1px solid #e1deda;
  background-color: white;
  /*font-size: 1.25rem;*/
}
.tuition__value {
  margin-left: 0;
  padding-right: 1.5rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
}
@media screen and (min-width: 40em) {
  .tuition__value {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 60%;
    padding-top: 0.75rem;
    text-align: right;
  }
}
@media screen and (min-width: 40em) {
  .tuition__value:nth-of-type(2n+2):not(.tuition__value--total) {
    background-color: #f8f7f6;
  }
}
.tuition__value--total {
  background-color: white;
  font-weight: bold;
}
@media all and (min-width: 40em) {
  .tuition__value--total {
    border-top: 1px solid #e1deda;
  }
}
.tuition__label + .tuition__value {
  page-break-before: avoid;
  break-before: avoid;
}
.tuition__note {
  font-weight: bold;
}
.tuition__links {
  margin-top: 0.75rem;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
  padding-top: 1rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  list-style-type: none;
}
.tuition__links li {
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 40em) {
  .tuition__links li {
    text-align: center;
  }
}
.tuition__links li:nth-last-child(n+2) {
  margin-bottom: 0.75rem;
}
@media print {
  .tuition__link {
    color: #0033A0;
    text-decoration: underline;
  }
  .tuition__link[href^=http]::after {
    content: ": " attr(href);
  }
  .tuition__link:not([href^=http])::after {
    content: ": nursing.wvu.edu" attr(href);
  }
  .tuition__link::after {
    font-weight: normal;
  }
}

.tuition-form__fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}
.tuition-form__fieldset + .tuition-form__fieldset {
  margin-top: 1.5rem;
}
.tuition-form__legend::after {
  content: ": ";
}
.tuition-form__option-list {
  margin: 0;
  padding: 0 0 0 1rem;
  list-style-type: none;
}
.tuition-form__output {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform-origin: 0 50%;
  transition: max-height 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.tuition-form__output ul {
  padding-left: 0;
}
.tuition-form__output li + li {
  margin-top: 0.5rem;
}
.tuition-form__output--computed {
  max-height: 100%;
  margin: 1.5rem -1.5rem -1.5rem;
  padding: 0.25rem 1.5rem 0.5rem;
  background-color: rgba(191, 184, 175, 0.2);
  opacity: 1;
  overflow: visible;
  animation-name: tuition-slide-down;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-fill-mode: both;
  animation-duration: 2s;
}

@keyframes tuition-slide-down {
  0% {
    opacity: 0;
    transform: translateY(-5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.tuition-summary {
  table-layout: fixed;
  display: block;
  width: 100%;
  border: 0;
  overflow: visible;
  font-size: 1.1rem;
}
@media screen and (min-width: 50em) {
  .tuition-summary {
    display: table;
  }
}
.tuition-summary__col {
  width: 100px;
  text-align: right;
}
.tuition-summary__col--program-name {
  width: 325px;
  text-align: left;
}
.tuition-summary__caption {
  display: block;
  width: 100%;
  margin: 1.5rem 0;
  color: #333F48;
  font-size: 2.4rem;
  line-height: 1.083;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  text-align: left;
}
@media screen and (min-width: 50em) {
  .tuition-summary__caption {
    display: table-caption;
    width: auto;
  }
}
.tuition-summary__row {
  display: block;
  white-space: normal;
}
@media screen and (min-width: 50em) {
  .tuition-summary__row {
    display: table-row;
  }
}
.tuition-summary__row + .tuition-summary__row {
  border-top: 1px solid #f8f7f6;
}
.tuition-summary__row--category {
  border-bottom-width: 0;
  text-align: center;
}
.tuition-summary__row--total {
  padding-bottom: 0;
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
}
.tuition-summary__row--total th, .tuition-summary__row--total td {
  color: white;
  background-color: #002855;
}
.tuition-summary__row--total td:last-child {
  padding-bottom: 0.75rem;
}
@media screen and (min-width: 50em) {
  .tuition-summary__row--total td:last-child {
    padding-bottom: 0.5rem;
  }
}
@media screen and (min-width: 50em) {
  .tuition-summary__row--total {
    font-weight: bold;
  }
}
.tuition-summary__campus {
  padding-top: 0.5rem !important;
}
.tuition-summary__cell {
  display: block;
  white-space: normal;
  border: none;
  padding: 0 1rem;
}
.tuition-summary__cell:last-child {
  padding-bottom: 0.75rem;
}
@media screen and (min-width: 50em) {
  .tuition-summary__cell:last-child {
    padding-bottom: 0.5rem;
  }
}
.tuition-summary__cell:first-child:last-child {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 50em) {
  .tuition-summary__cell {
    display: table-cell;
    padding: 0.5rem 0.75rem;
    text-align: right;
  }
}
.tuition-summary__cell--program {
  border: none;
  padding-top: 0.75rem;
  padding-bottom: 0;
  background-color: transparent;
  text-align: left;
}
@media screen and (min-width: 50em) {
  .tuition-summary__cell--program {
    padding-top: 0;
  }
}
.tuition-summary__cell--campus {
  padding: 0.5rem 0.75rem;
  text-align: center;
}
.tuition-summary__head {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (min-width: 50em) {
  .tuition-summary__head {
    position: relative;
    width: auto;
    height: auto;
    z-index: -1;
    clip: unset;
    padding: 0;
    border: 0;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #e1deda;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #e1deda;
    overflow: auto;
    white-space: unset;
    box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  }
}
.tuition-summary__head th {
  color: #002855;
  background-color: #b9d2c4;
  vertical-align: bottom;
}
.tuition-summary__body {
  display: block;
  white-space: normal;
  width: 100%;
  border: 1px solid #e1deda;
  border-top: 4px solid #9ABEAA;
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
}
@media screen and (min-width: 50em) {
  .tuition-summary__body {
    display: table-row-group;
    border-top: none;
    padding-bottom: 0;
  }
}
.tuition-summary__body td[data-title]::before {
  content: attr(data-title) ": ";
}
@media screen and (min-width: 50em) {
  .tuition-summary__body td[data-title]::before {
    content: "";
  }
}
.tuition-summary__foot {
  display: block;
  width: 100%;
}
@media screen and (min-width: 50em) {
  .tuition-summary__foot {
    display: table-footer-group;
  }
}
.tuition-summary__foot td[data-title]::before {
  content: attr(data-title) ": ";
}
@media screen and (min-width: 50em) {
  .tuition-summary__foot td[data-title]::before {
    content: "";
  }
}
.tuition-summary__foot--notes tr {
  background-color: transparent;
}
.tuition-summary__foot--notes td {
  padding: 0;
  font-size: 0.8rem;
  text-align: left;
}
.tuition-summary__notes {
  display: grid;
  grid-template-columns: min-content auto;
  grid-row-gap: 0.75rem;
}
.tuition-summary__notes dt {
  float: left;
  font-weight: bold;
}
.tuition-summary__notes dt:target, .tuition-summary__notes dt:target + dd {
  background-color: #feeb89;
}
.tuition-summary__notes dd {
  display: inline;
  margin-left: 0;
  padding: 0.1rem 0 0.1rem 0.75ch;
}
.tuition-summary__notes dd::after {
  content: "";
  clear: left;
  display: block;
  background-color: transparent !important;
}

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

/*	MAGAZINE GRID
	=============
	Some specific styles for the Nursing Magazine page, which displays a grid
		of cover page images to act as a list of download links for each
		issue. This pattern depends on the `.photo-card--portrait` pattern
		(see _components.photo-card.scss).

	```
	<div class="magazine-grid">
        <a href="{…}" class="magazine-grid__edition">
            <figure class="photo-card photo-card--portrait">
                <img src="{…}" alt="Cover of the Winter 2015 edition" class="photo-card__photo">

                <div class="photo-card__meta">
                    <figcaption class="photo-card__name">
                        <div class="photo-card__heading magazine-grid__heading">Winter 2015 Edition</div>
                    </figcaption>
                </div>
            </figure>
        </a>

		{…}
	</div>
	```
*/
.magazine-grid {
  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-top: 1.5rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-bottom: 1.5rem;
}
.magazine-grid__edition {
  margin: 0.75rem 0.25rem;
  transition: all 0.2s;
}
.magazine-grid__edition:hover, .magazine-grid__edition:focus {
  transform: translateY(-4px);
}
.magazine-grid__edition:hover img, .magazine-grid__edition:focus img {
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
}
.magazine-grid .magazine-grid__heading {
  font-size: 1.4rem;
}

/*	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-color: #f8f7f6;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
}
@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;
}

/*	Hides the default search box so we can use our own markup.	*/
#___gcse_0 form.gsc-search-box {
  display: none;
}

/*	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);
}

/*	STEPS
	=====
	A set of rules for adding a stylized numbering to a list element or a
		section’s `<h2>`s. The `.steps` class can be applied to either the
		sectioning element containing a structured block of content
		(ie. content that contains `<h2>`s or an `<ol>`.
*/
.steps {
  counter-reset: steps;
  padding-left: 4rem;
  list-style-type: none;
}
.steps h2, .steps .cal-month, .steps .directory-list__title {
  position: relative;
}
.steps h2::before, .steps .cal-month::before, .steps .directory-list__title::before {
  counter-increment: steps;
  content: counter(steps);
  position: absolute;
  left: -4rem;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  padding-top: 0.15em;
  color: #002855;
  background-color: #EAAA00;
  font-size: 0.9em;
  line-height: 1;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  text-align: center;
  box-shadow: 0 1rem 1rem -0.75rem rgba(44, 42, 41, 0.25);
}

/*	FEATURETTE
	==========
	A basic component based off of WVU’s Super Theme’s pattern of the same
		name: http://supertheme.sandbox.wvu.edu/patterns/wvu-featurettes.
		Basically, this would be combined with a `.full-bleed` item and
		center the content within that element.

	```

	```
*/
.featurette {
  margin-top: 3rem;
  text-align: center;
}

/*	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;
}
@media print {
  .lazy-video {
    border-width: 1px;
    border-style: solid;
    border-color: #A2AAAD;
  }
}
.lazy-video__wrapper {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.lazy-video__link {
  position: relative;
  display: block;
  height: 0;
  margin: 0;
  padding-bottom: 56.25%;
  background-color: #2C2A29;
}
.lazy-video__link:focus {
  display: block;
  outline-offset: -0.5rem;
  outline-color: #EAAA00;
}
@media print {
  .lazy-video__link {
    height: auto;
    padding-bottom: 0;
    background-color: transparent;
  }
  .lazy-video--vimeo .lazy-video__link::before {
    content: "Watch this video online at vimeo.com/" attr(data-embed) ".";
  }
  .lazy-video--youtube .lazy-video__link::before {
    content: "Watch this video online at youtube.com/watch?v=" attr(data-embed) ".";
  }
  .lazy-video__link::before {
    display: block;
    padding: 0.1in 0.1in 0.1in 2.5rem;
    font-weight: bold;
    border-bottom: 0.25rem solid #9ABEAA;
  }
  .lazy-video__link::after {
    display: none;
  }
}
.lazy-video__poster {
  width: 100%;
  max-width: 100%;
  opacity: 0.6;
  transition: all 0.25s ease-out;
  will-change: opacity;
}
@media print {
  .lazy-video__poster {
    opacity: 1;
  }
}
.lazy-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%) scale(0.95);
  fill: white;
  stroke: white;
  opacity: 0.7;
  transition: all 0.25s ease-out;
  will-change: transform, opacity;
}
@media print {
  .lazy-video__play {
    top: 0.55rem;
    left: 0.5rem;
    height: 1.5rem !important;
    width: 1.5rem !important;
    fill: #EAAA00;
    stroke: #EAAA00;
    opacity: 1 !important;
    transform: none !important;
  }
}
.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 .lazy-video__details {
  display: block;
  width: 100%;
  overflow: auto;
}
@media print {
  .lazy-video .lazy-video__details {
    box-shadow: none;
  }
}
@media print {
  .lazy-video .lazy-video__details a::after {
    display: none;
  }
}
.lazy-video__duration {
  float: right;
  /*margin-bottom: 0.5rem;*/
  margin-left: 1rem;
  border: 1px solid #6E6259;
  border-radius: 3px;
  padding: 0.25rem 0.5rem;
  /*color: $pms-warm-gray-11;*/
  font-weight: bold;
  font-size: 1.1rem;
  text-transform: uppercase;
}
.lazy-video__title {
  font-size: 1.1rem;
}

/*	CALENDAR
	========
	Styles directly related to the Calendar template.

	See also: _components.cal-event.scss.
*/
.calendar {
  overflow: hidden;
}

@media print {
  .cal-navigation {
    display: none;
  }
}

.cal-tabs {
  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;
  width: 100%;
  margin: 1.5rem 0;
  padding: 0;
  background-image: linear-gradient(180deg, #9ABEAA 0.25rem, rgba(154, 190, 170, 0) 0.25rem);
  list-style-type: none;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
}

.cal-tab a {
  display: block;
  border-top-width: 0.25rem;
  border-top-style: solid;
  padding: 0.75rem 1.5rem;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.1s ease;
}
.cal-tab a:link, .cal-tab a:visited {
  border-top-color: #9ABEAA;
}
.cal-tab a:hover, .cal-tab a:focus {
  background-color: #e8f0eb;
}

.cal-tabs .current a {
  background-color: #f8f7f6;
}
.cal-tabs .current a:hover, .cal-tabs .current a:focus {
  background-color: #e8f0eb;
}

.cal-header {
  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: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  margin: 0 0 1.5rem;
  border-bottom-width: 0.25rem;
  border-bottom-style: solid;
  border-bottom-color: #EAAA00;
  padding: 1rem 0;
}

.cal-heading-week-day {
  display: none;
}

.cal-pagination {
  margin-top: 0.75rem;
}

.cal-aside {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 60em) {
  .cal-aside {
    float: right;
    border-top-width: 0.25rem;
    border-top-style: solid;
    border-top-color: #9ABEAA;
    width: calc(30% - 0.75rem);
  }
}
@media print {
  .cal-aside {
    display: none;
  }
}

@media screen and (min-width: 60em) {
  .cal-filters-toggle {
    display: none;
  }
}

@media screen and (min-width: 60em) {
  .cal-filters-wrapper {
    box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
  }
}

@media screen and (max-width: 60em) {
  .is-hidden .cal-filters-wrapper {
    display: none;
  }
}

.is-shown .cal-filters-wrapper {
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
}

.cal-filters-heading {
  margin-top: 0;
  border-top-width: 0.125rem;
  border-top-style: solid;
  border-top-color: #9ABEAA;
  padding: 0.5rem;
  font-size: 1rem;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
}
@media screen and (min-width: 60em) {
  .cal-filters-heading {
    border-top: none;
  }
}

.cal-filters {
  margin: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(44, 42, 41, 0.2);
  padding: 0.5rem;
  list-style-type: none;
}
.cal-filter-label {
  display: inline-block;
  padding: 0.25rem 0.25rem 0.25rem 1rem;
  text-indent: -1.1rem;
}

@media screen and (min-width: 60em) {
  .cal-primary {
    float: left;
    width: calc(70% - 0.75rem);
  }
}

.cal-events {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.cal-event {
  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;
  margin-bottom: 1.5rem;
  page-break-inside: avoid;
  break-inside: avoid;
}

.cal-event-category {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-size: 0.75rem;
  text-transform: uppercase;
}
@media screen {
  .cal-event-category {
    margin-bottom: 0.25rem;
    margin-left: 0.125rem;
    padding: 0.0625rem 0.25rem;
    box-shadow: 0 0.0625rem 0.25rem rgba(44, 42, 41, 0.2);
  }
}

.cal-event-time {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.cal-event-name {
  margin-top: 0;
  font-size: 1.5rem;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
}
.cal-event-name.cal-event-name {
  margin-top: 0;
}
.cal-event-name a {
  text-decoration: none;
}
@media print {
  .cal-event-name a {
    color: #0033A0;
  }
  .cal-event-name a:not([href^=http])::after {
    content: "nursing.wvu.edu" attr(href);
  }
  .cal-event-name a[href^=http]::after {
    content: attr(href);
  }
  .cal-event-name a::after {
    display: block;
    font-size: 1rem;
    font-weight: normal;
    text-decoration: underline;
  }
}

.cal-event-location {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.cal-no-events-message {
  font-weight: bold;
}
.cal-day .cal-no-events-message {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.cal-month {
  page-break-after: avoid;
  break-after: avoid;
}

.cal-day {
  padding: 1.5rem 0;
}
@media screen and (min-width: 30em), print {
  .cal-day {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.cal-day + .cal-day {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(44, 42, 41, 0.2);
}

.is-today .cal-date-link {
  border-top-color: #EAAA00;
}

@media print {
  .cal-day:not(.has-events) {
    display: none;
  }
}

.cal-day.is-passed .cal-date-link {
  border-top-color: #BFB8AF;
}

.cal-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 0;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  margin-left: 0.25rem;
  text-align: center;
}
@media screen and (min-width: 30em) {
  .cal-date {
    margin-bottom: 0;
  }
}

.cal-date-link {
  width: 5rem;
  border-top-width: 0.125rem;
  border-top-style: solid;
  border-top-color: #9ABEAA;
  padding: 0.5rem 0.25rem;
  color: #0033A0;
  text-decoration: none;
  transition: all 0.2s ease-out;
}
@media screen {
  .cal-date-link {
    box-shadow: 0 0.125rem 0.5rem rgba(44, 42, 41, 0.2);
  }
}
@media print {
  .cal-date-link {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgba(44, 42, 41, 0.5);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(44, 42, 41, 0.5);
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgba(44, 42, 41, 0.5);
  }
}
.cal-date-link:hover, .cal-date-link:focus {
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  transform: translateY(-0.1rem);
}

.cal-date-week-day {
  display: block;
  font-size: 1rem;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
}

.cal-date-day {
  display: block;
  color: #2C2A29;
}

.cal-date-month {
  display: block;
  font-size: 1rem;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
}

/*  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 {
  overflow: initial; /* REMOVE ME ONCE NEW CALENDAR IS LAUNCHED!!! */
  /*&__tab + &__tab {
  	a {
  		border-left: 1px solid lighten($pms-warm-gray-3, 25%);
  	}
  }*/
}
.calendar__navigation {
  margin-top: 1.5rem;
  /*background-color: lighten($pms-432-c, 0%);*/
  background-color: white;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
}
@media print {
  .calendar__navigation {
    display: none;
  }
}
.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;
  /* --- */
  background-image: linear-gradient(180deg, #9ABEAA 0.25rem, rgba(154, 190, 170, 0) 0.25rem);
}
.calendar__tab--current {
  /*background-color: lighten($pms-432-c, 10%);*/
  background-color: #f8f7f6;
}
.calendar__tab-link {
  /* --- Calendar Layout Styles --- */
  padding: 0.75rem 1rem;
  display: block;
  /* --- */
  /*color: #FFF;*/
  text-decoration: none;
  font-weight: bold;
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-right: 1px solid #f8f7f6;
}
.calendar__tab-link:link, .calendar__tab-link:visited {
  border-top-color: #9ABEAA;
}
.calendar__tab-link:hover, .calendar__tab-link:focus {
  /*color: #FFF;
  background-color: lighten($pms-432-c, 20%);*/
  background-color: #e8f0eb;
}
@media screen {
  .calendar__header {
    padding: 1rem 0;
  }
}
@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;
    /* --- */
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
}
.calendar__header-date {
  margin: 1rem 1rem 1rem 0;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
@media screen {
  .calendar__header-date {
    text-shadow: 0 0.1rem 0.1rem rgba(44, 42, 41, 0.2);
  }
}
.calendar__pagination {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.calendar__pagination--today {
  background-color: #9ABEAA;
}
.calendar__pagination-button {
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  cursor: default;
}
.calendar__pagination-button--disabled, .calendar__pagination-button--disabled:link, .calendar__pagination-button--disabled:visited, .calendar__pagination-button--disabled:hover, .calendar__pagination-button--disabled:focus {
  background-color: #e1deda;
  background-image: none;
  color: #002855;
  box-shadow: none;
  transform: none;
  transition: none;
}
.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 --- */
  list-style-type: none;
  padding-left: 0;
  margin: 0 -0.4rem 0 -0.4rem;
  -webkit-box-flex: auto;
  -webkit-flex: auto;
  -moz-box-flex: auto;
  -moz-flex: auto;
  -ms-flex: auto;
  flex: auto;
  /* --- */
}
@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;
}
@media print {
  .calendar__more-events-link {
    display: none;
  }
}
.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($pms-432-c, 0.1);*/
  border-bottom: 1px solid rgba(30, 37, 42, 0.1);
}
@media screen and (min-width: 37.5em) {
  .calendar__day {
    border-right: 1px solid rgba(51, 63, 72, 0.1);
  }
}
.calendar__day:first-child {
  border-top: 1px 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);*/
  color: #002855;
  /*background-color: $wvu-blue;*/
  background-color: #9ABEAA;
}
.calendar__date-link:hover, .calendar__date-link:focus {
  /*color: rgba(255,255,255,0.8);*/
  color: #0033A0;
  background-color: #aac8b7;
}
.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: lighten($pms-432-c, 15%);*/
  background-color: #cac5bd;
}
.calendar__day--passed .calendar__date-link:hover, .calendar__day--passed .calendar__date-link:focus {
  background-color: #d6d1cb;
}
.calendar__day--passed.calendar__day--weekend .calendar__date-link {
  /*background-color: #768590;*/
}
.calendar__day--today .calendar__date-link {
  /*color: $wvu-blue;*/
  background-color: #EAAA00;
}
.calendar__day--today .calendar__date-link:hover, .calendar__day--today .calendar__date-link:focus {
  background-color: #ffba05;
}
.calendar__day--today .calendar__date-link .calendar-date__day {
  /*color: $wvu-blue;*/
}
.calendar__month {
  /* --- Calendar Layout Styles --- */
  padding: 1.5rem 1rem;
  /* --- */
  color: #333F48;
  font-size: 2.4rem;
  line-height: 1.083;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  border-bottom: 1px solid rgba(30, 37, 42, 0.1);
}
@media screen and (min-width: 30em) {
  .calendar__month {
    /* --- Calendar Layout Styles --- */
    padding: 2rem 1rem;
    /* --- */
  }
}
.calendar__month, .calendar__header-date {
  /*font-size: 2rem;
  font-weight:bold;*/
}
.calendar__no-events-message {
  /* --- Calendar Layout Styles --- */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -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 {
  /*display: none;*/
  margin-bottom: 2rem;
  box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
}
.calendar-categories__legend {
  width: 100%;
}
.calendar-categories__header {
  /* --- 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: lighten($pms-432-c, 7.5%);*/
  background-color: white;
  border-top-width: 0.25rem;
  border-top-style: solid;
  border-top-color: #9ABEAA;
}
@media screen and (min-width: 30em) {
  .calendar-categories__header {
    /* --- 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 {
  /* --- Calendar Layout Styles --- */
  font-size: 1.25rem;
  margin: 0;
  padding: 1rem;
  /* --- */
  width: 100%;
  border-top: 0.25rem solid rgba(44, 42, 41, 0.1);
  /*color: #fff;*/
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
}
@media screen and (min-width: 40.625em) {
  .calendar-categories__heading {
    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-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;
  }
}
@media screen and (min-width: 30em) {
  .calendar-categories__heading {
    /* --- Calendar Layout Styles --- */
    padding: 0.75rem 1rem;
    /* --- */
  }
}
.calendar-categories__heading h2, .calendar-categories__heading .directory-list__title, .calendar-categories__heading .cal-month {
  margin: 0 1.5rem 1rem 0;
  color: #0033A0;
  font-size: 1.75rem;
  line-height: 1.15;
  font-family: "HelveticaNeueW01-55Roma", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
}
@media screen and (min-width: 40.625em) {
  .calendar-categories__heading h2, .calendar-categories__heading .directory-list__title, .calendar-categories__heading .cal-month {
    margin-bottom: 0;
  }
}
.calendar-categories__toggle {
  /* --- Calendar Layout Styles --- */
  padding: 0.75rem 2rem 0.75rem 1rem;
  position: relative;
  text-align: left;
  /* --- */
  /*color: rgba(255,255,255, 0.9);*/
  font-weight: bold;
  /*background-color: lighten($pms-432-c, 17.5%);*/
  background-color: #f8f7f6;
  cursor: default;
  /*@media screen and (min-width: 30em) {
      color: rgba(255,255,255, 1);
  }*/
}
.calendar-categories__toggle::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 currentColor;
  margin-right: 1rem;
}
.calendar-categories__toggle:hover, .calendar-categories__toggle:focus {
  /*background-color: lighten($pms-432-c, 22.5%);*/
  background-color: #e8f0eb;
}
.calendar-categories__toggle-button {
  flex: 0 1 auto;
  margin: 0;
  padding: 0.5rem 0.75rem;
  /*background-color: $pms-558-c;*/
  color: white;
  background-color: #0033A0;
  font-size: 0.9rem;
  /*&--hidden {
  	&::after {
  		content: '+';
  	}
  }

  &--shown {
  	&::after {
  		content: '-';
  	}
  }*/
}
.calendar-categories__toggle-button:hover, .calendar-categories__toggle-button:focus {
  color: white;
}
.calendar-categories__fieldset {
  /* --- Calendar Layout Styles --- */
  /*border-width: 0 0.063rem 0.063rem 0.063rem;
  border-style: solid;*/
  margin: 0;
  padding: 0;
  /* --- */
  /*border-color: lighten($pms-432-c, 60%);*/
  border: none;
}
.calendar-categories__list {
  /* --- Calendar Layout Styles --- */
  /*@include flexbox;
  @include flex-wrap(wrap);*/
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem 0.25rem;
  /* --- */
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(44, 42, 41, 0.2);
}
.calendar-categories__list.is-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.50em) {
      width: calc(100% / 2);
  }

  @media screen and (min-width: 60em) {
      width: calc(100% / 3);
  }*/
  /* --- */
}
.calendar-category__label {
  padding: 0.5rem 0.75rem;
  display: inline-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: 3px 0.063rem 0.063rem 0.063rem;
  border-style: solid;
  /* --- */
  /*border-color: lighten($pms-432-c, 65%);*/
  border-color: #eceae8;
  border-top-color: #9ABEAA;
  /*background-color: lighten($pms-432-c, 75%);*/
  page-break-inside: avoid;
  break-inside: avoid;
}
.calendar__day--today .calendar-event {
  border-top-color: #EAAA00;
}
.calendar__day--today .calendar-event--passed {
  border-top-color: #eceae8;
}
.calendar__day--passed .calendar-event {
  border-top-color: #eceae8;
}
@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: lighten($pms-432-c, 12.5%);*/
  /*color: #FFF;*/
  /*background-color: lighten($pms-warm-gray-3, 25%);*/
  /*background-color: white;*/
  /*background-color: lighten($pms-558-c, 20%);*/
  /*border-bottom: 1px solid lighten($pms-warm-gray-3, 20%);*/
  /*border-left: 1px solid lighten($pms-warm-gray-3, 20%);
  border-right: 1px solid lighten($pms-warm-gray-3, 20%);*/
}
@media screen {
  .calendar-event__category {
    box-shadow: 0 1rem 2rem -0.75rem rgba(44, 42, 41, 0.1);
  }
}
@media print {
  .calendar-event__category {
    border-bottom: 1px solid rgba(44, 42, 41, 0.1);
  }
}
.calendar-event--passed .calendar-event__category {
  /*background-color: lighten($pms-432-c, 30%);*/
  /*background-color: lighten($pms-warm-gray-3, 20%);*/
}
.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 {
  /* --- Calendar Layout Styles --- */
  padding: 0 1rem;
  margin: 0.25rem 0 0.5rem 0;
  /* --- */
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
}
.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;
  }
}
@media print {
  .calendar-event__name-link:not([href^=http])::after {
    content: "nursing.wvu.edu" attr(href);
  }
  .calendar-event__name-link[href^=http]::after {
    content: attr(href);
  }
  .calendar-event__name-link::after {
    display: block;
    font-size: 1rem;
    font-weight: normal;
    text-decoration: underline;
  }
}
.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;
  /* --- */
}

/*	CALENDAR EVENT PAGE
	===================
	Styles directly related to the Calendar Event template.

	See also: _components.calendar.scss.

	```
	<div class="layout-container event-page">

        <main class="event-page__main h-event vevent">
            <h1 class="page-title event-page__name p-name summary">2017 Van Liere Research Day</h1>

            <div class="event-page__meta">
                <div class="widget">
                    <h2 class="widget__heading">Date and Time</h2>

                    <p><time class="dt-start dtstart" datetime="2016-11-09T19:00:00.0000000-05:00">November 9 2016 at 7:00 PM</time> to <time class="dt-end dtend" datetime="2016-11-09T20:00:00.0000000-05:00">8:00 PM</time></p>

                    <h2 class="widget__heading">Locations</h2>

                    <div class="event-page__location event-location p-location location h-card vcard">
                        <span class="event-location__name p-name fn">Greenbrier Room</span>
                        <span class="event-location__street-address p-street-address street-address"></span>
                    </div>
                </div>
            </div>

            <div class="event-page__primary">
                <img src="{…}" alt="" class="event-page__image">

                <div class="event-page__description p-description description">
                    {…}
                </div>

                <h2>Contact</h2>

                <p class="event-page__contact event-contact h-card vcard">
                    <span class="event-contact__name p-name fn">Holly Legleiter</span>
                    <br><span class="event-contact__tel p-tel tel">304-293-7207</span>
                    <br><span class="event-contact__email"><a href="mailto:hlegleiter@hsc.wvu.edu" class="u-email email">hlegleiter@hsc.wvu.edu</a></span>
                </p>

                <h2>Categories</h2>

                <ul class="event-page__categories">
                    <li class="event-page__category p-category category">Graduate Education &amp; Life</li>
                    <li class="event-page__category p-category category">HSC</li>
                    <li class="event-page__category p-category category">Research</li>
                </ul>
            </div>
        </main>
    </div>
	```
*/
.event-page {
  /*&__categories {}

  &__category {}*/
}
.event-page__main {
  margin-bottom: 3rem;
  padding-top: 1rem;
}
@media screen and (min-width: 60em) {
  .event-page__main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row-reverse wrap;
    -moz-flex-flow: row-reverse wrap;
    -ms-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap;
  }
  .event-page__name {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .event-page__meta {
    /*@include flex(30%);*/
    width: 30%;
  }
  .event-page__primary {
    /*@include flex(70%);*/
    width: 70%;
    padding-right: 3rem;
  }
}
.event-page__location {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.event-page__image {
  margin-bottom: 1.5rem;
}

.event-contact {
  line-height: 1.4;
}
.event-contact__name {
  font-weight: bold;
}

@keyframes slide-down {
  from {
    opacity: 0;
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
#content, .wvu-map--overflow-hidden {
  overflow: hidden;
}

.wvu-map__module-container {
  max-width: 75rem;
  margin: 0 auto;
  overflow: visible;
  -webkit-flex: none;
  flex: none;
}
@media screen and (min-width: 800px) {
  .wvu-map__module-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;
  }
}
.layout-container .wvu-map__module-container {
  width: 100%;
}
@media screen and (min-width: 500px) {
  .layout-container .wvu-map__module-container {
    width: calc(100% - 2rem);
  }
}
.wvu-map__module-container .wvu-map__county, .wvu-map__module-container .wvu-map__county-link {
  -webkit-animation: slide-down 0.75s both 0.25s;
  animation: slide-down 0.75s both 0.25s;
}
.wvu-map__module-container .wvu-map__county:nth-child(1), .wvu-map__module-container .wvu-map__county-link:nth-child(1) {
  -webkit-animation-delay: 0.175s;
  animation-delay: 0.175s;
}
.wvu-map__module-container .wvu-map__county:nth-child(2), .wvu-map__module-container .wvu-map__county-link:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.wvu-map__module-container .wvu-map__county:nth-child(3), .wvu-map__module-container .wvu-map__county-link:nth-child(3) {
  -webkit-animation-delay: 0.2125s;
  animation-delay: 0.2125s;
}
.wvu-map__module-container .wvu-map__county:nth-child(4), .wvu-map__module-container .wvu-map__county-link:nth-child(4) {
  -webkit-animation-delay: 0.225s;
  animation-delay: 0.225s;
}
.wvu-map__module-container .wvu-map__county:nth-child(5), .wvu-map__module-container .wvu-map__county-link:nth-child(5) {
  -webkit-animation-delay: 0.2375s;
  animation-delay: 0.2375s;
}
.wvu-map__module-container .wvu-map__county:nth-child(6), .wvu-map__module-container .wvu-map__county-link:nth-child(6) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.wvu-map__module-container .wvu-map__county:nth-child(7), .wvu-map__module-container .wvu-map__county-link:nth-child(7) {
  -webkit-animation-delay: 0.2625s;
  animation-delay: 0.2625s;
}
.wvu-map__module-container .wvu-map__county:nth-child(8), .wvu-map__module-container .wvu-map__county-link:nth-child(8) {
  -webkit-animation-delay: 0.275s;
  animation-delay: 0.275s;
}
.wvu-map__module-container .wvu-map__county:nth-child(9), .wvu-map__module-container .wvu-map__county-link:nth-child(9) {
  -webkit-animation-delay: 0.2875s;
  animation-delay: 0.2875s;
}
.wvu-map__module-container .wvu-map__county:nth-child(10), .wvu-map__module-container .wvu-map__county-link:nth-child(10) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.wvu-map__module-container .wvu-map__county:nth-child(11), .wvu-map__module-container .wvu-map__county-link:nth-child(11) {
  -webkit-animation-delay: 0.3125s;
  animation-delay: 0.3125s;
}
.wvu-map__module-container .wvu-map__county:nth-child(12), .wvu-map__module-container .wvu-map__county-link:nth-child(12) {
  -webkit-animation-delay: 0.325s;
  animation-delay: 0.325s;
}
.wvu-map__module-container .wvu-map__county:nth-child(13), .wvu-map__module-container .wvu-map__county-link:nth-child(13) {
  -webkit-animation-delay: 0.3375s;
  animation-delay: 0.3375s;
}
.wvu-map__module-container .wvu-map__county:nth-child(14), .wvu-map__module-container .wvu-map__county-link:nth-child(14) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.wvu-map__module-container .wvu-map__county:nth-child(15), .wvu-map__module-container .wvu-map__county-link:nth-child(15) {
  -webkit-animation-delay: 0.3625s;
  animation-delay: 0.3625s;
}
.wvu-map__module-container .wvu-map__county:nth-child(16), .wvu-map__module-container .wvu-map__county-link:nth-child(16) {
  -webkit-animation-delay: 0.375s;
  animation-delay: 0.375s;
}
.wvu-map__module-container .wvu-map__county:nth-child(17), .wvu-map__module-container .wvu-map__county-link:nth-child(17) {
  -webkit-animation-delay: 0.3875s;
  animation-delay: 0.3875s;
}
.wvu-map__module-container .wvu-map__county:nth-child(18), .wvu-map__module-container .wvu-map__county-link:nth-child(18) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.wvu-map__module-container .wvu-map__county:nth-child(19), .wvu-map__module-container .wvu-map__county-link:nth-child(19) {
  -webkit-animation-delay: 0.4125s;
  animation-delay: 0.4125s;
}
.wvu-map__module-container .wvu-map__county:nth-child(20), .wvu-map__module-container .wvu-map__county-link:nth-child(20) {
  -webkit-animation-delay: 0.425s;
  animation-delay: 0.425s;
}
.wvu-map__module-container .wvu-map__county:nth-child(21), .wvu-map__module-container .wvu-map__county-link:nth-child(21) {
  -webkit-animation-delay: 0.4375s;
  animation-delay: 0.4375s;
}
.wvu-map__module-container .wvu-map__county:nth-child(22), .wvu-map__module-container .wvu-map__county-link:nth-child(22) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.wvu-map__module-container .wvu-map__county:nth-child(23), .wvu-map__module-container .wvu-map__county-link:nth-child(23) {
  -webkit-animation-delay: 0.4625s;
  animation-delay: 0.4625s;
}
.wvu-map__module-container .wvu-map__county:nth-child(24), .wvu-map__module-container .wvu-map__county-link:nth-child(24) {
  -webkit-animation-delay: 0.475s;
  animation-delay: 0.475s;
}
.wvu-map__module-container .wvu-map__county:nth-child(25), .wvu-map__module-container .wvu-map__county-link:nth-child(25) {
  -webkit-animation-delay: 0.4875s;
  animation-delay: 0.4875s;
}
.wvu-map__module-container .wvu-map__county:nth-child(26), .wvu-map__module-container .wvu-map__county-link:nth-child(26) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.wvu-map__module-container .wvu-map__county:nth-child(27), .wvu-map__module-container .wvu-map__county-link:nth-child(27) {
  -webkit-animation-delay: 0.5125s;
  animation-delay: 0.5125s;
}
.wvu-map__module-container .wvu-map__county:nth-child(28), .wvu-map__module-container .wvu-map__county-link:nth-child(28) {
  -webkit-animation-delay: 0.525s;
  animation-delay: 0.525s;
}
.wvu-map__module-container .wvu-map__county:nth-child(29), .wvu-map__module-container .wvu-map__county-link:nth-child(29) {
  -webkit-animation-delay: 0.5375s;
  animation-delay: 0.5375s;
}
.wvu-map__module-container .wvu-map__county:nth-child(30), .wvu-map__module-container .wvu-map__county-link:nth-child(30) {
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.wvu-map__module-container .wvu-map__county:nth-child(31), .wvu-map__module-container .wvu-map__county-link:nth-child(31) {
  -webkit-animation-delay: 0.5625s;
  animation-delay: 0.5625s;
}
.wvu-map__module-container .wvu-map__county:nth-child(32), .wvu-map__module-container .wvu-map__county-link:nth-child(32) {
  -webkit-animation-delay: 0.575s;
  animation-delay: 0.575s;
}
.wvu-map__module-container .wvu-map__county:nth-child(33), .wvu-map__module-container .wvu-map__county-link:nth-child(33) {
  -webkit-animation-delay: 0.5875s;
  animation-delay: 0.5875s;
}
.wvu-map__module-container .wvu-map__county:nth-child(34), .wvu-map__module-container .wvu-map__county-link:nth-child(34) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.wvu-map__module-container .wvu-map__county:nth-child(35), .wvu-map__module-container .wvu-map__county-link:nth-child(35) {
  -webkit-animation-delay: 0.6125s;
  animation-delay: 0.6125s;
}
.wvu-map__module-container .wvu-map__county:nth-child(36), .wvu-map__module-container .wvu-map__county-link:nth-child(36) {
  -webkit-animation-delay: 0.625s;
  animation-delay: 0.625s;
}
.wvu-map__module-container .wvu-map__county:nth-child(37), .wvu-map__module-container .wvu-map__county-link:nth-child(37) {
  -webkit-animation-delay: 0.6375s;
  animation-delay: 0.6375s;
}
.wvu-map__module-container .wvu-map__county:nth-child(38), .wvu-map__module-container .wvu-map__county-link:nth-child(38) {
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.wvu-map__module-container .wvu-map__county:nth-child(39), .wvu-map__module-container .wvu-map__county-link:nth-child(39) {
  -webkit-animation-delay: 0.6625s;
  animation-delay: 0.6625s;
}
.wvu-map__module-container .wvu-map__county:nth-child(40), .wvu-map__module-container .wvu-map__county-link:nth-child(40) {
  -webkit-animation-delay: 0.675s;
  animation-delay: 0.675s;
}
.wvu-map__module-container .wvu-map__county:nth-child(41), .wvu-map__module-container .wvu-map__county-link:nth-child(41) {
  -webkit-animation-delay: 0.6875s;
  animation-delay: 0.6875s;
}
.wvu-map__module-container .wvu-map__county:nth-child(42), .wvu-map__module-container .wvu-map__county-link:nth-child(42) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.wvu-map__module-container .wvu-map__county:nth-child(43), .wvu-map__module-container .wvu-map__county-link:nth-child(43) {
  -webkit-animation-delay: 0.7125s;
  animation-delay: 0.7125s;
}
.wvu-map__module-container .wvu-map__county:nth-child(44), .wvu-map__module-container .wvu-map__county-link:nth-child(44) {
  -webkit-animation-delay: 0.725s;
  animation-delay: 0.725s;
}
.wvu-map__module-container .wvu-map__county:nth-child(45), .wvu-map__module-container .wvu-map__county-link:nth-child(45) {
  -webkit-animation-delay: 0.7375s;
  animation-delay: 0.7375s;
}
.wvu-map__module-container .wvu-map__county:nth-child(46), .wvu-map__module-container .wvu-map__county-link:nth-child(46) {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.wvu-map__module-container .wvu-map__county:nth-child(47), .wvu-map__module-container .wvu-map__county-link:nth-child(47) {
  -webkit-animation-delay: 0.7625s;
  animation-delay: 0.7625s;
}
.wvu-map__module-container .wvu-map__county:nth-child(48), .wvu-map__module-container .wvu-map__county-link:nth-child(48) {
  -webkit-animation-delay: 0.775s;
  animation-delay: 0.775s;
}
.wvu-map__module-container .wvu-map__county:nth-child(49), .wvu-map__module-container .wvu-map__county-link:nth-child(49) {
  -webkit-animation-delay: 0.7875s;
  animation-delay: 0.7875s;
}
.wvu-map__module-container .wvu-map__county:nth-child(50), .wvu-map__module-container .wvu-map__county-link:nth-child(50) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.wvu-map__module-container .wvu-map__county:nth-child(51), .wvu-map__module-container .wvu-map__county-link:nth-child(51) {
  -webkit-animation-delay: 0.8125s;
  animation-delay: 0.8125s;
}
.wvu-map__module-container .wvu-map__county:nth-child(52), .wvu-map__module-container .wvu-map__county-link:nth-child(52) {
  -webkit-animation-delay: 0.825s;
  animation-delay: 0.825s;
}
.wvu-map__module-container .wvu-map__county:nth-child(53), .wvu-map__module-container .wvu-map__county-link:nth-child(53) {
  -webkit-animation-delay: 0.8375s;
  animation-delay: 0.8375s;
}
.wvu-map__module-container .wvu-map__county:nth-child(54), .wvu-map__module-container .wvu-map__county-link:nth-child(54) {
  -webkit-animation-delay: 0.85s;
  animation-delay: 0.85s;
}
.wvu-map__module-container .wvu-map__county:nth-child(55), .wvu-map__module-container .wvu-map__county-link:nth-child(55) {
  -webkit-animation-delay: 0.8625s;
  animation-delay: 0.8625s;
}
.wvu-map__module-container .wvu-map__county:nth-child(56), .wvu-map__module-container .wvu-map__county-link:nth-child(56) {
  -webkit-animation-delay: 0.875s;
  animation-delay: 0.875s;
}
.wvu-map__module-container .wvu-map__county:nth-child(57), .wvu-map__module-container .wvu-map__county-link:nth-child(57) {
  -webkit-animation-delay: 0.8875s;
  animation-delay: 0.8875s;
}
.wvu-map__module-container .wvu-map__county:nth-child(58), .wvu-map__module-container .wvu-map__county-link:nth-child(58) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.wvu-map__module-container .wvu-map__county:nth-child(59), .wvu-map__module-container .wvu-map__county-link:nth-child(59) {
  -webkit-animation-delay: 0.9125s;
  animation-delay: 0.9125s;
}
.wvu-map__module-container .wvu-map__county:nth-child(60), .wvu-map__module-container .wvu-map__county-link:nth-child(60) {
  -webkit-animation-delay: 0.925s;
  animation-delay: 0.925s;
}
.wvu-map__module-container .wvu-map__county:nth-child(61), .wvu-map__module-container .wvu-map__county-link:nth-child(61) {
  -webkit-animation-delay: 0.9375s;
  animation-delay: 0.9375s;
}
.wvu-map__module-container .wvu-map__county:nth-child(62), .wvu-map__module-container .wvu-map__county-link:nth-child(62) {
  -webkit-animation-delay: 0.95s;
  animation-delay: 0.95s;
}
.wvu-map__module-container .wvu-map__county:nth-child(63), .wvu-map__module-container .wvu-map__county-link:nth-child(63) {
  -webkit-animation-delay: 0.9625s;
  animation-delay: 0.9625s;
}
.wvu-map__module-container .wvu-map__county:nth-child(64), .wvu-map__module-container .wvu-map__county-link:nth-child(64) {
  -webkit-animation-delay: 0.975s;
  animation-delay: 0.975s;
}
.wvu-map__module-container .wvu-map__county:nth-child(65), .wvu-map__module-container .wvu-map__county-link:nth-child(65) {
  -webkit-animation-delay: 0.9875s;
  animation-delay: 0.9875s;
}
.wvu-map__module-container .wvu-map__county:nth-child(66), .wvu-map__module-container .wvu-map__county-link:nth-child(66) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.wvu-map__module-container .wvu-map__county:nth-child(67), .wvu-map__module-container .wvu-map__county-link:nth-child(67) {
  -webkit-animation-delay: 1.0125s;
  animation-delay: 1.0125s;
}
.wvu-map__module-container .wvu-map__county:nth-child(68), .wvu-map__module-container .wvu-map__county-link:nth-child(68) {
  -webkit-animation-delay: 1.025s;
  animation-delay: 1.025s;
}

.skip-map {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  white-space: nowrap;
}
.skip-map:focus {
  clip: unset;
  top: 0;
  left: 0;
  padding: 1em;
  height: auto;
  width: auto;
  overflow: auto;
  z-index: 1000;
  background: white;
  background-image: linear-gradient(123.75deg, rgba(154, 190, 170, 0.05), rgba(154, 190, 170, 0.05) 20%, rgba(154, 190, 170, 0.1) 20%, rgba(154, 190, 170, 0.1) 80%, rgba(154, 190, 170, 0.15) 80%);
  color: #0033A0;
  outline-offset: -2px;
  white-space: normal;
}

#wvu-map__svg {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

.wvu-map {
  margin: 1rem auto;
  max-width: 750px;
  width: 100%;
  padding-right: 1rem;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wvu-map {
    float: left;
  }
}
@media screen and (min-width: 800px) {
  .wvu-map {
    max-width: 60rem;
    width: 70%;
  }
}
.wvu-map a:focus {
  outline: none;
}

.wvu-map__svg-container {
  width: 100%;
  height: 0;
  padding-bottom: 84.62%;
  position: relative;
}

.wvu-map__county {
  fill: #f3f4f5;
  stroke: #2C2A29;
  -webkit-transition: fill 0.125s;
  transition: fill 0.125s;
  /**/
  pointer-events: none;
  /**/
  cursor: default;
  /**/
  /**/
}
.wvu-map__county-link:hover .has-info, .wvu-map__county-link:focus .has-info {
  fill: #c9dcd1;
}
.wvu-map__county-link .has-info {
  fill: #9ABEAA;
}
.wvu-map__county-link.selected .has-info {
  fill: #EAAA00;
}
@media screen and (min-width: 42.5rem) {
  .wvu-map__county {
    /**/
    pointer-events: auto;
    /**/
    cursor: auto;
    /**/
  }
}

.wvu-map__tooltip {
  background: linear-gradient(45deg, #005EB8 33%, #002855 100%);
  background: rgba(0, 40, 85, 0.9);
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
  color: white;
  text-shadow: 1px 1px 1px #2C2A29;
  font-size: 14px;
  text-align: center;
  /*font-family: $helvetica-neue-roman;*/
  font-weight: bold;
  padding: 10px;
  /**/
  display: none;
  /**/
  margin: 0 auto;
  /**/
  pointer-events: none;
  /**/
  position: absolute;
  /**/
  z-index: 200;
  /**/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  /**/
  /**/
  /**/
  /**/
}
.wvu-map__tooltip.active {
  /**/
  display: block;
  /**/
}
.wvu-map__tooltip:after {
  /**/
  border-left: 10px solid transparent;
  /**/
  border-right: 10px solid transparent;
  /**/
  border-top: 10px solid rgba(0, 40, 85, 0.9);
  /**/
  content: "";
  /**/
  height: 0;
  /**/
  left: 50%;
  /**/
  margin-left: -10px;
  /**/
  position: absolute;
  /**/
  top: 100%;
  /**/
  width: 0;
  /**/
}
.wvu-map__tooltip--flip::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-bottom: 10px solid rgba(0, 40, 85, 0.9);
  border-right: 10px solid transparent;
  border-top: none;
  border-left: 10px solid transparent;
}

.wvu-map__county-list-container {
  width: 100%;
  height: 100%;
  padding: 0;
  /*font-family: $helvetica-neue-roman;*/
}
@media screen and (min-width: 800px) {
  .wvu-map__county-list-container {
    width: 30%;
    height: 100%;
    overflow-y: auto;
    max-height: 600px;
    padding-right: 0.5rem;
    -webkit-overflow-scrolling: touch;
  }
}

.wvu-map__county-list {
  line-height: 1.5;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 0.75rem;
}
.wvu-map__county-list-item {
  position: relative;
  overflow: hidden;
  margin-bottom: 0.175rem;
}
.wvu-map__county-list-item:last-child {
  border-bottom: none;
}
.wvu-map__county-list-item-link {
  background: white;
  background-image: linear-gradient(123.75deg, rgba(154, 190, 170, 0.05), rgba(154, 190, 170, 0.05) 20%, rgba(154, 190, 170, 0.1) 20%, rgba(154, 190, 170, 0.1) 80%, rgba(154, 190, 170, 0.15) 80%);
  color: #0033A0;
  text-shadow: none;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin-bottom: 0;
  padding: 1rem;
  /**/
}
.wvu-map__county-list-item-link:hover, .wvu-map__county-list-item-link:focus, .wvu-map__county-list-item-link.active {
  color: #0033A0;
}
.wvu-map__county-list-item-link:hover:before, .wvu-map__county-list-item-link:focus:before, .wvu-map__county-list-item-link.active:before {
  opacity: 0.85;
}
.wvu-map__county-list-item-link.selected:before, .wvu-map__county-list-item-link.selected:hover:before {
  background: #EAAA00;
  background-image: linear-gradient(to right, rgb(47, 149, 177) 0%, #9BD3DD 50%);
  opacity: 0.85;
}
.wvu-map__county-list-item-link.selected .sprite, .wvu-map__county-list-item-link.selected:hover .sprite {
  fill: rgba(255, 255, 255, 0.5);
}
.wvu-map__county-list-item-link:before {
  background: #e8f0eb;
  background-image: linear-gradient(to right, #c9dcd1 33%, #e8f0eb 100%);
  /**/
  position: absolute;
  /**/
  content: "";
  /**/
  width: 100%;
  /**/
  height: 100%;
  /**/
  top: 0;
  /**/
  left: 0;
  /**/
  opacity: 0;
  /**/
  /**/
  -webkit-transition: opacity 0.25s;
  /**/
  transition: opacity 0.25s;
}
.wvu-map__county-list-item-link span {
  /**/
  position: relative;
  /**/
  z-index: 2;
  /**/
}
.wvu-map__county-list-item-link .sprite {
  fill: #e8f0eb;
  /**/
  display: inline-block;
  /**/
  width: 200px;
  /**/
  height: 150px;
  /**/
  position: absolute;
  /**/
  left: -5rem;
  /**/
  top: -3rem;
  /**/
  z-index: 1;
  /**/
  /**/
  transition: fill 0.125s;
  /**/
  -webkit-transition: fill 0.125s;
}

.wvu-map__popover-outer-container {
  background: rgba(44, 42, 41, 0.85);
  /**/
  visibility: hidden;
  /**/
  position: fixed;
  /**/
  top: 0;
  /**/
  left: 0;
  /**/
  width: 100%;
  /**/
  height: 100%;
  /**/
  z-index: 999;
  /**/
  opacity: 0;
  /**/
  /**/
  -webkit-transition: opacity 0.125s, visibility 0.125s, background 0.125s;
  /**/
  transition: opacity 0.125s, visibility 0.125s, background 0.125s;
  /**/
  -webkit-transition-delay: 0.75s;
  /**/
  transition-delay: 0.75s;
  /**/
  /**/
}
.is-visible .wvu-map__popover-outer-container {
  /**/
  visibility: visible;
  /**/
  opacity: 1;
  /**/
  -webkit-transition-delay: 0s;
  /**/
  transition-delay: 0s;
  /**/
}

.wvu-map__popover-inner-container {
  /*font-family: $helvetica-neue-roman;*/
  background: none;
  z-index: 999;
  opacity: 0;
  transition: opacity 0.125s, visibility 0.125s;
  -webkit-transition: opacity 0.125s, visibility 0.125s;
  transition-delay: 0.75s;
  -webkit-transition-delay: 0.75s;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 100;
  margin: 0;
  border: none;
  padding: 0;
}
.is-visible .wvu-map__popover-inner-container {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
@media screen and (min-width: 500px) {
  .wvu-map__popover-inner-container {
    padding: 0.5rem 1rem;
  }
}
.wvu-map__popover-inner-container .layout-container {
  width: 100%;
}
@media screen and (min-width: 500px) {
  .wvu-map__popover-inner-container .layout-container {
    width: calc(100% - 2rem);
  }
}

.wvu-map__popover {
  background: white;
  background-image: linear-gradient(123.75deg, rgba(154, 190, 170, 0.05), rgba(154, 190, 170, 0.05) 20%, rgba(154, 190, 170, 0.1) 20%, rgba(154, 190, 170, 0.1) 80%, rgba(154, 190, 170, 0.15) 80%);
  box-shadow: 0 1rem 1rem -0.75rem rgba(44, 42, 41, 0.5);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: transform 0.25s, opacity 0.125s;
  transition: transform 0.25s, opacity 0.125s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  /**/
  margin: 0 auto;
  /**/
  position: relative;
  /**/
  top: auto;
  /**/
  padding: 0;
  /**/
  height: 100vh;
  /**/
  overflow-y: scroll;
  /**/
  overflow-x: hidden;
  /**/
  opacity: 0;
  /**/
  -webkit-overflow-scrolling: touch;
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
}
.is-visible .wvu-map__popover {
  /**/
  -webkit-transform: translateY(0);
  /**/
  transform: translateY(0);
  /**/
  -webkit-transition-delay: 0;
  /**/
  transition-delay: 0;
  /**/
  opacity: 1;
  /**/
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wvu-map__popover {
    /**/
    top: 10%;
    /**/
    left: -7%;
    /**/
    /**/
    /**/
  }
  .is-visible .wvu-map__popover {
    /**/
    -webkit-transform: translateY(-20%);
    /**/
    -ms-transform: translateY(-20%);
    /**/
    transform: translateY(-20%);
    /**/
  }
}
@media screen and (min-width: 500px) {
  .wvu-map__popover {
    /**/
    max-height: none;
    /**/
    height: auto;
    /**/
    overflow-y: hidden;
  }
}
@media screen and (min-width: 1024px) {
  .wvu-map__popover {
    /**/
    width: 70%;
  }
}
.wvu-map__popover:before {
  box-shadow: -0.75rem 0 0.75rem -0.75rem rgba(0, 0, 0, 0.25);
  /**/
  /**/
  position: absolute;
  /**/
  content: none;
  /**/
  width: 2rem;
  /**/
  height: 80%;
  /**/
  top: 10%;
  /**/
  left: 5rem;
  /**/
  z-index: 400;
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
}
@media screen and (min-width: 800px) {
  .wvu-map__popover:before {
    /**/
    content: "";
  }
}
@media screen and (min-width: 1024px) {
  .wvu-map__popover:before {
    /**/
    left: 7rem;
  }
}
@media screen and (min-width: 1300px) {
  .wvu-map__popover:before {
    /**/
    left: 9rem;
  }
}
.wvu-map__popover-text {
  text-shadow: 0 1px 0 rgba(44, 42, 41, 0.6);
  padding: 1rem 0.5rem;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
  /**/
  position: relative;
  /**/
  z-index: 1;
  /**/
  opacity: 0;
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
  /*.county-page-title, h3, h4, h5 {
      color: $popover-headers-color;
      margin: 1rem 0;
  }

  // Individual popover header styles
     .county-page-title {
          color: $popover-h2-color;
          font-size: 2rem;
          width: calc(100% - 40px); // Prevents .county-page-title from covering up the close button on small screens

          &:focus {
              outline: none; }
      }

      h3 {
          color: $popover-h3-color; }

      h4 {
          color: $popover-h4-color; }

      h5 {
          color: $popover-h5-color; }

      p {
          color: $popover-text-color;
          //font-family: $helvetica-neue-roman;
          line-height: 1.5; }*/
}
.is-visible .wvu-map__popover-text {
  opacity: 1;
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
}
@media screen and (min-width: 500px) {
  .wvu-map__popover-text {
    /**/
    overflow-y: auto;
    /**/
    max-height: 600px;
    /**/
    padding: 2rem;
  }
}
@media screen and (min-width: 800px) {
  .wvu-map__popover-text {
    /**/
    padding: 4rem 8rem 4rem 8rem;
  }
}
@media screen and (min-width: 1024px) {
  .wvu-map__popover-text {
    /**/
    padding: 6rem 10rem 6rem 12rem;
  }
}
@media screen and (min-width: 1300px) {
  .wvu-map__popover-text {
    /**/
    padding: 6rem 10rem 6rem 14rem;
  }
}
.wvu-map__popover .wvu-map__popover-close {
  fill: #2C2A29;
  -webkit-transition: transform 0.1s;
  transition: transform 0.1s;
  -webkit-transform: scale(1);
  transform: scale(1);
  /**/
  position: absolute;
  /**/
  right: 0;
  /**/
  top: 0;
  /**/
  width: 50px;
  /**/
  height: 50px;
  /**/
  z-index: 2;
  /**/
  margin-top: 5px;
  /**/
  /**/
  /**/
  /**/
}
.wvu-map__popover .wvu-map__popover-close::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #EAAA00;
  transition: transform 0.1s;
  transform: scale(0);
}
.wvu-map__popover .wvu-map__popover-close:hover, .wvu-map__popover .wvu-map__popover-close:focus {
  /*outline: none;*/
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
}
.wvu-map__popover .wvu-map__popover-close:hover::after, .wvu-map__popover .wvu-map__popover-close:focus::after {
  transform: scale(0.9);
}
@media screen and (min-width: 500px) {
  .wvu-map__popover .wvu-map__popover-close {
    /**/
    margin-top: 0;
    /**/
    right: 1.5rem;
    /**/
    top: 1.5rem;
    /**/
  }
}
.wvu-map__popover .wvu-map__popover-close svg {
  /**/
  width: 100%;
  /**/
  height: 100%;
  /**/
  padding: 25%;
  /**/
}

.wvu-map__county-illustration-outer-container {
  fill: rgba(185, 210, 196, 0.7);
  -webkit-transform: translate(10%, -30%);
  transform: translate(10%, -30%);
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  /**/
  position: absolute;
  /**/
  left: auto;
  /**/
  right: 0;
  /**/
  top: 0;
  /**/
  width: 60%;
  /**/
  height: 500px;
  /**/
  opacity: 0;
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
}
@media screen and (min-width: 500px) {
  .wvu-map__county-illustration-outer-container {
    /**/
    right: auto;
    /**/
    left: 0;
    /**/
    width: 30%;
    /**/
    height: 100%;
    /**/
    -webkit-transform: translate(-25%, -20%);
    /**/
    transform: translate(-25%, -20%);
    /**/
  }
}
.wvu-map__county-illustration-outer-container svg {
  /**/
  width: 100%;
  /**/
  height: 100%;
  /**/
}
.is-visible .wvu-map__county-illustration-outer-container {
  /**/
  opacity: 0.675;
  /**/
  -webkit-transition-delay: 1s;
  /**/
  transition-delay: 1s;
  /**/
}
.wvu-map__county-illustration-inner-container {
  height: 100%;
  width: 100%;
}

.wvu-map__popover {
  border-top: 0.25rem solid #EAAA00;
}

.is-visible {
  overflow-y: hidden;
}

/*	SON FOOTER
	==========

	```
	<div class="son-footer">
		<div class="layout-container">
			<nav class="son-footer__navigation">
				<ul class="son-footer__navigation-list">
					<li class="son-footer__nav-item"><a href="{…}">Students</a></li>
						{…}
				</ul>
			</nav>

			<address class="son-footer__address">
				West Virginia University School of Nursing<br />
				1 Medical Center Drive<br />
				P.O. Box 9600<br />
				Morgantown, WV 26506-9600
			</address>
		</div>
	</div>
	```
*/
.son-footer {
  padding: 4rem 0;
}
@media screen {
  .son-footer {
    background-image: linear-gradient(180deg, rgba(44, 42, 41, 0.05), rgba(44, 42, 41, 0) 3rem);
    background-color: #f8f7f6;
  }
}
@media print {
  .son-footer {
    display: none;
  }
}
@media screen and (min-width: 25em) {
  .son-footer .layout-container {
    display: grid;
    grid-template-columns: 1fr auto;
  }
}
.son-footer a {
  font-weight: bold;
  text-decoration: none;
}
.son-footer__navigation {
  margin-bottom: 1.5rem;
}
@media print {
  .son-footer__navigation {
    display: none;
  }
}
.son-footer__navigation-list {
  columns: 3 14rem;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.son-footer__navigation-item {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  padding-right: 0.5rem;
}
.son-footer__navigation-link {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  display: inline-block;
  padding: 0.25rem 0;
}
.son-footer__address {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  column-span: all;
  /*margin-top: 1.5rem;*/
  line-height: 1.6;
  font-style: normal;
}
@media screen and (min-width: 48em) {
  .son-footer__address {
    column-span: unset;
  }
}

.safety-footer {
  padding-block: var(--safety-footer-padding-top, var(--safety-footer-padding-y, 2rem)) var(--safety-footer-padding-bottom, var(--safety-footer-padding-y, 2rem));
  background-color: var(--safety-footer-bg-color);
  color: var(--safety-footer-text-color, #1C2B39);
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 0.875rem;
}
.safety-footer__card {
  padding: 1.5rem;
  border-radius: 0.25rem;
  background-color: var(--safety-footer-card-bg-color, #F7F7F7);
}
.safety-footer__heading, .safety-footer__text {
  margin-top: 0;
  font-family: inherit;
}
.safety-footer__heading {
  margin-bottom: 0.25em;
  color: var(--safety-footer-heading-color, #002855);
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.3;
}
.safety-footer__text, .safety-footer__links {
  font-size: inherit;
}
.safety-footer__links {
  display: flex;
  gap: 0.5rem 1rem;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}
.safety-footer__link {
  color: var(--safety-footer-link-color, #0062A3);
  transition-property: color;
  transition-duration: 0.25s;
}
.safety-footer__link:hover, .safety-footer__link:focus {
  color: var(--safety-footer-link-hover-color, #00497a);
}
.safety-footer__link:focus {
  outline-color: var(--safety-footer-link-outline-color, #BE3A34);
}

.wvu-footer {
  text-align: center;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  padding-left: 1rem;
  padding-right: 1rem;
  background: white;
  color: #002855;
}
@media screen and (min-width: 55em) {
  .wvu-footer {
    text-align: left;
  }
}

.wvu-footer a {
  color: #002855;
}

.wvu-footer-layout-container {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media screen and (min-width: 55em) {
  .wvu-footer-left,
  .wvu-footer-right {
    width: 50%;
  }
}

@media screen and (min-width: 55em) {
  .wvu-footer-right {
    float: right;
  }
}

@media screen and (min-width: 55em) {
  .wvu-footer-right .wvu-footer-navigation {
    text-align: right;
  }
}

.wvu-footer-nav-items {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0.75rem;
  font-size: 0.75rem;
}

.wvu-footer-nav-item {
  display: inline-block;
}

.wvu-footer-nav-item a {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  display: block;
}
@media screen and (min-width: 55em) {
  .wvu-footer-nav-item a {
    margin-left: 0.5rem;
    margin-right: 0;
  }
}

.wvu-footer-nav-item:first-child a {
  margin-left: 0;
}

.wvu-footer-social-buttons {
  position: relative;
  margin-bottom: 1rem;
}
@media screen and (min-width: 55em) {
  .wvu-footer-social-buttons {
    text-align: right;
    margin-bottom: 0;
  }
}

.wvu-footer-social-button {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  text-align: center;
  margin: 0 0.15rem;
}

@media screen and (min-width: 55em) {
  .wvu-footer-social-button:last-child {
    margin-right: 0;
  }
}

.wvu-footer-social-button .iconic {
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  color: white;
}
.wvu-footer-social-button .iconic * {
  fill: white;
  stroke: white;
}

.twitter-button {
  background: #55acee;
}

.facebook-button {
  background: #1877f2;
}

.youtube-button {
  background: #e52d27;
}

.wvu-footer-copyright {
  line-height: 1.6;
  font-size: 0.75rem;
  margin-top: 0;
  margin-bottom: 0;
}

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

Scss dependencies:
1. _settings.variables.scss
2. _tools.flexbox.scss */
.wvu-footer {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
  background: white;
  color: #2C2A29;
  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: #002855;
}
.wvu-footer a:hover, .wvu-footer a:focus {
  color: #005EB8;
}
.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;
}

/*	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;
}

@media screen and (min-width: 55em) {
  .full-bleed--welcome-week {
    padding-top: 6rem;
  }
}

.welcome-week-events {
  position: relative;
  padding: 0;
  overflow: hidden;
  color: white;
  background-color: black;
  text-align: center;
  /* Slashes */
}
@media screen and (min-width: 65em), print {
  .welcome-week-events {
    text-align: left;
  }
}
.welcome-week-events__heading {
  color: #EAAA00;
}
.welcome-week-events p {
  font-size: 1.4rem;
}
.welcome-week-events .layout-container {
  padding: 4rem 0;
}
@media screen {
  .welcome-week-events .layout-container {
    background-image: linear-gradient(123.75deg, black, black 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 65%), linear-gradient(90deg, rgba(0, 0, 0, 0) 75%, black), linear-gradient(180deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("../Images/welcomeweek2019/concert-crowd.jpg");
    background-size: auto, auto, auto, cover;
    background-position: center;
  }
}
@media screen and (min-width: 65em) {
  .welcome-week-events .layout-container {
    padding-right: 35rem;
    background-image: linear-gradient(123.75deg, black, black 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.01) 65%, rgba(0, 0, 0, 0.01) 75%, black), linear-gradient(90deg, rgba(0, 0, 0, 0.01) 75%, black), url("../Images/welcomeweek2019/concert-crowd.jpg");
    background-size: auto, auto, cover;
    background-position: center;
  }
}
@media print {
  .welcome-week-events .layout-container {
    padding: 0.2in 0;
  }
}
@media screen and (min-width: 65em) {
  .welcome-week-events::before {
    content: "";
    position: absolute;
    bottom: -3rem;
    right: 15.75%;
    display: block;
    width: 12rem;
    height: 12rem;
    background-image: linear-gradient(180deg, rgba(234, 170, 0, 0.7), #EAAA00);
    transform: skewX(-33.75deg);
  }
  .welcome-week-events::after {
    content: "";
    position: absolute;
    top: -3rem;
    left: 49.75%;
    z-index: 1;
    display: block;
    width: 9rem;
    height: 6rem;
    background-image: linear-gradient(180deg, #9ABEAA, rgba(154, 190, 170, 0.7));
    transform: skewX(-33.75deg);
    animation-direction: reverse;
    animation-fill-mode: forwards;
  }
  .welcome-week-events.prepare::before, .welcome-week-events.prepare::after {
    animation-name: slashSlide;
    animation-duration: 3s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    animation-play-state: paused;
  }
  .welcome-week-events.in-view::before, .welcome-week-events.in-view::after {
    animation-play-state: running;
  }
}

.welcome-week-morgantown {
  position: relative;
  padding: 6rem 0;
  color: white;
  background-color: #002855;
}
@media screen and (min-width: 55em) {
  .welcome-week-morgantown {
    padding-top: 10rem;
    padding-bottom: 8rem;
  }
}
.welcome-week-morgantown .layout-container {
  position: relative;
  z-index: 1;
}
.welcome-week-morgantown__video {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: screen;
  opacity: 0.2;
  transform: translateY(-50%);
}
.welcome-week-morgantown__video-control {
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.1);
}
.welcome-week-morgantown__video-control:hover, .welcome-week-morgantown__video-control:focus {
  color: white;
  background-color: #0033A0;
}
@media screen and (max-width: 55em) {
  .welcome-week-morgantown__video-control {
    display: none;
  }
}
@media screen and (min-width: 55em) {
  .welcome-week-morgantown__video-control {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.welcome-week-morgantown__video-control[hidden] {
  display: none;
}
.welcome-week-morgantown__video-control-icon {
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  fill: currentColor;
}
.welcome-week-morgantown__heading {
  color: white;
  font-size: 2.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 screen and (min-width: 35em) {
  .welcome-week-morgantown__heading {
    font-size: 4rem;
  }
}
.welcome-week-morgantown__heading-highlight {
  display: block;
  color: #EAAA00;
}
.welcome-week-morgantown p {
  max-width: 55ch;
  font-size: 1.4rem;
}

.welcome-week-find {
  font-size: 1.4rem;
}
@media screen {
  .welcome-week-find {
    background-image: linear-gradient(123.75deg, rgba(154, 190, 170, 0.05), rgba(154, 190, 170, 0.05) 20%, rgba(154, 190, 170, 0.1) 20%, rgba(154, 190, 170, 0.1) 80%, rgba(154, 190, 170, 0.15) 80%);
    background-size: auto;
    background-attachment: fixed;
  }
}
@media screen and (prefers-reduced-motion: reduce) {
  .welcome-week-find {
    background-attachment: scroll;
  }
}
.welcome-week-find p {
  max-width: 75ch;
}
.welcome-week-find__cards {
  position: relative;
  z-index: 1;
  margin-top: 3rem;
}
@media screen and (min-width: 55em) {
  .welcome-week-find__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: -6.5rem;
  }
}
.welcome-week-find__card {
  font-size: 1.2rem;
}
@media screen {
  .welcome-week-find__card {
    border-top-width: 0.25rem;
    border-top-style: solid;
    border-top-color: #EAAA00;
    box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  }
}
.welcome-week-find__card p {
  max-width: 45ch;
}
.welcome-week-find__card--has-sub-cards {
  padding: 0;
}
.welcome-week-find__card *:last-child {
  margin-bottom: 0;
}
.welcome-week-find__cards.prepare .welcome-week-find__card {
  animation-name: slideUpAndIn;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
  animation-fill-mode: backwards;
  animation-play-state: paused;
}
.welcome-week-find__cards.prepare .welcome-week-find__card:nth-child(1) {
  animation-delay: 0.1s;
}
.welcome-week-find__cards.prepare .welcome-week-find__card:nth-child(2) {
  animation-delay: 0.2s;
}
.welcome-week-find__cards.prepare .welcome-week-find__card:nth-child(3) {
  animation-delay: 0.3s;
}
.welcome-week-find__cards.in-view .welcome-week-find__card {
  animation-play-state: running;
}
.welcome-week-find__sub-card {
  padding: 1.5rem;
}
.welcome-week-find__sub-card + .welcome-week-find__sub-card {
  border-top-width: 0.0125rem;
  border-top-style: solid;
  border-top-color: rgba(44, 42, 41, 0.2);
}
.welcome-week-find__sub-card *:last-child {
  margin-bottom: 0;
}
.welcome-week-find__image {
  margin-top: 1.5rem;
  border-width: 0.0125rem;
  border-style: solid;
  border-color: rgba(44, 42, 41, 0.2);
}
.welcome-week-find__card-title {
  margin-top: 0;
  color: #002855;
}

.prt-status {
  width: 3rem;
}
@media screen and (min-width: 25em) {
  .prt-status {
    float: right;
    margin-top: 1.5rem;
    margin-left: 0.5rem;
  }
}
.prt-status--running {
  animation: prtRunning 2s linear infinite normal;
}

@keyframes prtRunning {
  35%, 55%, 75% {
    transform: rotate(0);
  }
  45% {
    transform: rotate(2.5deg);
  }
  65% {
    transform: rotate(-2.5deg);
  }
}
.welcome-week-resources {
  font-size: 1.4rem;
}
@media screen {
  .welcome-week-resources {
    background-image: linear-gradient(123.75deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.3) 80%, rgba(255, 255, 255, 0.5) 80%);
    background-color: #e1deda;
    background-attachment: fixed;
  }
}
@media screen and (prefers-reduced-motion: reduce) {
  .welcome-week-resources {
    background-attachment: scroll;
  }
}
.welcome-week-resources p {
  max-width: 75ch;
}
.welcome-week-resources__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(25ch, 1fr));
  grid-gap: 1.5rem;
  margin-top: 3rem;
  padding-left: 0;
  list-style-type: none;
}
@media screen and (min-width: 55em) {
  .welcome-week-resources__cards {
    margin-bottom: -4.5rem;
  }
}
.welcome-week-resources__card {
  margin: 0;
  background-image: url("../Images/welcomeweek2019/bookmark-md.svg");
  background-repeat: no-repeat;
  background-position: calc(100% + 16px) top;
  background-size: 3rem;
  font-size: 1.2rem;
}
@media screen {
  .welcome-week-resources__card {
    border-top-width: 0.25rem;
    border-top-style: solid;
    border-top-color: #EAAA00;
    box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  }
}
.welcome-week-resources__card p {
  /*max-width: 45ch;*/
}
.welcome-week-resources__cards.prepare .welcome-week-resources__card {
  animation-name: slideUpAndIn;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
  animation-fill-mode: backwards;
  animation-play-state: paused;
}
.welcome-week-resources__cards.prepare .welcome-week-resources__card:nth-child(1) {
  animation-delay: 0.1s;
}
.welcome-week-resources__cards.prepare .welcome-week-resources__card:nth-child(2) {
  animation-delay: 0.15s;
}
.welcome-week-resources__cards.prepare .welcome-week-resources__card:nth-child(3) {
  animation-delay: 0.2s;
}
.welcome-week-resources__cards.prepare .welcome-week-resources__card:nth-child(4) {
  animation-delay: 0.25s;
}
.welcome-week-resources__cards.prepare .welcome-week-resources__card:nth-child(5) {
  animation-delay: 0.3s;
}
.welcome-week-resources__cards.prepare .welcome-week-resources__card:nth-child(6) {
  animation-delay: 0.35s;
}
.welcome-week-resources__cards.in-view .welcome-week-resources__card {
  animation-play-state: running;
}
.welcome-week-resources__card-article {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.welcome-week-resources__card-title {
  margin-top: 0;
  padding-right: 20px;
  color: #002855;
}
.welcome-week-resources__card-action {
  margin-top: auto;
  margin-bottom: 0;
}

.welcome-week-go-first {
  color: white;
  background-image: url("../Images/welcomeweek2019/go-first-bkg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #002855;
}
@media screen and (min-width: 55em) {
  .welcome-week-go-first {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
@media screen and (min-width: 50em) {
  .welcome-week-go-first .layout-container {
    display: flex;
    flex-direction: row;
  }
}
.welcome-week-go-first__mgf {
  flex: 1;
  margin: 3rem 0;
  font-size: 4rem;
  line-height: 0.8;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
@media screen and (min-width: 50em) {
  .welcome-week-go-first.prepare .welcome-week-go-first__mgf {
    animation-name: fade-in;
    animation-direction: normal;
    animation-timing-function: ease-in-out;
    animation-duration: 1s;
    animation-delay: 0.3s;
    animation-fill-mode: backwards;
    animation-play-state: paused;
  }
  .welcome-week-go-first.in-view .welcome-week-go-first__mgf {
    animation-play-state: running;
  }
}
@media screen and (min-width: 60em) {
  .welcome-week-go-first__mgf {
    font-size: 6rem;
  }
}
.welcome-week-go-first__mgf-highlight {
  display: block;
  color: #EAAA00;
}
.welcome-week-go-first__lg {
  flex: 1;
  display: flex;
  align-items: center;
  margin: 3rem 0;
  color: #EAAA00;
  font-size: 2.5rem;
  line-height: 1;
  font-family: "IowanOldStyleW01-Italic1120392", "Times New Roman", Times, serif;
}
@media screen and (min-width: 50em) {
  .welcome-week-go-first__lg {
    margin-left: 8rem;
    font-size: 3rem;
  }
  .welcome-week-go-first.prepare .welcome-week-go-first__lg {
    animation-name: fade-in;
    animation-direction: normal;
    animation-timing-function: ease-in-out;
    animation-delay: 1.3s;
    animation-duration: 1s;
    animation-fill-mode: backwards;
    animation-play-state: paused;
  }
  .welcome-week-go-first.in-view .welcome-week-go-first__lg {
    animation-play-state: running;
  }
}

.covid-update {
  line-height: 1.4;
}
.covid-update + .covid-update {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #d6d1cb;
}
.covid-update__title {
  margin-top: 1.5rem;
  font-size: 1.5rem;
}
.covid-update__status {
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 0;
  padding: 0.25rem 0.5rem;
  font-size: 0.9rem;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
}
.covid-update__status--suspended, .covid-update__status--canceled {
  color: white;
  background-color: #BE3A34;
}
.covid-update__status--online-only {
  background-color: #EAAA00;
}

.covid-feed__update + .covid-feed__update {
  margin-top: 3rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(44, 42, 41, 0.2);
  padding-top: 3rem;
}
.covid-feed__pubdate:not(:last-child) {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-family: sans-serif;
  font-weight: bold;
}

img.iconic {
  visibility: hidden;
}

/*@import "overrides.wvu-header";*/
@media print {
  .wvu-masthead-header {
    color: #2C2A29;
    background-color: transparent;
  }
  .wvu-masthead-header__logo-wordmark {
    fill: #2C2A29;
  }
  .wvu-masthead-header__sub-brand {
    color: #2C2A29;
  }
  .wvu-masthead-header__actions {
    display: none !important;
  }
  .wvu-masthead-controls {
    display: none !important;
  }
  .wvu-masthead-nav {
    display: none !important;
  }
}
.tuition-breakdown__notice {
  display: block;
  margin-bottom: 1.5rem;
  border: none;
  padding: 0;
  font-size: 1rem;
  box-shadow: none;
}
.tuition-breakdown__table-caption {
  font-size: 1rem;
}
.tuition-breakdown__table:first-child {
  margin-top: 0;
}
.tuition-breakdown__table:first-child .tuition-breakdown__table-caption h2, .tuition-breakdown__table:first-child .tuition-breakdown__table-caption .directory-list__title, .tuition-breakdown__table:first-child .tuition-breakdown__table-caption .cal-month {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.tuition-breakdown__row--total {
  background-color: #333F48;
}
.tuition-breakdown__row--total .tuition-breakdown__cell {
  border-left: none;
}
.tuition-breakdown__col-heading {
  color: currentColor;
  background-color: #9ABEAA;
}
.tuition-breakdown__note-link {
  text-decoration: none;
}
.tuition-breakdown__note-link:link, .tuition-breakdown__note-link:visited {
  color: currentColor;
}
@media screen and (max-width: 50em) {
  .tuition-breakdown__cell {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
.tuition-breakdown__cell--row-heading {
  border-bottom: none;
  background-color: transparent;
}
.tuition-breakdown__figcaption {
  display: initial;
  border: none;
  padding: 0;
  background-color: transparent;
  font-size: 1rem;
  box-shadow: none;
}
.tuition-breakdown__figcaption--notice {
  display: block;
  margin-bottom: 1.5rem;
}
.tuition-breakdown__notes {
  margin-top: 0;
}
.tuition-breakdown__note-description {
  display: inline;
  margin-left: 0;
  padding: 0.1rem 0 0.1rem 0.25ch;
}

.safety-footer {
  --safety-footer-bg-color: #f8f7f6;
  --safety-footer-card-bg-color: #eceae8;
}

.wvu-footer {
  padding-left: 0;
  padding-right: 0;
}
@media screen {
  .wvu-footer {
    background-color: #f8f7f6;
  }
}
@media screen {
  .wvu-footer-layout-container, .wvu-footer__layout {
    border-top-width: 0.25rem;
    border-top-style: solid;
    border-top-color: #EAAA00;
  }
}
.wvu-footer-layout-container {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.wvu-footer__layout {
  padding-top: 0.25rem;
  padding-bottom: 0.5rem;
}
@media print {
  .wvu-footer-social-buttons, .wvu-footer-nav--social {
    display: none;
  }
}
.wvu-footer-social-button, .wvu-footer-nav__button {
  transition: all 0.2s ease-out;
}
.wvu-footer-social-button:hover, .wvu-footer-social-button:focus, .wvu-footer-nav__button:hover, .wvu-footer-nav__button:focus {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
  box-shadow: 0 0.25rem 0.5rem rgba(44, 42, 41, 0.2);
  transform: translateY(-0.1rem);
}
@media print {
  .wvu-footer-nav-items {
    display: none;
  }
}
@media print {
  .wvu-footer-copyright {
    text-align: left;
  }
}
body:has(#ocelot_ai) .wvu-footer {
  padding-bottom: 6rem;
}

@media print {
  .wvu-footer-nav {
    display: none;
  }
}

/*@import "overrides.wvu-alert";*/