/* ---------------------------- BEGIN DCAREA > STEM WEBSITE STYLES 08.12.2026 ---------------------------- */
/* BEGIN Parallax Stripe (latest) ~~~~~~~~~~~~ */
@property --vt-parallax-backdrop {
  syntax: "*";
  inherits: true;
  initial-value: linear-gradient(to right, #000, transparent);
}
@property --vt-focus-outline {
  syntax: "<color>";
  inherits: true;
  initial-value: #5E6062;
}
@property --vt-parallax-aspect-ratio {
  syntax: "*";
  inherits: true;
  initial-value: 16/9;
}
.vt-parallax-stripe.vt-full-width, .vt-full-width.stem-parallax-stripe {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: var(--vt-parallax-bg, transparent);
  background-attachment: scroll;
}
@media screen and (min-width: 768px) {
  .vt-parallax-stripe.vt-full-width, .vt-full-width.stem-parallax-stripe {
    background-attachment: fixed;
  }
}
.vt-parallax-stripe.vt-full-width::before, .vt-full-width.stem-parallax-stripe::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}
.vt-parallax-stripe.vt-full-width :focus, .vt-full-width.stem-parallax-stripe :focus {
  outline-color: var(--vt-focus-outline);
}
.vt-parallax-stripe.vt-full-width > .vt-vtcontainer-content, .vt-full-width.stem-parallax-stripe > .vt-vtcontainer-content {
  align-content: center;
  padding: 3rem 10%;
  aspect-ratio: var(--vt-parallax-aspect-ratio);
}
.vt-parallax-stripe.vt-full-width > .vt-vtcontainer-content .adaptiveimage:has(> .vt-parallax-img), .vt-full-width.stem-parallax-stripe > .vt-vtcontainer-content .adaptiveimage:has(> .vt-parallax-img) {
  display: none;
}
.vt-parallax-stripe.vt-full-width.vt-parallax-fullscreen > .vt-vtcontainer-content, .vt-full-width.vt-parallax-fullscreen.stem-parallax-stripe > .vt-vtcontainer-content {
  min-height: 100vh;
  aspect-ratio: unset;
}
.vt-parallax-stripe.vt-full-width .vt-parallax-large, .vt-full-width.stem-parallax-stripe .vt-parallax-large {
  margin-bottom: 0;
}
.vt-parallax-stripe.vt-full-width .vt-parallax-large a, .vt-full-width.stem-parallax-stripe .vt-parallax-large a {
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
  -webkit-text-decoration-color: var(--vt-burntOrange);
          text-decoration-color: var(--vt-burntOrange);
  color: white;
}
.vt-parallax-stripe.vt-full-width .vt-parallax-large a:hover, .vt-full-width.stem-parallax-stripe .vt-parallax-large a:hover {
  -webkit-text-decoration-color: white;
          text-decoration-color: white;
}
.vt-parallax-stripe.vt-full-width .vt-parallax-large h2, .vt-full-width.stem-parallax-stripe .vt-parallax-large h2 {
  font-size: 4em;
  font-family: Rubik;
}
.vt-parallax-stripe.vt-full-width .vt-parallax-large p, .vt-full-width.stem-parallax-stripe .vt-parallax-large p {
  font-size: 2em;
  font-family: Rubik;
}
.vt-parallax-stripe.vt-full-width .vt-parallax-large p:last-child, .vt-full-width.stem-parallax-stripe .vt-parallax-large p:last-child {
  margin-bottom: 0;
}
.vt-parallax-stripe.vt-full-width .vt-parallax-callout, .vt-full-width.stem-parallax-stripe .vt-parallax-callout {
  border-radius: 15px;
  box-shadow: 1px 1px 5px 0px var(--vt-hokieStone-5s);
  padding: 3rem;
  color: black;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}
.vt-parallax-stripe.vt-full-width .vt-parallax-callout .vt-ctaLink, .vt-full-width.stem-parallax-stripe .vt-parallax-callout .vt-ctaLink {
  border-radius: 5px;
  font-family: inherit !important;
}
.vt-parallax-stripe.vt-full-width .vt-parallax-callout figure, .vt-full-width.stem-parallax-stripe .vt-parallax-callout figure {
  border-radius: 15px;
}
.vt-parallax-stripe.vt-full-width .vt-parallax-callout p, .vt-full-width.stem-parallax-stripe .vt-parallax-callout p {
  letter-spacing: 1px;
  font-family: inherit;
}
.vt-parallax-stripe.vt-full-width .vt-parallax-callout h2, .vt-full-width.stem-parallax-stripe .vt-parallax-callout h2, .vt-parallax-stripe.vt-full-width .vt-parallax-callout h3, .vt-full-width.stem-parallax-stripe .vt-parallax-callout h3, .vt-parallax-stripe.vt-full-width .vt-parallax-callout h4, .vt-full-width.stem-parallax-stripe .vt-parallax-callout h4, .vt-parallax-stripe.vt-full-width .vt-parallax-callout h5, .vt-full-width.stem-parallax-stripe .vt-parallax-callout h5, .vt-parallax-stripe.vt-full-width .vt-parallax-callout h6, .vt-full-width.stem-parallax-stripe .vt-parallax-callout h6 {
  font-family: inherit;
}
.vt-parallax-stripe.vt-full-width .vt-parallax-align-left, .vt-full-width.stem-parallax-stripe .vt-parallax-align-left {
  max-width: 992px;
}
.vt-parallax-stripe.vt-full-width .vt-parallax-align-right, .vt-full-width.stem-parallax-stripe .vt-parallax-align-right {
  max-width: 992px;
  justify-self: end;
}
.vt-parallax-stripe.vt-full-width .vt-parallax-align-center, .vt-full-width.stem-parallax-stripe .vt-parallax-align-center {
  max-width: 992px;
  justify-self: center;
}

.vt-parallax-stripe.vt-full-width::before, .vt-full-width.stem-parallax-stripe::before, .aem-AuthorLayer-Edit .vt-parallax-stripe.vt-full-width > :first-child, .aem-AuthorLayer-Edit .vt-full-width.stem-parallax-stripe > :first-child {
  background: var(--vt-parallax-backdrop);
}

.aem-AuthorLayer-Edit .vt-parallax-stripe.vt-full-width, .aem-AuthorLayer-Edit .vt-full-width.stem-parallax-stripe {
  background-attachment: unset;
}
.aem-AuthorLayer-Edit .vt-parallax-stripe.vt-full-width::before, .aem-AuthorLayer-Edit .vt-full-width.stem-parallax-stripe::before {
  content: none;
}
.aem-AuthorLayer-Edit .vt-parallax-stripe.vt-full-width .vt-parallax-img, .aem-AuthorLayer-Edit .vt-full-width.stem-parallax-stripe .vt-parallax-img {
  display: initial;
}

