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

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

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

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0;
}

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

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

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

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

.site-container {
  overflow: hidden;
}

/*body.overflow-hidden {
    overflow: hidden;
}*/
/*@import "base.buttons";
@import "base.forms";*/
p {
  line-height: 1.5;
}

li {
  line-height: 1.5;
}

h1 {
  color: #002855;
  font-size: 2.5rem;
}
@media screen and (min-width: 40.625em) {
  h1 {
    font-size: 3rem;
  }
}

h2 {
  color: #005EB8;
  font-size: 2rem;
}
@media screen and (min-width: 40.625em) {
  h2 {
    font-size: 2.5rem;
  }
}

h3 {
  color: #CD4C08;
  font-size: 1.75rem;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 40.625em) {
  h3 {
    font-size: 2rem;
  }
}

h4 {
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 40.625em) {
  h4 {
    font-size: 1.75rem;
  }
}

h5 {
  color: #EAAA00;
  font-size: 1.5rem;
}

h6 {
  font-size: 1.25rem;
}

a {
  color: #CD4C08;
  transition: color 0.125s ease;
}
a:hover, a:focus {
  color: #005EB8;
}
a.secondary {
  color: #EAAA00;
  transition: color 0.125s ease;
}
a.secondary:hover, a.secondary:focus {
  color: #9BD3DD;
  transition: color 0.125s ease;
}
@media print {
  a:not([href^=http]):not([href^="mailto:"])::after {
    content: " (dentistry.wvu.edu" attr(href) ")";
    font-weight: normal;
    text-transform: none;
    font-size: 1rem !important;
    font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  }
}

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

.u-inline-list {
  list-style-type: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.grid--three-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@supports (display: grid) {
  .grid--three-column {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    grid-gap: 1rem;
  }
}
@media print {
  .grid--three-column {
    display: block;
  }
}

.grid--four-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@supports (display: grid) {
  .grid--four-column {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-gap: 1rem;
  }
}
@media print {
  .grid--four-column {
    display: block;
  }
}

.grid--prototype {
  display: block;
}
@media screen and (min-width: 56.25em) {
  .grid--prototype {
    display: grid;
    grid-template-columns: 1fr 35% 65% 1fr;
  }
}
@media screen and (min-width: 64em) {
  .grid--prototype {
    grid-template-columns: 1fr 40% 60% 1fr;
  }
}
@media screen and (min-width: 71.875em) {
  .grid--prototype {
    grid-template-columns: 1fr 50% 50% 1fr;
  }
}
@media screen and (min-width: 81.25em) {
  .grid--prototype {
    grid-template-columns: 1fr 600px 600px 1fr;
  }
}
@media screen and (min-width: 56.25em) {
  .grid--prototype2 {
    display: grid;
    grid-template-columns: 1fr 65% 35% 1fr;
  }
}
@media screen and (min-width: 64em) {
  .grid--prototype2 {
    grid-template-columns: 1fr 60% 40% 1fr;
  }
}
@media screen and (min-width: 71.875em) {
  .grid--prototype2 {
    grid-template-columns: 1fr 50% 50% 1fr;
  }
}
@media screen and (min-width: 81.25em) {
  .grid--prototype2 {
    grid-template-columns: 1fr 600px 600px 1fr;
  }
}
@media screen and (min-width: 56.25em) {
  .grid--prototype3 {
    grid-template-columns: 1fr 35% 65% 1fr;
  }
}
@media screen and (min-width: 71.875em) {
  .grid--prototype3 {
    grid-template-columns: 1fr 40% 60% 1fr;
  }
}
@media screen and (min-width: 81.25em) {
  .grid--prototype3 {
    grid-template-columns: 1fr 400px 800px 1fr;
  }
}

.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 ALERT
	=========
    These styles will be used to style the WVU Alert area.

	```
    <section class="wvu-alert">
        <div class="layout-container wvu-alert__layout-container">
            <div class="wvu-alert__text">
                <h2 class="wvu-alert__heading">WVU Alert: Report of Shots Fired in the Area of College Ave/ Falling Run Please avoid the area.</h2>
            </div>

			<a href="https://emergency.wvu.edu" target="_blank" rel="noopener noreferrer" class="wvu-alert__button">More Information</a>
        </div>
    </section>
	```
*/
/*.wvu-alert {
    padding-top: 2rem;
    padding-bottom: 2rem;

	color: white;
	background-color: $pms-180-c;

    text-align: center;

    @media screen and (min-width: 58.75em) {
        text-align: left;

        .layout-container {
            @include flexbox;
            @include justify-content(space-between);
            @include align-items(center);
        }
    }

    &__text {
        margin-bottom: 1rem;

        @media screen and (min-width: 58.75em) {
            margin-right: 2rem;
            margin-bottom: 0;
        }
    }

    &__heading {
        margin-top: 0;
        margin-bottom: 0.25em;
		border: none;
		padding: 0;

		color: white !important;

        font-size: 2rem;
		line-height: 1.18;
        font-family: $helvetica-neue-black-condensed;
        font-weight: 400;
		font-style: normal;
        text-transform: uppercase;
    }

    &__button {
        @include flex-shrink(0);

		display: inline-block;
		border-radius: .25rem;
		padding: .75rem 1rem;

		color: $wvu-black;
		background-color: rgba(white, 0.9);

		font-size: 1rem;
		line-height: 1.125;
		font-family: $sans-serif;
		font-weight: 600;
		text-decoration: none;
		text-align: center;
		text-transform: uppercase;

		&:hover, &:focus {
			color: $wvu-black;
			background-color: white;
		}

		&:focus {
			outline-color: white;
			outline-offset: 0.125rem;
		}
    }
}*/
/* WVU Masthead
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

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

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

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

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

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

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

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

@keyframes wvu-alert-appear--reduced {
  0%, 30% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes wvu-alert-appear {
  0%, 30% {
    opacity: 0;
    transform: translateY(-10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.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
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

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

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

.page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

h1.module__heading {
  color: #005EB8;
}

.module__heading {
  font-size: 3.25rem;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 80%;
  margin: 0;
  position: relative;
}
.module__heading .module__heading-highlight {
  color: #002855;
  line-height: 80%;
  display: block;
}
@media screen and (min-width: 56.25em) {
  .module__heading {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 64em) {
  .module__heading {
    font-size: 4.125rem;
  }
}
@media screen and (min-width: 71.875em) {
  .module__heading {
    font-size: 4.5rem;
  }
}
.module__heading .module__heading-highlight {
  font-size: 4.75rem;
}
@media screen and (min-width: 56.25em) {
  .module__heading .module__heading-highlight {
    font-size: 5.125rem;
  }
}
@media screen and (min-width: 64em) {
  .module__heading .module__heading-highlight {
    font-size: 5.4rem;
  }
}
@media screen and (min-width: 71.875em) {
  .module__heading .module__heading-highlight {
    font-size: 6rem;
  }
}

.module__heading--secondary, h1.module__heading--secondary {
  color: #DA530C;
  font-size: 2.5rem;
  z-index: 2;
  margin: 0;
}
@media screen and (min-width: 56.25em) {
  .module__heading--secondary, h1.module__heading--secondary {
    font-size: 3rem;
  }
}
@media screen and (min-width: 64em) {
  .module__heading--secondary, h1.module__heading--secondary {
    font-size: 3.375rem;
  }
}
@media screen and (min-width: 71.875em) {
  .module__heading--secondary, h1.module__heading--secondary {
    font-size: 3.75rem;
  }
}
.module__heading--secondary .module__heading-highlight, h1.module__heading--secondary .module__heading-highlight {
  color: #BE3A34;
  font-size: 3.75rem;
}
@media screen and (min-width: 56.25em) {
  .module__heading--secondary .module__heading-highlight, h1.module__heading--secondary .module__heading-highlight {
    font-size: 4.25rem;
  }
}
@media screen and (min-width: 64em) {
  .module__heading--secondary .module__heading-highlight, h1.module__heading--secondary .module__heading-highlight {
    font-size: 4.675rem;
  }
}
@media screen and (min-width: 71.875em) {
  .module__heading--secondary .module__heading-highlight, h1.module__heading--secondary .module__heading-highlight {
    font-size: 5rem;
  }
}

.module__heading--secondary-heading {
  color: #002855;
  font-size: 2rem;
  font-family: "Georgia", serif;
  font-weight: normal;
  font-style: italic;
  position: relative;
  z-index: 2;
  margin: 0;
  margin-top: 1rem;
}
@media screen and (min-width: 56.25em) {
  .module__heading--secondary-heading {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .module__heading--secondary-heading {
    font-size: 2.5rem;
    margin-top: 0;
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .module__heading--secondary-heading {
    font-size: 3rem;
    margin-right: 0;
    margin-left: 3rem;
  }
}

.module__heading--profile {
  color: #DA530C;
}
.module__heading--profile .student-profile__title-highlight {
  color: #BE3A34;
}

.small-text {
  font-size: 1.5rem;
  font-family: "Georgia", serif;
  font-style: italic;
  text-transform: none;
  letter-spacing: 2px;
  margin-top: 0.5rem;
  display: block;
}

.button,
.button-user a,
a .button-user {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1rem;
  text-transform: uppercase;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
  color: #2C2A29;
  background-color: #EAAA00;
  position: relative;
  transition: background-color 0.25s ease, border-bottom 0.25s ease;
  font-family: "HelveticaNeueW01-55Roma", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  border-radius: 2px;
  margin-right: 0.5rem;
  border-color: #ED8B00;
  border-width: 5px;
  border-style: none none solid none;
}
.button:last-of-type,
.button-user a:last-of-type,
a .button-user:last-of-type {
  margin-right: 0;
}
.button:hover, .button:focus,
.button-user a:hover,
.button-user a:focus,
a .button-user:hover,
a .button-user:focus {
  background-color: #ffba05;
  border-color: #ff9908;
  color: #2C2A29;
}
@media print {
  .button,
  .button-user a,
  a .button-user {
    box-shadow: none;
    border-width: 0.025in;
    padding: 0.375rem;
    background: none;
    margin-right: 0;
    color: black;
    text-transform: none;
    padding: 0;
    padding-bottom: 0.01in;
    border-radius: 0;
  }
}

.button--secondary {
  background: #005EB8;
  color: white;
  border-color: #00498f;
}
.button--secondary:not(:last-child) {
  margin-bottom: 0.875rem;
}
@media print {
  .button--secondary:not(:last-child) {
    margin-bottom: 0.5rem;
  }
}
.button--secondary:hover, .button--secondary:focus {
  background: #0073e1;
  color: white;
  border-color: #0063c2;
}
@media print {
  .button--secondary {
    border-width: 0.025in;
    background: none;
    color: black;
  }
}

.button--tertiary {
  background: white;
  border-color: #e6e6e6;
}

.button--alternate {
  background: #002855;
  color: white;
  border-color: #001022;
}
.button--alternate:hover, .button--alternate:focus {
  background: #003b7e;
  color: white;
  border-color: #002d5f;
}
@media print {
  .button--alternate {
    border-width: 0.025in;
  }
}

.layout-container--breadcrumbs {
  margin-bottom: 0;
  width: 100%;
}
@media screen and (min-width: 81.875em) {
  .layout-container--breadcrumbs {
    margin-bottom: -1.5rem;
  }
}
@media print {
  .layout-container--breadcrumbs {
    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-container {
  padding: 0;
  margin: 0;
  /*background: rgba(white, .8);*/
  width: 100%;
  left: unset;
  /*top: -1.5rem;*/
  z-index: 2;
  background: #f3f5f7;
  position: relative;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
  margin-top: -1.5rem;
}
@media screen and (min-width: 60em) {
  .breadcrumbs-container {
    padding: 0.75rem 0;
  }
}
@media screen and (min-width: 78.125em) {
  .breadcrumbs-container {
    width: 108%;
    left: -4%;
  }
}
.breadcrumbs-container .layout-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  /*@include 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;
  z-index: 2;
}
@media screen and (min-width: 60em) {
  .breadcrumbs-container .button--sub-navigation {
    display: none;
  }
}
@media print {
  .breadcrumbs-container {
    display: none;
  }
}
.breadcrumbs-container .button {
  margin: 0.5rem 0;
}
.breadcrumbs .current {
  color: black;
}
.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);
  color: rgba(0, 0, 0, 0.75);
}
.breadcrumbs a {
  color: #be4707;
  padding: 0.25rem 0 0.125rem 0;
  font-weight: bold;
  text-decoration: none;
  border-bottom: transparent 2px solid;
  transition: border-bottom 0.125s ease, color 0.125s ease;
}
.breadcrumbs a:hover, .breadcrumbs a:focus {
  border-bottom: #CD4C08 2px solid;
  color: #005EB8;
}
@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);
  }
}

/*	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 <b>First Step.</b></div>
    //             <p class="feature__blurb">The first thing you’ll learn here is that “impossible” is just a challenge.</p>
    //             <a href="#" class="button feature__button">Feature Button</a>
    //         </div>
    //     </div>
    // </div>
	// ```
*/
.feature {
  position: relative;
  background-color: #333F48;
}
@media print {
  .feature {
    background-color: none;
    background: none;
    overflow: auto;
    display: block;
  }
}
@media screen and (min-width: 75.25em) {
  .feature {
    height: 40rem;
    overflow: hidden;
  }
}
.feature__image {
  position: relative;
  width: 100%;
}
@media print {
  .feature__image {
    float: right;
    width: 30%;
  }
}
@media screen and (min-width: 75.25em) {
  .feature__image {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.feature__image img {
  width: 100%;
  display: block;
}
.feature__text {
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  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;
}
@media screen and (min-width: 36.25em) {
  .feature__text {
    height: 100%;
  }
}
@media print {
  .feature__text {
    background: none;
    background-image: none;
    width: 70%;
    float: left;
    padding-top: 0;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 36.25em) {
  .has-media .feature__text {
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, rgba(44, 42, 41, 0.6) 25%, rgba(44, 42, 41, 0) 70%);
    height: 100%;
    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;
  }
}
@media screen and (min-width: 40em) {
  .feature__heading, .feature__blurb {
    width: 70%;
  }
}
@media screen and (min-width: 66.25em) {
  .feature__heading, .feature__blurb {
    width: 60%;
  }
}
.feature__heading {
  line-height: 0.95;
  margin-top: 0;
  text-transform: uppercase;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  color: white;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
  font-size: 2.5rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
@media print {
  .feature__heading {
    text-shadow: none;
    color: 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;
  }
}
.feature__highlight {
  color: #EAAA00;
  font-weight: 400;
  display: block;
}
.feature__blurb {
  font-size: 1.25rem;
  color: white;
  line-height: 1.3;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
  margin-top: 0;
  margin-bottom: 0;
}
@media print {
  .feature__blurb {
    text-shadow: none;
    color: black;
  }
}
@media screen and (min-width: 45em) {
  .feature__blurb {
    font-size: 1.5rem;
  }
}
.feature__button {
  margin-top: 1rem;
}
.feature__button:not(:last-child) {
  margin-bottom: 0;
}
.feature__button:focus {
  outline-color: white;
}

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

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

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

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

	// ```
    // <section class="connect">
    //     <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 {
  text-align: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  background: #EAAA00;
  background-image: linear-gradient(180deg, rgba(234, 170, 0, 0.875), rgba(234, 170, 0, 0.875)), url("../Images/pattern-white.svg");
  background-repeat: no-repeat;
  background-size: cover;
  /*&__button {
      display: inline-block;
      text-decoration: none;
      position: relative;
      border-radius: 100%;
      width: 5rem;
      height: 5rem;
      -webkit-transition-property: color, background-color;
      transition-property: color, background-color;
      -webkit-transition-duration: .2s;
      transition-duration: .2s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;

      &:focus {
          outline-color: $wvu-blue;
      }

      .iconic {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          display: inline-block;

          * {
              @include iconic-color(white);
          }
      }

      &--facebook {
          background-color: $facebook;

          &:hover,
          &:focus {
              background-color: lighten($facebook, 6%);
          }
      }

      &--linkedin {
          background-color: $linkedin;

          &:hover,
          &:focus {
              background-color: lighten($linkedin, 6%);
          }
      }

      &--twitter {
          background-color: $twitter;

          &:hover,
          &:focus {
              background-color: lighten($twitter, 6%);
          }
      }

      &--youtube {
          background-color: $youtube;

          &:hover,
          &:focus {
              background-color: lighten($youtube, 6%);
          }
      }
  }*/
}
@media print {
  .connect {
    display: none;
  }
}
.connect--tall {
  background-image: linear-gradient(180deg, #eaaa00 0%, rgba(234, 170, 0, 0.875) 50%), url("../Images/pattern-white.svg");
  padding-top: 7rem;
}
@media screen and (min-width: 55em) {
  .connect .layout-container {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
.connect .module__heading {
  font-size: 3.5rem;
  margin-top: 0;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 55em) {
  .connect .module__heading {
    margin-bottom: 0;
  }
}
.connect .module__heading-highlight {
  font-size: 4rem;
}
.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;
  justify-content: 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;
  transition: all 0.2s ease-out;
}
@media screen and (min-width: 33.75em) {
  .connect__button {
    width: 5rem;
    height: 5rem;
  }
}
.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;
  }
}

/*.img-float-left, .img-float-right {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;

	@media screen and (min-width: 45em) {
		max-width: 50%;
	}

    * + & {
        margin-top: 1.5rem;
    }
}

.img-float-left {

	@media screen and (min-width: 45em) {
		float: left;

		margin-right: 1.5rem;
	}
}

.img-float-right {

	@media screen and (min-width: 45em) {
		float: right;

		margin-left: 1.5rem;
		margin-right: 0;
	}
}*/
.rte img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.rte img.personage__photo {
  max-width: 5rem;
  width: 100%;
  height: auto;
}
.rte img.lazy-video__poster {
  width: 100%;
}
.rte .img-float-left,
.rte .img-float-right {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 41.25em) {
  .rte .img-float-left,
  .rte .img-float-right {
    max-width: 50%;
  }
}
@media screen and (min-width: 41.25em) {
  .rte .img-float-left {
    float: left;
    margin-right: 1.5rem;
  }
}
@media screen and (min-width: 41.25em) {
  .rte .img-float-right {
    float: right;
    margin-left: 1.5rem;
  }
}

blockquote {
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 0;
  border-top: 7px #0D5257 solid;
  padding: 1rem 2rem;
  color: #002855;
  background-color: #f3f5f7;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
blockquote * {
  font-size: 1.25rem !important;
}
@media print {
  blockquote {
    border-top: none;
    border: 0.02in black solid;
    box-shadow: none;
    color: black;
    background-color: none;
  }
}
blockquote::before {
  content: "“";
  position: absolute;
  top: -35px;
  right: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: white;
  background-color: #005EB8;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
  font-size: 5rem;
  font-family: "Georgia", serif;
  text-align: center;
  text-shadow: 4px 0px 2px rgba(0, 0, 0, 0.375);
}
@media print {
  blockquote::before {
    display: none;
  }
}

figure {
  margin: 0;
}
@media print {
  figure {
    display: none;
  }
}

figure.caption {
  display: table;
  position: relative;
  width: auto;
  max-width: 100%;
  padding: 0;
}
@media print {
  figure.caption {
    width: 100%;
  }
}
figure.caption figcaption {
  display: table-caption;
  caption-side: bottom;
  margin: auto 0.75rem;
  padding: 0.5rem;
  background-color: #f3f5f7;
  transform: translateY(-1rem);
  border-top: 7px #0D5257 solid;
  line-height: 1.5;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
}
@media print {
  figure.caption figcaption {
    background: none;
    transform: none;
    box-shadow: none;
    border-top: none;
    border: 0.02in solid black;
  }
}
figure.caption figcaption, figure.caption figcaption p {
  font-size: 1rem;
}
figure.caption figcaption p:first-child {
  margin-top: 0;
}
figure.caption figcaption p:last-child {
  margin-bottom: 0;
}

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

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

.site-search {
  margin-bottom: 1rem;
}
.site-search__form {
  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;
}
.site-search__label {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -moz-box-flex: 100%;
  -moz-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  margin-bottom: 0.25rem;
  font-weight: bold;
}
.site-search__query {
  -webkit-box-flex: auto;
  -webkit-flex: auto;
  -moz-box-flex: auto;
  -moz-flex: auto;
  -ms-flex: auto;
  flex: auto;
  padding: 0.5rem;
  margin-right: 1rem;
  border: 0.0625rem solid #A2AAAD;
  border-radius: 0.125rem;
}
@media print {
  .site-search {
    display: none;
  }
}

/* Search
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.search {
  /* search form */
  /* search results */
}
.search__container {
  margin-bottom: 2rem;
  padding: 0.75rem;
  border-radius: 0.25rem;
  background-color: #f3f5f7;
  overflow: hidden;
}
.search__container--gcs {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.search__form {
  position: relative;
}
.search__form--centered {
  max-width: 52.5rem;
  margin: 0 auto;
}
.search__options, .search__input {
  width: 100%;
  height: 3.5rem;
  padding-left: 1rem;
  padding-right: 5.5rem;
  border-radius: 0.25rem;
  background-color: white;
  border: 0.0625rem solid #e7ebee;
  font-size: 1.25rem;
}
.search__options {
  border: none;
}
.search__button {
  width: 4rem;
  height: 3rem;
  padding: 0;
  font-weight: 600;
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
}
.search__button .iconic {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.search__button .iconic * {
  fill: currentColor;
  stroke: currentColor;
  -webkit-transition: fill 0.2s, stroke 0.2s;
  transition: fill 0.2s, stroke 0.2s;
}
.search__results-count {
  margin-top: 0.5rem;
  margin-bottom: 0;
  font-size: 0.9375rem;
}
@media screen and (min-width: 37.5em) {
  .search__results-count {
    margin-top: 1rem;
  }
}
.search__result-title {
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.5;
  /*font-weight: normal;*/
}
.search__result-url {
  color: #333F48;
}
.search__result-summary {
  font-size: 1rem;
}

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

/* Google Custom Search
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*#___gcse_0,
#___gcse_0 * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}*/
#___gcse_0 {
  /* Reset styles */
  /*table {
      border-collapse: separate;
  }

  .gsc-control-cse {
      padding: 0;
      background: none;
      border: none;
  }*/
  /* Custom styles */
  /*form.gsc-search-box {
      display: none;
      width: calc(100% - 2rem);
      margin-bottom: 0;
      padding: 1rem;
      background: $lighter-grey;
      border-top-left-radius: .25rem;
      border-top-right-radius: .25rem;
  }*/
  /*table.gsc-search-box {
      margin-bottom: 0;
  }*/
  /*.gsc-above-wrapper-area {
      width: calc(100% -2rem);
      margin-bottom: 2rem;
      padding-top: 0;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-bottom: 1rem;
      background-color: $lighter-grey;
      border-bottom: none;
      border-bottom-left-radius: .25rem;
      border-bottom-right-radius: .25rem;        
  }*/
  /*.gsst_a {
      position: relative;
      top: 4px;
  }*/
  /*.gsc-result-info {
      padding: 0 1rem 0 0;
      color: $pms-432-c;
      font-size: 1rem;
  }*/
  /*.gsc-webResult.gsc-result {
      margin-bottom: 2rem;
      padding: 0;
      background-color: transparent;
      border: none;                
  }*/
  /*.gsc-table-result, 
  .gsc-thumbnail-inside, 
  .gsc-url-top {
      padding-left: 0;
      padding-right: 0;
      font-size: 1rem;
  }*/
  /*.gsc-control-cse .gs-result .gs-title {
      font-size: 1.125rem;
  }*/
  /*.gs-webResult.gs-result a.gs-title,
  .gs-webResult.gs-result a.gs-title b {
      color: $pms-300-c;
  }*/
  /*.gsc-results .gsc-cursor-box {
      margin: 0;
  }*/
  /*.gsc-result .gs-title {
      height: auto;
  }*/
}
#___gcse_0 .gsc-results .gsc-cursor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
#___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-page {
  margin-top: 0.5rem;
  padding: 0.75rem 0.5rem;
  border: 0.125rem solid #e7ebee;
  color: #005EB8;
  text-decoration: none;
  font-weight: bold;
}
@media screen and (min-width: 35em) {
  #___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-page {
    padding: 0.75rem 1rem;
  }
}
#___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  background-color: #EAAA00;
  border-color: #ED8B00;
  color: #002855;
}

