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

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

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

@keyframes button-pulse {
  0% {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.8);
  }
  100% {
    box-shadow: 0 0 1rem 2rem rgba(255, 255, 255, 0);
  }
}
@keyframes map-fold {
  0% {
    opacity: 0;
    transform: perspective(2cm) rotateX(3deg) rotateY(-6deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: perspective(2cm) rotateX(0) rotateY(-0.75deg);
  }
}
@keyframes figure-fold {
  0% {
    opacity: 0;
    transform: perspective(2cm) rotateX(2deg) rotateY(1.5deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: perspective(2cm) rotateX(0) rotateY(0);
    opacity: 1;
  }
}
@keyframes slideRightFadeIn {
  0% {
    opacity: 0;
    transform: translateX(-4rem);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(0);
  }
}