.vt-parallax-stripe.vt-full-width > .vt-vtcontainer-content:has(.vt-parallax-callout), .vt-full-width.stem-parallax-stripe > .vt-vtcontainer-content:has(.vt-parallax-callout) {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .vt-parallax-stripe.vt-full-width > .vt-vtcontainer-content:has(.vt-parallax-callout), .vt-full-width.stem-parallax-stripe > .vt-vtcontainer-content:has(.vt-parallax-callout) {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (min-width: 992px) {
  .vt-parallax-stripe.vt-full-width > .vt-vtcontainer-content:has(.vt-parallax-callout), .vt-full-width.stem-parallax-stripe > .vt-vtcontainer-content:has(.vt-parallax-callout) {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media screen and (max-width: 767px) {
  .vt-parallax-stripe.vt-full-width > .vt-vtcontainer-content:has(.vt-parallax-callout) .vt-parallax-callout, .vt-full-width.stem-parallax-stripe > .vt-vtcontainer-content:has(.vt-parallax-callout) .vt-parallax-callout {
    box-shadow: unset;
    border-radius: 0;
    margin-bottom: unset;
    aspect-ratio: var(--vt-parallax-aspect-ratio);
  }
}

.vt-parallax-stripe.vt-full-width .vt-parallax-callout, .vt-full-width.stem-parallax-stripe .vt-parallax-callout {
  font-family: Rubik, "gineso-condensed" !important;
}
:is(.vt-parallax-stripe.vt-full-width .vt-parallax-callout > *, .vt-full-width.stem-parallax-stripe .vt-parallax-callout > *) {
  font-family: inherit !important;
}

/* END Parallax Stripe (latest) ^^^^^^^^^^^^ */
@property --stem-icon-books {
  syntax: "*";
  inherits: true;
  initial-value: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M575.11 443.25L461.51 19.06C458.2 6.7 445.61-3.18 430.15.96L414.7 5.1c-6.18 1.66-11.53 6.4-16.06 14.24-14.03 6.94-52.3 17.21-68 18.22-7.84-4.53-14.85-5.96-21.03-4.3l-15.46 4.14c-2.42.65-4.2 1.95-6.15 3.08V32c0-17.67-14.33-32-32-32h-64c-17.67 0-32 14.33-32 32v64h128l101.66 396.94c3.31 12.36 15.9 22.24 31.36 18.1l15.45-4.14c6.18-1.66 11.53-6.4 16.06-14.24 13.91-6.88 52.18-17.2 68-18.22 7.84 4.53 14.85 5.96 21.03 4.3l15.46-4.14c15.45-4.14 21.41-18.99 18.09-31.35zm-134.4-7.06L348.64 92.37l61.82-16.56 92.07 343.82-61.82 16.56zM0 384h128V128H0v256zM96 0H32C14.33 0 0 14.33 0 32v64h128V32c0-17.67-14.33-32-32-32zM0 480c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64H0v64zm160-96h128V128H160v256zm0 96c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64H160v64z' fill='currentColor'/%3E%3C/svg%3E");
}
@property --stem-icon-hand-holding-heart {
  syntax: "*";
  inherits: true;
  initial-value: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M275.3 250.5c7 7.4 18.4 7.4 25.5 0l108.9-114.2c31.6-33.2 29.8-88.2-5.6-118.8-30.8-26.7-76.7-21.9-104.9 7.7L288 36.9l-11.1-11.6C248.7-4.4 202.8-9.2 172 17.5c-35.3 30.6-37.2 85.6-5.6 118.8l108.9 114.2zm290 77.6c-11.8-10.7-30.2-10-42.6 0L430.3 402c-11.3 9.1-25.4 14-40 14H272c-8.8 0-16-7.2-16-16s7.2-16 16-16h78.3c15.9 0 30.7-10.9 33.3-26.6 3.3-20-12.1-37.4-31.6-37.4H192c-27 0-53.1 9.3-74.1 26.3L71.4 384H16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16h356.8c14.5 0 28.6-4.9 40-14L564 377c15.2-12.1 16.4-35.3 1.3-48.9z' fill='currentColor'/%3E%3C/svg%3E");
}
@property --stem-icon-hands-usd {
  syntax: "*";
  inherits: true;
  initial-value: url("//www.assets.cms.vt.edu/font-awesome/archives-pro/5.0.9/advanced-options/raw-svg/light/hands-usd.svg");
}
@property --stem-icon-user-robot {
  syntax: "*";
  inherits: true;
  initial-value: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M17.99986,256H48V128H17.99986A17.9784,17.9784,0,0,0,0,146v92A17.97965,17.97965,0,0,0,17.99986,256Zm412-128H400V256h29.99985A17.97847,17.97847,0,0,0,448,238V146A17.97722,17.97722,0,0,0,429.99985,128ZM116,320H332a36.0356,36.0356,0,0,0,36-36V109a44.98411,44.98411,0,0,0-45-45H241.99985V18a18,18,0,1,0-36,0V64H125a44.98536,44.98536,0,0,0-45,45V284A36.03685,36.03685,0,0,0,116,320Zm188-48H272V240h32ZM288,128a32,32,0,1,1-32,32A31.99658,31.99658,0,0,1,288,128ZM208,240h32v32H208Zm-32,32H144V240h32ZM160,128a32,32,0,1,1-32,32A31.99658,31.99658,0,0,1,160,128ZM352,352H96A95.99975,95.99975,0,0,0,0,448v32a32.00033,32.00033,0,0,0,32,32h96V448a31.99908,31.99908,0,0,1,32-32H288a31.99908,31.99908,0,0,1,32,32v64h96a32.00033,32.00033,0,0,0,32-32V448A95.99975,95.99975,0,0,0,352,352ZM176,448a15.99954,15.99954,0,0,0-16,16v48h32V464A15.99954,15.99954,0,0,0,176,448Zm96,0a16,16,0,1,0,16,16A15.99954,15.99954,0,0,0,272,448Z' fill='currentColor'/%3E%3C/svg%3E");
}
@property --stem-icon {
  syntax: "*";
  inherits: true;
  initial-value: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M80 259.8L289.2 345.9C299 349.9 309.4 352 320 352C330.6 352 341 349.9 350.8 345.9L593.2 246.1C602.2 242.4 608 233.7 608 224C608 214.3 602.2 205.6 593.2 201.9L350.8 102.1C341 98.1 330.6 96 320 96C309.4 96 299 98.1 289.2 102.1L46.8 201.9C37.8 205.6 32 214.3 32 224L32 520C32 533.3 42.7 544 56 544C69.3 544 80 533.3 80 520L80 259.8zM128 331.5L128 448C128 501 214 544 320 544C426 544 512 501 512 448L512 331.4L369.1 390.3C353.5 396.7 336.9 400 320 400C303.1 400 286.5 396.7 270.9 390.3L128 331.4z' fill='currentColor'/%3E%3C/svg%3E");
}
@property --stem-icon-2 {
  syntax: "*";
  inherits: true;
  initial-value: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M192 448C245 448 288 491 288 544C288 561.7 273.7 576 256 576L32 576C14.3 576 0 561.7 0 544C0 491 43 448 96 448L192 448zM544 96C579.3 96 608 124.7 608 160L608 448C608 481.1 582.8 508.4 550.5 511.7L544 512L332.9 512C327.8 487.8 316.6 465.9 300.8 448L352 448L352 416C352 398.3 366.3 384 384 384L480 384C497.7 384 512 398.3 512 416L512 448L544 448L544 160L192 160L192 217.3C177.2 211.3 161 208 144 208C138.6 208 133.2 208.3 128 209L128 160C128 124.7 156.7 96 192 96L544 96zM144 416C99.8 416 64 380.2 64 336C64 291.8 99.8 256 144 256C188.2 256 224 291.8 224 336C224 380.2 188.2 416 144 416z' fill='currentColor'/%3E%3C/svg%3E");
}
@property --stem-icon-3 {
  syntax: "*";
  inherits: true;
  initial-value: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M192 144C222.9 144 248 118.9 248 88C248 57.1 222.9 32 192 32C161.1 32 136 57.1 136 88C136 118.9 161.1 144 192 144zM176 576L176 416C176 407.2 183.2 400 192 400C200.8 400 208 407.2 208 416L208 576C208 593.7 222.3 608 240 608C257.7 608 272 593.7 272 576L272 240L400 240C417.7 240 432 225.7 432 208C432 190.3 417.7 176 400 176L384 176L384 128L576 128L576 320L384 320L384 288L320 288L320 336C320 362.5 341.5 384 368 384L592 384C618.5 384 640 362.5 640 336L640 112C640 85.5 618.5 64 592 64L368 64C341.5 64 320 85.5 320 112L320 176L197.3 176C151.7 176 108.8 197.6 81.7 234.2L14.3 324.9C3.8 339.1 6.7 359.1 20.9 369.7C35.1 380.3 55.1 377.3 65.7 363.1L112 300.7L112 576C112 593.7 126.3 608 144 608C161.7 608 176 593.7 176 576z' fill='currentColor'/%3E%3C/svg%3E");
}
@property --stem-icon-4 {
  syntax: "*";
  inherits: true;
  initial-value: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M334.3 51.4C325.3 46.9 314.7 46.9 305.7 51.4L49.7 179.4C33.9 187.3 27.5 206.5 35.4 222.3C43.3 238.1 62.5 244.5 78.3 236.6L320 115.8L561.7 236.6C577.5 244.5 596.7 238.1 604.6 222.3C612.5 206.5 606.1 187.3 590.3 179.4L334.3 51.4zM320 336C350.9 336 376 310.9 376 280C376 249.1 350.9 224 320 224C289.1 224 264 249.1 264 280C264 310.9 289.1 336 320 336zM320 384C267 384 224 427 224 480L224 512C224 529.7 238.3 544 256 544L384 544C401.7 544 416 529.7 416 512L416 480C416 427 373 384 320 384zM192 320C192 293.5 170.5 272 144 272C117.5 272 96 293.5 96 320C96 346.5 117.5 368 144 368C170.5 368 192 346.5 192 320zM544 320C544 293.5 522.5 272 496 272C469.5 272 448 293.5 448 320C448 346.5 469.5 368 496 368C522.5 368 544 346.5 544 320zM144 400C99.8 400 64 435.8 64 480L64 513.1C64 530.1 77.8 544 94.9 544L182.7 544C178.4 534.2 176 523.4 176 512L176 464C176 445.6 179.5 428 185.8 411.8C173.6 404.3 159.3 400 144 400zM457.4 544L545.2 544C562.2 544 576.1 530.2 576.1 513.1L576.1 480C576.1 435.8 540.3 400 496.1 400C480.8 400 466.5 404.3 454.3 411.8C460.6 428 464.1 445.6 464.1 464L464.1 512C464.1 523.4 461.7 534.2 457.4 544z' fill='currentColor'/%3E%3C/svg%3E");
}
@property --stem-icon-color {
  syntax: "*";
  inherits: true;
  initial-value: #000000;
}
@property --stem-link-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --stem-link-color {
  syntax: "<color>";
  inherits: true;
  initial-value: white;
}
@property --stem-link-border {
  syntax: "<color>";
  inherits: true;
  initial-value: black;
}
@property --stem-link-hover-color {
  syntax: "<color>";
  inherits: true;
  initial-value: white;
}
@property --stem-link-hover-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #CA4F00;
}
@property --stem-link-hover-border {
  syntax: "<color>";
  inherits: true;
  initial-value: white;
}
@property --stem-list-marker {
  syntax: "*";
  inherits: true;
  initial-value: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z'/%3E%3C/svg%3E");
}
@property --stem-list-marker-color {
  syntax: "*";
  inherits: true;
  initial-value: #861F41;
}
@property --stem-marker-color {
  syntax: "*";
  inherits: true;
  initial-value: #861F41;
}
@property --stem-parallax-bg {
  syntax: "*";
  inherits: true;
  initial-value: linear-gradient(to right, black, transparent);
}
@property --stem-quote-icon {
  syntax: "*";
  inherits: true;
  initial-value: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M96 280C96 213.7 149.7 160 216 160L224 160C241.7 160 256 174.3 256 192C256 209.7 241.7 224 224 224L216 224C185.1 224 160 249.1 160 280L160 288L224 288C259.3 288 288 316.7 288 352L288 416C288 451.3 259.3 480 224 480L160 480C124.7 480 96 451.3 96 416L96 280zM352 280C352 213.7 405.7 160 472 160L480 160C497.7 160 512 174.3 512 192C512 209.7 497.7 224 480 224L472 224C441.1 224 416 249.1 416 280L416 288L480 288C515.3 288 544 316.7 544 352L544 416C544 451.3 515.3 480 480 480L416 480C380.7 480 352 451.3 352 416L352 280z' fill='currentColor'/%3E%3C/svg%3E");
}
@property --stem-widget-outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: black;
}
@property --vt-stripe-overlap {
  syntax: "*";
  inherits: true;
  initial-value: 150px;
}
@property --vt-modal-footerFont {
  syntax: "*";
  inherits: true;
  initial-value: "rubik";
}
@property --vt-modal-footerContent {
  syntax: "<string> | <url>";
  inherits: true;
  initial-value: "Virginia Tech®";
}
.stem-nav {
  display: block;
}
@media screen and (min-width: 992px) {
  .stem-nav {
    flex: auto;
    justify-items: right;
    margin-right: 1rem;
  }
}
.stem-nav .vt-rawhtml {
  margin-bottom: 0;
}

.stem-nav-menu {
  display: flex;
  flex-wrap: wrap;
  padding: 0 1rem;
  margin-bottom: 1rem;
  gap: 0.5rem 1rem;
  justify-content: space-around;
  list-style-type: none;
}
@media screen and (min-width: 992px) {
  .stem-nav-menu {
    padding: 0;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .stem-nav-menu {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
}

.stem-nav-heading {
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}
.stem-nav-heading:hover {
  color: var(--vt-maroon);
}
.stem-nav-heading:focus {
  outline: black 2px dashed;
  outline-offset: 3px;
}

.stem-nav-button {
  margin: 0;
  padding: 0.25rem 1rem;
  background: var(--vt-burntOrangeWeb);
  color: white !important;
  border-radius: 7px;
  border: 0;
  text-transform: uppercase;
  font-family: "rubik";
  background-image: linear-gradient(to bottom right, var(--vt-burntOrangeWeb), var(--vt-burntOrangeWeb), var(--vt-burntOrangeWeb), var(--vt-burntOrange));
}
.stem-nav-button:hover {
  color: white !important;
  background: var(--vt-burntOrange);
}

@media screen and (min-width: 992px) {
  .header:has(.stem-nav) .vt-logo {
    max-width: 225px !important;
  }
}

.header:has(.stem-nav) .vt-nav-toggle,
.header:has(.stem-nav) .vt-search-toggle,
.header:has(.stem-nav) .vt-nav-toggleLabel,
.header:has(.stem-nav) .vt-search-toggleLabel {
  color: var(--vt-teal);
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .header:has(.stem-nav) .vt-nav-toggleLabel,
.header:has(.stem-nav) .vt-search-toggleLabel {
    display: none;
  }
}

@media screen and (max-width: 1399px) {
  .header:has(.stem-nav) .stem-nav ~ #vt_nav,
.header:has(.stem-nav) .stem-nav ~ #vt_header_search {
    flex: 0;
    margin: 0 1rem;
  }
}

.stem-pink {
  --stem-icon-color: var(--vt-pink);
}

.stem-teal {
  --stem-icon-color: var(--vt-teal);
}

.stem-purple {
  --stem-icon-color: var(--vt-purple);
}

.stem-orange {
  --stem-icon-color: var(--vt-burntOrangeWeb);
}

.stem-maroon {
  --stem-icon-color: var(--vt-maroon);
}

.aem-AuthorLayer-Edit .stem-hero .stem-content {
  background-image: var(--vt-parallax-backdrop);
}

.stem-general .vt-page-path {
  display: none;
}
.stem-general .vt-page-info {
  display: none;
}
.stem-general .vt-one-content-area {
  top: 0;
}
.stem-general .vt-subnav {
  display: none;
}
.stem-general .vt-articleImage {
  display: none;
}
.stem-general .vt-bodycol-content > .vtcontainer:first-child:has(> .vt-parallax-stripe, > .stem-parallax-stripe) {
  margin-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .stem-general .vt-one-content-area {
    top: -3em;
  }
}

.stem-home #vt_no_rb {
  margin-top: 0;
}
.stem-home .vt-page-path {
  display: none;
}
.stem-home .vt-bodycol-content > .vtcontainer:first-child:has(> .vt-parallax-stripe, > .stem-parallax-stripe) {
  margin-top: 0 !important;
}

.stem-no-page-path .vt-page-path {
  display: none;
}

.stem-no-top-margin.home-page #vt_no_rb {
  margin-top: 0;
}
.stem-no-top-margin .vt-bodycol-content > .vtcontainer:not(:has(> .vt-vtcontainer)) {
  margin: 0;
}

.stem-link-wrapper {
  margin-bottom: 0;
}
.stem-link-wrapper.vt-multicolumn {
  margin-bottom: 0;
}
.stem-link-wrapper.vt-multicolumn .vt-col {
  margin-bottom: 0;
}

.stem-marker-checkmark ul {
  padding-left: 1rem;
}
.stem-marker-checkmark ul > li {
  list-style-type: none;
}
.stem-marker-checkmark ul > li::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  top: 4px;
  position: relative;
  content: "";
  -webkit-mask: var(--stem-list-marker);
  -webkit-mask-size: cover;
  -webkit-mask: var(--stem-list-marker);
          mask: var(--stem-list-marker);
  mask-size: cover;
  background-color: var(--stem-list-marker-color);
}
.stem-marker-checkmark.orange {
  --stem-list-marker-color: var(--vt-impactOrange);
}
.stem-marker-checkmark.white {
  --stem-list-marker-color: white;
}