/*	// <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 {
  width: 100%;
  border-radius: 0;
  background: #005EB8;
  color: white;
  border-bottom: #00498f solid 5px;
}
.directory-list__order-button:not(:last-child) {
  margin-bottom: 0.875rem;
}
.directory-list__order-button:hover, .directory-list__order-button:focus {
  background: #0073e1;
  border-bottom: #0063c2 solid 5px;
  color: white;
}
.directory-list__order-button:first-of-type {
  border-radius: 0.25rem 0.25rem 0 0;
}
.directory-list__order-button:last-of-type {
  border-radius: 0 0 0.25rem 0.25rem;
}
@media screen and (min-width: 40em) {
  .directory-list__order-button {
    display: inline-block;
    width: auto;
  }
  .directory-list__order-button:first-of-type {
    border-radius: 0.25rem 0 0 0.25rem;
  }
  .directory-list__order-button:last-of-type {
    border-radius: 0 0.25rem 0.25rem 0;
  }
}
.directory-list__order-button.is-active {
  border-bottom: #001022 solid 5px;
}
.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: #002855;
  border-bottom: #001022 solid 5px;
  color: white;
}
.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;
}
@media print {
  .directory-list__users {
    display: block;
  }
}

.directory-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  width: 100%;
  margin: 1.5rem 0.5rem;
  border: 1px solid #dce1e6;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), url("../Images/pattern-grayscale.svg");
  background-size: cover;
  background-position: right;
  box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.5), 2px -3px 11px rgba(0, 0, 0, 0.125);
}
@media print {
  .directory-card {
    background: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    margin-top: 1rem;
    display: block;
    border: 0.02in solid #e7ebee;
  }
}
.directory-card:after {
  width: 200%;
  height: 100%;
  background: white;
  transform: skew(-33.75deg);
  content: "";
  position: absolute;
  left: 7rem;
  top: 0;
}
@media print {
  .directory-card:after {
    content: none;
  }
}
@media screen and (min-width: 40rem) {
  .directory-card {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: calc(50% - 1rem);
  }
}
.directory-card__photo-container {
  margin: 1.5rem 0 -0.75rem 2.25rem;
  position: relative;
  z-index: 2;
}
@media print {
  .directory-card__photo-container {
    display: block;
    float: left;
    margin: 0.75rem;
  }
}
.directory-card img.directory-card__photo {
  max-width: calc(5rem + 5px);
  border: 5px solid white;
  margin-bottom: 0;
}
.directory-card__info-container {
  z-index: 1;
  padding: 0 1.5rem 0 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media print {
  .directory-card__info-container {
    padding: 0;
    display: block;
    float: right;
    width: calc(100% - 7rem);
  }
}
.directory-card__name {
  margin-top: 0rem;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif !important;
  padding: 0.5rem 1rem;
  background: white;
  font-weight: bold !important;
  color: #CD4C08;
  font-size: 2rem;
  margin-bottom: 1.25rem;
}
@media print {
  .directory-card__name {
    color: black;
    margin-bottom: 0.5rem;
  }
}
.directory-card__honorary-suffix {
  display: block;
  color: #2C2A29;
  font-size: 0.8rem;
  font-family: "Georgia", serif;
  font-style: italic;
  letter-spacing: 2px;
  font-weight: normal;
}
.directory-card__details {
  line-height: 1.3;
  background: white;
  padding: 0.5rem 1rem;
  margin: 0;
}
.directory-card__label {
  margin-top: 1rem;
  font-family: "Georgia", serif;
  font-weight: 600;
}
.directory-card__label:first-of-type {
  margin-top: 0;
}
.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;
  justify-content: center;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 1rem 1.5rem;
  list-style-type: none;
}
@media print {
  .directory-card__actions {
    display: none;
  }
}
.directory-card__actions li {
  text-align: center;
  width: calc(50% - 0.5rem);
  align-self: center;
}
.directory-card__actions li:first-of-type {
  margin-right: 0.5rem;
}
.directory-card__actions li:last-of-type {
  margin-left: 0.5rem;
}
.directory-card__actions li:last-of-type a {
  color: #2C2A29;
  background-color: #EAAA00;
  border-bottom: #ED8B00 solid 5px;
}
.directory-card__actions li:last-of-type a:hover, .directory-card__actions li:last-of-type a:focus {
  background-color: #ffba05;
  border-bottom: #ff9908 solid 5px;
  color: #2C2A29;
}
.directory-card__action {
  font-weight: bold;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  padding: 0.5rem;
  text-transform: uppercase;
  color: white;
  background-color: #005EB8;
  position: relative;
  transition: background-color 0.25s ease, border-bottom 0.25s ease;
  font-family: "HelveticaNeueW01-55Roma", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  border-bottom: #00498f solid 5px;
  width: 100%;
  font-size: 1rem;
}
.directory-card__action:hover, .directory-card__action:focus {
  background: #0073e1;
  border-bottom: #0063c2 solid 5px;
  color: white;
}

.page-content .directory-card__photo-container {
  max-width: calc(5rem + 5px);
}

/* Personages */
.personages:nth-last-of-type(n+2) {
  margin-bottom: 4rem;
}

.personage {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #dce1e6;
  /* Potentially on the Labs Page */
}
@media screen and (min-width: 580px) {
  .personage {
    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;
  }
}
.personage--graduate-student {
  display: block;
}
@media screen and (min-width: 740px) {
  .personage--graduate-student {
    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;
  }
}
@media screen and (min-width: 480px) {
  .personage--researcher {
    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;
  }
}
.personage__photo, .personage .personage__photo img {
  -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;
  max-width: 5rem;
  margin-right: 1rem;
  max-width: 5rem;
}
.personage__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 2rem;
}
.personage__name {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.5rem;
}
@media screen and (min-width: 580px) {
  .personage__name {
    margin-top: 0;
  }
}
.personage--graduate-student .personage__name {
  margin-top: 1rem;
}
@media screen and (min-width: 740px) {
  .personage--graduate-student .personage__name {
    margin-top: 0;
  }
}
.personage__credentials {
  color: #2C2A29;
  font-size: 0.8rem;
  font-family: "Georgia", serif;
  font-style: italic;
  letter-spacing: 2px;
  font-weight: normal;
}
@media print {
  .personage__credentials {
    color: black;
  }
}
.personage__details {
  margin: 0;
  line-height: 1.5;
}
.personage__details--contact {
  margin-left: auto;
}
.personage__details--additional, .personage__details--extended {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -moz-box-flex: 100%;
  -moz-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  margin-top: 1rem;
  margin-right: 0;
  padding: 1rem;
  background-color: #f3f5f7;
}
@media print {
  .personage__details--additional, .personage__details--extended {
    background-color: none;
  }
}
@media screen and (min-width: 740px) {
  .personage__details--additional, .personage__details--extended {
    margin-left: 6rem;
  }
}
.personage__details--additional p, .personage__details--extended p {
  margin-bottom: 0;
}
.personage__label {
  font-weight: bold;
}
.personage__label--achievements {
  margin-top: 1rem;
}
.personage__value {
  margin-left: 0;
}
.personage__value--achievement {
  margin-top: 1rem;
}
.personage__value--achievement-label {
  display: block;
  font-size: 0.875rem;
  color: #005EB8;
}
@media print {
  .personage__value--achievement-label {
    color: black;
  }
}
.personage__label--inline, .personage__value--inline {
  display: inline-block;
}
.personage__link {
  -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;
  margin-left: auto;
  margin-top: 1rem;
  font-size: 1rem;
}
@media screen and (min-width: 580px) {
  .personage__link {
    margin-top: 0;
  }
}

.module--listing {
  margin-top: 3rem;
}
@media print {
  .module--listing {
    margin: 0;
  }
}
.module--listing .card {
  padding: 1.5rem 1rem;
  width: 100%;
  margin: 0.875rem 0;
}
@media print {
  .module--listing .card {
    display: block;
    overflow: auto;
    margin: 0;
    margin-bottom: 2rem;
    padding: 0;
  }
}
@media screen and (min-width: 56.25em) {
  .module--listing .card {
    padding: 2.5rem 2rem;
    margin: 1.5rem;
    width: calc(50% - 3rem);
  }
}
.module--listing .card__title {
  font-size: 2.75rem;
}
.module--listing .card--full {
  width: 100%;
}
.module--listing .module__heading {
  text-align: center;
}

.listing {
  margin-top: 0.5rem;
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  list-style: none;
  flex-wrap: wrap;
}
@media print {
  .listing {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }
}
.listing--links {
  width: 70%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 0;
  margin: 0;
  margin-left: 1.5rem;
  text-align: left;
  margin-top: 1rem;
}
@media print {
  .listing--links {
    display: block;
  }
}
.listing--links .link {
  width: 100%;
}
.listing--links .link a {
  text-decoration: none;
}
.listing--links--bullet {
  width: 100%;
  color: #005EB8;
}
.listing--links--bullet li {
  width: 100%;
}
.listing--links--full {
  width: 100%;
  list-style: none;
  margin: 0;
}
.listing--links--full li {
  display: block;
  width: 100%;
  border-bottom: 0.02in solid #ada9a7;
  transition: border-bottom 0.25s ease;
}
.listing--links--full li:hover, .listing--links--full li:focus {
  border-bottom: 1px solid #CD4C08;
}
.listing--links--full li:hover .link::before, .listing--links--full li:focus .link::before {
  color: #005EB8;
}
.listing--links--full .link {
  text-decoration: none;
  padding: 0.25rem 0;
  display: block;
  margin-bottom: 0;
  margin-top: 0.25rem;
  position: relative;
  padding-right: 1.5rem;
}
.listing--links--full .link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.5rem;
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0 0 0.5rem;
  border-style: solid;
  border-width: 0.125rem 0 0 0.125rem;
  color: #2C2A29;
  transform: translateY(-50%) rotate(135deg);
  transition: color 0.25s ease;
}
.listing--links--full .link:hover::before, .listing--links--full .link:focus::before {
  color: #005EB8;
}
.listing--links--full .link:focus {
  text-decoration: underline;
}
.listing li {
  padding: 0;
  list-style: none;
  width: calc(33.333% - 1.5rem);
  margin: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media print {
  .listing li {
    display: block;
  }
}
@media screen and (min-width: 40.625em) {
  .listing li {
    margin: 0.75rem;
  }
}
.listing .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print {
  .listing .link {
    /*border: none;*/
    border-width: 0.025in;
    padding: 0.5rem;
  }
}
.listing .link::after {
  display: inline-block;
  margin-left: 0.5rem;
}
@media print {
  .listing .link.button--secondary {
    /*border: none;*/
    padding: 0.5rem;
  }
}
.listing .module__heading--secondary {
  align-self: flex-start;
  margin-top: 0.75rem;
  font-size: 2.25rem;
  text-align: right;
  width: 30%;
}
.listing .module__heading--secondary .module__heading-highlight {
  font-size: 3rem;
}

@media print {
  .programs-listing__introduction {
    display: block;
    overflow: auto;
  }
}
.programs-listing__introduction .introduction__cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
@media print {
  .programs-listing__introduction .introduction__cards {
    display: block;
  }
}
.programs-listing__introduction .introduction__cards .card-container {
  position: relative;
  z-index: 1;
}
@media print {
  .programs-listing__introduction .introduction__cards .card-container {
    display: block;
  }
}
.programs-listing__introduction .introduction__cards .module__heading {
  font-size: 2rem;
}
.programs-listing__introduction .introduction__cards .module__heading-highlight {
  font-size: 3rem;
}
.programs-listing__introduction .introduction__cards .module__heading.modified {
  font-family: "Georgia", serif;
  font-style: italic;
  font-size: 1rem;
  padding: 0 0.5rem;
  color: #005EB8;
  background: white;
  align-self: center;
  text-transform: none;
  max-width: 50%;
  margin: 0 auto;
  line-height: 100%;
  z-index: unset;
}
@media print {
  .programs-listing__introduction .introduction__cards .module__heading.modified {
    max-width: 20%;
    padding: 0;
  }
}
.programs-listing__introduction .introduction__cards .module__heading.modified:before {
  top: -50%;
  width: 150%;
  height: 100%;
  left: -25%;
  position: absolute;
  content: "";
  border-bottom: solid 1px rgba(0, 94, 184, 0.5);
  z-index: -1;
}
@media print {
  .programs-listing__introduction .introduction__cards .module__heading.modified:before {
    border-bottom: solid 0.015in #005EB8;
  }
}
.programs-listing__introduction .introduction__cards .module__heading .small-text {
  font-size: 1.25rem;
  color: #BE3A34;
}
.programs-listing__introduction .introduction__title {
  color: #002855;
}
@media screen and (min-width: 56.25em) {
  .programs-listing__introduction .introduction__title {
    font-size: 4.25rem;
  }
}
@media screen and (min-width: 64em) {
  .programs-listing__introduction .introduction__title {
    font-size: 4.75rem;
  }
}
@media screen and (min-width: 71.875em) {
  .programs-listing__introduction .introduction__title {
    font-size: 5.25rem;
  }
}
@media screen and (min-width: 56.25em) {
  .programs-listing__introduction .introduction__text {
    padding: 0 15%;
  }
}
.programs-listing__introduction-container {
  margin-bottom: 0;
}
@media print {
  .programs-listing__introduction-container {
    display: block;
    overflow: auto;
  }
}
@media screen and (min-width: 56.25em) {
  .programs-listing__introduction-container {
    margin-bottom: 1rem;
  }
}

.programs-listing__additional .module__heading {
  font-size: 2.75rem;
  align-self: center;
  width: auto;
  text-align: center;
}
@media screen and (min-width: 56.25em) {
  .programs-listing__additional .module__heading {
    width: 30%;
    text-align: right;
  }
}
.programs-listing__additional .module__heading-highlight {
  font-size: 3.5rem;
}
.programs-listing__additional--links {
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 56.25em) {
  .programs-listing__additional--links {
    margin-left: 1.5rem;
    width: calc(70% - 1.5rem);
  }
}
.programs-listing__additional--links li {
  width: 100%;
}
@media screen and (min-width: 40.625em) {
  .programs-listing__additional--links li {
    width: calc(50% - 1.75rem);
  }
}
@media screen and (min-width: 56.25em) {
  .programs-listing__additional--links li {
    width: calc(33.333% - 1.5rem);
  }
}
.programs-listing__additional--links .link {
  padding: 1rem;
}
@media print {
  .programs-listing__additional--links .link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0;
    padding-right: 0;
    display: inline;
  }
}
@media screen and (min-width: 40.625em) {
  .programs-listing__additional--links .link {
    min-height: 5.5rem;
  }
}

.departments--listing .module__heading {
  margin-bottom: 2rem;
}
@media print {
  .departments--listing .module__heading {
    margin-bottom: 0;
    margin-top: 2rem;
  }
}
@media screen and (min-width: 56.25em) {
  .departments--listing .module__heading {
    font-size: 4.25rem;
  }
}
@media screen and (min-width: 64em) {
  .departments--listing .module__heading {
    font-size: 4.75rem;
  }
}
@media screen and (min-width: 71.875em) {
  .departments--listing .module__heading {
    font-size: 5.25rem;
  }
}
.departments--listing .module__heading:nth-of-type(2) {
  margin-top: 4rem;
}
@media print {
  .departments--listing .module__heading:nth-of-type(2) {
    margin-top: 0;
  }
}

.department-listing:first-of-type .module__heading, .department-listing:first-of-type .listing--links {
  width: 100%;
  text-align: center;
  margin-bottom: 2rem;
  margin-left: 0;
}
.department-listing:first-of-type li {
  width: 100%;
}
@media screen and (min-width: 40.625em) {
  .department-listing:first-of-type li {
    width: calc(50% - 1.75rem);
  }
}
@media screen and (min-width: 56.25em) {
  .department-listing:first-of-type li {
    width: calc(33.333% - 1.5rem);
  }
}
@media screen and (min-width: 71.875em) {
  .department-listing:first-of-type li {
    width: calc(25% - 1.5rem);
  }
}
.department-listing .module__heading--secondary {
  font-size: 2.5rem;
}
.department-listing .link {
  /*border-width: 8px;*/
}
@media screen and (min-width: 40.625em) {
  .department-listing .link {
    min-height: 5.5rem;
  }
}

/*	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.
*/
figure.lazy-video {
  display: block;
  width: 100%;
  margin: 0;
  margin-bottom: 1.5rem;
}

.lazy-video__wrapper {
  position: relative;
  max-width: 100%;
  background-color: #2C2A29;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
  overflow: hidden;
}
@media print {
  .lazy-video__wrapper {
    display: none;
  }
}
.lazy-video__link {
  position: relative;
  display: block;
  height: 0;
  margin: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.lazy-video__link:focus {
  display: block;
  outline-offset: -0.5rem;
  outline-color: #EAAA00;
}
.lazy-video__poster {
  width: 100%;
  max-width: 100%;
  opacity: 0.6;
  transition: all 0.25s ease-out;
  will-change: opacity;
}
.lazy-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%) scale(0.95);
  will-change: transform, opacity;
  fill: white;
  stroke: white;
  opacity: 0.7;
  transition: all 0.25s ease-out;
}
.lazy-video__link:hover .lazy-video__play, .lazy-video__link:focus .lazy-video__play {
  opacity: 0.9;
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.25s ease-out;
}
.lazy-video__link:hover .lazy-video__poster, .lazy-video__link:focus .lazy-video__poster {
  opacity: 0.3;
  transition: all 0.25s ease-out;
}
.lazy-video__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.lazy-video figcaption.lazy-video__details {
  display: block;
  margin: auto 1rem;
  border-top: none;
  padding: 1rem;
  background-color: #f3f5f7;
  transform: none;
}
@media print {
  .lazy-video figcaption.lazy-video__details {
    background-color: none;
    border-top: 0.02in solid black;
  }
}
.lazy-video__duration {
  float: right;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 1rem;
  border: 1px solid #6E6259;
  border-radius: 3px;
  padding: 0.25rem 0.5rem;
  font-weight: bold;
  font-size: 1.1rem;
  text-transform: uppercase;
}
.lazy-video__title {
  font-size: 1.75rem;
  margin-top: 0.5rem;
  display: block;
  font-family: "Georgia", serif;
  font-style: italic;
  text-transform: none;
  color: #002855;
}
@media play {
  .lazy-video__title {
    color: black;
  }
}

.sub-navigation {
  font-weight: bold;
  position: relative;
  margin-bottom: 1.5rem;
}
@media print {
  .sub-navigation {
    display: none;
  }
}
.sub-navigation.card {
  width: 100%;
  font-size: 1rem;
  padding: 0;
  margin: 1rem 0 2rem 0;
  margin-top: 2rem;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
}
.sub-navigation__notes {
  padding: 0.75rem 1.5rem 0.75rem 1rem;
  background: #f3f5f7;
  font-weight: normal;
}
.sub-navigation__notes p {
  margin: 0;
}
.sub-navigation__list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.sub-navigation a {
  display: block;
  color: #002855;
  padding: 0.75rem 1.5rem 0.75rem 1rem;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: background 0.25s ease, color 0.25s ease;
  background: #f3f5f7;
}
.sub-navigation a:hover, .sub-navigation a:focus {
  background: #005EB8;
  color: white;
}
.sub-navigation a:hover:before, .sub-navigation a:focus:before {
  transform: scaleY(1);
}
.sub-navigation a:focus {
  outline-offset: -6px;
  outline-color: #FDDA24;
}
.sub-navigation a:before {
  content: "";
  position: absolute;
  transform: scaleY(0);
  transition: transform 0.125s ease-in-out;
  z-index: 3;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px solid #005EB8;
}
.sub-navigation__item.current > a {
  background-color: #EAAA00;
  color: black;
  pointer-events: none;
  cursor: pointer;
}
.sub-navigation__item.current > a:hover:before, .sub-navigation__item.current > a:focus:before {
  transform: scaleY(0);
}
.sub-navigation__item.current > a:focus {
  outline-color: #002855;
}
.sub-navigation__item.current > a:before {
  border: 2px solid #EAAA00;
}
.sub-navigation__child-list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: normal;
}
.sub-navigation__child-list a {
  padding-left: 2rem;
}
.sub-navigation__parent-link {
  background: white;
  z-index: 10;
}
.sub-navigation a.sub-navigation__parent-link {
  color: #005EB8;
  border-bottom: #e7e7e7 1px solid;
}
.sub-navigation a.sub-navigation__parent-link::before {
  content: "";
  position: relative;
  top: -0.0625rem;
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.75rem 0 0.5rem;
  border-width: 0.125rem 0.125rem 0 0;
  transform: rotate(-135deg);
}
.sub-navigation a.sub-navigation__parent-link:hover, .sub-navigation a.sub-navigation__parent-link:focus {
  color: #005EB8;
  background-color: #d6dce2;
}
.sub-navigation a.sub-navigation__parent-link:focus {
  outline-color: #002855;
}
.sub-navigation__label {
  background: #f3f5f7;
  color: #002855;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  display: block;
  padding: 0.75rem 1.5rem 0.75rem 1rem;
  font-size: 1.375rem;
  border-bottom: #e7e7e7 1px solid;
  margin-bottom: 0;
}

.secondary-content .user-button {
  display: block;
  margin-right: 0;
  margin-bottom: 1rem;
}

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

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

        .calendar__day has multiple classes for states such as:

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



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

    // <div id="calendarSection" class="calendar">
    //     <nav class="calendar__navigation">
    //         <ul class="calendar__tabs">
    //             <li class="calendar__tab calendar__tab--current"><a class="calendar__tab-link" href="Calendar">Day</a></li>
    //             <li class="calendar__tab"><a class="calendar__tab-link" href="Calendar-Overall">Month</a></li>
    //             <li class="calendar__tab"><a class="calendar__tab-link" href="Calendar-Upcoming">Next 30 Days</a></li>
    //         </ul>
    //     </nav>
    //     <header class="calendar__header">
    //         <h1 class="calendar__header-date">
    //             <time class="calendar__header-heading--date dtstart dt-start"> ... /time>
    //             -
    //             <time class="calendar__header-heading--date dtend dt-end"> ... </time>
    //         </h1>
    //         <nav class="calendar__pagination">
    //             <button class="button calendar__pagination-button calendar__pagination--today calendar__pagination-button--disabled" disabled>Today</button>
    //             <button class="button calendar__pagination-button calendar__pagination--prev">Previous</button>
    //             <button class="button calendar__pagination-button calendar__pagination--next">Next</button>
    //         </nav>
    //     </header>
    //     <form class="calendar-categories">
    // 
    //         [ See Calendar Categories Markup Below ]
    // 
    //     </form>
    // 
    //     <----- Single Day Markup ----->
    // 
    //     <p class="calendar__no-events-message">No events scheduled.</p>
    //     <ul class="calendar__events-list">
    //         <li class="calendar-event vevent h-event">
    // 
    //             [ See Calendar Events Markup Below ]
    // 
    //         </li>
    // 
    //         { ... }
    // 
    //     </ul>
    // 
    //     <----- Multiple Day Markup ----->
    // 
    //     <div class="calendar__days">
    //         <div id="today" class="calendar__day calendar__day--has-events">
    //             <h2 class="calendar__event-date">
    //                 <a href="Calendar" class="calendar__date-link">
    // 
    //                     [ See Calendar Date Markup Below ]
    // 
    //                 </a>
    //             </h2>
    //             <div class="calendar__events">
    //                 <ul class="calendar__events-list">
    // 
    //                     [ See Calendar Events Markup Below ]
    // 
    //                     { ... }
    // 
    //                 </ul>
    //                 <a class="calendar__more-events-link" href="">View More Events</a>
    //             </div>
    //         </div>
    // 
    //         <div class="calendar__month">November</div>
    //         <div class="calendar__day">
    //             <h2 class="calendar__event-date">
    //                 <a href="Calendar" class="calendar__date-link calendar-date">
    // 
    //                     [ See Calendar Date Markup Below ]
    // 
    //                 </a>
    //             </h2>
    //             <div class="calendar__events">
    //                 <ul class="calendar__events-list">
    // 
    //                     [ See Calendar Events Markup Below ]
    // 
    //                     { ... }
    // 
    //                 </ul>
    //                 <a class="calendar__more-events-link" href="">View More Events</a>
    //             </div>
    //         </div>
    //     </div>
    // </div>

*/
.calendar__navigation {
  margin-top: 3rem;
  background-color: #333f48;
}
.calendar__tabs {
  /* --- Calendar Layout Styles --- */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  /* --- */
  background-color: #f3f5f7;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
}
.calendar__tab {
  position: relative;
}
.calendar__tab--current {
  background-color: #EAAA00;
}
.calendar__tab-link {
  /* --- Calendar Layout Styles --- */
  padding: 0.75rem 1rem;
  display: block;
  /* --- */
  color: #002855;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.25s ease, color 0.25s ease;
}
.calendar__tab-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  border: 2px solid #005EB8;
  transition: transform 0.125s ease-in-out;
  transform: scaleX(0);
}
.calendar__tab-link:hover, .calendar__tab-link:focus {
  color: #FFF;
  background-color: #005EB8;
}
.calendar__tab-link:hover::before, .calendar__tab-link:focus::before {
  transform: scaleX(100%);
}
.calendar__header {
  padding: 1rem;
}
@media screen and (min-width: 40.625em) {
  .calendar__header {
    /* --- Calendar Layout Styles --- */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    /* --- */
  }
}
.calendar__header-date {
  margin: 1rem 0 1rem 0;
}
.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;
  /* --- */
}
@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);
  border-bottom: 0.25rem solid #f3f5f7;
  background-color: #FFF;
  color: #005EB8;
  font-weight: bold;
  transition: all 0.25s ease;
}
.calendar__more-events-link:hover, .calendar__more-events-link:focus {
  color: #0078eb;
  background-color: rgba(51, 63, 72, 0.05);
  background-color: #CD4C08;
  border-bottom-color: #9c3a06;
  color: white;
}
.calendar__days {
  /* --- Calendar Layout Styles --- */
  margin-left: -1rem;
  margin-right: -1rem;
  /* --- */
}
@media screen and (min-width: 37.5em) {
  .calendar__days {
    /* --- Calendar Layout Styles --- */
    margin-left: 0;
    margin-right: 0;
    /* --- */
  }
}
.calendar__day {
  /* --- Calendar Layout Styles --- */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  /* --- */
  border-top: 0.063rem solid rgba(51, 63, 72, 0.1);
  border-right: 0.063rem solid rgba(51, 63, 72, 0.1);
  border-bottom: 0.063rem solid rgba(30, 37, 42, 0.1);
}
.calendar__day .calendar__events-list {
  /* --- Calendar Layout Styles --- */
  margin: 1rem 0.5rem 0;
  /* --- */
}
.calendar__event-date {
  /* --- Calendar Layout Styles --- */
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-basis: 5rem;
  -moz-flex-basis: 5rem;
  -ms-flex-preferred-size: 5rem;
  flex-basis: 5rem;
  margin: 0;
  text-align: center;
  /* --- */
}
@media screen and (min-width: 26.25em) {
  .calendar__event-date {
    /* --- Calendar Layout Styles --- */
    -webkit-flex-basis: 7rem;
    -moz-flex-basis: 7rem;
    -ms-flex-preferred-size: 7rem;
    flex-basis: 7rem;
    /* --- */
  }
}
.calendar__date-link {
  /* --- Calendar Layout Styles --- */
  display: block;
  height: 100%;
  padding: 2rem 0;
  text-decoration: none;
  /* --- */
  color: #9BD3DD;
  background-color: #0D5257;
  /*.calendar__day--weekend & {
      background-color: #355476;
  }*/
}
.calendar__date-link .calendar-date__day {
  color: white;
}
.calendar__date-link:hover, .calendar__date-link:focus {
  color: rgba(255, 255, 255, 0.8);
}
.calendar__date-link:hover .calendar-date__day, .calendar__date-link:focus .calendar-date__day {
  color: rgba(255, 255, 255, 0.85);
}
.calendar__day--passed .calendar__date-link {
  color: #0D5257;
  background-color: #9BD3DD;
}
.calendar__day--passed .calendar__date-link .calendar-date__day {
  color: #0D5257;
}
.calendar__day--today .calendar__date-link {
  color: #002855;
  background-color: #EAAA00;
}
.calendar__day--today .calendar__date-link .calendar-date__day {
  color: #002855;
}
.calendar__month {
  /* --- Calendar Layout Styles --- */
  padding: 1.5rem 1rem;
  /* --- */
  color: #005EB8;
  font-size: 2.5rem;
  font-family: Georgia;
  font-weight: normal;
}
@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;*/
  font-family: "Georgia", serif;
  font-weight: normal;
}
.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 {
  margin-bottom: 2rem;
}
.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: #43535e;
}
@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;
  /* --- */
  color: #fff;
}
@media screen and (min-width: 30em) {
  .calendar-categories__heading {
    /* --- Calendar Layout Styles --- */
    padding: 0.75rem 1rem;
    /* --- */
  }
}
.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: #586d7c;
}
@media screen and (min-width: 30em) {
  .calendar-categories__toggle {
    color: rgb(255, 255, 255);
  }
}
.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 #FFF;
  margin-right: 1rem;
}
.calendar-categories__toggle:hover, .calendar-categories__toggle:focus {
  background-color: #637a8b;
}
.calendar-categories__fieldset {
  /* --- Calendar Layout Styles --- */
  border-width: 0 0.063rem 0.063rem 0.063rem;
  border-style: solid;
  margin: 0;
  padding: 0;
  /* --- */
  border-color: #d0d7dd;
}
.calendar-categories__list {
  /* --- Calendar Layout Styles --- */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem 0.25rem;
  /* --- */
}