.stem-heading {
  margin-bottom: 20px;
}
.stem-heading h2, .stem-heading h3, .stem-heading h4, .stem-heading h5, .stem-heading h6 {
  margin-bottom: 0;
}
.stem-heading.maroon {
  color: var(--vt-maroon);
}
.stem-heading.blue {
  color: var(--vt-blue);
}
.stem-heading.white {
  color: white;
}
.stem-heading.gray {
  color: var(--vt-hokieStone-7t);
}
.stem-heading.underline::after {
  content: "";
  border-bottom: 5px solid var(--vt-burntOrange);
  display: block;
  width: 100px;
}
.stem-heading.underline.centered::after {
  align-self: center;
  justify-self: center;
}
.stem-heading.xxl, .stem-heading.xl, .stem-heading.lg {
  text-transform: uppercase;
  font-weight: 600;
}
.stem-heading.lg h2 {
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  .stem-heading.lg h2 {
    font-size: 2.5em !important;
  }
}
.stem-heading.xl h2 {
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  .stem-heading.xl h2 {
    font-size: 2.5em !important;
  }
}
@media screen and (min-width: 1600px) {
  .stem-heading.xl h2 {
    font-size: 3em !important;
  }
}
.stem-heading.xxl h2 {
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  .stem-heading.xxl h2 {
    font-size: 2.667em !important;
  }
}
@media screen and (min-width: 1600px) {
  .stem-heading.xxl h2 {
    font-size: 4em !important;
  }
}

.vt-bodycol-content > .vtcontainer:not(:has(> .vt-vtcontainer)) {
  margin: 0;
}

.vt-page-path {
  transition: all 0.2s ease-out;
}

.stem-bg-white.general-page main {
  background-color: white;
}

@media screen and (min-width: 992px) {
  .hide-col-6 > .vt-num-col-6 > div {
    flex: 1;
    max-width: unset;
  }
  .hide-col-6 > .vt-num-col-6 > div:nth-child(6) {
    display: none;
  }
}

footer .stem-footer {
  padding: 1rem;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  footer .stem-footer {
    padding: 0;
  }
}
footer .footer-content:has(.stem-footer) {
  padding: 1rem 5% 1rem 5%;
  background-color: white;
}

footer .stem-footer .stem-footer-wrapper {
  margin-bottom: 0;
}
footer .stem-footer .stem-footer-wrapper > .vt-num-col-2 {
  align-items: center;
}
footer .stem-footer .stem-footer-wrapper > .vt-num-col-2 > div > .vt-col {
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  footer .stem-footer .stem-footer-wrapper > .vt-num-col-2 {
    flex-direction: column;
  }
  footer .stem-footer .stem-footer-wrapper > .vt-num-col-2 > div {
    flex: unset;
    max-width: unset;
    padding: unset;
  }
}

footer .stem-footer .stem-footer-content {
  margin-bottom: 0;
}
footer .stem-footer .stem-footer-content > .vt-vtcontainer-content {
  display: flex;
  justify-content: space-between;
}
footer .stem-footer .stem-footer-content .stem-heading h2, footer .stem-footer .stem-footer-content .stem-heading h3, footer .stem-footer .stem-footer-content .stem-heading h4, footer .stem-footer .stem-footer-content .stem-heading h5, footer .stem-footer .stem-footer-content .stem-heading h6 {
  margin-bottom: 15px;
  font-size: 1em;
}

footer .stem-footer .stem-footer-list ul {
  padding-left: 0;
  list-style-type: none;
}
footer .stem-footer .stem-footer-list ul li {
  text-transform: capitalize;
}
footer .stem-footer .stem-footer-list ul li a {
  color: var(--vt-teal) !important;
}

footer .stem-footer .stem-col {
  margin-bottom: 0;
}

footer .stem-footer .stem-footer-logo-content {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  footer .stem-footer .stem-footer-logo-content {
    margin-bottom: 0;
  }
}

footer .stem-footer .stem-lockup.vt-multicolumn > .vt-num-col-2 {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
@media screen and (min-width: 768px) {
  footer .stem-footer .stem-lockup.vt-multicolumn > .vt-num-col-2 {
    grid-template-columns: auto 1fr;
    -moz-column-gap: unset;
         column-gap: unset;
  }
}
footer .stem-footer .stem-lockup.vt-multicolumn > .vt-num-col-2 > div {
  max-width: unset !important;
  align-content: center;
}
@media screen and (min-width: 768px) {
  footer .stem-footer .stem-lockup.vt-multicolumn > .vt-num-col-2 > div:first-child {
    max-width: 268px !important;
    border-right: 3px solid var(--vt-burntOrangeWeb);
  }
}
footer .stem-footer .stem-lockup.vt-multicolumn .vt-col {
  margin-bottom: 0;
}
footer .stem-footer .stem-lockup.vt-multicolumn .stem-lockup-text {
  color: #861f41;
  font-family: gineso-condensed, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  font-size: 1.5em;
  max-width: 300px;
  margin-bottom: 0 !important;
}
@media screen and (min-width: 820px) {
  footer .stem-footer .stem-lockup.vt-multicolumn .stem-lockup-text {
    font-size: 1.5em;
  }
}
footer .stem-footer .stem-lockup.vt-multicolumn .stem-lockup-text p {
  margin-bottom: 0;
}
footer .stem-footer .stem-lockup.vt-multicolumn .stem-lockup-link {
  color: var(--vt-maroon) !important;
}

footer .stem-footer h2, footer .stem-footer h3, footer .stem-footer h4, footer .stem-footer h5, footer .stem-footer h6 {
  text-transform: capitalize;
}

footer .stem-footer .vt-text {
  margin-bottom: 0;
}
footer .stem-footer .vt-text ul {
  margin-bottom: 0;
}

footer .stem-footer .vt-social-follow-heading {
  margin-bottom: 0;
  border: 0;
  color: var(--vt-teal);
}
footer .stem-footer .vt-social-follow-heading h2, footer .stem-footer .vt-social-follow-heading h3, footer .stem-footer .vt-social-follow-heading h4, footer .stem-footer .vt-social-follow-heading h5, footer .stem-footer .vt-social-follow-heading h6 {
  margin-bottom: 0;
}
footer .stem-footer .vt-social-follow-heading h3 {
  text-transform: uppercase;
  font-weight: 800;
  color: var(--vt-pink);
  font-size: 2em;
}

footer .stem-footer .vt-social-follow-icons {
  justify-content: end;
  padding: 0;
  font-size: 2em;
}
footer .stem-footer .vt-social-follow-icons .vt-social-follow-link {
  color: var(--vt-teal) !important;
}
footer .stem-footer .vt-social-follow-icons .vt-social-follow-link:hover {
  color: var(--vt-pink) !important;
}

footer .stem-footer .vt-rawhtml:has(> .vt-social-follow-icons) {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 0;
  padding-top: 2rem;
}

footer .stem-footer :focus {
  outline-color: black;
}

.stem-region-stripe > .vt-vtcontainer-content .stem-content .vt-num-col-2 {
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .stem-region-stripe > .vt-vtcontainer-content .stem-content .vt-num-col-2 {
    flex-direction: row;
  }
}
.stem-region-stripe > .vt-vtcontainer-content .stem-content .vt-num-col-2 > div {
  max-width: unset;
}
@media screen and (min-width: 992px) {
  .stem-region-stripe > .vt-vtcontainer-content .stem-content .vt-num-col-2 > div {
    flex: 1;
  }
  .stem-region-stripe > .vt-vtcontainer-content .stem-content .vt-num-col-2 > div:first-child {
    margin-right: -150px;
    margin-left: 2rem;
    z-index: 999;
    align-content: center;
  }
}
.stem-region-stripe .stem-text-wrapper {
  background: var(--vt-smoke);
  background-color: white;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .stem-region-stripe .stem-text-wrapper {
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 0 10px var(--vt-hokieStone);
  }
}
.stem-region-stripe p, .stem-region-stripe a, .stem-region-stripe ul {
  margin-bottom: 0;
  font-family: Acherus, sans-serif;
}
.stem-region-stripe .text:has(> .stem-heading) {
  margin-bottom: 2rem;
}
.stem-region-stripe .stem-subheading {
  text-transform: uppercase;
  color: var(--vt-burntOrange);
  font-family: "rubik";
  margin-bottom: 1rem;
}
.stem-region-stripe .stem-subheading h3 {
  font-weight: 800;
}
.stem-region-stripe .vt-image {
  border-radius: 0;
}
.stem-region-stripe.vt-full-width {
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: unset;
}
@media screen and (min-width: 992px) {
  .stem-region-stripe.vt-full-width {
    padding-right: 0;
    padding-left: 10%;
  }
}

.stem-voices {
  margin-bottom: 0;
}
.stem-voices > .vt-vtcontainer-content > .text:has(> .stem-heading) {
  margin-bottom: 3rem;
}
.stem-voices .stem-quote {
  border-radius: 15px;
  padding: 4rem;
  margin-bottom: 0;
  box-shadow: 0 0 10px var(--vt-smoke-2s);
  border: 6px solid var(--vt-maroon-4t);
  background-color: var(--vt-impactOrange-6t);
  background-image: linear-gradient(28deg, var(--vt-pink-7t), transparent);
  border-color: var(--vt-sunset-1t);
}
.stem-voices .stem-quote > .vt-vtcontainer-content::before {
  content: "";
  background-image: var(--stem-quote-icon);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-repeat: no-repeat;
  opacity: 10%;
  background-position: 0px -10px;
  background-size: 100px auto;
}
.stem-voices .stem-quote .vt-text {
  margin-bottom: 0;
}
.stem-voices .stem-quote .vt-text p:last-child {
  margin-bottom: 0;
}
.stem-voices.vt-full-width {
  padding-right: 5%;
  padding-left: 5%;
}
@media screen and (min-width: 992px) {
  .stem-voices.vt-full-width {
    padding-right: 10%;
    padding-left: 10%;
  }
}

.stem-success {
  background-color: white;
}
.stem-success .stem-col-banner > [class*=vt-num-col] {
  align-items: center;
  justify-content: center;
}
.stem-success .stem-col-banner > [class*=vt-num-col] > :first-child {
  flex: auto;
}
@media screen and (min-width: 1200px) {
  .stem-success .stem-col-banner > [class*=vt-num-col] > :first-child {
    flex: 1;
  }
}
@media screen and (min-width: 1200px) {
  .stem-success .stem-col-banner > [class*=vt-num-col] > :last-child {
    flex: 1;
  }
}
.stem-success .stem-col-banner > [class*=vt-num-col] > div {
  max-width: unset;
}
.stem-success .stem-col-banner > [class*=vt-num-col] > div .vt-col {
  margin-bottom: 0;
}
.stem-success .stem-col-banner > [class*=vt-num-col] > div p {
  margin-bottom: 0;
}
.stem-success .stem-col {
  color: white;
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0 0 10px var(--vt-smoke-2s);
  background-color: var(--vt-maroon);
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.2), transparent, rgba(255, 255, 255, 0.2));
}
.stem-success .stem-col p:last-child {
  margin-bottom: 0;
}
.stem-success .stem-success-image:not(.aem-AuthorLayer-Edit div) {
  -webkit-clip-path: circle(40%);
          clip-path: circle(40%);
  float: left;
}
@media screen and (min-width: 768px) {
  .stem-success .stem-content > [class*=vt-num-col] > div > .vt-col {
    height: 100%;
  }
  .stem-success .stem-content > [class*=vt-num-col] > div > .vt-col > .vtcontainer {
    height: inherit;
  }
  .stem-success .stem-content > [class*=vt-num-col] > div > .vt-col > .vtcontainer > .vt-vtcontainer {
    height: inherit;
  }
}
.stem-success.vt-full-width {
  padding: 3rem 5%;
}
@media screen and (min-width: 992px) {
  .stem-success.vt-full-width {
    padding-right: 10%;
    padding-left: 10%;
  }
}

.stem-pathways {
  background-color: white;
  margin-bottom: 0;
}
.stem-pathways > .vt-vtcontainer-content {
  padding-top: 1em;
  padding-bottom: 1em;
}
.stem-pathways > .vt-vtcontainer-content .stem-content > [class*=vt-num-col] > div > .vt-col {
  height: 100%;
}
.stem-pathways > .vt-vtcontainer-content .stem-content > [class*=vt-num-col] > div > .vt-col > .vtcontainer {
  height: inherit;
}
.stem-pathways > .vt-vtcontainer-content > .text:has(> .stem-heading) {
  margin-bottom: 3rem;
}
.stem-pathways :has(> .stem-pathways-image) {
  transition: height 0.3s ease-out;
  flex: 0;
}
.stem-pathways :has(> .stem-text) {
  flex: auto;
  align-content: center;
  padding: 2rem 1rem;
}
@media screen and (min-width: 768px) {
  .stem-pathways :has(> .stem-text) {
    padding: 1rem;
  }
}

.stem-pathways .stem-pathways-image {
  border-radius: 10px 10px 0 0;
}
@media screen and (min-width: 768px) {
  .stem-pathways .stem-pathways-image {
    height: inherit;
  }
}

.stem-pathways .stem-text {
  position: static;
  margin-bottom: 0;
}
.stem-pathways .stem-text p {
  transition: all 0.4s ease-out;
  margin-bottom: 0;
}