/*

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

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

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

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

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


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

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

*/
.calendar-event {
  /* --- Calendar Layout Styles --- */
  margin: 0 0.4rem 1rem 0.4rem;
  padding-bottom: 0.75rem;
  /*border-width: 0 0.063rem 0.063rem 0.063rem;
  border-style: solid;*/
  /* --- */
  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;
  border-top: 3px solid #0D5257;
  background-color: #f3f5f7;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
}
@media screen and (min-width: 30em) {
  .calendar-event {
    /* --- Calendar Layout Styles --- */
    padding-bottom: 1.5rem;
    /* --- */
    padding-top: 0.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);
    /*text-align: center;*/
    /* --- */
  }
}
.calendar-event__category {
  /* --- Calendar Layout Styles --- */
  width: calc(100% + 0.125rem);
  margin: -0.063rem;
  padding: 0.5rem 1rem;
  display: block;
  /* --- */
  /*border-bottom: 1px solid white;*/
  color: #005EB8;
  font-family: "Georgia", serif;
  font-style: italic;
}
.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;
  /* --- */
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.calendar-event__name-link {
  display: block;
  /*color: $pms-166-c;*/
  font-size: 1.25rem;
  line-height: 1;
  /*font-family: $helvetica-neue-black-condensed;*/
  /*font-weight: normal;*/
  text-decoration: none;
  /*text-transform: uppercase;*/
}
@media screen and (min-width: 30em) {
  .calendar-event__name-link {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 68.75em) {
  .calendar-event__name-link {
    font-size: 1.5rem;
  }
}
.calendar-event__name-link:hover, .calendar-event__name-link:focus {
  color: #0078eb;
}
.calendar-event--passed .calendar-event__name-link {
  color: #002855;
  opacity: 0.8;
}
.calendar-event--passed .calendar-event__name-link:hover, .calendar-event--passed .calendar-event__name-link:focus {
  color: #0078eb;
}
.calendar-event__location {
  /* --- Calendar Layout Styles --- */
  display: block;
  font-size: 0.9rem;
  line-height: 1.25;
  padding: 0 1rem;
  /* --- */
}

@media screen and (min-width: 55em) {
  .event-page {
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-column-gap: 3rem;
    grid-template-areas: "name name" "primary meta" "primary contact";
  }
}
@media screen and (min-width: 55em) {
  .event-page__name {
    grid-area: name;
  }
}
@media screen and (min-width: 55em) {
  .event-page__meta {
    grid-area: meta;
  }
}
@media screen and (min-width: 55em) {
  .event-page__primary {
    grid-area: primary;
  }
}
.event-page__image {
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 55em) {
  .event-page__contact {
    grid-area: contact;
    align-self: end;
  }
}

.dc-event {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 0;
  padding-bottom: 2rem;
}
.dc-event__intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.dc-event .image-wrapper {
  width: 100%;
}
@media screen and (min-width: 37.5em) {
  .dc-event .image-wrapper {
    display: block;
    width: 50%;
  }
}
.dc-event .image-wrapper:only-child {
  width: 100%;
  max-width: 145px;
}
.dc-event__info {
  width: 100%;
}
.dc-event__image {
  width: 20%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.dc-event__image img {
  margin: 0;
  width: 100%;
  max-width: none;
  box-shadow: 1px 1px 2px black;
}
.dc-event__image + .dc-event__info {
  padding-left: 0;
}
@media screen and (min-width: 37.5em) {
  .dc-event__image + .dc-event__info {
    padding-left: 1rem;
  }
}
.dc-event__details {
  margin-top: 2rem;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.dc-event__buttons {
  width: 100%;
  margin-top: 1.5rem;
}
.dc-event:not(:first-child) {
  padding-top: 2rem;
}
.dc-event:not(:last-child) {
  box-shadow: 0 0.75rem 0.75rem -0.75rem rgba(0, 0, 0, 0.15);
}
.dc-event.widget {
  padding: 1.5rem;
  box-shadow: none;
  margin-bottom: 1rem;
}
.dc-event.widget .event-info__title {
  font-size: 1.75rem;
}
.dc-event.widget .dc-event__info {
  width: 80%;
}
.dc-event.widget .event-info__speaker-name {
  font-size: 1.275rem;
}

.dc-events .event-info__link {
  text-decoration: underline;
}
.dc-events .dc-event__details {
  margin-top: 0.5rem;
}
.dc-events .dc-event__buttons .event-info__link {
  font-weight: bold;
}
.dc-events .dc-event__buttons a + a {
  margin-left: 0.75rem;
}
.dc-events--highlighted {
  position: relative;
  margin: 2rem 0 7rem 0;
}
.dc-events--highlighted .dc-event {
  padding: 1.5rem;
  background: #f3f5f7;
  margin-bottom: 1rem;
  box-shadow: 0 0.75rem 0.75rem -0.75rem rgba(0, 0, 0, 0.15);
}
.dc-events--highlighted:before {
  position: absolute;
  content: "";
  background: linear-gradient(to right, #9bd3dd 0, #9bd3dd 70%, rgba(0, 40, 85, 0) 100%);
  width: 100%;
  height: 5px;
  left: 0;
  bottom: -4rem;
}

a.event-info__title {
  text-decoration: underline;
}

.event-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
.event-info__title, .event-info__speaker-name, .event-info__speaker-title {
  display: block;
}
.event-info__title {
  margin-top: 0;
  font-size: 1.5rem;
}
.event-info__speaker-name {
  font-size: 1.125rem;
  margin: 1.125rem 0 0.5rem 0;
  color: black;
  font-weight: bold;
  line-height: 100%;
}
.event-info__speaker-title {
  font-style: italic;
  font-size: 0.9rem;
  color: #B8E0E5;
}
.event-info__date, .event-info__time, .event-info__location {
  color: black;
}
.event-info__time {
  margin-left: 0.375rem;
  position: relative;
}
.event-info__time:before {
  content: "|";
  margin-right: 0.375rem;
  font-size: 1.25rem;
  color: #9BD3DD;
}
.event-info__location {
  display: block;
  margin-top: 0.5rem;
  width: 100%;
}
.event-info__link--stream {
  color: #BE3A34;
}

.dc-event--featured {
  background: #005EB8;
  background-image: radial-gradient(circle farthest-side at center bottom, #005EB8, #002855 125%);
  padding: 1rem;
}
@media screen and (min-width: 62.5em) {
  .dc-event--featured {
    padding: 2rem;
  }
}
.dc-event--featured .dc-event {
  width: 100%;
  padding: 2rem 0;
}
@media screen and (min-width: 62.5em) {
  .dc-event--featured .dc-event {
    width: 60%;
    padding: 2rem 0 2rem 3rem;
    box-shadow: -0.75rem 0 0.75rem -0.75rem rgba(0, 0, 0, 0.15);
  }
}
.dc-event--featured .dc-event__intro {
  flex-direction: column;
}
.dc-event--featured .dc-event__image {
  width: 100%;
}
.dc-event--featured .dc-event__image .image-wrapper {
  width: 10%;
}
.dc-event--featured .dc-event__image .image-wrapper:not(:last-child) {
  margin-right: 1rem;
}
.dc-event--featured .dc-event__image .dc-event__images {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.dc-event--featured .dc-event__image .dc-event__speaker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 0.5rem;
  flex-wrap: wrap;
  align-content: flex-start;
}
@media screen and (min-width: 37.5em) {
  .dc-event--featured .dc-event__image .dc-event__speaker {
    width: 50%;
    margin-top: 0;
  }
  .dc-event--featured .dc-event__image .dc-event__speaker:nth-child(1), .dc-event--featured .dc-event__image .dc-event__speaker:nth-child(2) {
    margin-top: 1rem;
  }
  .dc-event--featured .dc-event__image .dc-event__speaker:first-child {
    margin-bottom: 1rem;
  }
}
.dc-event--featured .dc-event__image .dc-event__speaker .speaker-info {
  width: 100%;
  padding-right: 1rem;
}
@media screen and (min-width: 37.5em) {
  .dc-event--featured .dc-event__image .dc-event__speaker .speaker-info {
    width: 70%;
  }
}
.dc-event--featured .dc-event__image .dc-event__speaker .image-wrapper {
  width: 84px;
  max-width: 84px;
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 37.5em) {
  .dc-event--featured .dc-event__image .dc-event__speaker .image-wrapper {
    margin-bottom: 0;
    width: calc(30% - 1rem);
  }
}
.dc-event--featured .dc-event .info-image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.dc-event--featured .dc-event .info-image-wrapper .dc-event__image {
  width: 100%;
}
@media screen and (min-width: 37.5em) {
  .dc-event--featured .dc-event .info-image-wrapper .dc-event__image {
    width: 20%;
  }
}
.dc-event--featured .dc-event .info-image-wrapper .dc-event__image .image-wrapper {
  width: 100%;
}
@media screen and (min-width: 37.5em) {
  .dc-event--featured .dc-event .info-image-wrapper .dc-event__image .image-wrapper {
    width: auto;
  }
}
.dc-event--featured .dc-event .info-image-wrapper .dc-event__info {
  width: calc(100% - 2rem);
}
@media screen and (min-width: 37.5em) {
  .dc-event--featured .dc-event .info-image-wrapper .dc-event__info {
    width: 70%;
  }
}
.dc-event--featured .dc-event .info-image-wrapper .event-info__speaker-title {
  margin-bottom: 0;
}
.dc-event--featured .dc-event__details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-content: center;
  margin-top: 0;
  margin-top: 1.5rem;
}
.dc-event--featured .dc-event__category {
  text-shadow: #2C2A29 1px 1px 1px;
  width: 100%;
  position: relative;
  margin-bottom: 2rem;
  padding: 0 0 0.75rem 0;
}
@media screen and (min-width: 27.5em) {
  .dc-event--featured .dc-event__category {
    letter-spacing: 4px;
  }
}
.dc-event--featured .dc-event__category:before {
  position: absolute;
  content: "";
  background: #9BD3DD;
  background: linear-gradient(to right, #9bd3dd 0, #9bd3dd 70%, rgba(0, 40, 85, 0) 100%);
  bottom: -0.5rem;
  left: 0;
  width: 75%;
  height: 5px;
}
.dc-event--featured .event-info__link {
  width: 100%;
}
@media screen and (min-width: 37.5em) {
  .dc-event--featured .event-info__link {
    width: auto;
  }
}
.dc-event--featured .event-info__link--stream {
  color: white;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 37.5em) {
  .dc-event--featured .event-info__link--stream {
    width: auto;
    margin-bottom: 0;
  }
}
.dc-event--featured .event-info__title {
  font-size: 2rem;
  color: #EAAA00;
  text-shadow: #2C2A29 1px 1px 1px;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  margin-bottom: 0.6em;
}
.dc-event--featured .event-info__speaker-name {
  color: white;
  text-shadow: #2C2A29 1px 1px 1px;
  font-weight: normal;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0.5rem;
  letter-spacing: 3px;
}
.dc-event--featured .event-info__speaker-title {
  margin-bottom: 1rem;
}
.dc-event--featured .event-info__date, .dc-event--featured .event-info__time, .dc-event--featured .event-info__location {
  color: white;
  text-shadow: #2C2A29 1px 1px 1px;
}
.dc-event--featured .layout-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.dc-introduction__text {
  width: 100%;
  padding: 2rem 0;
  color: white;
  align-self: center;
  text-shadow: #2C2A29 1px 1px 1px;
  font-size: 1.25rem;
}
@media screen and (min-width: 62.5em) {
  .dc-introduction__text {
    width: 40%;
    padding: 2rem 3rem 2rem 0;
  }
}
.dc-introduction__text h1 {
  font-size: 3.5rem;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 100%;
}
.dc-introduction__text p {
  margin-bottom: 0;
}
.dc-introduction__text .dc-event__note {
  color: white;
  font-style: italic;
  font-size: 0.875rem;
  margin-top: 1.5rem;
}

/*	sod FOOTER
	==========

	// ```
	// <div class="sod-footer">
	// 	  <div class="layout-container">
	// 	  	<nav class="sod-footer__navigation">
	// 	  		<ul class="sod-footer__navigation-list">
	// 	  			<li class="sod-footer__nav-item"><a href="{…}">Students</a></li>
	// 	  				{…}
	// 	  		</ul>
	// 	  	</nav>
    //    
	// 	  	<address class="sod-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>
	// ```
*/
.sod-footer {
  padding: 1rem 0;
  background: #c1e4ea;
}
@media print {
  .sod-footer {
    display: none;
  }
}
@media screen and (min-width: 25em) {
  .sod-footer .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;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 35em) {
  .sod-footer .layout-container {
    padding: 4rem 0;
  }
}
.sod-footer a {
  font-weight: bold;
  text-decoration: none;
  color: #002855;
  border-bottom: 2px #9BD3DD solid;
  transition: color 0.2s ease, border-bottom 0.2s ease;
  padding: 0;
  margin-top: 0.75rem;
}
.sod-footer a:hover, .sod-footer a:focus {
  color: #005EB8;
  border-bottom: 2px solid #CD4C08;
}
.sod-footer__navigation {
  width: 100%;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 35em) {
  .sod-footer__navigation {
    width: auto;
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
    -moz-box-flex: 50%;
    -moz-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
  }
}
@media screen and (min-width: 55em) {
  .sod-footer__navigation {
    -webkit-box-flex: 75%;
    -webkit-flex: 75%;
    -moz-box-flex: 75%;
    -moz-flex: 75%;
    -ms-flex: 75%;
    flex: 75%;
    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;
  }
}
.sod-footer__navigation-list {
  -webkit-box-flex: 50%;
  -webkit-flex: 50%;
  -moz-box-flex: 50%;
  -moz-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media screen and (min-width: 35em) {
  .sod-footer__navigation-list {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -moz-box-flex: 100%;
    -moz-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
}
@media screen and (min-width: 55em) {
  .sod-footer__navigation-list {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-box-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }
}
.sod-footer__navigation-link {
  display: inline-block;
  padding: 0.25rem 0;
}
.sod-footer__address {
  line-height: 1.6;
  font-style: normal;
  -webkit-box-flex: 50%;
  -webkit-flex: 50%;
  -moz-box-flex: 50%;
  -moz-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
}
@media screen and (min-width: 35em) {
  .sod-footer__address {
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
    -moz-box-flex: 50%;
    -moz-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
  }
}
@media screen and (min-width: 45em) {
  .sod-footer__address {
    -webkit-box-flex: 25%;
    -webkit-flex: 25%;
    -moz-box-flex: 25%;
    -moz-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
  }
}
.sod-footer__address .h-adr {
  background: #f3f5f7;
  padding: 1.5rem;
  position: relative;
  border-top: 7px solid #0D5257;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
}
.sod-footer__address .h-adr .card__icon {
  top: -25px;
  right: calc(50% - 15px);
  width: 40px;
  height: 40px;
}
.sod-footer__address .h-adr .card__icon svg {
  height: 15px;
  width: 15px;
  transform: translateY(-63px);
  position: relative;
}

.main-content p, .main-content li, .main-content ul, .main-content ol, .event-page p, .event-page li, .event-page ul, .event-page ol, .event-page__description p, .event-page__description li, .event-page__description ul, .event-page__description ol, .news-story p, .news-story li, .news-story ul, .news-story ol {
  font-size: 1.125rem;
}
.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6, .event-page h1, .event-page h2, .event-page h3, .event-page h4, .event-page h5, .event-page h6, .event-page__description h1, .event-page__description h2, .event-page__description h3, .event-page__description h4, .event-page__description h5, .event-page__description h6, .news-story h1, .news-story h2, .news-story h3, .news-story h4, .news-story h5, .news-story h6 {
  font-family: "Georgia", serif;
  font-weight: normal;
}
.main-content .personage__name, .event-page .personage__name, .event-page__description .personage__name, .news-story .personage__name {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
}

#content .page-content {
  position: relative;
}

@media print {
  .content-page {
    margin-bottom: 2rem;
    display: block;
  }
}

@supports (display: grid) {
  .page-content--covid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  @media screen and (min-width: 65em) {
    .page-content--covid {
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 1rem;
    }
  }
}
.page-content--covid .main-content {
  width: 100%;
  grid-row: 2;
  grid-column: span 1;
  /*margin-bottom: 0;*/
}
@media screen and (min-width: 65em) {
  .page-content--covid .main-content {
    grid-row: 1;
    grid-column: 1/span 2;
  }
}
.page-content--covid .secondary-content {
  width: 100%;
  grid-row: 1;
  grid-column: span 1;
  margin-bottom: 1rem;
}
@media screen and (min-width: 65em) {
  .page-content--covid .secondary-content {
    margin-bottom: 0;
    grid-row: 1;
    grid-column: 3/span 1;
  }
}
.page-content--covid__header {
  margin-top: 1rem;
  grid-row: 1;
  grid-column: span 2;
  width: 100%;
}
.page-content--covid__header h1 {
  width: 65%;
}

.main-content {
  flex-direction: column;
  width: 100%;
  display: block;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 65em) {
  .main-content {
    padding-right: 2rem;
    width: 70%;
    margin-bottom: 4rem;
  }
}
.main-content h1 {
  margin-top: 0;
}
@media screen and (min-width: 55em) {
  .main-content h1 {
    margin-top: revert;
  }
}
.main-content--full {
  flex-direction: column;
  width: 100%;
  display: block;
  margin-bottom: 1.5rem;
  padding-right: 0;
}

.secondary-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 65em) {
  .secondary-content {
    flex: 0 0 auto;
    padding-left: 2rem;
    width: 30%;
  }
}
.secondary-content .widget__container {
  margin-bottom: 2rem;
}
@media print {
  .secondary-content .button {
    display: none;
  }
}

.content-container--higher .page-content {
  margin-top: 1rem;
}
.content-container--higher .page-content__program--wc {
  margin-top: 0;
}
.content-container--higher .page-content .secondary-content {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.content-container--higher .page-content--flipped {
  flex-direction: row-reverse;
}
.content-container--higher .page-content--flipped .secondary-content {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 65em) {
  .content-container--higher .page-content--flipped .secondary-content {
    margin-top: 3rem;
  }
}
.content-container--higher .page-content__program .secondary-content {
  margin-top: 1rem;
}
.content-container--higher .card.sub-navigation {
  margin-top: 2rem;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
}
.content-container--higher .card:after {
  content: none;
}

.page-header {
  padding: 2rem 0 3.5rem 0;
  position: relative;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 100%), url("../../../PublicHealth2021/_Common/Images/pattern-grayscale.svg");
  background-size: cover;
  background-position: center;
  z-index: 1;
}
.page-header--no-breadcrumbs {
  padding: 2rem 0;
}
.page-header:before {
  position: absolute;
  content: none;
  top: 0;
  right: -10%;
  width: 20%;
  height: 101%;
  background: white;
  z-index: 2;
  transform: skew(-33.75deg);
}
@media screen and (min-width: 78.125em) {
  .page-header:before {
    content: "";
  }
}
.page-header--no-breadcrumbs {
  padding: 2rem 0;
}
@media screen and (min-width: 64em) {
  .page-header--no-breadcrumbs {
    padding: 4rem 0;
  }
}
@media print {
  .page-header {
    background-image: none;
    background-color: #fff;
    /*color: black;*/
    padding: 0 0 2rem 0;
    /*&__headline-highlight { 
        color: black;
    }*/
  }
}
.page-header__headline {
  color: #002855;
  font-size: 1.75rem;
  line-height: 100%;
  text-decoration: none;
  transition: color 0.125s ease;
  display: inline-block;
  /*@media print {
      color: black;
  }*/
}
@media screen and (min-width: 55em) {
  .page-header__headline {
    font-size: 2.25rem;
  }
}
.page-header__headline-highlight {
  color: #005EB8;
  transition: color 0.125s ease;
  font-size: 2.25rem;
  display: block;
  /*@media print {
      color: black;
  }*/
}
@media screen and (min-width: 55em) {
  .page-header__headline-highlight {
    font-size: 3rem;
  }
}
.page-header a.page-header__headline:hover, .page-header a.page-header__headline:focus {
  color: black;
}
.page-header a.page-header__headline:hover .page-header__headline-highlight, .page-header a.page-header__headline:focus .page-header__headline-highlight {
  color: #CD4C08;
}

.stat {
  text-align: center;
  background: #9BD3DD;
  padding: 6rem 1rem;
  color: black;
  /*@include flexbox;
  align-items: center;
  justify-content: center;*/
  margin-right: 3rem;
  margin-bottom: 3rem;
  position: relative;
  z-index: 2;
}
@media print {
  .stat {
    /*padding: 0;*/
    margin: 0;
    /*background: none;*/
  }
}
.stat__header {
  margin-bottom: 1.5rem;
  font-family: "Georgia", serif;
  font-style: italic;
  font-weight: normal;
  font-size: 1rem;
  padding: 0 0.5rem;
  background: #9BD3DD;
  align-self: center;
  color: rgba(0, 0, 0, 0.75);
  top: 0;
  position: relative;
}
@supports (display: grid) {
  .stat__header {
    position: absolute;
    margin-top: 2rem;
  }
}
@media print {
  .stat__header {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    /*color: black;
    background: none;*/
  }
}
.stat__header:before {
  top: -50%;
  width: 200%;
  height: 100%;
  left: -50%;
  position: absolute;
  content: "";
  border-bottom: solid 1px rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.stat__title {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-self: center;
  color: black;
  font-size: 1.75rem;
  width: 100%;
}
.stat__title-highlight {
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 100%;
  font-size: 4.5rem;
  display: block;
  color: #0D5257;
}
@media print {
  .stat__title-highlight {
    /*color: black;*/
  }
}
@media screen and (min-width: 56.25em) {
  .stat__title-highlight {
    font-size: 6rem;
  }
}

.card {
  background: #f3f5f7;
  padding: 6rem 2rem;
  position: relative;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
  border-top: 7px #0D5257 solid;
  text-align: center;
  z-index: 1;
}
@media print {
  .card {
    background: none;
    border-top: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
  }
}
.card--white {
  background: white;
}
.card__desc a {
  font-weight: bold;
}
.card__title--sub {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  margin-top: 0.5rem;
  margin-bottom: 0;
  color: #002855;
  /*        font-size: 2rem;
  */
  line-height: 100%;
}
@media print {
  .card__title--sub {
    margin-bottom: 0.75rem;
    margin-top: 0;
  }
}
.card__title {
  font-size: 2rem;
}
.card--condensed {
  padding: 2rem;
}
@media print {
  .card--condensed {
    padding: 0;
  }
}
.card--condensed.research {
  margin-top: 2rem;
}
.card--extra-condensed {
  padding: 0;
}
.card__links {
  text-align: left;
  font-weight: bold;
  margin-bottom: 0;
}
.card__links .link:not(:last-child) {
  margin-bottom: 1rem;
}
.card__links a {
  text-decoration: none;
}
@media print {
  .card__links a {
    border-style: none none solid none;
    border-color: inherit;
    border-width: 0.025in;
  }
}
.card__icon, .card .icon {
  background: #005EB8;
  text-align: center;
  font-size: 5rem;
  position: absolute;
  top: -35px;
  right: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
  text-shadow: 4px 0px 2px rgba(0, 0, 0, 0.375);
  color: white;
  font-family: "Georgia", serif;
}
@media print {
  .card__icon, .card .icon {
    color: black;
    box-shadow: none;
    text-shadow: none;
    background: none;
  }
}
.card__icon svg, .card .icon svg {
  position: relative;
  height: 25px;
  width: 25px;
  transform: translateY(-35px);
  fill: white;
  stroke: white;
}
@media print {
  .card__icon svg, .card .icon svg {
    fill: black;
    stroke: black;
  }
}
.card__icon svg .iconic-property-stroke, .card .icon svg .iconic-property-stroke {
  fill: white;
  stroke: white;
}
@media print {
  .card__icon svg .iconic-property-stroke, .card .icon svg .iconic-property-stroke {
    fill: black;
    stroke: black;
  }
}

.step.icon {
  background: #005EB8;
  color: white;
  text-align: center;
  font-size: 5rem;
  font-family: "Georgia", serif;
  position: absolute;
  top: -35px;
  right: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
  text-shadow: 4px 0px 2px rgba(0, 0, 0, 0.375);
}
@media print {
  .step.icon {
    box-shadow: none;
    text-shadow: none;
    background: none;
  }
}

.card--event {
  text-align: left;
  margin-bottom: 2rem;
}
.card--event .widget__heading {
  font-size: 2rem;
  font-weight: bold;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  margin: 1rem 0 0.5rem 0;
}
.card--event .widget__heading:first-of-type {
  margin: 0 0 0.5rem 0;
}
.card--event .event__time, .card--event .event-page__location, .card--event .event-page__contact {
  font-family: "Georgia", serif;
  font-size: 1.25rem;
  display: block;
}
.card--event .event__time {
  margin-bottom: 1.5rem;
}
.card--event .event-page__location, .card--event .event-page__contact {
  margin-bottom: 0;
}

.offices__cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.offices__cards .module__heading {
  font-size: 2rem;
}
.offices__cards .module__heading .small-text {
  font-size: 1.25rem;
  color: #BE3A34;
}
.offices__cards .module__heading-highlight {
  font-size: 3.25rem;
}
.offices__cards--clinical li {
  width: 100%;
}
.offices__cards--add-programs {
  max-width: 85rem;
}
@media print {
  .offices__cards--add-programs {
    display: block;
    overflow: auto;
  }
}
.offices__cards--add-programs .card {
  margin: 0.875rem 0;
  width: 100%;
}
@media print {
  .offices__cards--add-programs .card {
    margin: 0;
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 56.25em) {
  .offices__cards--add-programs .card {
    margin: 0.875rem;
    width: calc(50% - 1.75rem);
  }
}
@media screen and (min-width: 71.875em) {
  .offices__cards--add-programs .card {
    width: calc(33.333% - 1.75rem);
  }
}
.offices__cards--add-programs .card .module__heading {
  font-size: 2rem;
}
.offices__cards--add-programs .card .module__heading .small-text {
  font-size: 1.25rem;
  color: #BE3A34;
}
.offices__cards--add-programs .card .module__heading-highlight {
  font-size: 3.25rem;
}

.add-programs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.add-programs .module__heading--add {
  font-size: 2.75rem;
  align-self: center;
  width: auto;
}
@media screen and (min-width: 56.25em) {
  .add-programs .module__heading--add {
    width: 30%;
    text-align: right;
  }
}
.add-programs .module__heading--add .module__heading-highlight {
  font-size: 3.5rem;
}

.introduction__cards--apply {
  margin-top: 2rem;
}
@media print {
  .introduction__cards--apply {
    margin-top: 1rem;
  }
}
.introduction__cards--apply .layout-container {
  display: flex;
  flex-wrap: wrap;
}
@media print {
  .introduction__cards--apply .layout-container {
    display: block;
  }
}
@media print {
  .introduction__cards--apply > .layout-container .card:last-of-type {
    margin: 2rem 0 5rem 0;
  }
}
.introduction__cards--apply .multi-card {
  background: #f3f5f7;
  width: 100%;
  padding: 2rem 0;
}
@media screen and (min-width: 56.25em) {
  .introduction__cards--apply .multi-card {
    padding: 3rem 0;
  }
}
@media screen and (min-width: 71.875em) {
  .introduction__cards--apply .multi-card {
    padding: 4rem 0;
  }
}
@media print {
  .introduction__cards--apply .multi-card {
    padding: 0;
    margin-bottom: 1rem;
    background: none;
  }
}
.introduction__cards--apply .multi-card:nth-child(odd) {
  background: #e7ebee;
}
@media print {
  .introduction__cards--apply .multi-card:nth-child(odd) {
    background: none;
  }
}
.introduction__cards--apply .multi-card:nth-child(2) {
  margin-top: 3rem;
}
.introduction__cards--apply .multi-card:nth-child(5) {
  margin-bottom: 3rem;
}
.introduction__cards--apply .multi-card .layout-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media print {
  .introduction__cards--apply .multi-card .layout-container {
    display: block;
  }
}
.introduction__cards--apply .multi-card .card {
  width: 100%;
  padding: 1.5rem 1rem;
  margin: 1rem 0;
  background: white;
  border-top: 7px #ED8B00 solid;
}
@media print {
  .introduction__cards--apply .multi-card .card {
    background: none;
    border-top: none;
    margin: 0;
    padding: 0;
    margin-bottom: 2rem;
    display: block;
  }
}
@media screen and (min-width: 56.25em) {
  .introduction__cards--apply .multi-card .card {
    width: calc(50% - 2rem);
    margin: 1rem;
  }
}
@media screen and (min-width: 71.875em) {
  .introduction__cards--apply .multi-card .card {
    width: calc(33.333% - 2rem);
  }
}
.introduction__cards--apply .multi-card .card__title {
  width: 100%;
  margin-bottom: 1rem;
}
.introduction__cards--apply .card {
  /*            @include flexbox;
              justify-content: center;*/
  margin: 1.5rem auto;
}
@media print {
  .introduction__cards--apply .card {
    margin: 0 0 1rem 0;
    display: block;
  }
}
.introduction__cards--apply .card-container {
  /*                @include flexbox;
                  flex-direction: column;*/
}
.introduction__cards--apply .card__title-highlight {
  font-size: 3.25rem;
  display: block;
}
.introduction__cards--apply .card__title--sub .small-text {
  color: #BE3A34;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 100%;
}
.introduction__cards--apply .listing--links {
  margin-top: 1.5rem;
}
.introduction__cards--apply .button-container {
  margin-top: 1.5rem;
  flex-grow: 1;
}
@media print {
  .introduction__cards--apply .button-container {
    margin-top: 0;
  }
}
.introduction__cards--apply .apply-deadline {
  /*            background: none;
  */
  color: black;
}
@media print {
  .introduction__cards--apply .apply-deadline {
    display: block;
    margin-top: 0.75rem;
    margin-bottom: 0.25rem;
  }
}
@media print {
  .introduction__cards--apply .apply-deadline__date {
    font-weight: bold;
  }
}

.multi-card {
  width: 100%;
  background: #f3f5f7;
  padding: 4rem 0;
}
@media print {
  .multi-card {
    padding: 0;
    background: none;
    clear: both;
  }
}
.multi-card--program .layout-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media print {
  .multi-card--program .layout-container {
    display: block;
  }
}
.multi-card--program .card-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
.multi-card--program .card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1.5rem 1rem;
  margin: 1rem 0;
  background: white;
  border-top: 7px #ED8B00 solid;
}
@media print {
  .multi-card--program .card {
    padding: 0;
    border-top: none;
  }
}
@media screen and (min-width: 56.25em) {
  .multi-card--program .card {
    width: calc(50% - 2rem);
    margin: 1rem;
  }
}
@media screen and (min-width: 71.875em) {
  .multi-card--program .card {
    width: calc(33.333% - 2rem);
  }
}
.multi-card--program .card .module__heading {
  color: #DA530C;
  font-size: 2rem;
}
.multi-card--program .card .module__heading b {
  color: #BE3A34;
  font-size: 3.25rem;
}
.multi-card--program .card .module__heading .small-text {
  color: #BE3A34;
}
.multi-card--program .card .module__heading.modified {
  font-family: "Georgia", serif;
  font-style: italic;
  font-size: 1rem;
  padding: 0 0.5rem;
  color: #005EB8;
  background: white;
  align-self: center;
  text-align: center;
  text-transform: none;
  max-width: 50%;
  margin: 0 auto;
  line-height: 100%;
  z-index: unset;
}
.multi-card--program .card .module__heading.modified:before {
  top: -50%;
  width: 150%;
  height: 100%;
  left: -25%;
  position: absolute;
  content: "";
  border-bottom: solid 1px rgba(0, 94, 184, 0.5);
  z-index: -1;
}
@media print {
  .multi-card--program .card .module__heading.modified:before {
    border-bottom: solid 0.015in #005EB8;
  }
}
.multi-card--program .card .button-container {
  margin-top: 0.5rem;
  flex-grow: 1;
}

.module--student-profiles-container {
  background: #f3f5f7;
}
@media print {
  .module--student-profiles-container {
    background: none;
    display: block;
    overflow: auto;
    clear: both;
  }
}

.profile-page__image-container {
  width: 100%;
  height: auto;
  position: relative;
}
.profile-page__image {
  width: 100%;
  height: auto;
  position: relative;
}
.profile-page__quote {
  width: 90%;
  padding: 1.25rem;
  font-size: 1.5rem;
  background: white;
  margin: -3rem auto 0 auto;
}
@media print {
  .profile-page__quote {
    margin: 1rem 0;
    width: 100%;
  }
}
.profile-page__name {
  margin-bottom: 0.75rem;
}
.profile-page__suffix {
  color: #BE3A34;
  margin-bottom: 1rem;
}

.student-profile {
  width: 66.666%;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 66.666%;
}
@supports (display: grid) {
  .student-profile {
    grid-column: 2/span 2;
  }
}
.student-profile__image {
  width: calc(50% + 4rem);
  position: relative;
}
.student-profile__image img {
  width: 100%;
  height: auto;
}
.student-profile__title {
  margin: 0;
  font-size: 2rem;
  transition: color 0.25s ease;
  line-height: 100%;
}
.student-profile__title-highlight {
  font-size: 2.75rem;
  transition: color 0.25s ease;
  display: block;
}
.student-profile__title .small-text {
  color: #BE3A34;
}
.student-profile__info {
  /*        @include flexbox;
          flex-direction: column;*/
  text-align: center;
  width: 50%;
  transform: translateX(-2rem);
  margin-top: 2rem;
}
.student-profile__info .stat__header {
  position: relative;
  background: white;
  margin-top: 0.75rem;
  margin-bottom: 0;
}
.student-profile__text {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.25rem;
  margin-top: 0.75rem;
}
.student-profile .button {
  align-self: center;
}

.student-profiles {
  padding: 2.5rem 0;
  position: relative;
  margin-top: 0;
  width: 100%;
}
@media screen and (min-width: 56.25em) {
  .student-profiles {
    margin-top: -6rem;
    padding: 5rem 0;
  }
}
.student-profiles .layout-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
@supports (display: grid) {
  .student-profiles .layout-container {
    display: grid;
  }
}
.student-profiles h1 {
  font-family: "Georgia", serif;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
}
@supports (display: grid) {
  .student-profiles h1 {
    grid-column: span 3;
  }
}
.student-profiles .module__heading {
  margin: 0;
  margin-bottom: 2rem;
  margin-left: 1rem;
  color: #005EB8;
  width: 100%;
}
@supports (display: grid) {
  .student-profiles .module__heading {
    grid-column: span 3;
  }
}
.student-profiles__intro {
  width: 100%;
  font-size: 1.125rem;
}
@supports (display: grid) {
  .student-profiles__intro {
    grid-column: span 3;
  }
}
.student-profiles .student-profile {
  /*        text-decoration: none;
  */
  transition: transform 0.25s ease;
  flex-wrap: wrap;
  width: 100%;
  /*        @media screen and (min-width: 53em) {
              // Base ----------//
              width: 66.666%;

              // Grid ----------//
              @supports (display: grid) {
                  width: auto;
                  grid-column: 1 / span 2;
              }
          }*/
}
@media print {
  .student-profiles .student-profile {
    display: block;
    margin-bottom: 1rem;
  }
}
@supports (display: grid) {
  .student-profiles .student-profile {
    grid-column: 1/span 3;
  }
}
@media screen and (min-width: 40.625em) {
  .student-profiles .student-profile {
    flex-wrap: nowrap;
    margin-top: 0;
  }
  .student-profiles .student-profile__image {
    width: 40%;
    max-width: none;
  }
  .student-profiles .student-profile__info {
    width: 60%;
    margin-top: 0;
    align-self: center;
    /*                padding: 2rem;
    */
    transform: translateX(-1rem);
  }
}
@media screen and (min-width: 68.75em) {
  .student-profiles .student-profile {
    display: block;
    width: calc(33.333% - 1rem);
    margin-right: 1rem;
  }
  @supports (display: grid) {
    .student-profiles .student-profile {
      margin-right: 0;
      width: auto;
      grid-column: span 1;
    }
  }
  .student-profiles .student-profile__image {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
  }
  .student-profiles .student-profile__info {
    width: 80%;
    margin: 0 auto;
    transform: translateX(0) translateY(-5rem);
  }
}
.student-profiles .student-profile__title {
  font-size: 2rem;
  margin-bottom: 0;
  margin-left: 0;
  color: #DA530C;
}
.student-profiles .student-profile__title-highlight {
  font-size: 2.75rem;
}
.student-profiles .student-profile__image {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  max-width: 200px;
}
@media screen and (min-width: 68.75em) {
  .student-profiles .student-profile__image {
    max-width: 300px;
  }
}
@media print {
  .student-profiles .student-profile__image {
    width: 20%;
    float: right;
  }
}
.student-profiles .student-profile__image img {
  transition: transform 1s linear;
}
.student-profiles .student-profile__info {
  width: 100%;
  margin-top: 0;
  align-self: center;
  padding: 1.5rem 1rem;
  transform: translateY(-1rem);
  background: white;
  /*            .stat__header {
                  position: relative;
                  background: white;
                  margin-top: .75rem;
                  margin-bottom: 0;
              }*/
}
@media print {
  .student-profiles .student-profile__info {
    padding: 0;
    transform: none;
    width: 80%;
    display: block;
    float: left;
  }
}
.student-profiles .student-profile__text {
  font-size: 1rem;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  color: black;
  margin-top: 0.75rem;
}

.student-profiles--class-of {
  margin-top: 4rem;
  padding: 0;
  margin-bottom: 2rem;
}
.student-profiles--class-of h1 {
  margin-bottom: 2rem;
}

.program-intro {
  position: relative;
  z-index: 0;
}
.program-intro__main {
  position: relative;
}
@media screen and (min-width: 56.25em) {
  .program-intro__main {
    margin-top: 4.5rem;
  }
}
.program-intro__main--text {
  margin-left: 3rem;
  margin: 1rem;
  position: relative;
  font-size: 1.25rem;
  color: black;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
@media screen and (min-width: 64em) {
  .program-intro__main--text {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 56.25em) {
  .program-intro__main--text {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .program-intro__main--text {
    margin-top: 1rem;
    margin-left: 2rem;
    margin-bottom: 1rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .program-intro__main--text {
    margin-right: 0;
    margin-left: 3rem;
  }
}

.page-content__program .main-content h2 {
  margin-bottom: 0;
}
.page-content__program .secondary-content {
  margin-top: 0;
}

.program-overview {
  width: 100%;
  background: #002855;
  padding: 2rem 0;
}
@media print {
  .program-overview {
    background: none;
    clear: both;
    overflow: auto;
  }
}
.program-overview .widget {
  margin-top: 0;
}
.program-overview .widget--contact .widget__text {
  margin-bottom: 0;
}
.program-overview .widget--contact .widget__text .item {
  margin-top: 0;
}
.program-overview .widget--contact .widget__title {
  margin-top: 0.5rem;
}
.program-overview--dept .card {
  align-self: center;
}
@media print {
  .program-overview--dept .card {
    margin-top: 2.5rem;
  }
}
.program-overview--concentration {
  padding: 1rem 0;
}
@media screen and (min-width: 56.25em) {
  .program-overview--concentration {
    padding: 3rem 0;
  }
}
.program-overview--concentration .module__heading {
  font-size: 2.5rem;
  margin: 0;
  padding: 0;
  padding: 0;
  display: block;
  color: #ED8B00;
}
@media screen and (min-width: 56.25em) {
  .program-overview--concentration .module__heading {
    font-size: 3rem;
    margin-left: 0;
    margin-right: 1rem;
    padding: 0 0 1rem 0;
  }
}
@media screen and (min-width: 64em) {
  .program-overview--concentration .module__heading {
    font-size: 3.375rem;
    margin-bottom: 0;
    margin-left: -2rem;
    margin-right: 2rem;
    padding: 2.25rem 2rem 2rem 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .program-overview--concentration .module__heading {
    font-size: 3.75rem;
    margin-right: 0;
    margin-left: -3rem;
    margin-bottom: -1.5rem;
    padding: 2.25rem 3rem 3rem 3rem;
  }
}
.program-overview--concentration .module__heading-highlight {
  color: #EAAA00;
  font-size: 3rem;
  /*@media print {
      color: black;
  }*/
}
@media screen and (min-width: 56.25em) {
  .program-overview--concentration .module__heading-highlight {
    font-size: 3.5rem;
  }
}
@media screen and (min-width: 64em) {
  .program-overview--concentration .module__heading-highlight {
    font-size: 4rem;
  }
}
@media screen and (min-width: 71.875em) {
  .program-overview--concentration .module__heading-highlight {
    font-size: 4.5rem;
  }
}
.program-overview--concentration .module__heading--secondary-heading {
  position: relative;
  font-size: 2rem;
  color: white;
  /*margin-left: 0;*/
  margin-right: 0;
}
@media print {
  .program-overview--concentration .module__heading--secondary-heading {
    color: #002855;
  }
}
@media screen and (min-width: 56.25em) {
  .program-overview--concentration .module__heading--secondary-heading {
    /*margin-left: 1rem;*/
  }
}
@media screen and (min-width: 64em) {
  .program-overview--concentration .module__heading--secondary-heading {
    font-size: 2.5rem;
    margin-top: 0;
    /*margin-left: ($indent-size - 1rem);*/
  }
}
@media screen and (min-width: 71.875em) {
  .program-overview--concentration .module__heading--secondary-heading {
    font-size: 3rem;
    /*margin-left: $indent-size;*/
  }
}
.program-overview--concentration .program-overview__intro-container {
  margin-left: 3rem;
  margin: 0;
  position: relative;
  font-size: 1.25rem;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
@media screen and (min-width: 64em) {
  .program-overview--concentration .program-overview__intro-container {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 56.25em) {
  .program-overview--concentration .program-overview__intro-container {
    margin-left: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .program-overview--concentration .program-overview__intro-container {
    margin-top: 1rem;
    margin-left: 2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .program-overview--concentration .program-overview__intro-container {
    margin-left: 3rem;
    margin-bottom: 2rem;
  }
}
.program-overview__intro-container {
  margin-left: 3rem;
  margin-top: 1.5rem;
}
.program-overview .button {
  align-self: center;
}

.programs-listing--dept.listing {
  margin-top: 3rem;
}
@media print {
  .programs-listing--dept.listing {
    margin-top: 0;
  }
}

.program-overview__text--container {
  font-size: 1.15rem;
  color: white;
  width: 100%;
}
@media print {
  .program-overview__text--container {
    color: black;
  }
}
@supports (display: grid) {
  .program-overview__text--container {
    width: auto;
    grid-column: span 3;
  }
}
@media screen and (min-width: 56.25em) {
  .program-overview__text--container {
    margin-right: 6rem;
    width: calc(66.666% - 6rem);
  }
  @supports (display: grid) {
    .program-overview__text--container {
      width: auto;
      grid-column: span 2;
    }
  }
}
.program-overview__text--container h2 {
  font-family: "Georgia", serif;
  font-weight: normal;
  font-size: 2.75rem;
  margin-bottom: 0;
  margin-top: 0;
  color: #EAAA00;
}
@media print {
  .program-overview__text--container h2 {
    color: black;
  }
}

.program-overview__widget--container {
  align-self: center;
  width: 100%;
}
@supports (display: grid) {
  .program-overview__widget--container {
    width: auto;
    grid-column: span 3;
  }
}
@media screen and (min-width: 40.625em) {
  .program-overview__widget--container {
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 56.25em) {
  .program-overview__widget--container {
    width: 33.333%;
  }
  @supports (display: grid) {
    .program-overview__widget--container {
      width: auto;
      grid-column: span 1;
    }
  }
}

.widgets-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  order: 2;
  margin-right: 0;
  margin-top: 4rem;
}
@supports (display: grid) {
  .widgets-container {
    width: auto;
    grid-row: 2;
    grid-column: span 3;
    margin-top: 0;
  }
}
@media screen and (min-width: 65em) {
  .widgets-container {
    margin-right: 3rem;
    width: calc(33.333% - 3rem);
    order: 1;
    margin-top: 0;
  }
  @supports (display: grid) {
    .widgets-container {
      width: auto;
      margin-right: 0;
      grid-row: 1;
      grid-column: span 1;
    }
  }
}
@media print {
  .widgets-container {
    display: block;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 65em) {
  .widgets-container .sub-navigation {
    margin-top: 2rem;
  }
}
.widgets-container .widget, .widgets-container .card, .widgets-container .sub-navigation {
  margin: 0.75rem 0;
  width: 100%;
  align-self: flex-start;
}
@media print {
  .widgets-container .widget, .widgets-container .card, .widgets-container .sub-navigation {
    margin: 0;
    padding: 0 1rem;
  }
}
@media screen and (min-width: 40.625em) {
  .widgets-container .widget, .widgets-container .card, .widgets-container .sub-navigation {
    margin: 0.75rem;
    width: calc(50% - 1.5rem);
  }
}
@media screen and (min-width: 65em) {
  .widgets-container .widget, .widgets-container .card, .widgets-container .sub-navigation {
    width: 100%;
    margin: auto;
    margin-top: 2rem;
  }
}

.widget__container .card--event {
  margin-top: 0;
  padding: 1.5rem;
}
.widget__container .card--event .widget__heading {
  font-size: 1.75rem;
}
.widget__container .card--event .widget__heading:first-of-type {
  margin: 0 0 0.5rem 0;
}
.widget__container .card--event .widget__heading--secondary {
  font-size: 1.5rem;
  text-align: left;
}

.widget {
  display: block;
  margin-top: 2rem;
  background: #0D5257;
  color: #9BD3DD;
  padding: 0.75rem 1rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  z-index: 1;
  /*&--contact {*/
  /*}*/
}
@media print {
  .widget {
    padding: 0 1rem;
    margin: 0;
    background: none;
    border: 0.03in solid #0D5257;
  }
}
.widget .widget__title {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: "Georgia", serif;
  font-style: italic;
  font-weight: normal;
  font-size: 1rem;
  padding: 0 0.5rem;
  position: relative;
  color: #9BD3DD;
  background: #0D5257;
  align-self: center;
  text-align: center;
  max-width: 65%;
  text-shadow: 1px 1px 1px black;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media print {
  .widget .widget__title {
    text-shadow: none;
    padding: 0;
    max-width: none;
    background: white;
    color: black;
    margin-bottom: 0;
  }
  .widget .widget__title::before {
    content: none;
  }
}
.widget .widget__title:before {
  top: -50%;
  width: 150%;
  height: 100%;
  left: -25%;
  position: absolute;
  content: "";
  border-bottom: solid 1px rgba(155, 211, 221, 0.5);
  z-index: -1;
}
@media print {
  .widget .widget__title:before {
    border-bottom: solid 1px black;
  }
}
.widget .widget__text {
  position: relative;
  display: block;
  margin: 0;
  margin-bottom: 1rem;
  color: white;
}
@media print {
  .widget .widget__text {
    color: black;
    margin-bottom: 0;
  }
}
.widget .widget__text .def-list {
  line-height: 175%;
  margin: 0;
}
.widget .widget__text .def-list dt, .widget .widget__text .def-list dd {
  display: inline-block;
}
.widget .widget__text .def-list dt {
  font-weight: bold;
  color: #9BD3DD;
}
.widget .widget__text .def-list dd {
  margin: 0;
  font-style: italic;
}
.widget .widget__text .item {
  margin-bottom: 0.5rem;
}
@media print {
  .widget .widget__text .item {
    margin-bottom: 0;
  }
}
.widget .widget__text .bulleted-list {
  margin: 0;
  padding: 0;
  padding-left: 1rem;
  line-height: 175%;
}
.widget .widget__button {
  margin: 0 auto;
  margin: 1rem auto 0.5rem auto;
  display: block;
}
.widget .widget__button:focus {
  outline-color: white;
}
@media print {
  .widget .widget__button {
    display: none;
  }
}
.widget--reverse {
  background: #9BD3DD;
}
.widget--reverse .widget__title {
  background: #9BD3DD;
  color: #0D5257;
  text-shadow: none;
}
@media print {
  .widget--reverse .widget__title {
    color: black;
    background: white;
  }
}
.widget--reverse .widget__title:before {
  border-bottom: solid 0.01in #0D5257;
}
@media print {
  .widget--reverse .widget__title:before {
    border-bottom: solid 0.01in #0D5257;
  }
}
.widget--reverse .widget__text {
  color: black;
}
.widget--reverse .widget__text .item b {
  color: #0D5257;
}
.widget--reverse .widget__button:focus {
  outline-color: #002855;
}
.widget--help {
  width: 80%;
  margin: 0 auto;
}
.widget--help .widget--contact {
  padding: 0;
  background: #e7ebee;
}
.widget--help a {
  background: #e7ebee;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
  z-index: 1;
  transition: 0.25s background ease;
}
.widget--help a:hover {
  background: #005EB8;
}
.widget--help a:hover .widget__title {
  color: white;
  background: #005EB8;
}
.widget--help a:hover .widget__title:before {
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}
.widget--help a .widget__title {
  background: #e7ebee;
  color: #CD4C08;
  transition: 0.25s color ease, 0.25s background ease;
}
.widget--help a .widget__title:before {
  border-bottom: solid 1px rgba(205, 76, 8, 0.5);
  transition: 0.25s border-bottom ease;
}
.widget--links a {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  color: #CD4C08;
  transition: color 0.25s ease;
}
.widget--links a:hover, .widget--links a:focus {
  color: #002855;
}
.widget__link {
  color: #EAAA00;
  transition: color 0.2s ease;
}
.widget__link:hover, .widget__link:focus {
  color: #9BD3DD;
}

@media print {
  .introduction {
    overflow: auto;
  }
}
.introduction__image {
  width: 100%;
  height: auto;
}
.introduction__image-container {
  display: block;
  max-height: 300px;
  margin: 0 auto;
  overflow: hidden;
  width: 90%;
}
@media screen and (min-width: 29.6875em) {
  .introduction__image-container {
    margin: 0 0 -3rem auto;
    width: 70%;
    transform: translateX(1rem);
  }
}
@media screen and (min-width: 40.625em) {
  .introduction__image-container {
    max-height: 400px;
    width: 90%;
  }
}
@media screen and (min-width: 56.25em) {
  .introduction__image-container {
    margin: 0;
    margin-bottom: 0;
    max-height: none;
    width: 40%;
    max-width: 975px;
    justify-self: end;
    align-self: center;
    transform: none;
  }
}
@supports (display: grid) {
  .introduction__image-container {
    width: 100%;
    grid-column: span 2;
  }
}
@media print {
  .introduction__image-container {
    width: 30%;
    float: right;
  }
}
.introduction__container {
  line-height: 80%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin: 0 0 0 auto;
  width: 100%;
}
@supports (display: grid) {
  .introduction__container {
    width: auto;
    margin: 0;
    grid-column: 1/span 3;
  }
}
@media screen and (min-width: 36.25em) {
  @supports (display: grid) {
    .introduction__container {
      grid-column: 1/span 2;
    }
  }
}
@media screen and (min-width: 56.25em) {
  .introduction__container {
    width: 66.666%;
  }
  @supports (display: grid) {
    .introduction__container {
      width: auto;
      grid-column: 2/span 2;
    }
  }
}
.introduction__text {
  position: relative;
  font-size: 1.25rem;
  color: black;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
@media screen and (min-width: 64em) {
  .introduction__text {
    font-size: 1.5rem;
  }
}
.introduction__buttons .button {
  margin-bottom: 0.75rem;
}
.introduction--hp {
  position: relative;
  /*            z-index: 3;
  */
}
.introduction--hp .introduction__container {
  padding: 3rem 0;
}
@media screen and (min-width: 56.25em) {
  .introduction--hp .introduction__container {
    padding: 5rem 0 0 0;
  }
}
.introduction--hp .introduction__title {
  margin-left: 0;
}
.introduction--hp .introduction__text {
  background: white;
  margin-left: 0;
  margin-bottom: 1rem;
  padding: 1rem 1rem 1rem 0;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .introduction--hp .introduction__text {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 56.25em) {
  .introduction--hp .introduction__text {
    padding: 0;
  }
}
.introduction--hp .introduction__buttons {
  padding: 0 0 3rem 0;
}
@media print {
  .introduction--hp .introduction__buttons {
    padding: 0;
  }
}
@media screen and (min-width: 56.25em) {
  .introduction--hp .introduction__buttons {
    /*                    background: white;
    */
    margin-left: 0;
  }
}
.introduction--cret {
  /*            background: white;
  */
  position: relative;
  align-self: center;
  padding: 0 1rem;
  flex-wrap: wrap;
  display: flex;
}
@supports (display: grid) {
  .introduction--cret {
    display: grid;
    overflow: auto;
    clear: both;
  }
}
@media screen and (min-width: 56.25em) {
  .introduction--cret {
    padding: 0;
    background: none;
    flex-wrap: nowrap;
  }
}
@media print {
  .introduction--cret {
    display: block;
  }
}
.introduction--cret .introduction__title {
  background: white;
  z-index: 2;
  margin: 0;
  padding: 1rem 1rem 0 0;
}
@media screen and (min-width: 56.25em) {
  .introduction--cret .introduction__title {
    margin-bottom: -1rem;
    margin-top: -0.75rem;
    margin-left: -2rem;
    margin-right: 1rem;
    padding: 1.25rem 1rem 1rem 1rem;
  }
}
@media screen and (min-width: 64em) {
  .introduction--cret .introduction__title {
    margin-bottom: -1rem;
    margin-top: -0.75rem;
    margin-right: 2rem;
    padding: 2.25rem 2rem 2rem 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .introduction--cret .introduction__title {
    margin-right: 0;
    margin-left: -3rem;
    margin-bottom: -1.5rem;
    padding: 2.25rem 3rem 3rem 3rem;
  }
}
.introduction--cret .introduction__sub-title {
  color: #002855;
  font-size: 2rem;
  font-family: "Georgia", serif;
  font-weight: normal;
  font-style: italic;
  position: relative;
  z-index: 2;
  margin: 0;
  margin-top: 1rem;
}
@media screen and (min-width: 56.25em) {
  .introduction--cret .introduction__sub-title {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .introduction--cret .introduction__sub-title {
    font-size: 2.5rem;
    margin-top: 0;
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .introduction--cret .introduction__sub-title {
    font-size: 3rem;
    margin-right: 0;
    margin-left: 3rem;
  }
}
.introduction--cret .introduction__text {
  background: white;
  margin: 1rem 0;
}
@media screen and (min-width: 56.25em) {
  .introduction--cret .introduction__text {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .introduction--cret .introduction__text {
    margin-left: 2rem;
    margin-bottom: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .introduction--cret .introduction__text {
    margin-right: 0;
    margin-left: 3rem;
    margin-bottom: 2rem;
  }
}
.introduction--cret .introduction__buttons {
  margin: 0;
}
@media screen and (min-width: 56.25em) {
  .introduction--cret .introduction__buttons {
    margin-left: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .introduction--cret .introduction__buttons {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .introduction--cret .introduction__buttons {
    margin-left: 3rem;
    margin-right: 0;
  }
}
.introduction--outreach .introduction__container {
  z-index: 2;
  margin: 3rem 0;
  margin: 0 0 0 auto;
  width: 100%;
}
@supports (display: grid) {
  .introduction--outreach .introduction__container {
    margin: 0;
    grid-column: 1/span 3;
  }
}
@media screen and (min-width: 36.25em) {
  .introduction--outreach .introduction__container {
    margin: 2rem 0 0 0;
  }
  @supports (display: grid) {
    .introduction--outreach .introduction__container {
      grid-column: 1/span 2;
    }
  }
}
@media screen and (min-width: 56.25em) {
  .introduction--outreach .introduction__container {
    width: 66.666%;
  }
  @supports (display: grid) {
    .introduction--outreach .introduction__container {
      width: auto;
      grid-column: 1/span 2;
    }
  }
}
@media screen and (min-width: 71.875em) {
  .introduction--outreach .introduction__container {
    margin: 6rem 0 -3rem 0;
  }
}
.introduction--outreach .introduction__title {
  padding: 3rem 3rem 0.5rem 0;
}
.introduction--outreach .introduction__text {
  background: #f3f5f7;
  padding: 1rem 1rem 1rem 0;
  margin-top: 0;
  margin-bottom: 1.5rem;
  position: relative;
  width: 100%;
}
@media print {
  .introduction--outreach .introduction__text {
    background: none;
  }
}
@media screen and (min-width: 56.25em) {
  .introduction--outreach .introduction__text {
    padding: 1.5rem 3rem 3rem 0;
    margin-bottom: 0;
  }
}
.introduction--outreach-main {
  background: #f3f5f7;
  padding: 0 1rem;
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
@media print {
  .introduction--outreach-main {
    background: none;
    display: block;
  }
}
@media screen and (min-width: 56.25em) {
  .introduction--outreach-main {
    background: none;
    padding: 0;
    flex-wrap: nowrap;
  }
  @supports (display: grid) {
    .introduction--outreach-main {
      display: grid;
    }
  }
}
.introduction--outreach-main .introduction__two {
  margin: 0 0 0 auto;
  text-align: left;
  order: 2;
  width: 33.333%;
}
@supports (display: grid) {
  .introduction--outreach-main .introduction__two {
    grid-column: 2/span 1;
    width: auto;
  }
}
@media screen and (min-width: 56.25em) {
  .introduction--outreach-main .introduction__two {
    order: 1;
    text-align: right;
  }
}
@media screen and (min-width: 64em) {
  .introduction--outreach-main .introduction__two {
    margin: auto;
  }
}
.introduction--outreach-main .introduction__title {
  background: #f3f5f7;
  z-index: 3;
  margin: 0;
  padding: 1rem 1rem 0 0;
}
@media print {
  .introduction--outreach-main .introduction__title {
    background: none;
  }
}
@media screen and (min-width: 56.25em) {
  .introduction--outreach-main .introduction__title {
    margin-right: -2rem;
    margin-left: 1rem;
    padding: 1.25rem 1rem 1rem 1rem;
  }
}
@media screen and (min-width: 64em) {
  .introduction--outreach-main .introduction__title {
    margin-left: 2rem;
    padding: 2.25rem 2rem 2rem 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .introduction--outreach-main .introduction__title {
    margin-left: 0;
    margin-right: -3rem;
    padding: 2.25rem 3rem 3rem 3rem;
  }
}
.introduction--outreach-main .introduction__text {
  margin: 0;
  z-index: 3;
  margin-bottom: 1rem;
  margin-top: 1rem;
  background: #f3f5f7;
}
@media print {
  .introduction--outreach-main .introduction__text {
    background: none;
  }
}
@media screen and (min-width: 56.25em) {
  .introduction--outreach-main .introduction__text {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 0;
  }
}
@media screen and (min-width: 64em) {
  .introduction--outreach-main .introduction__text {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0 2rem 2rem 4rem;
  }
}
@media screen and (min-width: 71.875em) {
  .introduction--outreach-main .introduction__text {
    margin-top: -1rem;
    padding: 0 3rem 3rem 4rem;
  }
}
.introduction--outreach-main .introduction__buttons {
  margin: 0;
}
@media screen and (min-width: 56.25em) {
  .introduction--outreach-main .introduction__buttons {
    margin-right: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .introduction--outreach-main .introduction__buttons {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .introduction--outreach-main .introduction__buttons {
    margin-right: 3rem;
    margin-left: 0;
  }
}
.introduction--outreach-main .introduction__buttons .button {
  margin-top: 0.5rem;
}
.introduction--outreach-main .introduction__image-container {
  position: relative;
  order: 1;
}
@media screen and (min-width: 56.25em) {
  .introduction--outreach-main .introduction__image-container {
    order: 2;
  }
}
.introduction--media .introduction__two {
  position: relative;
  align-self: center;
  width: 100%;
}
@media screen and (min-width: 56.25em) {
  .introduction--media .introduction__two {
    width: 80%;
  }
}
@media screen and (min-width: 64em) {
  .introduction--media .introduction__two {
    width: 60%;
  }
  @supports (display: grid) {
    .introduction--media .introduction__two {
      width: auto;
    }
  }
}
@media print {
  .introduction--media .introduction__two {
    width: 70%;
    float: left;
  }
}
.introduction--media .introduction__title {
  display: inline-block;
}
.introduction--media--page-header .introduction-container {
  padding-top: 2rem;
}
.introduction--program {
  position: relative;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 97rem;
}
@supports (display: grid) {
  .introduction--program {
    max-width: none;
    display: grid;
  }
}
@media screen and (min-width: 56.25em) {
  .introduction--program {
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 64em) {
  @supports (display: grid) {
    .introduction--program {
      display: grid;
    }
  }
}
@media print {
  .introduction--program {
    display: block;
  }
}
.introduction--program .introduction__image-container {
  display: block;
  max-height: 300px;
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 29.6875em) {
  .introduction--program .introduction__image-container {
    margin: 0 0 0 auto;
    margin-bottom: -6rem;
    width: 70%;
    transform: translateX(1rem);
  }
}
@media screen and (min-width: 40.625em) {
  .introduction--program .introduction__image-container {
    max-height: 400px;
    width: 90%;
  }
}
@media screen and (min-width: 56.25em) {
  .introduction--program .introduction__image-container {
    margin-bottom: 0;
    max-height: none;
    max-width: 975px;
    align-self: start;
    transform: none;
    width: 50%;
  }
  @supports (display: grid) {
    .introduction--program .introduction__image-container {
      width: auto;
      grid-column: span 2;
    }
  }
}
@media print {
  .introduction--program .introduction__image-container {
    width: 30%;
  }
}
.introduction--program .introduction__image-container .introduction__image {
  margin-bottom: -0.25rem;
}
@media screen and (min-width: 56.25em) {
  .introduction--program .introduction__two {
    margin-top: 2.5rem;
    max-width: 725px;
  }
  @supports (display: grid) {
    .introduction--program .introduction__two {
      max-width: none;
    }
  }
}
.introduction--program .introduction__title {
  margin: 1rem;
  padding: 0;
  background: white;
  padding: 1rem 1rem 0 0;
  display: inline-block;
  font-size: 3rem;
}
@media screen and (min-width: 56.25em) {
  .introduction--program .introduction__title {
    font-size: 3.25rem;
    margin-bottom: -1rem;
    margin-top: -0.75rem;
    margin-left: -2rem;
    margin-right: 1rem;
    padding: 1.25rem 1rem 1rem 1rem;
  }
}
@media screen and (min-width: 64em) {
  .introduction--program .introduction__title {
    font-size: 3.5rem;
    margin-bottom: -1rem;
    margin-top: -0.75rem;
    margin-right: 2rem;
    padding: 2.25rem 2rem 2rem 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .introduction--program .introduction__title {
    font-size: 3.75rem;
    margin-right: 0;
    margin-left: -3rem;
    margin-bottom: -1.5rem;
    padding: 2.25rem 3rem 3rem 3rem;
  }
}
.introduction--program .introduction__title .module__heading-highlight {
  /*                    font-size: 3.75rem;

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

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

                      @media screen and (min-width: 71.875em) {
                          font-size: 4.5rem;
                      }*/
}
.introduction--program .introduction__buttons {
  margin: 1rem;
}
@media screen and (min-width: 56.25em) {
  .introduction--program .introduction__buttons {
    margin-left: 1rem;
  }
}
@media screen and (min-width: 71.875em) {
  .introduction--program .introduction__buttons {
    margin-bottom: 2rem;
    margin-left: 3rem;
  }
}
.introduction--event {
  background: white;
  position: relative;
  align-self: center;
  padding: 0 1rem;
  flex-wrap: wrap;
  max-width: 97rem;
  display: flex;
}
@supports (display: grid) {
  .introduction--event {
    max-width: none;
    display: grid;
  }
}
@media screen and (min-width: 56.25em) {
  .introduction--event {
    display: flex;
    padding: 0;
    background: none;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 64em) {
  @supports (display: grid) {
    .introduction--event {
      display: grid;
    }
  }
}
.introduction--event .introduction__two {
  padding: 0 0 2rem 0;
}
@media screen and (min-width: 71.875em) {
  .introduction--event .introduction__two {
    padding: 0 0 4rem 0;
  }
}
.introduction--event .introduction__image-container {
  width: 90%;
}
@media screen and (min-width: 29.6875em) {
  .introduction--event .introduction__image-container {
    margin: 0 0 -5rem auto;
    width: 70%;
    transform: translateX(1rem);
  }
}
@media screen and (min-width: 40.625em) {
  .introduction--event .introduction__image-container {
    max-height: 400px;
    width: 90%;
  }
}
@media screen and (min-width: 56.25em) {
  .introduction--event .introduction__image-container {
    margin: 0;
    margin-bottom: 0;
    max-height: none;
    width: 40%;
    max-width: 975px;
    justify-self: end;
    align-self: center;
    transform: none;
  }
}
@supports (display: grid) {
  .introduction--event .introduction__image-container {
    width: 100%;
    grid-column: span 2;
  }
}
.introduction--event .introduction__title {
  background: white;
  z-index: 2;
  margin: 0;
  padding: 1rem 1rem 1rem 0;
  font-size: 1.75rem;
}
.introduction--event .introduction__title .module__heading-highlight {
  color: #BE3A34;
  font-size: 2.5rem;
}
@media screen and (min-width: 56.25em) {
  .introduction--event .introduction__title .module__heading-highlight {
    font-size: 3.25rem;
  }
}
@media screen and (min-width: 71.875em) {
  .introduction--event .introduction__title .module__heading-highlight {
    font-size: 4.25rem;
  }
}
@media screen and (min-width: 56.25em) {
  .introduction--event .introduction__title {
    margin-bottom: 0;
    margin-left: -2rem;
    margin-right: 1rem;
    font-size: 2rem;
    padding: 1.25rem 1rem 1rem 1rem;
  }
}
@media screen and (min-width: 64em) {
  .introduction--event .introduction__title {
    margin-bottom: -1rem;
    margin-top: 0;
    margin-right: 2rem;
    padding: 2.25rem 2rem 2rem 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .introduction--event .introduction__title {
    margin-right: 0;
    margin-left: -3rem;
    margin-bottom: -1.5rem;
    padding: 2.25rem 3rem 3rem 3rem;
    font-size: 3rem;
  }
}
.introduction--event .introduction__sub-title {
  position: relative;
  z-index: 2;
  margin-top: 0;
  /*                margin: 0;
  */
  /*                @media screen and (min-width: 56.25em) {
                      margin-left: 1rem;
                      margin-right: 1rem; }

                  @media screen and (min-width: 64em) {
                      margin-left: ($indent-size - 1rem);
                      margin-right: ($indent-size - 1rem); }

                  @media screen and (min-width: 71.875em) {
                      margin-right: 0;
                      margin-left: $indent-size;
                  }*/
}
.introduction--event .introduction__text {
  background: white;
  margin: 1rem 0;
}
@media screen and (min-width: 56.25em) {
  .introduction--event .introduction__text {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .introduction--event .introduction__text {
    margin-left: 2rem;
    margin-bottom: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .introduction--event .introduction__text {
    margin-right: 0;
    margin-left: 3rem;
    margin-bottom: 2rem;
  }
}
.introduction--event .introduction__buttons {
  margin: 0;
}
@media screen and (min-width: 56.25em) {
  .introduction--event .introduction__buttons {
    margin-left: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .introduction--event .introduction__buttons {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .introduction--event .introduction__buttons {
    margin-left: 3rem;
    margin-right: 0;
  }
}

.program-intro__image-container .layout-container {
  padding-top: 3rem;
}

.program-intro__buttons {
  margin-left: 3rem;
}

@supports (display: grid) {
  .introduction--media--page-header .card--condensed {
    grid-column: 3/span 1;
  }
}
.introduction--media--page-header .program-overview__text--container {
  margin-right: 4rem;
}

.collage {
  display: flex;
  margin: 3rem auto 0 auto;
  flex-wrap: wrap;
}
@media print {
  .collage {
    display: block;
    overflow: auto;
    margin: 1rem auto 0 auto;
    clear: both;
  }
}
@media screen and (min-width: 71.875em) {
  .collage {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    grid-gap: 1rem;
  }
}
.collage .column-one {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  margin-top: 1rem;
  flex-wrap: wrap;
  width: 100%;
  order: 2;
}
@media print {
  .collage .column-one {
    width: 50%;
    float: left;
    display: block;
  }
}
@media print {
  .collage .column-one {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 40.625em) {
  .collage .column-one {
    margin-top: 3rem;
    margin-bottom: 3rem;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 71.875em) {
  .collage .column-one {
    position: relative;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: -3rem;
    margin-top: 0;
    order: 1;
    width: 33.333%;
  }
  @supports (display: grid) {
    .collage .column-one {
      width: auto;
      grid-column: span 1;
    }
  }
}
.collage .student-profile {
  flex-wrap: wrap;
  margin-top: 3rem;
  width: 100%;
  order: 1;
}
@media print {
  .collage .student-profile {
    margin-top: 0;
    width: 50%;
    float: right;
    display: block;
  }
}
.collage .student-profile__image {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
.collage .student-profile__info {
  width: 100%;
  margin-top: 0;
  align-self: center;
  padding: 2rem;
  transform: translateY(-1rem);
}
.collage .student-profile__info .stat__header {
  position: relative;
  background: inherit;
  margin-top: 0.75rem;
  margin-bottom: 0;
}
@media print {
  .collage .student-profile__info {
    padding: 0;
    transform: none;
  }
}
.collage .student-profile__text {
  margin-top: 0.75rem;
}
@media screen and (min-width: 40.625em) {
  .collage .student-profile {
    flex-wrap: nowrap;
    margin-top: 0;
  }
  .collage .student-profile__image {
    width: 40%;
    max-width: none;
  }
  .collage .student-profile__info {
    width: 60%;
    margin-top: 0;
    align-self: center;
    padding: 2rem;
    transform: translateX(-1rem);
  }
}
@media screen and (min-width: 71.875em) {
  .collage .student-profile {
    order: 2;
    width: 66.666%;
  }
  @supports (display: grid) {
    .collage .student-profile {
      width: auto;
      grid-column: 2/span 2;
    }
  }
  .collage .student-profile__image {
    width: calc(50% + 4rem);
  }
  .collage .student-profile__info {
    width: 50%;
    margin-top: 1.5rem;
    align-self: flex-start;
    /*padding: 6rem 2rem;*/
    padding: 4rem 2rem; /* Modified by Dan per Shawn's request */
    transform: translateX(-2rem);
  }
}
.collage .stat {
  display: flex;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-right: 0;
  padding: 3rem 2rem 2rem 2rem;
  width: 100%;
  justify-content: center;
}
@media print {
  .collage .stat {
    margin-top: 0;
    padding: 1.5rem;
  }
}
@media screen and (min-width: 40.625em) {
  .collage .stat {
    width: auto;
    margin-top: 0;
    margin-right: 1rem;
    margin-bottom: 0;
    padding: 3rem 2rem;
  }
}
@media screen and (min-width: 56.25em) {
  .collage .stat {
    margin-top: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 71.875em) {
  .collage .stat {
    margin-top: 0;
    margin-bottom: 3rem;
    padding: 6rem 1rem;
  }
}

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

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

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

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

.module__steps {
  border-bottom: 1px solid #e7ebee;
  margin-bottom: 3rem;
  padding-bottom: 2rem;
}

.blue-note {
  font-family: "Georgia", serif;
  font-style: italic;
  color: #0D5257;
  background: #9BD3DD;
  padding: 0.75rem;
  display: block;
  position: relative;
  line-height: 150%;
}
@media print {
  .blue-note {
    /*color: black;*/
    padding: 0;
    background: none;
    border: 0.03in solid #9BD3DD;
  }
}
.blue-note__title {
  font-weight: bold;
}
@media print {
  .blue-note__title {
    /*color: black;*/
  }
}

.step .blue-note {
  left: 0;
  padding: 0.75rem 2rem;
  margin-top: 1rem;
  /*@media print {
      color: black;
  }*/
}
@media screen and (min-width: 65em) {
  .step .blue-note {
    left: -2rem;
  }
}
.step__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  align-items: center;
}
@media print {
  .step__title {
    margin-bottom: 1rem;
  }
}
.step__title .icon.step {
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
  font-family: "Georgia", serif;
  background: #CD4C08;
  width: 30px;
  height: 30px;
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
@media screen and (min-width: 40.625em) {
  .step__title .icon.step {
    width: 40px;
    height: 40px;
    font-size: 2rem;
    margin-right: 0.5rem;
  }
}
@media screen and (min-width: 65em) {
  .step__title .icon.step {
    margin-right: 1.5rem;
    width: 65px;
    height: 65px;
    font-size: 3rem;
  }
}
@media print {
  .step__title .icon.step {
    box-shadow: none;
    text-shadow: none;
    width: auto;
    height: auto;
  }
}
.step__title .title {
  display: inline-block;
  width: calc(100% - 30px);
}
@media screen and (min-width: 40.625em) {
  .step__title .title {
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 65em) {
  .step__title .title {
    width: calc(100% - 100px);
  }
}
.step__text {
  margin-left: 0;
  margin-top: 0;
}
@media screen and (min-width: 40.625em) {
  .step__text {
    margin-left: 3rem;
  }
}
@media screen and (min-width: 65em) {
  .step__text {
    margin-left: 5.5rem;
  }
}

.table-of-contents {
  padding: 1.5rem 1rem 1rem 1rem;
}
@media screen and (min-width: 40.625em) {
  .table-of-contents {
    padding: 2rem;
  }
}
@media print {
  .table-of-contents {
    display: none;
  }
}
.table-of-contents .card__title {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  text-transform: none;
  color: black;
  font-size: 1.75rem;
}
@media screen and (min-width: 40.625em) {
  .table-of-contents .card__title {
    font-size: 2rem;
  }
}
.table-of-contents .card__icon {
  top: -20px;
  right: calc(50% - 17.5px);
  width: 35px;
  height: 35px;
}
.table-of-contents .card__icon svg {
  height: 15px;
  width: 15px;
  transform: translateY(-48px);
}
@media screen and (min-width: 40.625em) {
  .table-of-contents .card__icon {
    top: -35px;
    right: calc(50% - 25px);
    width: 50px;
    height: 50px;
  }
  .table-of-contents .card__icon svg {
    height: 25px;
    width: 25px;
    transform: translateY(-35px);
  }
}
.table-of-contents .listing--links {
  width: auto;
  list-style-type: none;
  margin-left: 0;
  counter-reset: steps;
  margin-left: 1rem;
}
.table-of-contents .listing--links li {
  width: 100%;
  font-family: "Georgia", serif;
  color: white;
  font-weight: bold;
  position: relative;
  margin: 0.25rem 0;
  padding-left: 0.25rem;
}
.table-of-contents .listing--links li:before {
  counter-increment: steps;
  content: counter(steps);
  font-weight: bold;
  float: left;
  width: 23px;
  height: 23px;
  background: #CD4C08;
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  left: -1.55rem;
  top: 0.125rem;
  text-align: center;
  line-height: 135%;
}
.table-of-contents .listing--links li:last-child .link {
  font-weight: bold;
}
.table-of-contents .listing--links li:last-child:before {
  content: none;
}
.table-of-contents .listing--links li:first-child {
  counter-reset: customlistcounter;
}
.table-of-contents .listing--links li .link {
  font-weight: normal;
  color: #005EB8;
  text-shadow: none;
}
.table-of-contents .listing--links li .link:hover, .table-of-contents .listing--links li .link:focus {
  color: #CD4C08;
}
.table-of-contents--no-numbers .listing--links {
  margin-left: 0;
}
.table-of-contents--no-numbers .listing--links li {
  padding-left: 0;
  margin: 0;
}
.table-of-contents--no-numbers .listing--links li::before {
  content: none;
}
.table-of-contents--no-numbers .listing--links li a:hover svg {
  transform: rotate(90deg) translateX(0.375rem);
  fill: black;
}
.table-of-contents--no-numbers .listing--links li a svg {
  margin-right: 0.5rem;
  transform: rotate(90deg) translateX(0.125rem);
  transition: transform 0.125s ease;
  fill: #005EB8;
}
.table-of-contents--no-numbers .listing--links li:last-child .link {
  font-weight: normal;
}

.slash-container {
  position: relative;
}
@media print {
  .slash-container {
    display: block;
    overflow: auto;
  }
}
.slash-container .slash__container {
  top: -11rem;
  left: calc(100vw - 15%);
  right: 0;
  transform: skew(-33.75deg) rotate(180deg);
}
@media print {
  .slash-container .slash__container {
    display: none;
  }
}
@media screen and (min-width: 56.25em) {
  .slash-container .slash__container {
    right: calc(100vw - 15%);
    left: unset;
    transform: skew(-33.75deg);
    top: 0;
  }
}

.slash__container {
  right: calc(100vw - 15%);
  top: 0;
  width: calc(100vw - 30%);
  height: auto;
  transform: skew(-33.75deg);
  position: absolute;
  z-index: 0;
  overflow: hidden;
  /*display: none;*/
}
@media print {
  .slash__container {
    display: none;
  }
}
@media screen and (min-width: 56.25em) {
  .slash__container {
    display: block;
  }
}
@media screen and (min-width: 64em) {
  .slash__container {
    right: calc(100vw - 22.5%);
  }
}
.slash__container img {
  transform: skew(33.75deg);
  width: auto;
  height: 100%;
  left: 0rem;
  position: relative;
}
@media screen and (min-width: 64em) {
  .slash__container img {
    left: 25rem;
  }
}
.slash__container--yellow {
  right: calc(100vw - 24.5%);
}
.slash__container--gray {
  opacity: 0.325;
}

.module__outreach {
  background: #f3f5f7;
  position: relative;
  padding-bottom: 9rem;
}
@media print {
  .module__outreach {
    padding-bottom: 1rem;
    background: none;
    display: block;
    overflow: auto;
    clear: both;
  }
}
.module__outreach .slash__container {
  left: calc(100vw - 1%);
  top: -34rem;
  right: 0;
  width: calc(100vw - 30%);
  height: 115vh;
  transform: skew(-33.75deg) rotate(180deg);
  position: absolute;
  z-index: 0;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .module__outreach .slash__container {
    left: calc(100vw - 18.5%);
  }
}
.module__outreach .slash__container img {
  transform: skew(33.75deg) rotate(180deg);
  width: auto;
  height: 100%;
  position: relative;
}
@media screen and (min-width: 64em) {
  .module__outreach .slash__container img {
    left: 25rem;
  }
}

.news-module {
  background: white;
  padding: 0;
  margin-bottom: 5rem;
}
@media print {
  .news-module {
    margin-bottom: 0;
  }
}
.news-module .module__heading {
  margin: 0 0 1.5rem 0;
  width: 100%;
}
@supports (display: grid) {
  .news-module .module__heading {
    grid-column: 1/span 3;
  }
}
.news-module--department {
  margin-top: 3rem;
}
.news-module .layout-container {
  flex-wrap: wrap;
}

.news-module-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
@supports (display: grid) {
  .news-module-grid {
    grid-column: 1/span 3;
  }
}
@media print {
  .news-module-grid {
    display: block;
  }
}
.news-module-grid__buttons {
  width: 100%;
  margin-top: 2rem;
  text-align: center;
}
@media screen and (min-width: 55em) {
  .news-module-grid__buttons {
    margin-top: 1rem;
  }
}

/*	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: 101%;
  width: 101%;
  position: relative;
  opacity: 1;
  transition: all 0.25s;
}
@media print {
  .news-stub__image {
    display: none;
  }
}
.news-stub__image:not([src]) {
  height: 0;
  padding-bottom: 56.25%;
  background-color: #e1deda;
  background-image: url("https://publichealth-editor.hsc.wvu.edu/media/1018/defaultnewsimage.png");
  background-size: contain, auto;
}
.news-stub__link {
  text-decoration: none;
  transition: all 0.25s;
  display: block;
}
.news-stub__link:hover .news-stub__image-container:before, .news-stub__link:focus .news-stub__image-container:before {
  transform: scaleY(1);
  transition-delay: 0s;
}
.news-stub__link:hover .news-stub__image-container:after, .news-stub__link:focus .news-stub__image-container:after {
  background: rgba(255, 255, 255, 0);
}
.news-stub__link:hover .news-stub__headline, .news-stub__link:focus .news-stub__headline {
  color: #002855;
}
@media print {
  .news-stub__link:hover .news-stub__headline, .news-stub__link:focus .news-stub__headline {
    color: black;
  }
}
.news-stub__headline {
  margin-top: 1rem;
  color: #005EB8;
  line-height: 1.15;
  transition: color 0.25s ease;
  text-align: left;
  font-size: 1.675em;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  text-decoration: underline;
}
@media print {
  .news-stub__headline {
    color: black;
  }
}
@media screen and (min-width: 56.25em) {
  .news-stub__headline {
    font-size: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .news-stub__headline {
    font-size: 2.25rem;
  }
}
.news-stub .p-summary {
  text-align: left;
  color: black;
}

.news-stub__image-container {
  position: relative;
}
.news-stub__image-container div {
  overflow: hidden;
}
.news-stub__image-container:before {
  content: "";
  position: absolute;
  transform: scaleY(0);
  transition: transform 0.2s ease-in-out;
  transition-delay: 0.25s;
  z-index: 3;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px solid #CD4C08;
}
@media print {
  .news-stub__image-container:before {
    display: none;
  }
}

.news-full {
  width: 100%;
}
@media screen and (min-width: 55em) {
  .news-full {
    width: 50%;
  }
}
@media screen and (min-width: 71.875em) {
  .news-full {
    width: 40%;
  }
}
@media print {
  .news-full {
    margin-bottom: 1rem;
  }
}
.news-full .news-stub__link:hover .news-stub__headline, .news-full .news-stub__link:focus .news-stub__headline {
  color: #002855;
}
@media print {
  .news-full .news-stub__link:hover .news-stub__headline, .news-full .news-stub__link:focus .news-stub__headline {
    color: black;
  }
}
.news-full .news-stub__headline {
  color: #005EB8;
}
@media print {
  .news-full .news-stub__headline {
    color: black;
  }
}
.news-full .card {
  width: 90%;
  margin: 0 auto;
  padding: 1.5rem 1rem;
  transform: translateY(-2rem);
}
@media print {
  .news-full .card {
    transform: none;
    padding: 0;
    width: 100%;
  }
}

.news-titles {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
@media screen and (min-width: 55em) {
  .news-titles {
    width: 45%;
  }
}
.news-titles .news-stub {
  width: 100%;
  margin: 1rem 0;
  padding: 1rem 1rem;
  display: flex;
  align-items: center;
}
@media print {
  .news-titles .news-stub {
    padding: 0;
    margin-left: 0;
    margin: 1rem 0;
  }
}
@media screen and (min-width: 55em) {
  .news-titles .news-stub {
    margin-left: 2.5rem;
    width: calc(100% - 2.5rem);
    display: block;
  }
}
.news-titles .news-stub:first-child {
  border-right: none;
  border-bottom: 5px solid #0D5257;
  padding-bottom: 2rem;
}
@media print {
  .news-titles .news-stub:first-child {
    border: none;
    padding-bottom: 0;
  }
}
.news-titles .news-stub:first-child .news-stub__headline {
  margin-top: 0;
}
.news-titles .news-stub__headline {
  font-size: 1.675rem;
  margin-top: 0;
  margin-bottom: 0;
}

.module__giving {
  margin: -5rem auto 0 auto;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
@media print {
  .module__giving {
    margin: 0;
    display: block;
    overflow: auto;
    width: 100%;
  }
}
.module__giving .stat {
  grid-column: span 1;
  background: #0D5257;
  background-image: url("../Images/Topo-Map-Morgantown.svg");
  background-size: 350%;
  background-position: center;
  margin-top: 2rem;
  margin-bottom: 6rem;
  margin-right: auto;
  margin-left: auto;
  padding: 3rem 2rem 2rem 2rem;
  width: 100%;
  order: 2;
}
@media print {
  .module__giving .stat {
    background-image: none;
    background: none;
    padding: 0;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 40.625em) {
  .module__giving .stat {
    padding: 3rem 2rem;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    transform: none;
  }
}
@media screen and (min-width: 56.25em) {
  .module__giving .stat {
    margin-right: 0;
  }
}
@media screen and (min-width: 71.875em) {
  .module__giving .stat {
    margin-top: 0;
    transform: translateY(-1rem);
    padding: 6rem 1rem;
    width: auto;
    order: 1;
    margin-right: 2rem;
    margin-left: 0;
  }
}
@media screen and (min-width: 87.5em) {
  .module__giving .stat {
    margin-right: 3rem;
    transform: translateY(-3rem);
  }
}
.module__giving .stat__header {
  padding: 0 0.5rem;
  background: #0D5257;
  color: white;
  text-shadow: 1px 1px 1px black;
}
@media print {
  .module__giving .stat__header {
    background: none;
    color: black;
    text-shadow: none;
    position: relative;
  }
}
.module__giving .stat__header:before {
  top: -50%;
  width: 200%;
  height: 100%;
  left: -50%;
  position: absolute;
  content: "";
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
  z-index: -1;
}
@media print {
  .module__giving .stat__header:before {
    display: none;
  }
}
.module__giving .stat__title {
  color: white;
}
@media print {
  .module__giving .stat__title {
    color: black;
  }
}
.module__giving .stat__title-highlight {
  color: #9BD3DD;
}
@media print {
  .module__giving .stat__title-highlight {
    color: revert;
  }
}
.module__giving .giving__container {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 71.875em) {
  .module__giving .giving__container {
    display: grid;
    grid-column-gap: 0;
    flex-wrap: nowrap;
  }
}
@media print {
  .module__giving .giving__container {
    display: block;
  }
}
.module__giving .giving__image-container {
  width: auto;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  transform: translateY(1rem);
}
@media print {
  .module__giving .giving__image-container {
    width: 100px;
    float: left;
    transform: none;
  }
}
@media screen and (min-width: 29.6875em) {
  .module__giving .giving__image-container {
    transform: translateX(1rem);
  }
}
.module__giving .giving__image-container .giving__image {
  width: 100%;
  height: auto;
}
.module__giving .giving__quote-container {
  align-content: center;
  text-align: left;
  background: #f3f5f7;
  width: 100%;
  padding: 1rem;
}
@media screen and (min-width: 29.6875em) {
  .module__giving .giving__quote-container {
    padding: 2rem 2rem 2rem 3rem;
    width: calc(100% - 100px);
  }
}
@media print {
  .module__giving .giving__quote-container {
    padding: 0;
    background: none;
    width: calc(100% - 150px);
    float: right;
  }
}

.giving {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 1rem;
  margin-top: 2rem;
  text-align: center;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
  border-top: 7px solid #EAAA00;
  background: white;
  width: 100%;
  order: 1;
}
@media print {
  .giving {
    border-top: none;
    border: 0.02in solid black;
    box-shadow: none;
    margin-top: 3rem;
    display: block;
  }
}
@media screen and (min-width: 40.625em) {
  .giving {
    padding: 3rem;
  }
}
@media screen and (min-width: 56.25em) {
  .giving {
    width: 80%;
  }
}
@media screen and (min-width: 71.875em) {
  .giving {
    order: 2;
  }
  @supports (display: grid) {
    .giving {
      grid-column: span 2;
      width: auto;
    }
  }
}
.giving .card__icon {
  /*@media print {
      display: none; 
  }*/
}
.giving .card__icon svg {
  position: relative;
  height: 25px;
  width: 25px;
  transform: translateY(-34px);
  fill: white;
  stroke: white;
}
@media print {
  .giving .card__icon svg {
    fill: black;
    stroke: black;
  }
}
.giving__testimonial {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  margin-bottom: 2rem;
  position: relative;
  left: 0;
  flex-wrap: wrap;
}
@media screen and (min-width: 40.625em) {
  .giving__testimonial {
    left: -0.5rem;
  }
}
@media print {
  .giving__testimonial {
    display: block;
    overflow: auto;
  }
}
.giving__blurb {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
@media print {
  .giving__blurb {
    display: block;
    clear: both;
    overflow: auto;
  }
}
.giving__quote {
  font-size: 1.25rem;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  margin-bottom: 0;
  line-height: 125%;
  margin-top: 0;
  position: relative;
}
@media print {
  .giving__quote {
    display: block;
    overflow: auto;
  }
}
@media screen and (min-width: 64em) {
  .giving__quote {
    font-size: 1.5rem;
  }
}
.giving__quotee {
  font-family: "Georgia", serif;
  font-style: italic;
  font-size: 1rem;
  margin-top: 1rem;
  margin-bottom: 0;
  position: relative;
  padding-left: 0.75rem;
}
@media print {
  .giving__quotee {
    display: block;
    overflow: auto;
  }
}
.giving__quotee:before {
  content: " - ";
  position: absolute;
  top: 0;
  left: 0;
}
.giving__buttons .button:first-child {
  margin-top: 2rem;
}
@media print {
  .giving__buttons .button:first-child {
    margin-right: 0.5rem;
  }
}

.module--prospective-events {
  padding: 5rem 0;
  margin: 6rem 0;
  background: #f3f5f7;
}
@media print {
  .module--prospective-events {
    background: none;
    margin: 0;
    padding: 0;
  }
}
.module--prospective-events .module__header {
  text-align: center;
  width: 100%;
  margin: 0;
  color: #002855;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
@media print {
  .module--prospective-events .module__header {
    color: black;
  }
}
@media screen and (min-width: 56.25em) {
  .module--prospective-events .module__header {
    font-size: 3rem;
  }
}
@media screen and (min-width: 64em) {
  .module--prospective-events .module__header {
    font-size: 3.5rem;
  }
}
@media screen and (min-width: 71.875em) {
  .module--prospective-events .module__header {
    font-size: 4rem;
  }
}
.module--prospective-events .layout-container {
  align-items: center;
}
.module--prospective-events .introduction {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  display: grid;
}
@media print {
  .module--prospective-events .introduction {
    display: block;
    overflow: auto;
  }
}
@media screen and (min-width: 56.25em) {
  .module--prospective-events .introduction {
    padding: 0;
    background: none;
  }
}
.module--prospective-events .introduction .stat__header {
  text-align: center;
  display: inline-block;
  margin: 0 auto;
}
@media screen and (min-width: 56.25em) {
  .module--prospective-events .introduction__image {
    width: 100%;
  }
}
.module--prospective-events .introduction__text {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  padding: 0;
  text-align: left;
  color: white;
  font-size: 1.25rem;
}
@media print {
  .module--prospective-events .introduction__text {
    color: black;
  }
}
@media screen and (min-width: 56.25em) {
  .module--prospective-events .introduction__text {
    font-size: 1.5rem;
    padding: 0 15%;
  }
}
.module--prospective-events .introduction .introduction__two {
  width: 100%;
}
@media print {
  .module--prospective-events .introduction .introduction__two {
    width: 70%;
    float: left;
  }
}
@supports (display: grid) {
  .module--prospective-events .introduction .introduction__two {
    grid-column: span 1;
  }
}
@media screen and (min-width: 56.25em) {
  .module--prospective-events .introduction .introduction__two {
    margin-top: 5rem;
  }
}
.module--prospective-events .introduction .introduction__two .introduction__title {
  background: #f3f5f7;
  display: inline-block;
  padding: 1rem 1rem 1rem 1rem;
  transform: none;
}
@media print {
  .module--prospective-events .introduction .introduction__two .introduction__title {
    color: black;
    background: none;
  }
}
@media screen and (min-width: 64em) {
  .module--prospective-events .introduction .introduction__two .introduction__title {
    transform: translateX(-2rem);
    padding: 1rem 2rem 1rem 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .module--prospective-events .introduction .introduction__two .introduction__title {
    transform: translateX(-3rem);
    padding: 1rem 3rem 1rem 3rem;
  }
}
.module--prospective-events .introduction .introduction__two .introduction__text {
  background: #f3f5f7;
  display: inline-block;
  margin: 0;
  color: black;
  font-size: 1.25rem;
  transform: none;
  padding: 0 1rem 1rem 1rem;
}
@media print {
  .module--prospective-events .introduction .introduction__two .introduction__text {
    background: none;
  }
}
@media screen and (min-width: 64em) {
  .module--prospective-events .introduction .introduction__two .introduction__text {
    font-size: 1.5rem;
    transform: translateX(-2rem);
    padding: 1rem 2rem 2rem 2rem;
  }
}
@media screen and (min-width: 71.875em) {
  .module--prospective-events .introduction .introduction__two .introduction__text {
    transform: translateX(-3rem);
    padding: 1rem 3rem 3rem 3rem;
  }
}
.module--prospective-events .prospective-events-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media print {
  .module--prospective-events .prospective-events-container {
    display: block;
    width: 100%;
    overflow: auto;
    clear: both;
  }
}
.module--prospective-events.picture-yourself-here {
  background: #002855;
  color: white;
}
@media print {
  .module--prospective-events.picture-yourself-here {
    background: none;
    color: black;
    margin-top: 1.5rem;
  }
}
.module--prospective-events.picture-yourself-here .module__header {
  color: #EAAA00;
}
@media print {
  .module--prospective-events.picture-yourself-here .module__header {
    color: black;
    font-size: 3rem;
  }
}
.module--prospective-events.picture-yourself-here a:focus {
  outline-color: #EAAA00;
}

.prospective-event {
  text-decoration: none;
  margin: 0.5rem;
  width: 100%;
  color: #005EB8;
  background: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 7px solid #f3f5f7;
  transition: all 0.25s ease;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
}
@media print {
  .prospective-event {
    display: block;
    box-shadow: none;
    width: calc(50% - 1rem);
    float: right;
    border: 0.035in solid #e7ebee;
    border-bottom: #e7ebee solid 7px;
  }
}
@media screen and (min-width: 40.625em) {
  .prospective-event {
    width: calc(50% - 1.5rem);
    margin: 0.75rem;
  }
}
@media screen and (min-width: 56.25em) {
  .prospective-event {
    width: 33.333%;
  }
}
@media print {
  .prospective-event::after {
    display: block;
    text-align: center;
    margin-bottom: 0.5rem;
  }
}
.prospective-event:hover, .prospective-event:focus {
  background: #CD4C08;
  border-bottom: 7px solid #9c3a06;
  color: white;
}
.prospective-event:hover .prospective-event__title, .prospective-event:focus .prospective-event__title {
  color: #FDDA24;
}
.prospective-event__box {
  display: block;
  padding: 1.5rem 1rem 1.0625rem 1rem;
  text-align: center;
}
@media print {
  .prospective-event__box {
    padding: 0.5rem;
  }
}
@media screen and (min-width: 56.25em) {
  .prospective-event__box {
    padding: 2rem 1rem 1.5625rem 1rem;
  }
}
.prospective-event__box nth:last-child {
  margin-bottom: 0;
}
.prospective-event__label, .prospective-event__date {
  display: block;
  font-family: "Georgia", serif;
  font-style: italic;
}
.prospective-event__title {
  display: block;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  margin: 0.5rem 0;
  color: #CD4C08;
  transition: color 0.25s ease;
  line-height: 115%;
}
@media print {
  .prospective-event__title {
    color: black;
  }
}
@media screen and (min-width: 56.25em) {
  .prospective-event__title {
    font-size: 1.675rem;
  }
}
.prospective-event__description {
  line-height: 125%;
}
.module--student-profiles-container .module--prospective-events {
  position: relative;
  margin: 0;
  padding: 0;
}
.module--student-profiles-container .module--prospective-events .slash__container {
  display: none;
}
@media screen and (min-width: 65em) {
  .module--student-profiles-container .module--prospective-events .slash__container {
    height: 125vh;
    right: calc(100vw - 13%);
    display: block;
  }
}
.module--student-profiles-container .grid--three-column {
  padding: 0;
}
.module--student-profiles-container .introduction {
  flex-wrap: wrap;
}
@media screen and (min-width: 56.25em) {
  .module--student-profiles-container .introduction {
    flex-wrap: nowrap;
  }
}
.module--student-profiles-container .prospective-events-container {
  position: relative;
  flex-wrap: wrap;
  z-index: 2;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  width: 66.666%;
}
@supports (display: grid) {
  .module--student-profiles-container .prospective-events-container {
    width: auto;
    grid-column: 2/span 2;
  }
}
@media screen and (min-width: 56.25em) {
  .module--student-profiles-container .prospective-events-container {
    margin-left: 9.5rem;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.module--student-profiles-container .prospective-events-container .prospective-event {
  width: calc(100% - 2rem);
  margin: 0.75rem 1rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
@media print {
  .module--student-profiles-container .prospective-events-container .prospective-event {
    margin: 0.25rem;
  }
}
@media screen and (min-width: 40.625em) {
  .module--student-profiles-container .prospective-events-container .prospective-event {
    width: calc(85% - 1.5rem);
    margin: 0.75rem;
  }
}
.module--student-profiles-container .prospective-events-container .prospective-event__box {
  padding: 1.5rem;
}
@media print {
  .module--student-profiles-container .prospective-events-container .prospective-event__box {
    padding: 0.5rem;
  }
}

.morgantown-video-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
  background-color: #005EB8;
  color: white;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
@media print {
  .morgantown-video-block {
    display: block;
    background: none;
    border: solid 0.025in #005EB8;
  }
}
@media screen and (min-width: 40.625em) {
  .morgantown-video-block {
    width: auto;
  }
}
@media screen and (min-width: 71.875em) {
  .morgantown-video-block {
    margin-right: 3rem;
  }
}
.morgantown-video-block .layout-container {
  position: relative;
  z-index: 1;
  text-align: left;
  padding: 2rem;
  margin: 0;
  width: 100%;
}
@media print {
  .morgantown-video-block .layout-container {
    padding: 1rem;
  }
}
.morgantown-video-block__video {
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  object-fit: cover;
}
.morgantown-video-block__header {
  margin-bottom: 3rem;
  margin-top: 0;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 2.5rem;
  color: white;
  line-height: 100%;
  padding-bottom: 3rem;
}
@media print {
  .morgantown-video-block__header {
    color: black;
  }
}
.morgantown-video-block__button:focus {
  outline-color: white;
}

@media print {
  video {
    display: none;
  }
  .morgantown-video-block__header {
    margin: 0;
  }
}
.module__class-profile {
  position: relative;
  margin-bottom: 8rem;
}
@media print {
  .module__class-profile {
    margin-bottom: 4rem;
    margin-top: 2rem;
    display: block;
    clear: both;
  }
}
@media screen and (min-width: 71.875em) {
  .module__class-profile .module__heading {
    margin-bottom: 1rem;
  }
}

.class-profile--intro__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
@media print {
  .class-profile--intro__container {
    display: block;
    overflow: auto;
    margin-top: 2rem;
  }
}
@media screen and (min-width: 56.25em) {
  .class-profile--intro__container {
    display: grid;
  }
}
.class-profile--intro__container .stat {
  position: relative;
  padding: 1rem 2rem;
  justify-self: flex-end;
  margin: 0;
  width: 100%;
  grid-column: span 3;
  display: flex;
}
@media print {
  .class-profile--intro__container .stat {
    padding: 0;
    width: 50%;
    float: right;
    display: block;
  }
}
.class-profile--intro__container .stat__title {
  font-size: 1.25rem;
}
.class-profile--intro__container .stat__title-highlight {
  font-size: 3rem;
}
@media screen and (min-width: 56.25em) {
  .class-profile--intro__container .stat__title-highlight {
    font-size: 5rem;
  }
}
@media screen and (min-width: 40.625em) {
  .class-profile--intro__container .stat {
    padding: 2rem;
    width: 25%;
  }
  @supports (display: grid) {
    .class-profile--intro__container .stat {
      margin-left: 0;
    }
  }
}
@media screen and (min-width: 56.25em) {
  .class-profile--intro__container .stat {
    margin-left: 3rem;
    width: calc(33.333% - 3rem);
  }
  @supports (display: grid) {
    .class-profile--intro__container .stat {
      width: calc(100% - 3rem);
      grid-column: span 1;
    }
  }
}
@media screen and (min-width: 71.875em) {
  .class-profile--intro__container .stat {
    padding: 2rem 4rem;
  }
}
.class-profile--intro__container .stat:nth-child(2) {
  order: 2;
}
@media screen and (min-width: 56.25em) {
  .class-profile--intro__container .stat:nth-child(2) {
    order: 1;
    align-self: flex-end;
    margin-bottom: 2rem;
  }
}
.class-profile--intro__container .stat:nth-child(3) {
  background: #0D5257;
  order: 3;
}
@media print {
  .class-profile--intro__container .stat:nth-child(3) {
    background: none;
  }
}
.class-profile--intro__container .stat:nth-child(3) .stat__title {
  color: white;
}
@media print {
  .class-profile--intro__container .stat:nth-child(3) .stat__title {
    color: black;
  }
}
.class-profile--intro__container .stat:nth-child(3) .stat__title-highlight {
  color: #9BD3DD;
}
@media print {
  .class-profile--intro__container .stat:nth-child(3) .stat__title-highlight {
    color: #0D5257;
  }
}
.class-profile--intro__container .stat:nth-child(4) {
  order: 4;
}
@media screen and (min-width: 56.25em) {
  .class-profile--intro__container .stat:nth-child(4) {
    margin-left: 3rem;
  }
}
.class-profile--intro__container .stat:nth-child(5) {
  background: #0D5257;
  order: 5;
}
@media print {
  .class-profile--intro__container .stat:nth-child(5) {
    background: none;
  }
}
.class-profile--intro__container .stat:nth-child(5) .stat__title {
  color: white;
}
@media print {
  .class-profile--intro__container .stat:nth-child(5) .stat__title {
    color: black;
  }
}
.class-profile--intro__container .stat:nth-child(5) .stat__title-highlight {
  color: #9BD3DD;
}
@media print {
  .class-profile--intro__container .stat:nth-child(5) .stat__title-highlight {
    color: #0D5257;
  }
}
.class-profile--intro {
  width: 100%;
  grid-column: span 3;
  margin-bottom: 1.5rem;
  order: 1;
}
@media screen and (min-width: 56.25em) {
  .class-profile--intro {
    margin-left: 3rem;
    margin-bottom: 2rem;
    order: 2;
    width: calc(66.666% - 3rem);
  }
  @supports (display: grid) {
    .class-profile--intro {
      width: auto;
      grid-column: 2/span 2;
    }
  }
}
.class-profile__text {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.25rem;
}
@media print {
  .class-profile__text {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 56.25em) {
  .class-profile__text {
    font-size: 1.5rem;
  }
}

.class-of__stats {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}
@media print {
  .class-of__stats {
    display: block;
    overflow: auto;
  }
}
@media screen and (min-width: 40.625em) {
  .class-of__stats {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 2rem;
  }
}
.class-of__stats .stat {
  position: relative;
  padding: 1rem;
  margin: 0;
  background: #9BD3DD;
  width: 100%;
  margin-bottom: 0.5rem;
  display: flex;
}
@media print {
  .class-of__stats .stat {
    padding: 0;
    width: 50%;
    float: right;
    display: block;
  }
}
@media screen and (min-width: 40.625em) {
  .class-of__stats .stat {
    padding: 2rem 1rem;
    margin-bottom: unset;
  }
}
.class-of__stats .stat__title {
  font-size: 1.25rem;
}
.class-of__stats .stat__title-highlight {
  font-size: 3rem;
  color: #0D5257;
}
@media screen and (min-width: 56.25em) {
  .class-of__stats .stat__title-highlight {
    font-size: 5rem;
  }
}
.class-of__stats .stat:nth-child(odd) {
  background: #0D5257;
}
@media print {
  .class-of__stats .stat:nth-child(odd) {
    background: none;
  }
}
.class-of__stats .stat:nth-child(odd) .stat__title {
  color: white;
}
@media print {
  .class-of__stats .stat:nth-child(odd) .stat__title {
    color: black;
  }
}
.class-of__stats .stat:nth-child(odd) .stat__title-highlight {
  color: #9BD3DD;
}
@media print {
  .class-of__stats .stat:nth-child(odd) .stat__title-highlight {
    color: #0D5257;
  }
}
.class-of__stats-averages {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}
.class-of__stats-averages .averages-group {
  padding: 1rem;
}
.class-of__stats-averages .averages-group__title {
  font-size: 2rem;
}
.class-of__stats-averages .averages-group__stat {
  margin: 0;
  padding: 0;
  margin-bottom: 0.5rem;
  text-align: center;
}

.slash-container--ww {
  background: #f3f5f7;
  overflow: hidden;
}
@media screen and (min-width: 56.25em) {
  .slash-container--ww {
    overflow: visible;
    padding-bottom: 1rem;
  }
  .slash-container--ww .slash__container {
    top: -1px;
  }
}
.slash-container--ww .introduction__title {
  width: 100%;
}
.slash-container--ww .introduction__text {
  background: #f3f5f7;
}
.slash-container--ww .introduction__buttons {
  padding: 0;
  background: none;
  width: 100%;
}
@media screen and (min-width: 40.625em) {
  .slash-container--ww .introduction__buttons {
    width: auto;
  }
}
@media screen and (min-width: 56.25em) {
  .slash-container--ww .introduction__buttons {
    padding: 0 0 3rem 0;
  }
}
.slash-container--ww .introduction__buttons .button {
  display: block;
  margin-right: 0;
}
@media screen and (min-width: 40.625em) {
  .slash-container--ww .introduction__buttons .button {
    display: inline-block;
    margin-right: 0.5rem;
  }
}

.connect--ww {
  width: 100%;
  margin: 0;
  position: relative;
  z-index: 2;
  padding: 2rem 1rem;
}
@media screen and (min-width: 56.25em) {
  .connect--ww {
    width: 60%;
    margin: -3rem 0 -6rem auto;
    padding: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .connect--ww {
    padding: 2.5rem 5rem 2.5rem 2.5rem;
    width: 50%;
  }
}
.connect--ww .module__heading {
  font-size: 2.75rem;
  margin-bottom: 0;
}
.connect--ww .module__heading-highlight {
  font-size: 3.5rem;
}
.connect--ww .layout-container {
  margin: 0;
  width: 100%;
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 64em) {
  .connect--ww .layout-container {
    margin: 0 auto 0 0;
  }
}
@media screen and (min-width: 93.75em) {
  .connect--ww .layout-container {
    max-width: 550px;
  }
}

.module__outreach--ww {
  position: unset;
  background: white;
  padding-bottom: 4rem;
}
@media screen and (min-width: 64em) {
  .module__outreach--ww {
    padding-bottom: 9rem;
  }
}
.module__outreach--ww .layout-container {
  flex-wrap: wrap;
}
.module__outreach--ww .introduction__text {
  background: none;
  margin-bottom: 0;
}
.module__outreach--ww .introduction__container {
  margin-top: 0;
}
@media screen and (min-width: 56.25em) {
  .module__outreach--ww .introduction__container {
    margin-top: 2rem;
  }
}
.module__outreach--ww .module__heading {
  color: #DA530C;
}
.module__outreach--ww .module__heading-highlight {
  color: #BE3A34;
}

.ww-cards__container {
  flex-wrap: wrap;
}
@supports (display: grid) {
  .ww-cards__container {
    grid-column: span 3;
  }
}
@media screen and (min-width: 40.625em) {
  @supports (display: grid) {
    .ww-cards__container {
      display: grid;
      grid-gap: 0;
      grid-template-columns: repeat(2, 1fr);
    }
  }
}
@media screen and (min-width: 64em) {
  @supports (display: grid) {
    .ww-cards__container {
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 3rem;
    }
  }
}

.beta-card {
  width: 100%;
  margin-bottom: 1.5rem;
}
@supports (display: grid) {
  .beta-card {
    grid-column: span 3;
    width: auto;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 40.625em) {
  .beta-card {
    width: 50%;
  }
  @supports (display: grid) {
    .beta-card {
      grid-column: span 1;
      width: 100%;
    }
  }
}
@media screen and (min-width: 64em) {
  .beta-card {
    width: 33.333%;
  }
  @supports (display: grid) {
    .beta-card {
      width: 100%;
    }
  }
}
.beta-card__heading {
  margin-bottom: 0;
}
@media screen and (min-width: 40.625em) {
  .beta-card--hsc-indoor-map {
    margin-left: 0.75rem;
    width: calc(50% - 0.75rem);
  }
  @supports (display: grid) {
    .beta-card--hsc-indoor-map {
      width: calc(100% - 0.75rem);
    }
  }
}
@media screen and (min-width: 64em) {
  .beta-card--hsc-indoor-map {
    margin-left: 0;
    width: calc(33.333% - 3rem);
    margin-right: 3rem;
  }
  @supports (display: grid) {
    .beta-card--hsc-indoor-map {
      margin-right: 0;
      width: 100%;
    }
  }
}
@media screen and (min-width: 40.625em) {
  .beta-card--campus-maps {
    margin-right: 0.75rem;
    width: calc(50% - 0.75rem);
  }
  @supports (display: grid) {
    .beta-card--campus-maps {
      width: calc(100% - 0.75rem);
    }
  }
}
@media screen and (min-width: 64em) {
  .beta-card--campus-maps {
    width: calc(33.333% - 3rem);
    margin-right: 3rem;
  }
  @supports (display: grid) {
    .beta-card--campus-maps {
      margin-right: 0;
      width: 100%;
    }
  }
}
.beta-card__link {
  display: block;
  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;
  height: 100%;
  text-decoration: none;
}
.beta-card__image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}
.beta-card__text {
  padding: 0.75rem 1rem 1rem 1rem;
  text-align: left;
}
@media screen and (min-width: 40.625em) {
  .beta-card__text {
    padding: 1.25rem 1.5rem 1.5rem 1.5rem;
  }
}
.beta-card__heading {
  font-weight: normal;
  font-style: italic;
  font-family: "Georgia", serif;
  color: #002855;
  margin-top: 0;
}
.beta-card--link-group {
  margin: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
@supports (display: grid) {
  .beta-card--link-group {
    grid-column: span 3;
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: repeat(2, 1fr);
    width: auto;
  }
}
@media screen and (min-width: 40.625em) {
  .beta-card--link-group {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 64em) {
  .beta-card--link-group {
    margin-top: -13rem;
    display: block;
    width: 33.333%;
  }
  @supports (display: grid) {
    .beta-card--link-group {
      width: auto;
      grid-column: span 1;
      grid-template-columns: none;
    }
  }
}
@media screen and (min-width: 1229px) {
  .beta-card--link-group {
    margin-top: -10.4rem;
  }
}
.beta-card--link-group .beta-card {
  margin-bottom: 1.5rem;
}
@supports (display: grid) {
  .beta-card--link-group .beta-card {
    margin: 0;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 40.625em) {
  .beta-card--link-group .beta-card {
    width: calc(50% - 1.5rem);
    margin: 0.75rem;
  }
  @supports (display: grid) {
    .beta-card--link-group .beta-card {
      width: 100%;
    }
  }
}
@media screen and (min-width: 64em) {
  .beta-card--link-group .beta-card {
    width: 100%;
    margin: 0;
  }
  .beta-card--link-group .beta-card:not(last-of-type) {
    margin-bottom: 1.5rem;
  }
}
.beta-card__summary {
  margin-bottom: 0;
}

.prt-status {
  width: 3rem;
}
@media screen and (min-width: 25em) {
  .prt-status {
    float: right;
    margin-top: 0;
    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);
  }
}
.morgantown-video-block--ww {
  width: 100%;
  margin-top: 0;
}
@media screen and (min-width: 64em) {
  .morgantown-video-block--ww {
    width: 70%;
    margin-top: -4rem;
  }
}
.morgantown-video-block--ww .morgantown-video-block__header {
  margin-bottom: 0;
  padding-bottom: 1rem;
}
.morgantown-video-block--ww .morgantown-video-block__text {
  line-height: 1.25;
  margin-bottom: 2rem;
  font-size: 1.5rem;
  max-width: 50ch;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
}
.morgantown-video-block--ww .morgantown-video-block__button {
  display: block;
}
@media screen and (min-width: 40.625em) {
  .morgantown-video-block--ww .morgantown-video-block__button {
    display: inline-block;
  }
}
.morgantown-video-block--ww .block__video-control {
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.1);
  border-bottom: #002855 solid 5px;
}
.morgantown-video-block--ww .block__video-control:hover, .morgantown-video-block--ww .block__video-control:focus {
  color: white;
  background-color: #0033A0;
}
.morgantown-video-block--ww .block__video-control:focus {
  outline-color: white;
}
@media screen and (max-width: 43.75em) {
  .morgantown-video-block--ww .block__video-control {
    display: none;
  }
}
@media screen and (min-width: 43.75em) {
  .morgantown-video-block--ww .block__video-control {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 2rem;
    margin-right: 2rem;
  }
}
.morgantown-video-block--ww .block__video-control[hidden] {
  display: none;
}
.morgantown-video-block--ww .module__heading {
  font-size: 3rem;
}
@media screen and (min-width: 56.25em) {
  .morgantown-video-block--ww .module__heading {
    font-size: 3.5rem;
  }
}
.morgantown-video-block--ww .module__heading-highlight {
  color: #EAAA00;
  font-size: 3rem;
}
@media screen and (min-width: 56.25em) {
  .morgantown-video-block--ww .module__heading-highlight {
    font-size: 3.5rem;
  }
}
.morgantown-video-block--ww .layout-container {
  padding: 4rem 2rem;
  margin: 0 0 0 auto;
  max-width: 1000px;
}

.module--prospective-events.wellbeing--ww {
  background: #002855;
  color: white;
  margin: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media screen and (min-width: 56.25em) {
  .module--prospective-events.wellbeing--ww {
    padding-bottom: 7rem;
  }
}
@media print {
  .module--prospective-events.wellbeing--ww {
    background: none;
    color: black;
    margin-top: 1.5rem;
  }
}
.module--prospective-events.wellbeing--ww .module__header {
  color: #EAAA00;
  font-size: 3.25rem;
}
@media print {
  .module--prospective-events.wellbeing--ww .module__header {
    color: black;
    font-size: 3rem;
  }
}
@media screen and (min-width: 56.25em) {
  .module--prospective-events.wellbeing--ww .module__header {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 64em) {
  .module--prospective-events.wellbeing--ww .module__header {
    font-size: 4.125rem;
  }
}
@media screen and (min-width: 71.875em) {
  .module--prospective-events.wellbeing--ww .module__header {
    font-size: 4.5rem;
  }
}
.module--prospective-events.wellbeing--ww a:focus {
  outline-color: #EAAA00;
}
.module--prospective-events.wellbeing--ww .introduction__text {
  padding: 0;
}
@media screen and (min-width: 56.25em) {
  .module--prospective-events.wellbeing--ww .introduction__text {
    padding: 0 10%;
  }
}
.module--prospective-events.wellbeing--ww .prospective-event__box {
  padding: 1rem 1rem 0.75625rem 1rem;
}

.module__outreach--ww2 {
  padding-bottom: 4rem;
  padding-top: 0;
  margin-top: 0;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .module__outreach--ww2 {
    margin-top: -7rem;
    padding-top: 5rem;
    padding-bottom: 9rem;
  }
}
.module__outreach--ww2 .introduction {
  flex-wrap: wrap;
}
.module__outreach--ww2 .introduction__title {
  padding-right: 0;
  width: 100%;
}
.module__outreach--ww2 .slash__container--ww {
  top: -20rem;
}

.prospective-events-container--ww {
  margin-top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@supports (display: grid) {
  .prospective-events-container--ww {
    display: grid;
    grid-gap: 1rem;
    grid-column: span 3;
    width: auto;
  }
}
@media screen and (min-width: 40.625em) {
  @supports (display: grid) {
    .prospective-events-container--ww {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
  }
}
@media screen and (min-width: 64em) {
  .prospective-events-container--ww {
    margin-top: 2rem;
  }
  @supports (display: grid) {
    .prospective-events-container--ww {
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 3rem;
    }
  }
}
.prospective-events-container--ww .prospective-event {
  width: auto;
  position: relative;
  margin: 0;
  padding: 1.5rem;
  width: 100%;
}
@supports (display: grid) {
  .prospective-events-container--ww .prospective-event {
    grid-column: span 2;
    width: auto;
  }
}
@media screen and (min-width: 40.625em) {
  .prospective-events-container--ww .prospective-event {
    width: calc(50% - 1.5rem);
    margin: 0.75rem;
  }
  @supports (display: grid) {
    .prospective-events-container--ww .prospective-event {
      grid-column: span 1;
      width: auto;
      margin: 0;
    }
  }
}
@media screen and (min-width: 64em) {
  .prospective-events-container--ww .prospective-event {
    width: calc(33.333% - 3rem);
    margin: 1.5rem;
  }
  @supports (display: grid) {
    .prospective-events-container--ww .prospective-event {
      width: auto;
      margin: 0;
    }
  }
}
.prospective-events-container--ww .prospective-event__box {
  padding: 0;
}
@media screen and (min-width: 40.625em) {
  .prospective-events-container--ww .prospective-event__box {
    padding: 0.75rem;
  }
}
@media screen and (min-width: 64em) {
  .prospective-events-container--ww .prospective-event__box {
    padding: 1.5rem;
  }
}
.prospective-events-container--ww .prospective-event__title {
  margin-top: 0;
}

.card--covid-resources {
  padding: 1.5rem 1rem 2rem 1rem;
  margin-top: 3.5rem;
}
.card--covid-resources .card__title {
  margin-bottom: 0.5rem;
}

.covid-updates h2 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
}
.covid-updates h3 {
  font-size: 1.8rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.covid-updates--events .covid-update {
  margin-bottom: 2rem;
}
.covid-updates--events h2 {
  font-size: 2rem;
}
.covid-updates--events h3 {
  font-size: 1.5rem;
  margin-top: 1rem;
}
.covid-updates--content-page .covid-update {
  margin-bottom: 4rem;
}
.covid-updates--content-page .covid-update:not(:last-of-type) {
  margin-bottom: 4rem;
  padding-bottom: 2rem;
  border-bottom: 2px solid #A2AAAD;
}
.covid-updates--content-page h2 {
  font-size: 2.25rem;
}
.covid-updates--content-page h3 {
  font-size: 1.75rem;
}
.covid-updates--content-page h4 {
  font-size: 1.675rem;
}

.covid-update__event-status {
  display: inline-block;
  margin-top: 0.5rem;
  margin-bottom: 0;
  padding: 0.25rem 0.5rem;
  background-color: #9BD3DD;
  color: #0D5257;
  font-family: "Georgia", serif;
  font-style: italic;
}

.wvu-coronavirus-banner {
  background-color: #9BD3DD;
  padding: 1.25rem 0;
}
.wvu-coronavirus-banner .layout-container {
  /*text-align: center;*/
  text-align: left;
  padding: 0;
}
.wvu-coronavirus-banner p {
  margin: 0;
}
.wvu-coronavirus-banner a {
  color: white;
}
.wvu-coronavirus-banner a:focus {
  outline-color: white;
}

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

.tuition-breakdown__cell {
  line-height: 1.75;
}
.tuition-breakdown__row--total {
  background: #002855;
}
.tuition-breakdown__row:nth-child(even):not(.tuition-breakdown__row--total, .tuition-breakdown__row--sub-total) {
  background: #f3f5f7;
}
.tuition-breakdown__row:nth-child(odd):not(.tuition-breakdown__row--total, .tuition-breakdown__row--sub-total) {
  background: #dceff3;
}
.tuition-breakdown__row--sub-total {
  background: #005EB8;
  color: white;
}
.tuition-breakdown__col-heading {
  background: #9BD3DD;
  color: #0D5257;
  line-height: 1.75;
}
.tuition-breakdown__col-heading:not(:first-child) {
  text-align: right;
}
.tuition-breakdown__cost-type {
  font-style: italic;
  font-weight: normal;
  font-family: Georgia;
}
.tuition-breakdown__table {
  border: none;
  margin-bottom: 3rem;
}
.tuition-breakdown__table-caption h3 {
  margin-top: 0;
}
.tuition-breakdown__sup-link, .tuition-breakdown__note-sup-link {
  color: #CD4C08;
  transition: color 0.125s ease;
}
.tuition-breakdown__sup-link:hover, .tuition-breakdown__sup-link:focus, .tuition-breakdown__note-sup-link:hover, .tuition-breakdown__note-sup-link:focus {
  color: #005EB8;
  transition: color 0.125s ease;
}

@media print {
  .tuition-breakdown__table {
    max-width: 700px;
  }
  .tuition-breakdown__table h1, .tuition-breakdown__table h2, .tuition-breakdown__table h3, .tuition-breakdown__table h4, .tuition-breakdown__table h5, .tuition-breakdown__table h6, .tuition-breakdown__table p, .tuition-breakdown__table ul, .tuition-breakdown__table li {
    margin: 0;
  }
  .tuition-breakdown__table h1, .tuition-breakdown__table h2, .tuition-breakdown__table h3, .tuition-breakdown__table h4, .tuition-breakdown__table h5, .tuition-breakdown__table h6 {
    margin-bottom: 1rem;
  }
  .tuition-breakdown__table h2 {
    margin-top: 0.75rem;
  }
  .tuition-breakdown__row {
    padding: 0.02in 0.08in;
    background: none;
  }
  .tuition-breakdown__row:nth-child(even):not(.tuition-breakdown__row--total, .tuition-breakdown__row--sub-total) {
    background: none;
  }
  .tuition-breakdown__row:nth-child(odd):not(.tuition-breakdown__row--total, .tuition-breakdown__row--sub-total) {
    background: none;
  }
  .tuition-breakdown__row--total {
    background: none;
    color: black;
    border-top: 0.05in solid black;
    border-bottom: 0.05in solid black;
  }
  .tuition-breakdown__row--sub-total {
    color: black;
    border-top: 0.02in solid black;
    border-bottom: 0.02in solid black;
  }
  .tuition-breakdown__row + .tuition-breakdown__row:not(.tuition-breakdown__row--total, .tuition-breakdown__row--sub-total) {
    border: none;
  }
  .tuition-breakdown__row + .tuition-breakdown__row--sub-total {
    border-top: 0.025in solid black;
    border-bottom: 0.025in solid black;
    border-left: none;
    border-right: none;
  }
  .tuition-breakdown__cell, .tuition-breakdown__col-heading {
    padding: 0;
    border: none;
  }
  .tuition-breakdown__cell {
    padding: 0.06in 0.08in;
  }
  .tuition-breakdown__cell--row-heading {
    text-indent: 0;
  }
  .tuition-breakdown__col-heading {
    color: black;
    background: none;
    border-bottom: 0.03in solid black;
    padding: 0.02in 0.08in;
    font-family: Georgia;
    font-weight: normal;
  }
}
@media screen {
  * + .tuition-breakdown__cell, .tuition-breakdown__row + .tuition-breakdown__row {
    border: none;
  }
}
/* Components
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.sc {
  /*&-summary {
  	--card-background-color: #00234b;
  	--card-text-color: white;
  	--card-heading-color: var(--card-text-color);
  	--card-heading-accent-color: #EAAA00;

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

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

/* Added by Dan */
/* Landing page style - Added by Dan */
.landing-page__module {
  padding-top: 4rem;
  padding-bottom: 4rem;
  position: relative;
}
@media print {
  .landing-page__module {
    padding-bottom: 0;
    padding-top: 2rem;
  }
}
.landing-page__module--main .slash__container {
  height: 100%;
  display: none;
  top: 0;
  right: 0;
  left: unset;
  transform: skew(-33.75deg);
}
@media screen and (min-width: 65em) {
  .landing-page__module--main .slash__container {
    right: calc(100vw - 5%);
    display: block;
  }
}
@media screen and (min-width: 71.875em) {
  .landing-page__module--main .slash__container {
    right: calc(100vw - 15%);
  }
}
.landing-page__module--main .slash__container--yellow {
  display: none;
}
@media screen and (min-width: 65em) {
  .landing-page__module--main .slash__container--yellow {
    right: calc(100vw - 19%);
    display: block;
  }
}
@media screen and (min-width: 71.875em) {
  .landing-page__module--main .slash__container--yellow {
    right: calc(100vw - 23.5%);
  }
}
.landing-page__module--main .slash__container--yellow img {
  height: 200%;
  left: 16rem;
}
.landing-page__module--main .slash__container--gray {
  display: none;
}
.landing-page__module--main .slash__container--gray img {
  left: 25rem;
}
@media screen and (min-width: 65em) {
  .landing-page__module--main .slash__container--gray {
    right: calc(100vw - 11%);
    display: block;
  }
}
@media screen and (min-width: 71.875em) {
  .landing-page__module--main .slash__container--gray {
    right: calc(100vw - 19.5%);
  }
}
.landing-page__module--unique {
  background-color: #002855;
}
@media print {
  .landing-page__module--unique {
    background: none;
  }
}
.landing-page__module--unique .module__heading {
  color: #ED8B00;
}
.landing-page__module--unique .module__heading-highlight {
  color: #EAAA00;
}
.landing-page__module--unique a:focus {
  outline-color: white;
}
.landing-page__module--unique .morgantown-video-block {
  width: 100%;
  order: 2;
  margin-top: 3rem;
  margin-right: 0;
}
@supports (display: grid) {
  .landing-page__module--unique .morgantown-video-block {
    grid-row: 3;
    grid-column: span 3;
    margin-top: 0;
  }
}
@media screen and (min-width: 65em) {
  .landing-page__module--unique .morgantown-video-block {
    width: calc(33.333% - 3rem);
    order: 1;
    margin-top: 0;
    margin-right: 3rem;
  }
  @supports (display: grid) {
    .landing-page__module--unique .morgantown-video-block {
      width: auto;
      grid-row: 1;
      grid-column: 1/span 1;
      margin-right: 0;
    }
  }
}
.landing-page__grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
@supports (display: grid) {
  .landing-page__grid {
    display: grid;
    grid-gap: 4rem;
    align-items: start;
  }
}
@media print {
  .landing-page__grid {
    display: block;
  }
}
.landing-page__grid--CE .prospective-event {
  width: 100%;
  margin: 0 0 2rem 0;
}
@media print {
  .landing-page__grid--CE .prospective-event {
    margin: 0;
  }
}
.landing-page__grid--CE .button {
  display: block;
}
@media print {
  .landing-page__grid--CE .button {
    display: none;
  }
}
.landing-page__lede {
  width: 100%;
  position: relative;
  z-index: 1;
  order: 1;
}
@supports (display: grid) {
  .landing-page__lede {
    grid-column: span 3;
  }
}
@media screen and (min-width: 65em) {
  .landing-page__lede {
    width: 66.666%;
    order: 2;
  }
  @supports (display: grid) {
    .landing-page__lede {
      width: auto;
      grid-column: 2/span 2;
      grid-row: span 2;
    }
  }
}
.landing-page__container {
  width: 100%;
}
@supports (display: grid) {
  .landing-page__container {
    grid-column: span 3;
  }
}
@media screen and (min-width: 65em) {
  .landing-page__container {
    width: 66.666%;
    margin: 0 0 0 auto;
  }
  @supports (display: grid) {
    .landing-page__container {
      margin: 0;
      width: auto;
      grid-column: span 2;
    }
  }
}
.landing-page__container--dept {
  width: 100%;
}
@supports (display: grid) {
  .landing-page__container--dept {
    grid-column: span 3;
  }
}
.landing-page__container--dept .directory-card {
  width: calc(33.333% - 1rem);
}
@media print {
  .landing-page__container--dept .directory-card {
    width: 100%;
  }
}
.landing-page__container--CE-intro {
  width: 100%;
}
@supports (display: grid) {
  .landing-page__container--CE-intro {
    grid-column: span 3;
  }
}
@media screen and (min-width: 65em) {
  .landing-page__container--CE-intro {
    align-self: center;
    width: 66.666%;
  }
  @supports (display: grid) {
    .landing-page__container--CE-intro {
      width: auto;
      grid-column: 1/span 2;
    }
  }
}
.landing-page__container--CE-events {
  width: 100%;
}
@supports (display: grid) {
  .landing-page__container--CE-events {
    width: auto;
    grid-column: span 3;
  }
}
@media screen and (min-width: 65em) {
  .landing-page__container--CE-events {
    width: 33.333%;
  }
  @supports (display: grid) {
    .landing-page__container--CE-events {
      width: auto;
      grid-column: 3/span 1;
    }
  }
}
.landing-page__container--CE-events h2 {
  position: relative;
  z-index: 2;
  text-align: center;
  margin: 0;
  margin-bottom: 1.5rem;
  font-size: 1rem;
}
@media print {
  .landing-page__container--CE-events h2 {
    margin-bottom: 0.5rem;
  }
}
.landing-page__container--CE-events h2 .stat__header {
  text-align: center;
  position: relative;
  color: white;
  background: #002855;
}
@media print {
  .landing-page__container--CE-events h2 .stat__header {
    background: white;
    color: black;
  }
}
.landing-page__container--CE-events h2 .stat__header:before {
  border-bottom: solid 0.02in rgb(255, 255, 255);
}
@media print {
  .landing-page__container--CE-events h2 .stat__header:before {
    border-bottom: solid 0.02in black;
  }
}
@media print {
  .landing-page__container--CE-events .prospective-event {
    display: block;
    box-shadow: none;
    border: none;
  }
  .landing-page__container--CE-events .prospective-event__box {
    padding: 0;
  }
}
.landing-page__module--main + .landing-page__module .landing-page__container {
  width: 100%;
  order: 1;
}
@supports (display: grid) {
  .landing-page__module--main + .landing-page__module .landing-page__container {
    grid-column: span 3;
  }
}
@media screen and (min-width: 65em) {
  .landing-page__module--main + .landing-page__module .landing-page__container {
    width: 66.666%;
    order: 2;
  }
  @supports (display: grid) {
    .landing-page__module--main + .landing-page__module .landing-page__container {
      width: auto;
      grid-column: 2/span 2;
    }
  }
}
.landing-page__module .module__summary, .landing-page__module .module__text {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-size: 1.5rem;
  color: black;
}
.landing-page__module .module__text {
  font-size: 1.25rem;
}
@media screen and (min-width: 64em) {
  .landing-page__module .module__text {
    font-size: 1.5rem;
  }
}
.landing-page__module .module__text p:last-child {
  margin-bottom: 0;
}
.landing-page__module--unique .module__summary, .landing-page__module--unique .landing-page__module .module__text, .landing-page__module .landing-page__module--unique .module__text {
  color: white;
}
@media print {
  .landing-page__module--unique .module__summary, .landing-page__module--unique .landing-page__module .module__text, .landing-page__module .landing-page__module--unique .module__text {
    color: black;
  }
}
.landing-page__link-group {
  /* Remove default list styles */
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
@media print {
  .landing-page__link-group {
    display: block;
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 40.625em) {
  @supports (display: grid) {
    .landing-page__link-group {
      display: grid;
      grid-gap: 1rem;
      grid-template-columns: repeat(2, 1fr);
    }
  }
}
.landing-page__link-group--ww .button {
  font-size: 1.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.landing-page__link-group--ww .button .description {
  font-size: 1rem;
  text-transform: none;
  display: block;
  font-weight: normal;
  font-family: Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  letter-spacing: normal;
}
.landing-page__link-group li {
  width: 100%;
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 40.625em) {
  .landing-page__link-group li {
    width: calc(50% - 1rem);
    margin: 0.5rem;
  }
  @supports (display: grid) {
    .landing-page__link-group li {
      margin: 0;
      width: auto;
    }
  }
}
.landing-page__link-group li .prospective-event__title {
  font-size: 1.55rem;
}
.landing-page__link-group .button, .landing-page__link-group .prospective-event {
  width: 100%;
  height: 100%;
}
.landing-page__link-group .button {
  padding: 1rem;
}
@media screen and (min-width: 40.625em) {
  .landing-page__link-group .button {
    padding: 2rem;
  }
}
@media print {
  .landing-page__link-group .button {
    padding: 0;
    display: inline;
  }
}
.landing-page__link-group .prospective-event {
  margin: 0;
}
.landing-page__link-group .prospective-event__box {
  padding: 1.5rem;
}
.landing-page__contacts {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media screen and (min-width: 50em) {
  .landing-page__contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.landing-page__contacts .directory-card--department {
  width: calc(100% - 1rem);
}
@media screen and (min-width: 50em) {
  .landing-page__contacts .directory-card--department {
    width: calc(50% - 1rem);
  }
}
@media screen and (min-width: 50em) {
  .landing-page__contacts .directory-list {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
}
.landing-page__contacts .directory-list .directory-card {
  width: calc(100% - 1rem);
}

.widget--links {
  align-self: end;
  margin-bottom: -6rem;
}
.widget--callout .widget__text p:last-child {
  margin-bottom: 0;
}
.widget__links {
  /* Remove default list styles */
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-weight: bold;
}

/* Job Board - Added by Dan */
.job-posting:not(first-of-type) {
  border-top: 0.125rem solid #f3f5f7;
}
.job-posting:last-child {
  border-bottom: 0.125rem solid #f3f5f7;
}
.job-posting__header {
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #f3f5f7;
}
@media screen and (min-width: 33.75em) {
  .job-posting__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
}
.job-posting__title {
  margin-bottom: 0;
}
.job-posting__details {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.25;
}
.job-posting p.job-posting__category,
.job-posting p.job-posting__date-posted {
  font-size: 0.875rem;
}
.job-posting__category {
  -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;
  display: inline-block;
  margin-top: 0.5rem;
  margin-bottom: 0;
  padding: 0.25rem 0.5rem;
  background-color: #f3f5f7;
  font-family: "Georgia", serif;
  font-style: italic;
}
@media screen and (min-width: 33.75em) {
  .job-posting__category {
    margin-top: 2.625rem;
    margin-left: 2rem;
  }
}
.job-posting__category--dds {
  background-color: #9BD3DD;
  color: #0D5257;
}
.job-posting__category--dental-hygiene {
  background-color: #0D5257;
  color: #9BD3DD;
}
.job-posting__date-posted {
  font-style: italic;
}
.job-posting__date-posted time {
  font-weight: bold;
}

/* Added by Jason */
/*
	// <li class="news-list__item">
    // 
    //     <article class="news-list__article h-entry hentry">
    //         <a href="Story?headline=chick-filcoming-tomarket-at-wvu-health-sciences-in-january" class="news-list__link u-url" rel="bookmark">
    //             <img alt="" class="news-list__image">
    // 
    //             <h2 class="news-list__headline p-title entry-title">Chick-fil-A coming to The Market at WVU Health Sciences in January</h2>
    //         </a>
    //     </article>
    // 
    // </li>
*/
.news-list {
  padding: 0;
  list-style-type: none;
}
.news-list__item {
  padding: 1.5rem 0;
}
.news-list__item + .news-list__item {
  border-top: 1px solid #f3f5f7;
}
.news-list__link {
  display: flex;
  color: #CD4C08;
  text-decoration: none;
}
.news-list__link:hover, .news-list__link:focus {
  color: #005EB8;
}
@media print {
  .news-list__media {
    display: none;
  }
}
.news-list__image {
  display: block;
  max-width: 100%;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
}
.news-list__headline {
  flex: 0 0 auto;
  width: 50%;
  margin: 0;
  padding-left: 1rem;
  color: inherit;
  /* Changes made by Dan per Shawn's request */
  font-size: 1.75rem;
  line-height: 1;
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif !important; /* Due to .main-content specificity issues */
  font-weight: bold !important; /* Due to .main-content specificity issues */
  transition: color 0.25s ease;
}
@media print {
  .news-list__headline {
    width: 100%;
    padding-left: 0;
  }
}

@media screen and (min-width: 560px) {
  .news-story {
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-column-gap: 4rem;
    grid-template-areas: "header header" "content event" "additional .";
  }
}
@media print {
  .news-story {
    width: 100%;
    display: block;
  }
}
.news-story__header {
  grid-area: header;
}
.news-story__content {
  grid-area: content;
}
.news-story__heading {
  font-family: "Georgia", serif;
  font-weight: normal;
}
.news-story__subheading {
  display: block;
  margin-bottom: 1.5rem;
  color: #005EB8;
  font-family: "Georgia", serif;
  font-size: 2rem;
  font-style: italic;
}
@media print {
  .news-story__subheading {
    color: black;
  }
}
.news-story__image {
  display: block;
  max-width: 100%;
  width: auto;
}
@media print {
  .news-story__image {
    display: none;
  }
}
.news-story__event {
  align-self: start;
  margin-top: 1rem;
  padding: 1.5rem 1rem;
}
.news-story__event .icon {
  top: -1.5rem;
  left: 50%;
  width: 40px;
  height: 40px;
  transform: translateX(-50%);
}
@media print {
  .news-story__event .icon {
    display: none;
  }
}
.news-story__event .icon svg {
  /*position: relative;*/
  transform: translateY(-45px);
  /*width: 15px;
  height: 15px;

  @include iconic-color(white);*/
}
.news-story__event-title {
  margin-top: 0;
  margin-bottom: 0;
  color: #005EB8;
  font-size: 2rem;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 100%;
}
@media print {
  .news-story__event-title {
    color: black;
  }
}
.news-story__date {
  font-weight: bold;
}
.news-story__additional {
  clear: both;
  grid-area: additional;
}
@media print {
  .news-story__additional {
    display: none;
  }
}
.news-story__share {
  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;
  margin: 3rem 0;
  padding: 2rem;
}
.news-story h2.news-story__share-heading {
  color: #002855;
  font-size: 3.25rem;
  font-family: "HelveticaNeueW01-97Blac", HelveticaNeue-CondensedBlack, Impact, "Arial Bold", Helvetica, Arial, sans-serif !important;
  text-align: left;
}

.news-recent {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: #f3f5f7;
}
@print media {
  .news-recent {
    background-color: none;
  }
}
.news-recent__heading {
  font-size: 3.75rem;
}
.news-recent__list {
  margin: 1.5rem 0 0;
  padding: 0;
  list-style-type: none;
}
@media screen and (min-width: 55em) {
  .news-recent__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
  }
}
.news-recent__list-item {
  position: relative;
  margin-bottom: 1.5rem;
  border-bottom: 7px solid #f3f5f7;
  padding: 1.5rem;
  background-color: white;
  box-shadow: 2px -3px 11px rgba(0, 0, 0, 0.125);
}
@media print {
  .news-recent__list-item {
    box-shadow: none;
    padding: 0;
    border-bottom: none;
  }
}
@media screen and (min-width: 55em) {
  .news-recent__list-item {
    margin-bottom: 0;
  }
}
.news-recent__link {
  text-decoration: none;
  display: block;
}
.news-recent__headline {
  display: block;
  margin: 0.5rem 0;
  color: inherit;
  /* Changes made by Dan per Shawn's request */
  /*font-size: 2rem;*/
  font-size: 1.75rem;
  line-height: 1;
  /*font-family: $helvetica-neue-black-condensed;*/
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  /*font-weight: normal;*/
  /*text-transform: uppercase;*/
  transition: color 0.25s ease;
}
.news-recent__buttons {
  margin-top: 1.5rem;
  text-align: center;
}

.story-meta {
  margin-bottom: 1rem;
}

/* Added by Matthew */
.simple-news-feed li:not(:last-child) {
  margin-bottom: 1rem;
}
.simple-news-feed .news-items-list {
  display: inline-block;
  margin-top: 1rem;
}
.simple-news-feed .list-item-text {
  margin-top: -1.75rem;
  margin-bottom: 0.25rem;
}

img.iconic {
  visibility: hidden;
}

.safety-footer {
  --safety-footer-bg-color: #c1e4ea;
  --safety-footer-card-bg-color: #aedbe3;
  --safety-footer-link-color: #004088;
  --safety-footer-link-hover-color: #(black);
}

.wvu-footer {
  /*padding-left: 0;
  padding-right: 0;*/
}
.wvu-footer-layout-container {
  padding-top: 0;
  padding-bottom: 0;
}

.wvu-footer a {
  color: #004088;
  transition: color 0.2s ease;
}
.wvu-footer a:hover, .wvu-footer a:focus {
  color: black;
}

@media print {
  /*a, a:link, a:visited {
      text-decoration: underline;
      color: black;
  }*/
  /*img {
      display: none;
  }*/
  .module__heading, .module__heading .module__heading-highlight, .module__heading-highlight {
    /*color: black;*/
    text-shadow: none;
  }
  h1, h2, h3, h4, h5, h6, ul, li {
    /*color: black;*/
    margin: 0;
    text-shadow: none;
  }
  h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1rem;
    page-break-after: avoid;
    break-after: avoid;
  }
  h2 {
    margin-top: 0.75rem;
  }
  .wvu-masthead-nav, .wvu-masthead-header__actions {
    display: none;
  }
  .wvu-masthead-header {
    background: none;
  }
  .wvu-masthead-header__logo-wordmark, .wvu-masthead-header__sub-brand {
    fill: black;
    color: black;
  }
  .js .wvu-masthead-controls {
    display: none;
  }
  body {
    color: #000;
    /*background-color: #fff;*/
    margin: 0;
    padding: 0;
    font-size: 1rem;
  }
  .page-content {
    display: block;
  }
  .content-container--higher .page-content {
    margin-top: 0;
  }
  .content-container--higher .page-content .secondary-content {
    margin: 0;
  }
  .wvu-footer {
    display: none;
  }
}
.sc-content-container {
  padding-top: 2rem;
}
.sc-content-container .callout__heading {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 2rem;
  line-height: 1;
}
.sc-content-container .callout__heading:not(:first-of-type) {
  margin-top: 2rem;
}
@media screen and (min-width: 64em) {
  .sc-content-container .callout__heading {
    font-size: 2.5rem;
  }
}
.sc-card {
  grid-column: span 4;
}
@media screen and (min-width: 40em) {
  .sc-card {
    grid-column: span 2;
  }
}
@media screen and (min-width: 64em) {
  .sc-card {
    grid-column: span 1;
  }
}
.sc-card__text {
  text-align: center;
  padding: 0.75rem 1rem 1rem 1rem;
}
@media screen and (min-width: 40.625em) {
  .sc-card__text {
    padding: 1.25rem 1.5rem 1.5rem 1.5rem;
  }
}
.sc-card__heading {
  font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0;
}
@media screen and (min-width: 64em) {
  .sc-card__heading {
    font-size: 2rem;
    margin-top: 1rem;
  }
}
.sc-card__summary {
  margin-top: 0.25rem;
  margin-bottom: 0;
  font-family: Georgia;
  font-style: italic;
  transition-property: color;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.sc-card__link {
  display: block;
  text-decoration: none;
  height: 100%;
  transition: color 0.25s ease, background 0.25s ease;
}
.sc-card__link .sc-card__heading {
  transition: color 0.25s ease;
}
.sc-card__icon {
  transition-property: background-color, color;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.sc-card__icon.icon svg {
  stroke-width: 2px;
  width: 35px;
  height: 35px;
  transform: translateY(-27px);
  transition-property: stroke, fill;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
@media screen and (min-width: 64em) {
  .sc-card__icon.icon {
    width: 55px;
    height: 55px;
  }
}

.sc-priorities .module__heading.module__heading--strategic-compass, .sc__news-module .module__heading.module__heading--strategic-compass {
  font-size: 2.5rem;
}
@media screen and (min-width: 56.25em) {
  .sc-priorities .module__heading.module__heading--strategic-compass, .sc__news-module .module__heading.module__heading--strategic-compass {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 64em) {
  .sc-priorities .module__heading.module__heading--strategic-compass, .sc__news-module .module__heading.module__heading--strategic-compass {
    font-size: 3.125rem;
  }
}
@media screen and (min-width: 71.875em) {
  .sc-priorities .module__heading.module__heading--strategic-compass, .sc__news-module .module__heading.module__heading--strategic-compass {
    font-size: 3.375rem;
  }
}
.sc-priorities .module__heading.module__heading--strategic-compass .module__heading-highlight, .sc__news-module .module__heading.module__heading--strategic-compass .module__heading-highlight {
  font-size: 3rem;
}
@media screen and (min-width: 56.25em) {
  .sc-priorities .module__heading.module__heading--strategic-compass .module__heading-highlight, .sc__news-module .module__heading.module__heading--strategic-compass .module__heading-highlight {
    font-size: 3.25rem;
  }
}
@media screen and (min-width: 64em) {
  .sc-priorities .module__heading.module__heading--strategic-compass .module__heading-highlight, .sc__news-module .module__heading.module__heading--strategic-compass .module__heading-highlight {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 71.875em) {
  .sc-priorities .module__heading.module__heading--strategic-compass .module__heading-highlight, .sc__news-module .module__heading.module__heading--strategic-compass .module__heading-highlight {
    font-size: 4.125rem;
  }
}

.sc-values {
  padding: 2rem 0;
  background: white;
}
@media screen and (min-width: 64em) {
  .sc-values {
    padding: 0 0 2rem 0;
  }
}
.sc-values__heading {
  margin-bottom: 2rem;
  color: #002855;
  font-size: 3rem;
}
@media screen and (min-width: 40em) {
  .sc-values__heading {
    margin-bottom: 3.5rem;
  }
}
@media screen and (min-width: 56.25em) {
  .sc-values__heading {
    font-size: 3.25rem;
  }
}
@media screen and (min-width: 64em) {
  .sc-values__heading {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 71.875em) {
  .sc-values__heading {
    font-size: 4.125rem;
  }
}
.sc-values .sc-value .sc-card__heading {
  color: #002855;
}
.sc-values .sc-value--kindness .sc-card__link .sc-card__icon {
  background: #BE3A34;
}
.sc-values .sc-value--kindness .sc-card__link .sc-card__icon svg {
  fill: white;
}
.sc-values .sc-value--kindness .sc-card__link:hover, .sc-values .sc-value--kindness .sc-card__link:focus {
  background-color: #BE3A34;
  color: white;
}
.sc-values .sc-value--kindness .sc-card__link:hover .sc-card__heading, .sc-values .sc-value--kindness .sc-card__link:focus .sc-card__heading {
  color: white;
}
.sc-values .sc-value--kindness .sc-card__link:hover .sc-card__icon, .sc-values .sc-value--kindness .sc-card__link:focus .sc-card__icon {
  background: white;
}
.sc-values .sc-value--kindness .sc-card__link:hover .sc-card__icon svg, .sc-values .sc-value--kindness .sc-card__link:focus .sc-card__icon svg {
  fill: #BE3A34;
  stroke: #BE3A34;
}
.sc-values .sc-value--engagement .sc-card__link .sc-card__icon {
  background: #BFB8AF;
}
.sc-values .sc-value--engagement .sc-card__link .sc-card__icon svg {
  fill: white;
}
.sc-values .sc-value--engagement .sc-card__link:hover, .sc-values .sc-value--engagement .sc-card__link:focus {
  background-color: #BFB8AF;
  color: black;
}
.sc-values .sc-value--engagement .sc-card__link:hover .sc-card__icon, .sc-values .sc-value--engagement .sc-card__link:focus .sc-card__icon {
  background: white;
}
.sc-values .sc-value--engagement .sc-card__link:hover .sc-card__icon svg, .sc-values .sc-value--engagement .sc-card__link:focus .sc-card__icon svg {
  fill: #BFB8AF;
  stroke: #BFB8AF;
}
.sc-values .sc-value--empowerment .sc-card__link .sc-card__icon {
  background-color: #FDDA24;
}
.sc-values .sc-value--empowerment .sc-card__link .sc-card__icon svg {
  fill: #005EB8;
  stroke: #005EB8;
}
.sc-values .sc-value--empowerment .sc-card__link:hover, .sc-values .sc-value--empowerment .sc-card__link:focus {
  background-color: #FDDA24;
  color: black;
}
.sc-values .sc-value--empowerment .sc-card__link:hover .sc-card__icon, .sc-values .sc-value--empowerment .sc-card__link:focus .sc-card__icon {
  background: white;
}
.sc-values .sc-value--empowerment .sc-card__link:hover .sc-card__icon svg, .sc-values .sc-value--empowerment .sc-card__link:focus .sc-card__icon svg {
  fill: #EAAA00;
  stroke: #EAAA00;
}
.sc-values .sc-value--purpose .sc-card__link .sc-card__icon {
  background-color: #ED8B00;
}
.sc-values .sc-value--purpose .sc-card__link .sc-card__icon svg {
  fill: white;
  stroke: white;
}
.sc-values .sc-value--purpose .sc-card__link:hover, .sc-values .sc-value--purpose .sc-card__link:focus {
  background-color: #ED8B00;
  color: black;
}
.sc-values .sc-value--purpose .sc-card__link:hover .sc-card__icon, .sc-values .sc-value--purpose .sc-card__link:focus .sc-card__icon {
  background: white;
}
.sc-values .sc-value--purpose .sc-card__link:hover .sc-card__icon svg, .sc-values .sc-value--purpose .sc-card__link:focus .sc-card__icon svg {
  fill: #ED8B00;
  stroke: #ED8B00;
}

.sc-priorities {
  margin-top: -4rem;
  padding-top: 5rem;
  padding-bottom: 1.5rem;
  position: relative;
  background: #e7ebee;
}
@media screen and (min-width: 40em) {
  .sc-priorities {
    padding-bottom: 4rem;
    padding-top: 6rem;
  }
}
@media screen and (min-width: 55em) {
  .sc-priorities {
    padding-bottom: 4rem;
    padding-top: 8rem;
  }
}
.sc-priorities__heading {
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 40em) {
  .sc-priorities__heading {
    margin-bottom: 2.5rem;
  }
}
.sc-priorities .sc-priority .sc-card__heading {
  color: white;
}
.sc-priorities .sc-priority .sc-card__icon {
  fill: white;
}
.sc-priorities .sc-priority .sc-card__link {
  border-width: 7px;
  border-style: none none solid none;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition-property: color, background-color, border-color;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
}
.sc-priorities .sc-priority--educate .sc-card__link {
  background-color: #005EB8;
  color: white;
  border-color: #00498f;
}
.sc-priorities .sc-priority--educate .sc-card__link:hover, .sc-priorities .sc-priority--educate .sc-card__link:focus {
  background-color: #006ed7;
  color: white;
  border-color: #0059ae;
}
.sc-priorities .sc-priority--discover .sc-card__link {
  background-color: #CD4C08;
  color: white;
  border-color: #a63d06;
}
.sc-priorities .sc-priority--discover .sc-card__link:hover, .sc-priorities .sc-priority--discover .sc-card__link:focus {
  background-color: #ea5709;
  color: white;
  border-color: #c34808;
}
.sc-priorities .sc-priority--heal .sc-card__heading {
  color: #002855;
}
.sc-priorities .sc-priority--heal .sc-card__icon {
  fill: #002855;
}
.sc-priorities .sc-priority--heal .sc-card__link {
  background-color: #9ABEAA;
  color: #002855;
  border-color: #81ae95;
}
.sc-priorities .sc-priority--heal .sc-card__link:hover, .sc-priorities .sc-priority--heal .sc-card__link:focus {
  background-color: #adcaba;
  color: #002855;
  border-color: #94baa5;
}

.sc__news-module {
  padding: 1rem 0 2rem 0;
  background: #e7ebee;
  margin-bottom: 0;
}
@media screen and (min-width: 40em) {
  .sc__news-module {
    padding: 4rem 0;
  }
}
.sc__news-module .news-module-grid {
  display: flex;
}
@media screen and (min-width: 40em) {
  .sc__news-module .news-module-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
.sc__news-module .news-full {
  width: 100%;
}
@media screen and (min-width: 40em) {
  .sc__news-module .news-full {
    grid-column: 1/span 2;
  }
}
.sc__news-module .news-full .news-stub__headline {
  font-size: 1.25rem;
}
@media screen and (min-width: 56.25em) {
  .sc__news-module .news-full .news-stub__headline {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 64em) {
  .sc__news-module .news-full .news-stub__headline {
    font-size: 1.75rem;
  }
}
.sc__news-module .news-titles {
  width: 100%;
}
@media screen and (min-width: 40em) {
  .sc__news-module .news-titles {
    grid-column: 3/span 3;
  }
}
.sc__news-module .news-titles .news-stub__headline {
  font-size: 1.375rem;
}