.stem-pathways .stem-col {
  border-radius: 10px;
  box-shadow: 0 0 10px var(--vt-hokieStone);
  background-color: white;
  color: black;
}
@media screen and (min-width: 768px) {
  .stem-pathways .stem-col {
    margin-bottom: 0;
    height: inherit;
  }
  .stem-pathways .stem-col > .vt-vtcontainer-content {
    display: flex;
    flex-direction: column;
    justify-content: start;
    height: inherit;
  }
  .stem-pathways .stem-col:has(> .vt-vtcontainer-content)::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
  }
  .stem-pathways .stem-col > .vt-vtcontainer-content :has(> .stem-pathways-image) {
    height: 100%;
    height: 0%;
  }
  .stem-pathways .active.stem-col > .vt-vtcontainer-content :has(> .stem-pathways-image) {
    height: 0;
    height: 100%;
  }
}

@media screen and (min-width: 768px) {
  .stem-pathways .stem-content > [class*=vt-num-col] {
    row-gap: 1rem;
    aspect-ratio: 3/1;
  }
}

.stem-pathways.vt-full-width {
  padding-right: 5%;
  padding-left: 5%;
}
@media screen and (min-width: 992px) {
  .stem-pathways.vt-full-width {
    padding-right: 10%;
    padding-left: 10%;
  }
}

.stem-pathways .stem-col.purple {
  color: white;
  background-color: var(--vt-purple);
  background-image: linear-gradient(to top right, var(--vt-purple-4s), transparent, transparent);
}
.stem-pathways .stem-col.purple .expandLink a {
  color: white;
}
.stem-pathways .stem-col.pink {
  color: white;
  background-color: var(--vt-pink);
  background-image: linear-gradient(to top right, var(--vt-pink), transparent, transparent);
}
.stem-pathways .stem-col.pink .expandLink a {
  color: white;
}
.stem-pathways .stem-col.teal {
  color: white;
  background-color: var(--vt-teal);
  background-image: linear-gradient(to top right, var(--vt-teal), transparent, transparent);
}
.stem-pathways .stem-col.teal .expandLink a {
  color: white;
}
.stem-pathways .stem-col.orange {
  color: white;
  background-color: var(--vt-burntOrangeWeb);
  background-image: linear-gradient(to top right, var(--vt-burntOrangeWeb), transparent, transparent);
}
.stem-pathways .stem-col.orange .expandLink a {
  color: white;
}
.stem-pathways .stem-col.yellow {
  color: black;
  background-color: var(--vt-yellow);
  background-image: linear-gradient(to top right, var(--vt-yellow), transparent, transparent);
}
.stem-pathways .stem-col.yellow .expandLink a {
  color: black;
}

.stem-pathways .expandLink {
  position: static;
}
.stem-pathways .expandLink a {
  position: static;
}
.stem-pathways .expandLink a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
  top: 0;
  left: 0;
}
.stem-pathways .expandLink a:focus {
  outline: none;
}
.stem-pathways .expandLink a:focus::before {
  outline: 3px dashed var(--vt-turquoise);
  outline-offset: 3px;
  border-radius: 10px;
}

.vt-parallax-stripe:has(.stem-pathways-b), .stem-parallax-stripe:has(.stem-pathways-b) {
  --vt-parallax-backdrop: transparent;
  transition: background-image 0.75s ease-in;
  transition-delay: 250ms;
}
.vt-parallax-stripe:has(.stem-pathways-b)[data-bgimg], .stem-parallax-stripe:has(.stem-pathways-b)[data-bgimg] {
  background-image: var(--stem-parallax-bg) !important;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b {
  margin-bottom: unset;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b p, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b p {
  margin-bottom: 0;
}
.vt-parallax-stripe:has(.stem-pathways-b) .vt-full-width.stem-pathways-b, .stem-parallax-stripe:has(.stem-pathways-b) .vt-full-width.stem-pathways-b {
  padding: 3rem 5%;
}
@media screen and (min-width: 992px) {
  .vt-parallax-stripe:has(.stem-pathways-b) .vt-full-width.stem-pathways-b, .stem-parallax-stripe:has(.stem-pathways-b) .vt-full-width.stem-pathways-b {
    padding: 3rem 10%;
  }
}

.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col {
  height: inherit;
  margin-bottom: unset;
  border-radius: 25px;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  border: 2px solid white;
  background-color: rgba(0, 0, 0, 0.56);
  color: white;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.active, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.active {
  background-color: var(--stem-link-hover-bg);
  transition: background-color 0.3s ease-in;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col > .vt-vtcontainer-content, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col > .vt-vtcontainer-content {
  height: inherit;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col > .vt-vtcontainer-content :has(> .stem-pathways-image), .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col > .vt-vtcontainer-content :has(> .stem-pathways-image) {
  display: none;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col > .vt-vtcontainer-content :has(> .stem-text-wrapper), .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col > .vt-vtcontainer-content :has(> .stem-text-wrapper) {
  position: static;
  height: inherit;
  padding: 2rem 1rem;
}

.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-text-wrapper, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-text-wrapper {
  margin-bottom: 0;
  position: static;
  height: inherit;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-text-wrapper > .vt-vtcontainer-content, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-text-wrapper > .vt-vtcontainer-content {
  height: inherit;
  display: flex;
  flex-direction: column;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-text-wrapper > .vt-vtcontainer-content > :last-child, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-text-wrapper > .vt-vtcontainer-content > :last-child {
  flex: auto;
  align-content: end;
}

.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-heading, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-heading {
  font-weight: 100;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-heading h2, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-heading h2, .vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-heading h3, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-heading h3, .vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-heading h4, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-heading h4, .vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-heading h5, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-heading h5, .vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-heading h6, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-heading h6 {
  font-weight: inherit;
}

.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b > .vt-vtcontainer-content .stem-content, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b > .vt-vtcontainer-content .stem-content {
  margin-bottom: unset;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b > .vt-vtcontainer-content .stem-content > [class*=vt-num-col], .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b > .vt-vtcontainer-content .stem-content > [class*=vt-num-col] {
  gap: 1rem;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b > .vt-vtcontainer-content .stem-content > [class*=vt-num-col] > div > .vt-col, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b > .vt-vtcontainer-content .stem-content > [class*=vt-num-col] > div > .vt-col {
  height: 100%;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b > .vt-vtcontainer-content .stem-content > [class*=vt-num-col] > div > .vt-col > .vtcontainer, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b > .vt-vtcontainer-content .stem-content > [class*=vt-num-col] > div > .vt-col > .vtcontainer {
  height: inherit;
}
@media screen and (min-width: 768px) {
  .vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b > .vt-vtcontainer-content .stem-content > [class*=vt-num-col], .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b > .vt-vtcontainer-content .stem-content > [class*=vt-num-col] {
    gap: unset;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b > .vt-vtcontainer-content .stem-content > [class*=vt-num-col] > :first-child, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b > .vt-vtcontainer-content .stem-content > [class*=vt-num-col] > :first-child, .vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b > .vt-vtcontainer-content .stem-content > [class*=vt-num-col] > :nth-child(2), .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b > .vt-vtcontainer-content .stem-content > [class*=vt-num-col] > :nth-child(2) {
    padding-bottom: 1rem;
  }
}

.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-text p, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-text p {
  font-weight: 100;
  font-family: "rubik";
}

.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .expandLink, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .expandLink {
  position: static;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .expandLink a, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .expandLink a {
  position: static;
  color: white;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .expandLink a::before, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .expandLink a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
  top: 0;
  left: 0;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .expandLink a:focus, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .expandLink a:focus {
  outline: none;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .expandLink a:focus::before, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .expandLink a:focus::before {
  outline: 3px dashed var(--vt-turquoise);
  outline-offset: 3px;
  border-radius: 25px;
}

.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.purple, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.purple {
  --stem-link-hover-bg: var(--vt-purple);
  border-color: var(--vt-purple);
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.pink, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.pink {
  --stem-link-hover-bg: var(--vt-pink);
  border-color: var(--vt-pink);
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.teal, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.teal {
  --stem-link-hover-bg: var(--vt-teal);
  border-color: var(--vt-teal);
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.orange, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.orange {
  --stem-link-hover-bg: var(--vt-burntOrangeWeb);
  border-color: var(--vt-burntOrangeWeb);
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.yellow, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.yellow {
  border-color: var(--vt-yellow);
  --stem-link-hover-bg: var(--vt-yellow);
  --stem-link-hover-color: black;
}
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.yellow:hover .expandLink a, .stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.yellow:hover .expandLink a,
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.yellow:hover .stem-heading,
.stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.yellow:hover .stem-heading,
.vt-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.yellow:hover .stem-text p,
.stem-parallax-stripe:has(.stem-pathways-b) .stem-pathways-b .stem-col.yellow:hover .stem-text p {
  color: black;
}

.stem-news-stripe .vt-list .vt-list-item-wrapper {
  border-radius: 10px;
  background-color: var(--vt-teal-1s);
  background-image: linear-gradient(to top right, var(--vt-teal-3s), transparent, transparent);
}
.stem-news-stripe .vt-list .vt-list-item-wrapper .vt-list-item-title-link {
  color: white;
}
.stem-news-stripe .vt-list .vt-pagination-controls {
  border-top-color: var(--vt-teal-2s);
}
.stem-news-stripe .vt-list .vt-pagination-controls-button {
  background-color: var(--vt-teal-2s);
  border-color: var(--vt-teal-2s);
  border-radius: 10px;
  font-family: "rubik";
}
.stem-news-stripe .vt-list .vt-pagination-controls-number {
  border-radius: 10px;
  background-color: var(--vt-teal-2s);
  font-family: "rubik";
  border-color: var(--vt-teal-2s);
}
.stem-news-stripe .vt-list .vt-pagination-controls-number.current-page {
  border-color: var(--vt-teal-2s);
  color: var(--vt-teal-2s);
}
.stem-news-stripe .vt-list .vt-pagination-controls ~ .vt-tag-results-total {
  font-family: "rubik";
  color: var(--vt-teal-2s);
}
.stem-news-stripe.vt-full-width {
  padding: 3rem 5%;
}
@media screen and (min-width: 992px) {
  .stem-news-stripe.vt-full-width {
    padding-right: 10%;
    padding-left: 10%;
  }
}

.stem-news-stripe .text:has(> .stem-heading) {
  margin-bottom: 2rem;
}

.vtctalink .vt-ctaLink {
  border-radius: 10px !important;
  margin: 0;
  font-family: "rubik" !important;
}

.stem-ctalink.light, .stem-ctalink.pink, .stem-ctalink.purple, .stem-ctalink.teal, .stem-ctalink.orange, .stem-ctalink.maroon {
  color: var(--stem-link-color) !important;
  background-color: var(--stem-link-bg) !important;
  border: 2px solid var(--stem-link-border) !important;
}
.stem-ctalink.light:hover, .stem-ctalink.pink:hover, .stem-ctalink.purple:hover, .stem-ctalink.teal:hover, .stem-ctalink.orange:hover, .stem-ctalink.maroon:hover {
  color: var(--stem-link-hover-color) !important;
  background-color: var(--stem-link-hover-bg) !important;
  border-color: var(--stem-link-hover-border) !important;
}

.stem-nav-heading:not(.stem-nav-button), footer .stem-footer .stem-footer-list ul li a {
  border-bottom-color: var(--vt-maroon);
  border-bottom-style: solid;
  border-bottom-width: 0px;
  transition: border-bottom-width 0.2s ease-out;
  text-decoration: none;
  color: var(--vt-teal);
}
.stem-nav-heading:hover:not(.stem-nav-button), footer .stem-footer .stem-footer-list ul li a:hover {
  border-bottom-width: 7px;
}

.stem-ctalink.pink {
  --stem-link-bg: var(--vt-pink);
  --stem-link-border: var(--vt-pink);
  --stem-link-hover-bg: var(--vt-teal);
  --stem-link-hover-border: var(--vt-teal-2t);
}
.outline.stem-ctalink.pink {
  --stem-link-color: var(--vt-pink);
  --stem-link-bg: transparent;
  --stem-link-border: var(--vt-pink);
  --stem-link-hover-color: white;
  --stem-link-hover-bg: var(--vt-pink);
  --stem-link-hover-border: white;
}

.stem-ctalink.purple {
  --stem-link-bg: var(--vt-purple);
  --stem-link-border: var(--vt-purple);
  --stem-link-hover-bg: var(--vt-pink);
  --stem-link-hover-border: var(--vt-pink);
}

.stem-ctalink.teal {
  --stem-link-bg: var(--vt-teal);
  --stem-link-border: var(--vt-teal);
  --stem-link-hover-bg: var(--vt-pink);
  --stem-link-hover-border: var(--vt-pink);
}

.stem-ctalink.orange {
  --stem-link-bg: var(--vt-burntOrangeWeb);
  --stem-link-border: var(--vt-burntOrangeWeb);
  --stem-link-hover-bg: var(--vt-pink);
  --stem-link-hover-border: var(--vt-pink);
}

.stem-nav-heading:not(.stem-nav-button), footer .stem-footer .stem-footer-list ul li a {
  border-bottom-color: var(--vt-burntOrange);
}

.stem-hero :focus {
  outline-color: white !important;
}
@media screen and (min-width: 1200px) {
  .stem-hero .stem-subheading {
    font-size: 1.5em !important;
  }
}
@media screen and (min-width: 1600px) {
  .stem-hero .stem-subheading {
    font-size: 2em !important;
  }
}

.stem-hero .stem-content {
  color: white;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .stem-hero .stem-content {
    max-width: 70%;
  }
}

.stem-hero [class*=stem-ctalink] {
  --stem-link-hover-bg: var(--vt-pink);
  --stem-link-hover-border: white;
}

.stem-partnerships {
  background-color: white;
  padding: 2rem;
}
.stem-partnerships .stem-link-wrapper > .vt-num-col-2 {
  row-gap: 1rem;
}
.stem-partnerships .stem-link-wrapper .vtctalink {
  padding-right: 4rem;
  padding-left: 4rem;
}
.stem-partnerships .text:has(> .stem-heading) {
  margin-bottom: 2rem;
}
.stem-partnerships.vt-full-width {
  padding-right: 5%;
  padding-left: 5%;
}
@media screen and (min-width: 992px) {
  .stem-partnerships.vt-full-width {
    padding-right: 10%;
    padding-left: 10%;
  }
}

.stem-partnerships [class*=stem-ctalink] {
  --stem-link-hover-color: var(--vt-teal);
  --stem-link-hover-bg: var(--vt-smoke);
  --stem-link-hover-border: var(--vt-teal);
}

.stem-infographic-stripe {
  margin-bottom: 0;
}
.stem-infographic-stripe > .vt-vtcontainer-content > .text:has(> .stem-heading) {
  margin-bottom: 3rem;
}
.stem-infographic-stripe.vt-full-width {
  padding: 3rem 5%;
}
@media screen and (min-width: 992px) {
  .stem-infographic-stripe.vt-full-width {
    padding-right: 10%;
    padding-left: 10%;
  }
}
.stem-infographic-stripe .stem-icon-2 {
  --stem-icon: var(--stem-icon-2);
}
.stem-infographic-stripe .stem-icon-3 {
  --stem-icon: var(--stem-icon-3);
}
.stem-infographic-stripe .stem-icon-4 {
  --stem-icon: var(--stem-icon-4);
}
.stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] {
  display: grid;
  grid-template-areas: "one" "two" "three" "four";
  grid-gap: 0.5rem;
  grid-gap: 0;
}
.stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] > :first-child {
  grid-area: one;
}
.stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] > :nth-child(2) {
  grid-area: two;
}
.stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] > :nth-child(3) {
  grid-area: three;
}
.stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] > :last-child {
  grid-area: four;
}
@media screen and (min-width: 768px) {
  .stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] > div {
    max-width: unset;
    padding: unset;
    align-content: center;
  }
  .stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] > div > .vt-col {
    margin-bottom: unset;
  }
}
.stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] > div {
  padding: unset;
  max-width: unset;
  border: 0px solid var(--vt-smoke);
}
.stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] > div > .vt-col {
  height: 100%;
}
.stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] > div > .vt-col > .vtcontainer {
  height: inherit;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] {
    grid-template: "one two" "three four" auto/1fr 1fr;
  }
  .stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] > :first-child {
    border-right-width: 1px;
    border-bottom-width: 1px;
    padding-right: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] > :nth-child(2) {
    border-left-width: 1px;
    border-bottom-width: 1px;
    padding-left: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] > :nth-child(3) {
    border-right-width: 1px;
    border-top-width: 1px;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
  }
  .stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] > :last-child {
    border-left-width: 1px;
    border-top-width: 1px;
    padding-left: 0.75rem;
    padding-top: 0.75rem;
  }
}
@media screen and (min-width: 992px) {
  .stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] {
    grid-template: "one two three four" auto/1fr 1fr 1fr 1fr;
  }
  .stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] > :not(:first-child) {
    border-left-width: 2px;
    padding-left: 0.75rem;
  }
  .stem-infographic-stripe.stem-different .stem-content > [class*=vt-num-col] > :not(:last-child) {
    border-right-width: 2px;
    padding-right: 0.75rem;
  }
}
.stem-infographic-stripe.stem-different .stem-content .stem-col {
  height: inherit;
  margin-bottom: 0;
}
.stem-infographic-stripe.stem-different .stem-content .stem-col .vt-text p {
  margin-bottom: 0;
}
.stem-infographic-stripe.stem-different .stem-content .vt-heading-only:has(> .stem-heading) .stem-heading {
  color: var(--stem-icon-color);
}
.stem-infographic-stripe.stem-different .stem-content .vt-heading-only:has(> .stem-heading) .stem-heading::after {
  align-self: center;
  justify-self: center;
}
.stem-infographic-stripe.stem-different .stem-icon-2 {
  --stem-icon: var(--stem-icon-2);
}
.stem-infographic-stripe.stem-different .stem-icon-3 {
  --stem-icon: var(--stem-icon-3);
}
.stem-infographic-stripe.stem-different .stem-icon-4 {
  --stem-icon: var(--stem-icon-4);
}

.stem-infographic-stripe.stem-whatwedo .stem-content > [class*=vt-num-col] {
  display: grid;
  grid-template-areas: "one" "two" "three" "four";
  grid-gap: 0.5rem;
}
.stem-infographic-stripe.stem-whatwedo .stem-content > [class*=vt-num-col] > :first-child {
  grid-area: one;
}
.stem-infographic-stripe.stem-whatwedo .stem-content > [class*=vt-num-col] > :nth-child(2) {
  grid-area: two;
}
.stem-infographic-stripe.stem-whatwedo .stem-content > [class*=vt-num-col] > :nth-child(3) {
  grid-area: three;
}
.stem-infographic-stripe.stem-whatwedo .stem-content > [class*=vt-num-col] > :last-child {
  grid-area: four;
}
@media screen and (min-width: 768px) {
  .stem-infographic-stripe.stem-whatwedo .stem-content > [class*=vt-num-col] > div {
    max-width: unset;
    padding: unset;
    align-content: center;
  }
  .stem-infographic-stripe.stem-whatwedo .stem-content > [class*=vt-num-col] > div > .vt-col {
    margin-bottom: unset;
  }
}
@media screen and (min-width: 768px) {
  .stem-infographic-stripe.stem-whatwedo .stem-content > [class*=vt-num-col] {
    grid-template: "one two" "three four" auto/auto auto;
  }
}
@media screen and (min-width: 992px) {
  .stem-infographic-stripe.stem-whatwedo .stem-content > [class*=vt-num-col] {
    grid-template: "one two three four" auto/auto;
    grid-gap: 1rem;
  }
}
.stem-infographic-stripe.stem-whatwedo .stem-content > [class*=vt-num-col] > div {
  align-content: center;
}
.stem-infographic-stripe.stem-whatwedo .stem-content > [class*=vt-num-col] > div > .vt-col {
  height: 100%;
}
.stem-infographic-stripe.stem-whatwedo .stem-content > [class*=vt-num-col] > div > .vt-col > .vtcontainer {
  height: 100%;
}
.stem-infographic-stripe.stem-whatwedo .stem-col {
  background-color: white;
  border-radius: 15px;
  padding: 2rem;
  height: 100%;
  box-shadow: 0 0 10px var(--vt-smoke-1s);
}
.stem-infographic-stripe.stem-whatwedo .stem-col p:last-child {
  margin-bottom: 0;
}

.stem-infographic-stripe.stem-impact .stem-content > [class*=vt-num-col] {
  display: grid;
  grid-template-areas: "one" "two" "three" "four" "five" "six";
  grid-gap: 0.5rem;
}
.stem-infographic-stripe.stem-impact .stem-content > [class*=vt-num-col] > :first-child {
  grid-area: one;
}
.stem-infographic-stripe.stem-impact .stem-content > [class*=vt-num-col] > :nth-child(2) {
  grid-area: two;
}
.stem-infographic-stripe.stem-impact .stem-content > [class*=vt-num-col] > :nth-child(3) {
  grid-area: three;
}
.stem-infographic-stripe.stem-impact .stem-content > [class*=vt-num-col] > :nth-child(4) {
  grid-area: four;
}
.stem-infographic-stripe.stem-impact .stem-content > [class*=vt-num-col] > :nth-child(5) {
  grid-area: five;
}
.stem-infographic-stripe.stem-impact .stem-content > [class*=vt-num-col] > :last-child {
  grid-area: six;
}
@media screen and (min-width: 768px) {
  .stem-infographic-stripe.stem-impact .stem-content > [class*=vt-num-col] > div {
    max-width: unset;
    padding: unset;
    align-content: center;
  }
  .stem-infographic-stripe.stem-impact .stem-content > [class*=vt-num-col] > div > .vt-col {
    margin-bottom: unset;
  }
}
@media screen and (min-width: 768px) {
  .stem-infographic-stripe.stem-impact .stem-content > [class*=vt-num-col] {
    grid-template: "one two" "three four" "five five" auto/1fr 1fr;
    grid-gap: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .stem-infographic-stripe.stem-impact .stem-content > [class*=vt-num-col] {
    grid-template: "one two three" "four five six" auto/1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1600px) {
  .stem-infographic-stripe.stem-impact .stem-content > [class*=vt-num-col] {
    grid-template: "one two three four five" "six six six six six" auto/auto;
    grid-gap: 0 1rem;
  }
}
@media screen and (min-width: 768px) {
  .stem-infographic-stripe.stem-impact .stem-content > [class*=vt-num-col] > div {
    max-width: unset;
    padding: 0;
  }
  .stem-infographic-stripe.stem-impact .stem-content > [class*=vt-num-col] > div > .vt-col {
    height: 100%;
    margin-bottom: 0;
  }
  .stem-infographic-stripe.stem-impact .stem-content > [class*=vt-num-col] > div > .vt-col :has(> .stem-col) {
    height: inherit;
  }
}
.stem-infographic-stripe.stem-impact .stem-content .stem-heading {
  font-size: 3em;
  color: var(--stem-icon-color) !important;
}
.stem-infographic-stripe.stem-impact .stem-col {
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0 0 10px var(--vt-smoke-2s);
  background-color: var(--vt-white-1s);
  height: inherit;
  margin-bottom: 0;
}
.stem-infographic-stripe.stem-impact .stem-text {
  padding: 0 10%;
  margin-bottom: 0;
}
.stem-infographic-stripe.stem-impact .stem-text p:last-child {
  margin-bottom: 0;
}

.stem-infographic-stripe.stem-resources > .vt-vtcontainer-content {
  padding-right: 2rem;
  padding-left: 2rem;
}
.stem-infographic-stripe.stem-resources .stem-content :has(> .vtctalink) {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr;
  gap: 1em;
}
@media screen and (min-width: 768px) {
  .stem-infographic-stripe.stem-resources .stem-content :has(> .vtctalink) {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 992px) {
  .stem-infographic-stripe.stem-resources .stem-content :has(> .vtctalink) {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1600px) {
  .stem-infographic-stripe.stem-resources .stem-content :has(> .vtctalink) {
    grid-template-columns: repeat(7, 1fr);
  }
}
.stem-infographic-stripe.stem-resources :has(> .stem-ctalink) {
  height: 100%;
}
.stem-infographic-stripe.stem-resources .stem-ctalink {
  margin: 0;
  justify-items: center;
  text-transform: capitalize;
  background-color: white !important;
  border-color: transparent !important;
  letter-spacing: unset !important;
  font-size: 1em !important;
  width: 100% !important;
  color: var(--stem-icon-color) !important;
  box-shadow: 0 0 10px var(--vt-smoke-2s);
}
.stem-infographic-stripe.stem-resources .stem-ctalink:hover {
  text-decoration: underline !important;
  background-color: var(--stem-link-hover-bg);
}
.stem-infographic-stripe.stem-resources .stem-icon-2 {
  --stem-icon: var(--stem-icon-2);
}
.stem-infographic-stripe.stem-resources .stem-icon-3 {
  --stem-icon: var(--stem-icon-3);
}
.stem-infographic-stripe.stem-resources .stem-icon-4 {
  --stem-icon: var(--stem-icon-4);
}
.stem-infographic-stripe.stem-resources .stem-heading::after {
  align-self: center;
  justify-self: center;
}

.stem-resources {
  --stem-link-hover-bg: var(--vt-pink);
  --stem-link-hover-border: var(--vt-turquoise);
}
.stem-resources .stem-ctalink {
  display: flex;
  flex-direction: column;
}
.stem-resources .stem-ctalink > svg {
  padding: 2rem;
}

.stem-different .stem-col > :first-child {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.stem-different .stem-col > :first-child svg {
  width: 100%;
  height: 125px;
  color: var(--stem-icon-color);
  margin-bottom: 15px;
}

.stem-whatwedo .stem-col > :first-child {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.stem-whatwedo .stem-col > :first-child svg {
  width: 100%;
  height: 125px;
  color: var(--stem-icon-color);
  margin-bottom: 15px;
}

.stem-gradient-stripe {
  color: white;
  border-radius: 15px;
  align-content: center;
  background-image: linear-gradient(to right, var(--vt-purple-5s), transparent, transparent);
  margin-bottom: 0;
}
.stem-gradient-stripe :focus {
  outline-color: white;
}
@media screen and (min-width: 992px) {
  .stem-gradient-stripe > .vt-vtcontainer-content :has(> .stem-link-wrapper) {
    align-content: center;
  }
}
.stem-gradient-stripe > .vt-vtcontainer-content :has(> .stem-link-wrapper) > div {
  margin-bottom: 0;
}
.stem-gradient-stripe p:last-child {
  margin-bottom: 0;
}
.stem-gradient-stripe .text:has(> .stem-heading) {
  margin-bottom: 2rem;
}
.stem-gradient-stripe .stem-heading h2, .stem-gradient-stripe .stem-heading h3, .stem-gradient-stripe .stem-heading h4, .stem-gradient-stripe .stem-heading h5, .stem-gradient-stripe .stem-heading h6 {
  margin-bottom: 0;
}
.stem-gradient-stripe .stem-content {
  margin-bottom: 0;
}
.stem-gradient-stripe [class*=stem-ctalink] {
  margin-bottom: 1rem !important;
  --stem-link-border: white;
}
.stem-gradient-stripe.vt-full-width {
  border-radius: 0 !important;
  padding: 3rem 5%;
}
@media screen and (min-width: 992px) {
  .stem-gradient-stripe.vt-full-width {
    padding: 6rem 10%;
  }
}
.stem-gradient-stripe.stem-3col {
  margin-bottom: 0;
  background-image: linear-gradient(to right, var(--vt-purple-2s), var(--vt-maroon), var(--vt-burntOrangeWeb));
}
.stem-gradient-stripe.stem-3col > .vt-vtcontainer-content .stem-content > .vt-num-col-3 {
  margin-bottom: 2rem;
  display: grid;
  grid-template-areas: "one" "two" "three";
  grid-gap: 0.5rem;
}
.stem-gradient-stripe.stem-3col > .vt-vtcontainer-content .stem-content > .vt-num-col-3 > :first-child {
  grid-area: one;
}
.stem-gradient-stripe.stem-3col > .vt-vtcontainer-content .stem-content > .vt-num-col-3 > :nth-child(2) {
  grid-area: two;
}
.stem-gradient-stripe.stem-3col > .vt-vtcontainer-content .stem-content > .vt-num-col-3 > :last-child {
  grid-area: three;
}
@media screen and (min-width: 768px) {
  .stem-gradient-stripe.stem-3col > .vt-vtcontainer-content .stem-content > .vt-num-col-3 > div {
    max-width: unset;
    padding: unset;
    align-content: center;
  }
  .stem-gradient-stripe.stem-3col > .vt-vtcontainer-content .stem-content > .vt-num-col-3 > div > .vt-col {
    margin-bottom: unset;
  }
}
@media screen and (min-width: 768px) {
  .stem-gradient-stripe.stem-3col > .vt-vtcontainer-content .stem-content > .vt-num-col-3 {
    grid-template: "two one" "two three" auto/auto;
  }
}
@media screen and (min-width: 992px) {
  .stem-gradient-stripe.stem-3col > .vt-vtcontainer-content .stem-content > .vt-num-col-3 {
    grid-template: "one two three" auto/auto;
    grid-gap: 1rem;
  }
}
.stem-gradient-stripe.stem-3col .vt-text {
  margin-bottom: 0;
}
.stem-gradient-stripe.stem-3col [class*=stem-ctalink] {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .stem-gradient-stripe.stem-3col [class*=stem-ctalink] {
    margin: 0 !important;
  }
}

.stem-gradient-stripe.stem-discover {
  background-image: linear-gradient(to right, var(--vt-purple-2s), var(--vt-maroon), var(--vt-burntOrangeWeb));
}
.stem-gradient-stripe.stem-discover .stem-content .vt-num-col-2 {
  align-items: center;
  row-gap: 1rem;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .stem-gradient-stripe.stem-discover .stem-content .vt-num-col-2 {
    display: grid;
    grid-column-gap: 2rem;
    grid-template: "one two" auto/2fr 1fr;
  }
  .stem-gradient-stripe.stem-discover .stem-content .vt-num-col-2 > :first-child {
    grid-area: one;
  }
  .stem-gradient-stripe.stem-discover .stem-content .vt-num-col-2 > :nth-child(2) {
    grid-area: two;
  }
}
@media screen and (min-width: 992px) and (min-width: 768px) {
  .stem-gradient-stripe.stem-discover .stem-content .vt-num-col-2 > div {
    max-width: unset;
    padding: unset;
    align-content: center;
  }
  .stem-gradient-stripe.stem-discover .stem-content .vt-num-col-2 > div > .vt-col {
    margin-bottom: unset;
  }
}
@media screen and (min-width: 768px) {
  .stem-gradient-stripe.stem-discover .stem-content .vt-num-col-2 > div {
    max-width: unset;
  }
}
.stem-gradient-stripe.stem-discover .stem-content .vt-num-col-2 .vt-col {
  margin-bottom: 0;
}

.stem-gradient-stripe.stem-faculty {
  background-image: linear-gradient(to right, var(--vt-purple-5s), transparent, transparent);
  background-color: var(--vt-maroon);
  margin-bottom: 0;
}
.stem-gradient-stripe.stem-faculty .stem-content.vt-multicolumn .vt-num-col-2 {
  align-items: center;
  row-gap: 1rem;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .stem-gradient-stripe.stem-faculty .stem-content.vt-multicolumn .vt-num-col-2 {
    display: grid;
    grid-column-gap: 2rem;
    grid-template: "one two" auto/2fr 1fr;
  }
  .stem-gradient-stripe.stem-faculty .stem-content.vt-multicolumn .vt-num-col-2 > :first-child {
    grid-area: one;
  }
  .stem-gradient-stripe.stem-faculty .stem-content.vt-multicolumn .vt-num-col-2 > :nth-child(2) {
    grid-area: two;
  }
}
@media screen and (min-width: 992px) and (min-width: 768px) {
  .stem-gradient-stripe.stem-faculty .stem-content.vt-multicolumn .vt-num-col-2 > div {
    max-width: unset;
    padding: unset;
    align-content: center;
  }
  .stem-gradient-stripe.stem-faculty .stem-content.vt-multicolumn .vt-num-col-2 > div > .vt-col {
    margin-bottom: unset;
  }
}
@media screen and (min-width: 768px) {
  .stem-gradient-stripe.stem-faculty .stem-content.vt-multicolumn .vt-num-col-2 > div {
    max-width: unset;
  }
}
.stem-gradient-stripe.stem-faculty .stem-content.vt-multicolumn .vt-num-col-2 .vt-col {
  margin-bottom: 0;
}

.stem-discover [class*=stem-ctalink] {
  --stem-link-hover-bg: var(--vt-pink);
  --stem-link-hover-border: white;
}

.stem-3col [class*=stem-ctalink] {
  --stem-link-hover-bg: var(--vt-pink);
  --stem-link-hover-border: white;
}

.stem-faculty [class*=stem-ctalink] {
  --stem-link-hover-bg: var(--vt-pink);
  --stem-link-hover-border: white;
}

.stem-outline-stripe {
  margin-bottom: unset;
}
.stem-outline-stripe .stem-outline {
  padding: 2rem;
  border: 3px solid var(--stem-widget-outline-color);
}
@media screen and (min-width: 768px) {
  .stem-outline-stripe .stem-outline {
    padding: 2rem 2rem 2rem 0;
    border-left-width: 0px;
  }
}
@media screen and (min-width: 768px) {
  .stem-outline-stripe .stem-content > .vt-num-col-2 > :first-child {
    padding: 0 2rem 0 0;
  }
  .stem-outline-stripe .stem-content > .vt-num-col-2 > :nth-child(2) {
    padding: 0 0 0 2rem;
  }
}
.stem-outline-stripe.vt-full-width {
  padding: 3rem 5%;
}
@media screen and (min-width: 768px) {
  .stem-outline-stripe.vt-full-width {
    padding-left: 0;
  }
}

@media screen and (min-width: 1600px) {
  .stem-outline-stripe .stem-text {
    font-size: 1.2em;
  }
}

@media screen and (min-width: 1200px) {
  .stem-outline-stripe .stem-ctalink {
    font-size: 1em;
  }
}

.stem-outline-stripe .vt-image {
  border-radius: unset;
}

@media screen and (min-width: 768px) {
  .stem-outline-stripe .stem-content > .vt-num-col-2 > :nth-child(2) .stem-col::before {
    content: "";
    border-bottom: 3px solid var(--stem-widget-outline-color);
    display: block;
    margin-bottom: 1rem;
    width: 50%;
  }
}

.stem-outline-stripe [class*=stem-ctalink] {
  --stem-link-color: black;
  --stem-link-border: black;
  --stem-link-bg: white;
  --stem-link-hover-bg: var(--vt-pink);
  --stem-link-hover-border: var(--vt-pink);
  --stem-link-hover-color: white;
}

[class*=branded-modal] {
  background-color: var(--vt-modal-background);
  color: var(--vt-modal-color);
}
[class*=branded-modal] > :first-child {
  background-color: inherit;
  color: inherit;
}
[class*=branded-modal] > :first-child :focus {
  outline-color: var(--vt-modal-focusColor);
}
[class*=branded-modal] :modal {
  box-shadow: 2px 2px 10px 0 var(--vt-smoke-5s);
  background-color: inherit;
  color: inherit;
  border: none;
}
[class*=branded-modal] :modal:focus {
  outline-color: var(--vt-modal-modalFocusColor) !important;
}
[class*=branded-modal] :modal::-webkit-backdrop {
  -webkit-backdrop-filter: var(--vt-modal-backdropColor) !important;
          backdrop-filter: var(--vt-modal-backdropColor) !important;
}
[class*=branded-modal] :modal::backdrop {
  -webkit-backdrop-filter: var(--vt-modal-backdropColor) !important;
          backdrop-filter: var(--vt-modal-backdropColor) !important;
}
[class*=branded-modal] .vt-modal-content > :last-child {
  margin-bottom: 2em;
}
[class*=branded-modal] .vt-modal-content::after {
  display: block;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  position: absolute;
  left: 0;
  text-align: right;
  padding: 0 1em;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
  border: none;
  background: var(--vt-modal-footerBackground);
  border: var(--vt-modal-footerBorder);
  color: var(--vt-modal-footerColor);
  font-family: var(--vt-modal-footerFont);
  content: var(--vt-modal-footerContent);
}
[class*=branded-modal] .vt-text p {
  font-family: inherit;
}
[class*=branded-modal] .vt-text a {
  color: var(--vt-modal-linkColor) !important;
}
[class*=branded-modal] .vt-text a:hover {
  color: var(--vt-modal-linkHoverColor);
  text-decoration: none;
}
[class*=branded-modal] ::marker {
  color: var(--vt-modal-markerColor);
}
[class*=branded-modal] .vt-modal-close {
  border-color: var(--vt-modal-closeBorder);
  color: var(--vt-modal-closeColor);
  background-color: var(--vt-modal-closeBackground);
}
[class*=branded-modal] .vt-modal-close:hover {
  background: var(--vt-modal-closeHoverBackground);
  border-color: var(--vt-modal-closeHoverBorder);
  color: var(--vt-modal-closeHoverColor);
}

[class*=branded-modal] {
  --vt-modal-linkColor: var(--vt-pink-4t);
  --vt-modal-footerBackground: linear-gradient(60deg,#e5751f 5px,#e5751f 10px,#861f41 35px,#861f41 calc(100% - 35px),#e5751f calc(100% - 10px),#e5751f calc(100% - 5px));
  --vt-modal-footerFont: VTWordMark, sans-serif;
}

.stem-footer-content {
  color: var(--vt-pink);
}

/* ---------------------------- END DCAREA > STEM WEBSITE STYLES ---------------------------- */