@charset "UTF-8";
/* limestone gray 750 */
/* pa sky blue */
/** Reset */
/* simple reset for box sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* simple reset for scroll behavior */
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
a:link,
a:visited {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

img {
  display: block;
}

figure {
  margin: 0;
  padding: 0;
}

.no-top-margin {
  margin-top: 0 !important;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
button, hr, input {
  overflow: visible;
}

progress, sub, sup {
  vertical-align: baseline;
}

[type=checkbox], [type=radio], legend {
  box-sizing: border-box;
  padding: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

details, main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, select {
  text-transform: none;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: ButtonText dotted 1px;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

[hidden], template {
  display: none;
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: #fff url(../img/ajax-loader.gif) center center no-repeat;
}

.slick-next,
.slick-prev {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: 0;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  outline: 0;
  background: 0 0;
  color: transparent;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 0.85;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.15;
}

.slick-next:before,
.slick-prev:before {
  font-family: fontello;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "\f104";
}

[dir=rtl] .slick-prev:before {
  content: "\f105";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "\f105";
}

[dir=rtl] .slick-next:before {
  content: "\f104";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 0.85;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f111";
  width: 20px;
  height: 20px;
  font-family: fontello;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #444;
  opacity: 0.15;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: #009cde;
  opacity: 1;
}

/** Font */
@font-face {
  font-family: "fontello";
  src: url("../font/fontello.eot");
  src: url("../font/fontello.eot#iefix") format("embedded-opentype"), url("../font/fontello.woff") format("woff2"), url("../font/fontello.woff") format("woff"), url("../font/fontello.ttf") format("truetype"), url("../font/fontello.svg#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-]:before, [class*=" icon-"]:before,
[class^=icon-]:after, [class*=" icon-"]:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  /* display: inline-block; breaks wrap on buttons */
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.325em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.322em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-play-circled2:before {
  content: "\e800";
} /* '' */
.icon-pause:before {
  content: "\e801";
} /* '' */
.icon-search-1:before {
  content: "\e802";
} /* '' */
.icon-left-circle:before {
  content: "\e803";
} /* '' */
.icon-play:before {
  content: "\e804";
} /* '' */
.icon-cancel:before {
  content: "\e805";
} /* '' */
.icon-right-circle:before {
  content: "\e806";
} /* '' */
.icon-facebook-circled:before {
  content: "\f051";
} /* '' */
.icon-twitter:before {
  content: "\f099";
} /* '' */
.icon-facebook:before {
  content: "\f09a";
} /* '' */
.icon-angle-left:before {
  content: "\f104";
} /* '' */
.icon-angle-right:after {
  content: "\f105";
  font-weight: 900;
} /* '' */
.icon-angle-up:before {
  content: "\f106";
} /* '' */
.icon-angle-down:before {
  content: "\f107";
} /* '' */
.icon-circle:before {
  content: "\f111";
} /* '' */
.icon-attention-alt:before {
  content: "\f12a";
} /* '' */
.icon-rss-squared:after {
  content: "\f143";
} /* '' */
.icon-youtube-play:before {
  content: "\f16a";
} /* '' */
.icon-instagram-1:before {
  content: "\f16d";
} /* '' */
.icon-linkedin-squared:before {
  content: "\f30c";
} /* '' */
/* Utilities */
.pb-0 {
  padding-bottom: 0 !important;
}

.container-for-centering {
  display: flex;
  width: 100%;
  justify-content: center;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  color: var(--white);
}

/* limestone gray 750 */
/* pa sky blue */
/* hiding all of the font sizing and line height and replacing with custom properties and variables for line height */
:root {
  /* generated for admissions project - easier to just pull w/out the mixin */
  --ps-black-rgb: 21, 22, 26;
  --ps-black-0: #edeeee;
  --ps-black-50: #e8e8e8;
  --ps-black-100: #d0d0d1;
  --ps-black-150: #b9b9ba;
  --ps-black-200: #a1a2a3;
  --ps-black-250: #8a8b8d;
  --ps-black-300: #737376;
  --ps-black-350: #5b5c5f;
  --ps-black-400: #444548;
  --ps-black-450: #2c2d31;
  --ps-black-500: #15161A;
  --ps-black-550: #131417;
  --ps-black-600: #111215;
  --ps-black-650: #0f0f12;
  --ps-black-700: #0d0d10;
  --ps-black-750: #0b0b0d;
  --ps-black-800: #08090a;
  --ps-black-850: #060708;
  --ps-black-900: #040405;
  --ps-slate-gray-rgb: 49, 77, 100;
  --ps-slate-gray-0: #f0f2f3;
  --ps-slate-gray-50: #eaedf0;
  --ps-slate-gray-100: #d6dbe0;
  --ps-slate-gray-150: #c1cad1;
  --ps-slate-gray-200: #adb8c1;
  --ps-slate-gray-250: #98a6b2;
  --ps-slate-gray-300: #8394a2;
  --ps-slate-gray-350: #6f8293;
  --ps-slate-gray-400: #5a7183;
  --ps-slate-gray-450: #465f74;
  --ps-slate-gray-500: #314D64;
  --ps-slate-gray-550: #2c455a;
  --ps-slate-gray-600: #273e50;
  --ps-slate-gray-650: #223646;
  --ps-slate-gray-700: #1d2e3c;
  --ps-slate-gray-750: #192732;
  --ps-slate-gray-800: #141f28;
  --ps-slate-gray-850: #0f171e;
  --ps-slate-gray-900: #0a0f14;
  --ps-creek-rgb: 62, 163, 158;
  --ps-creek-0: #f1f8f8;
  --ps-creek-50: #ecf6f5;
  --ps-creek-100: #d8edec;
  --ps-creek-150: #c5e3e2;
  --ps-creek-200: #b2dad8;
  --ps-creek-250: #9fd1cf;
  --ps-creek-300: #8bc8c5;
  --ps-creek-350: #78bfbb;
  --ps-creek-400: #65b5b1;
  --ps-creek-450: #51aca8;
  --ps-creek-500: #3EA39E;
  --ps-creek-550: #38938e;
  --ps-creek-600: #32827e;
  --ps-creek-650: #2b726f;
  --ps-creek-700: #25625f;
  --ps-creek-750: #1f524f;
  --ps-creek-800: #19413f;
  --ps-creek-850: #13312f;
  --ps-creek-900: #0c2120;
  --ps-limestone-gray-rgb: 162, 170, 173;
  --ps-limestone-gray-0: #f7f7f8;
  --ps-limestone-gray-50: #f4f4f5;
  --ps-limestone-gray-100: #e9eaeb;
  --ps-limestone-gray-150: #dedfe1;
  --ps-limestone-gray-200: #d3d5d7;
  --ps-limestone-gray-250: #c8cace;
  --ps-limestone-gray-300: #bdbfc4;
  --ps-limestone-gray-350: #b2b5ba;
  --ps-limestone-gray-400: #a7aab0;
  --ps-limestone-gray-450: #9ca0a6;
  --ps-limestone-gray-500: #91959C;
  --ps-limestone-gray-550: #83868c;
  --ps-limestone-gray-600: #74777d;
  --ps-limestone-gray-650: #66686d;
  --ps-limestone-gray-700: #57595e;
  --ps-limestone-gray-750: #494b4e;
  --ps-limestone-gray-800: #3a3c3e;
  --ps-limestone-gray-850: #2c2d2f;
  --ps-limestone-gray-900: #1d1e1f;
  --ps-sky-blue-rgb: 0, 156, 222;
  --ps-sky-blue-0: #ecf8fd;
  --ps-sky-blue-50: #e6f5fc;
  --ps-sky-blue-100: #ccebf8;
  --ps-sky-blue-150: #b3e1f5;
  --ps-sky-blue-200: #99d7f2;
  --ps-sky-blue-250: #80ceef;
  --ps-sky-blue-300: #66c4eb;
  --ps-sky-blue-350: #4dbae8;
  --ps-sky-blue-400: #33b0e5;
  --ps-sky-blue-450: #1aa6e1;
  --ps-sky-blue-500: #009CDE;
  --ps-sky-blue-550: #008cc8;
  --ps-sky-blue-600: #007db2;
  --ps-sky-blue-650: #006d9b;
  --ps-sky-blue-700: #005e85;
  --ps-sky-blue-750: #004e6f;
  --ps-sky-blue-800: #003e59;
  --ps-sky-blue-850: #002f43;
  --ps-sky-blue-900: #001f2c;
  --ps-beaver-blue-rgb: 30, 65, 123;
  --ps-beaver-blue-0: #eef1f5;
  --ps-beaver-blue-50: #e9ecf2;
  --ps-beaver-blue-100: #d2d9e5;
  --ps-beaver-blue-150: #bcc6d7;
  --ps-beaver-blue-200: #a5b3ca;
  --ps-beaver-blue-250: #8fa0bd;
  --ps-beaver-blue-300: #788db0;
  --ps-beaver-blue-350: #627aa3;
  --ps-beaver-blue-400: #4b6795;
  --ps-beaver-blue-450: #355488;
  --ps-beaver-blue-500: #1E417B;
  --ps-beaver-blue-550: #1b3b6f;
  --ps-beaver-blue-600: #183462;
  --ps-beaver-blue-650: #152e56;
  --ps-beaver-blue-700: #12274a;
  --ps-beaver-blue-750: #0f213e;
  --ps-beaver-blue-800: #0c1a31;
  --ps-beaver-blue-850: #091425;
  --ps-beaver-blue-900: #060d19;
  --ps-nittany-navy-rgb: 4, 30, 66;
  --ps-nittany-navy-0: #eceef1;
  --ps-nittany-navy-50: #e6e9ec;
  --ps-nittany-navy-100: #ccd2da;
  --ps-nittany-navy-150: #b3bcc7;
  --ps-nittany-navy-200: #99a5b4;
  --ps-nittany-navy-250: #808fa2;
  --ps-nittany-navy-300: #66788f;
  --ps-nittany-navy-350: #4d627c;
  --ps-nittany-navy-400: #334b69;
  --ps-nittany-navy-450: #1a3557;
  --ps-nittany-navy-500: #001E44;
  --ps-nittany-navy-550: #001b3d;
  --ps-nittany-navy-600: #001836;
  --ps-nittany-navy-650: #001530;
  --ps-nittany-navy-700: #001229;
  --ps-nittany-navy-750: #000f22;
  --ps-nittany-navy-800: #000c1b;
  --ps-nittany-navy-850: #000914;
  --ps-nittany-navy-900: #00060e;
  --ps-pugh-blue-rgb: 150, 190, 230;
  --ps-pugh-blue-0: #f7fafd;
  --ps-pugh-blue-50: #f5f9fd;
  --ps-pugh-blue-100: #eaf2fa;
  --ps-pugh-blue-150: #e0ecf8;
  --ps-pugh-blue-200: #d5e5f5;
  --ps-pugh-blue-250: #cbdff3;
  --ps-pugh-blue-300: #c0d8f0;
  --ps-pugh-blue-350: #b6d2ee;
  --ps-pugh-blue-400: #abcbeb;
  --ps-pugh-blue-450: #a1c5e9;
  --ps-pugh-blue-500: #96BEE6;
  --ps-pugh-blue-550: #87abcf;
  --ps-pugh-blue-600: #7898b8;
  --ps-pugh-blue-650: #6985a1;
  --ps-pugh-blue-700: #5a728a;
  --ps-pugh-blue-750: #4b5f73;
  --ps-pugh-blue-800: #3c4c5c;
  --ps-pugh-blue-850: #2d3945;
  --ps-pugh-blue-900: #1e262e;
  --ps-discovery-salmon-rgb: 242, 102, 94;
  --ps-discovery-salmon-0: #fef4f3;
  --ps-discovery-salmon-50: #fef0ef;
  --ps-discovery-salmon-100: #fce0df;
  --ps-discovery-salmon-150: #fbd1cf;
  --ps-discovery-salmon-200: #fac2bf;
  --ps-discovery-salmon-250: #f9b3af;
  --ps-discovery-salmon-300: #f7a39e;
  --ps-discovery-salmon-350: #f6948e;
  --ps-discovery-salmon-400: #f5857e;
  --ps-discovery-salmon-450: #f3756e;
  --ps-discovery-salmon-500: #F2665E;
  --ps-discovery-salmon-550: #da5c55;
  --ps-discovery-salmon-600: #c2524b;
  --ps-discovery-salmon-650: #a94742;
  --ps-discovery-salmon-700: #913d38;
  --ps-discovery-salmon-750: #79332f;
  --ps-discovery-salmon-800: #612926;
  --ps-discovery-salmon-850: #491f1c;
  --ps-discovery-salmon-900: #301413;
  --ps-future-green-rgb: 153, 204, 0;
  --ps-future-green-0: #f7fbec;
  --ps-future-green-50: #f5fae6;
  --ps-future-green-100: #ebf5cc;
  --ps-future-green-150: #e0f0b3;
  --ps-future-green-200: #d6eb99;
  --ps-future-green-250: #cce680;
  --ps-future-green-300: #c2e066;
  --ps-future-green-350: #b8db4d;
  --ps-future-green-400: #add633;
  --ps-future-green-450: #a3d11a;
  --ps-future-green-500: #99CC00;
  --ps-future-green-550: #8ab800;
  --ps-future-green-600: #7aa300;
  --ps-future-green-650: #6b8f00;
  --ps-future-green-700: #5c7a00;
  --ps-future-green-750: #4d6600;
  --ps-future-green-800: #3d5200;
  --ps-future-green-850: #2e3d00;
  --ps-future-green-900: #1f2900;
  --ps-perpetual-purple-rgb: 73, 29, 112;
  --ps-perpetual-purple-0: #f1eef4;
  --ps-perpetual-purple-50: #ede8f1;
  --ps-perpetual-purple-100: #dbd2e2;
  --ps-perpetual-purple-150: #c8bbd4;
  --ps-perpetual-purple-200: #b6a5c6;
  --ps-perpetual-purple-250: #a48eb8;
  --ps-perpetual-purple-300: #9277a9;
  --ps-perpetual-purple-350: #80619b;
  --ps-perpetual-purple-400: #6d4a8d;
  --ps-perpetual-purple-450: #5b347e;
  --ps-perpetual-purple-500: #491d70;
  --ps-perpetual-purple-550: #421a65;
  --ps-perpetual-purple-600: #3a175a;
  --ps-perpetual-purple-650: #33144e;
  --ps-perpetual-purple-700: #2c1143;
  --ps-perpetual-purple-750: #250f38;
  --ps-perpetual-purple-800: #1d0c2d;
  --ps-perpetual-purple-850: #160922;
  --ps-perpetual-purple-900: #0f0616;
  --ps-invent-orange-rgb: 238, 131, 0;
  --ps-invent-orange-0: #fdf6ec;
  --ps-invent-orange-50: #fdf3e6;
  --ps-invent-orange-100: #fbe6cc;
  --ps-invent-orange-150: #f8dab3;
  --ps-invent-orange-200: #f6cd99;
  --ps-invent-orange-250: #f4c180;
  --ps-invent-orange-300: #f2b566;
  --ps-invent-orange-350: #f0a84d;
  --ps-invent-orange-400: #ed9c33;
  --ps-invent-orange-450: #eb8f1a;
  --ps-invent-orange-500: #E98300;
  --ps-invent-orange-550: #d27600;
  --ps-invent-orange-600: #ba6900;
  --ps-invent-orange-650: #a35c00;
  --ps-invent-orange-700: #8c4f00;
  --ps-invent-orange-750: #754200;
  --ps-invent-orange-800: #5d3400;
  --ps-invent-orange-850: #462700;
  --ps-invent-orange-900: #2f1a00;
  --ps-keystone-yellow-rgb: 255, 209, 0;
  --ps-keystone-yellow-0: #fffcec;
  --ps-keystone-yellow-50: #fffae6;
  --ps-keystone-yellow-100: #fff6cc;
  --ps-keystone-yellow-150: #fff1b3;
  --ps-keystone-yellow-200: #ffed99;
  --ps-keystone-yellow-250: #ffe880;
  --ps-keystone-yellow-300: #ffe366;
  --ps-keystone-yellow-350: #ffdf4d;
  --ps-keystone-yellow-400: #ffda33;
  --ps-keystone-yellow-450: #ffd61a;
  --ps-keystone-yellow-500: #FFD100;
  --ps-keystone-yellow-550: #e6bc00;
  --ps-keystone-yellow-600: #cca700;
  --ps-keystone-yellow-650: #b39200;
  --ps-keystone-yellow-700: #997d00;
  --ps-keystone-yellow-750: #806900;
  --ps-keystone-yellow-800: #665400;
  --ps-keystone-yellow-850: #4d3f00;
  --ps-keystone-yellow-900: #332a00;
  --ps-link-blue-rgb: 0, 81, 170;
  --ps-link-blue-0: #ecf2f9;
  --ps-link-blue-50: #e6eef7;
  --ps-link-blue-100: #ccdcee;
  --ps-link-blue-150: #b3cbe6;
  --ps-link-blue-200: #99b9dd;
  --ps-link-blue-250: #80a8d5;
  --ps-link-blue-300: #6697cc;
  --ps-link-blue-350: #4d85c4;
  --ps-link-blue-400: #3374bb;
  --ps-link-blue-450: #1a62b3;
  --ps-link-blue-500: #0051aa;
  --ps-link-blue-550: #004999;
  --ps-link-blue-600: #004188;
  --ps-link-blue-650: #003977;
  --ps-link-blue-700: #003166;
  --ps-link-blue-750: #002955;
  --ps-link-blue-800: #002044;
  --ps-link-blue-850: #001833;
  --ps-link-blue-900: #001022;
  --creek-max-light: #edf8f7;
  --lion-max-shrine-light: #fdfbf5;
  --lions-max-roar-light: #fffaf2;
  --slate-max-light: var(--ps-slate-gray-50);
  --white: #ffffff;
  --white-rgb: 255, 255, 255;
  --black: var(--ps-black-900);
  --primary-text-color: var(--ps-limestone-gray-750);
  --primary-header-color: var(--ps-beaver-blue-500);
  --primary-link-color: var(--ps-link-blue-500);
  --primary-font-family: Roboto, Franklin Gothic Medium, Tahoma, sans-serif;
  --reverse-link-color: var(--white);
  --reverse-text-color: var(--white);
  --reverse-header-color: var(--white);
  --ps-danger-red: #a31b1b; /* not a ps color - but need a danger/validation red */
}

.theme-vibrant-blue {
  --color-primary-accent: var(--ps-sky-blue-500);
  --color-primary-accent-rgb: var(--ps-sky-blue-rgb);
}

.theme-traditional {
  --color-primary-accent: var(--ps-pugh-blue-500);
  --color-primary-accent-rgb: var(--ps-pugh-blue-rgb);
}

:root {
  --spacing-2: 0.125rem;
  --spacing-4: 0.25rem;
  --spacing-8: 0.5rem;
  --spacing-12: 0.5rem;
  --spacing-16: 0.75rem;
  --spacing-24: 1.125rem;
  --spacing-28: 1.375rem;
  --spacing-32: 1.5rem;
  --spacing-40: 1.75rem;
  --spacing-48: 2rem;
  --spacing-64: 2.5rem;
  --spacing-80: 3rem;
  --spacing-128: 4rem; /* the larger the spacing, the greater % decrease from desktop */
  --spacing-minimum: var(--spacing-4); /* 0.25 */
  --spacing-xx-small: var(--spacing-8); /* 0.5 */
  --spacing-x-small: var(--spacing-12); /* 0.75 */
  --spacing-small: var(--spacing-16); /* 1 */
  --spacing-medium-small: var(--spacing-24); /* 1.5 */
  --spacing-standard: var(--spacing-32); /* 2 */
  --spacing-medium-large: var(--spacing-40); /* 2.5 */
  --spacing-large: var(--spacing-48); /* 3 */
  --spacing-x-large: var(--spacing-64); /* 4 */
  --spacing-xx-large: var(--spacing-80); /* 5 */
  --spacing-maximum: var(--spacing-128); /* 8 */
  /* letter spacing utility sizes */
  --letter-spacing-xx-small: -.025em;
  --letter-spacing-x-small: -.0125em;
  --letter-spacing-small: -0.0075em;
  --letter-spacing-standard: 0;
  --link-color: var(--primary-link-color);
  --link-light-color: var(--ps-sky-blue-100);
  --link-color-hover: var(--ps-beaver-blue-500);
  --link-underline-offset: 0.25rem;
  --link-underline-skip-ink: auto;
  --link-transition: all 0.25s ease-in;
  --link-underline-hover-color: var(--color-primary-accent);
  /* set standard - but can override at component level */
}

@media (min-width: 768px) {
  :root {
    --spacing-12: 0.625rem;
    --spacing-16: 0.875rem;
    --spacing-24: 1.25rem;
    --spacing-28: 1.5rem;
    --spacing-32: 1.75rem;
    --spacing-40: 1.875rem;
    --spacing-48: 2.5rem;
    --spacing-64: 3.0rem;
    --spacing-80: 4.0rem;
    --spacing-128: 6.0rem;
  }
}
@media (min-width: 1080px) {
  :root {
    --spacing-12: 0.75rem;
    --spacing-16: 1.0rem;
    --spacing-24: 1.5rem;
    --spacing-28: 1.75rem;
    --spacing-32: 2.00rem;
    --spacing-40: 2.5rem;
    --spacing-48: 3.0rem;
    --spacing-64: 4.0rem;
    --spacing-80: 5.0rem;
    --spacing-128: 8rem;
  }
}
:root {
  --display-1: calc(1.625rem + 4.5vw);
  --display-2: calc(1.575rem + 3.9vw);
  --display-3: calc(1.500rem + 3.1vw);
  --display-4: calc(1.475rem + 2.7vw);
  --display-5: calc(1.425rem + 2.1vw);
  --display-6: calc(1.400rem + 1.875vw);
  --h1: calc(1.4rem + 1.75vw);
  --h2: calc(1.3rem + 1.25vw);
  --h3: calc(1.25rem + 0.75vw);
  --h4: calc(1.125rem + 0.5vw);
  --h5: calc(1.125rem + 0.25vw);
  --h6: 1.125rem;
  --font-size-xl: 1.125rem;
  --font-size-lg: 1rem;
  --font-size-base: 1rem;
  --small-1: 0.9rem;
  --small-2: 0.85rem;
  --small-3: 0.8rem;
  --small-4: 0.75rem;
}

@media (min-width: 1440px) {
  :root {
    --display-1: 5rem;
    --display-2: 4.5rem;
    --display-3: 4rem;
    --display-4: 3.5rem;
    --display-5: 3rem;
    --display-6: 2.875rem;
    --h1: 2.75rem;
    --h2: 2.25rem;
    --h3: 1.75rem;
    --h4: 1.5rem;
    --h5: 1.325rem;
    --h6: 1.25rem;
    --font-size-xl: 1.25rem;
    --font-size-lg: 1.125rem;
  }
}
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: 1.2;
}

body {
  font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif;
}

.visibility-hidden {
  position: absolute;
  left: -9000px;
  height: 1px;
  width: 1px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

a.access-hidden {
  color: var(--white);
  background-color: var(--ps-nittany-navy-500);
}

.bg-light-gray {
  background-color: var(--ps-slate-gray-0);
}

.bg-light-blue {
  background-color: var(--ps-sky-blue-50);
}

.bg-light-creek {
  background-color: var(--ps-creek-100);
}

.bg-beaver-blue {
  background-color: var(--ps-beaver-blue-500);
}

.bg-slate {
  background-color: var(--ps-slate-gray-500);
}

.bg-white {
  background-color: var(--white);
}

.theme-vibrant-blue .bg-light-gradient {
  background: linear-gradient(to bottom, var(--ps-sky-blue-100) 25%, var(--ps-creek-150) 100%);
}

.theme-traditional .bg-light-gradient {
  background: linear-gradient(135deg, var(--ps-pugh-blue-100) 25%, var(--ps-slate-gray-0) 100%);
}

.separating-line-primary {
  height: 3px;
  width: 68px;
  background-color: var(--color-primary-accent);
  font-size: 10px;
  font-weight: 700;
  display: block;
}
@media (min-width: 768px) {
  .separating-line-primary {
    width: 84px;
  }
}
@media (min-width: 1080px) {
  .separating-line-primary {
    height: 5px;
  }
}
.separating-line-secondary {
  height: 2px;
  width: 84px;
  background-color: var(--color-primary-accent);
  font-size: 10px;
  font-weight: 700;
  display: block;
}
@media (min-width: 768px) {
  .separating-line-secondary {
    width: 72px;
  }
}
@media (min-width: 1440px) {
  .separating-line-secondary {
    width: 84px;
  }
}

hr {
  border-bottom: 1px dotted rgba(var(--ps-slate-gray-rgb), 0.5);
  content: " ";
  height: 1px;
  margin: 2px 0;
  display: block;
}

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.input-group-append, .input-group-prepend {
  display: -ms-flexbox;
  display: flex;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

a {
  color: var(--link-color);
  text-decoration: none;
  /* 	&:hover {
  		text-decoration: underline;
  		} */
}
a:active {
  color: var(--link-color);
}

h1, p.h1,
h2, p.h2,
h3, p.h3,
h4, p.h4 {
  margin: 0;
  padding: 0;
  color: var(--primary-header-color);
  line-height: 1;
  font-weight: 700;
}

.theme-traditional h1, .theme-traditional p.h1,
.theme-traditional h2, .theme-traditional p.h2,
.theme-traditional h3, .theme-traditional p.h3,
.theme-traditional h4, .theme-traditional p.h4 {
  font-family: "Roboto Slab", "Georgia", "Times New Roman", serif;
}

h1, p.h1 {
  font-size: var(--display-3);
  padding-top: var(--spacing-standard);
  padding-bottom: var(--spacing-standard); /* account for divider */
}

h2, p.h2 {
  font-size: var(--display-6);
  padding-top: var(--spacing-large);
}

h3, p.h3 {
  font-size: var(--h3);
  padding-top: var(--spacing-medium-large);
}

h4, p.h4 {
  font-size: var(--h4);
  padding-top: var(--spacing-standard);
  font-weight: 500;
}

/* Flex for adding "more" links to a section header - this was more a "more news" or "more events" button - might be unused */
.section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 var(--spacing-small); /* test putting section head around all sub-heads to align w/ inset cards */
}
.section-head h2::after { /* remove blue border from section head for news/events feeds on home */
  display: none;
}

a.more-from-section-link {
  padding: var(--spacing-x-small) var(--spacing-small);
  transition: all 0.25s ease-in;
  color: var(--black);
  font-size: var(--small-1);
  border: 1px solid var(--color-primary-accent);
}
a.more-from-section-link:hover {
  background: rgba(var(--color-primary-accent-rgb), 0.25);
}

p {
  color: var(--primary-text-color);
  font-size: var(--font-size-xl);
  line-height: 1.8;
  padding-top: var(--spacing-standard);
}

.reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse h5, .reverse h6 {
  color: var(--reverse-header-color);
}
.reverse p {
  color: var(--reverse-text-color);
}
.reverse a:link,
.reverse a:visited {
  color: var(--white);
}
.reverse a:hover,
.reverse a:focused {
  text-decoration: underline;
}
.reverse .col ul, .reverse .col li {
  color: var(--reverse-text-color);
}

.lead {
  font-size: var(--h4);
}

a.standard-underline:link,
a.standard-underline:visited {
  text-underline-offset: var(--link-underline-offset);
  text-decoration-skip-ink: var(--link-underline-skip-ink);
  text-decoration: solid underline 2px rgba(var(--color-primary-accent-rgb), 0.25);
  transition: all 0.25s ease-in;
}
a.standard-underline:link:hover,
a.standard-underline:visited:hover {
  text-decoration: solid underline 2px var(--color-primary-accent);
}

.reverse a.standard-underline:link,
.reverse a.standard-underline:visited {
  text-decoration: solid underline 2px rgba(var(--white-rgb), 0.5);
}
.reverse a.standard-underline:link:hover,
.reverse a.standard-underline:visited:hover {
  text-decoration: solid underline 2px var(--white);
}

.styled-text ul,
.styled-text ol,
.col-content ul,
.col-content ol,
.content-block ul,
.content-block ol,
.accordion-content ul,
.accordion-content ol,
.facts-block ul,
.facts-block ol {
  margin-bottom: 0;
  list-style-position: outside;
  padding-left: var(--spacing-standard);
  line-height: 1.6;
  margin-top: var(--spacing-small);
}
.styled-text ul li,
.styled-text ol li,
.col-content ul li,
.col-content ol li,
.content-block ul li,
.content-block ol li,
.accordion-content ul li,
.accordion-content ol li,
.facts-block ul li,
.facts-block ol li {
  width: 95%;
  font-size: var(--font-size-xl);
  margin: 0 0 var(--spacing-small) var(--spacing-standard);
  color: var(--primary-text-color);
}
.styled-text ul li:last-of-type,
.styled-text ol li:last-of-type,
.col-content ul li:last-of-type,
.col-content ol li:last-of-type,
.content-block ul li:last-of-type,
.content-block ol li:last-of-type,
.accordion-content ul li:last-of-type,
.accordion-content ol li:last-of-type,
.facts-block ul li:last-of-type,
.facts-block ol li:last-of-type {
  margin-bottom: 0;
}
.styled-text ul ol,
.styled-text ol ol,
.col-content ul ol,
.col-content ol ol,
.content-block ul ol,
.content-block ol ol,
.accordion-content ul ol,
.accordion-content ol ol,
.facts-block ul ol,
.facts-block ol ol {
  list-style-type: lower-alpha;
}
.styled-text ul,
.col-content ul,
.content-block ul,
.accordion-content ul,
.facts-block ul {
  list-style-type: square;
}
.styled-text ul li::marker,
.col-content ul li::marker,
.content-block ul li::marker,
.accordion-content ul li::marker,
.facts-block ul li::marker {
  color: var(--color-primary-accent);
  font-size: 110%; /* lines up more centered with text */
}

.container-fluid {
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

.page-landing .container-fluid {
  padding: var(--spacing-standard) 0 var(--spacing-large) 0; /* 3rem large w/ 2rem plus 2rem padding on top of headers */
}
.page-landing .container-fluid.antihero {
  padding: 0;
}
.page-landing .container-fluid.pb-small { /* add when remove bottom padding switch is on */
  padding-bottom: var(--spacing-small);
  /* replace w/ zero - why have any? */
  padding-bottom: 0;
}
.page-landing .container-fluid.py-increase {
  padding: var(--spacing-x-large) 0 var(--spacing-maximum) 0;
}
.page-landing .container-fluid.horizontal-preview + .horizontal-preview {
  padding-top: 0;
}

.video-wrap-content {
  padding-top: var(--spacing-standard);
}

.page-content { /* generic version for standard or with sidenav */ }
.page-content .video-wrap-content {
  padding-top: var(--spacing-standard);
}

.container-standard-y-padding {
  padding: var(--spacing-small) 0 var(--spacing-x-large) 0;
  /* assuming for now that any backgrounded container will have a header at top . . . */
}

.container-standard-y-padding.pb-small { /* for short hero case */
  padding-bottom: 0;
}

.standard-header {
  grid-area: standard-header;
}

.col {
  grid-area: col;
}

.col-content {
  grid-area: col-content;
}

.col-sidenav {
  grid-area: col-sidenav;
}

.container {
  display: grid;
  grid-gap: var(--spacing-standar);
  margin-left: var(--spacing-standard);
  margin-right: var(--spacing-standard);
  max-width: 100%;
}
@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
  }
}
@media screen and (min-width: desktop-margin) {
  .container { /* container will be 1440px until we reach this point of max-container-width, then auto to center */
    margin-left: auto;
    margin-right: auto;
  }
}

.alert .container {
  grid-gap: 0;
}

/* max column - for landing pages - no side nav 100% width but padded */
.container.container-fixed-max {
  margin-bottom: 0;
  display: grid;
  grid-template: "col" auto/1fr;
  grid-gap: var(--spacing-standard);
  margin-left: var(--spacing-standard);
  margin-right: var(--spacing-standard);
  max-width: 100%;
}

/* wide column - for landing pages - no side nav */
.container.container-fixed-wide {
  display: grid;
  grid-template: "col" auto/1fr;
  grid-gap: var(--spacing-standard);
  max-width: 100%;
  margin: 0 var(--spacing-standard);
}
@media (min-width: 1440px) {
  .container.container-fixed-wide {
    max-width: 1440px;
    max-width: calc(1440px - 2 * var(--spacing-standard));
    margin: 0 auto;
  }
}

/* standard article page - inset with no side nav */
.container.container-fixed-standard {
  margin-bottom: 0;
  display: grid;
  grid-template: "col" auto/1fr;
  grid-gap: var(--spacing-standard);
  margin: 0 var(--spacing-standard);
  max-width: 100%;
}
@media (min-width: 1080px) {
  .container.container-fixed-standard {
    grid-template: ". col ." auto/1fr 10fr 1fr;
    max-width: 1440px;
    margin: 0 auto;
  }
}
@media (min-width: 1440px) {
  .container.container-fixed-standard {
    grid-template: ". col ." auto/1fr 8fr 1fr;
    max-width: 1440px;
  }
}

/* standard page - with article and side nav */
.container.container-with-sidenav {
  grid-template-areas: "col" "col-sidenav";
  grid-gap: var(--spacing-large); /* increase here for sidenav */
}
@media (min-width: 768px) {
  .container.container-with-sidenav {
    grid-template: "col col-sidenav" auto/8fr 4fr;
  }
}
@media (min-width: 1440px) {
  .container.container-with-sidenav {
    grid-template: "col col-sidenav" auto/9fr 3fr;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1440px - 2 * var(--spacing-standard));
  }
}

/* Figure */
figure.image {
  width: 100%;
}
figure.image.pb-small {
  padding-bottom: 0 !important;
}
@media (min-width: 768px) {
  figure.image {
    width: 50%;
  }
}
@media (min-width: 768px) {
  figure.image.image-full {
    width: 100%;
  }
}
@media (min-width: 1080px) {
  figure.image.image-third {
    width: 33.33%;
  }
}
figure.image img {
  width: 100%;
}
@media (min-width: 768px) {
  figure.image.image-full {
    padding-top: var(--spacing-standard);
  }
}
figure.image.mx-auto {
  margin: var(--spacing-standard) auto 0 auto;
}
figure.image.image-left {
  padding: var(--spacing-standard) 0 0 0;
}
@media (min-width: 768px) {
  figure.image.image-left {
    float: left;
    padding: var(--spacing-standard) var(--spacing-standard) var(--spacing-standard) 0;
  }
}
figure.image.image-left.image-full {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
figure.image.image-right {
  padding: var(--spacing-standard) 0 0 0;
}
@media (min-width: 768px) {
  figure.image.image-right {
    float: right;
    padding: var(--spacing-standard) 0 var(--spacing-standard) var(--spacing-standard);
  }
}
figure.image.image-right.image-full {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  figure.image.image-right.image-full {
    padding-bottom: var(--spacing-medium-large);
  }
}

/* Tweet */
.tweet-wrapper {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-standard);
}

/* Video */
.video-container {
  position: relative;
  /* padding-bottom: 56.25%;
  height: 0; old padding trick for 16/9 */
  overflow: hidden;
  height: auto;
  aspect-ratio: 16/9 auto; /* test 16/9 as fallback */
}
.video-container .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-container .video iframe {
  width: 100%;
  height: 100%;
}

/* Widget */
.widget-wrap {
  margin-top: var(--spacing-standard);
}

/* General Element Sizing/Floating */
.element {
  width: 100%;
}
.element.pb-small {
  padding-bottom: 0 !important;
}
@media (min-width: 768px) {
  .element.element-half-width, .element.element-third-width {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .element.element-full-width {
    width: 100%;
  }
}
@media (min-width: 1080px) {
  .element.element-third-width {
    width: 33.33%;
  }
}
.element.mx-auto {
  margin: var(--spacing-standard) auto 0 auto;
}
.element.element-float-left {
  padding: var(--spacing-standard) 0 0 0;
}
@media (min-width: 768px) {
  .element.element-float-left {
    float: left;
    padding: var(--spacing-standard) var(--spacing-standard) var(--spacing-standard) 0;
  }
}
.element.element-float-left.element-full-width {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.element.element-float-right {
  margin: var(--spacing-standard) 0 0 0;
}
@media (min-width: 768px) {
  .element.element-float-right {
    float: right;
    padding: var(--spacing-standard) 0 var(--spacing-standard) var(--spacing-standard);
  }
}
.element.element-float-right.element-full-width {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .element.element-float-right.element-full-width {
    padding-bottom: var(--spacing-medium-large);
  }
}

/*

.container - should set max-width container based on breakpoints. . . 

use standard spacing utility w/ css custom properties to set an outer margin

standard container should have no padding - no margin  - grid inside could have grid gap to match outer margin of container? (as a standard)

.container-XXX

this is inside a container - or is a class on the container . . . to set grid for contents inside

going to be hard to set "main"  as the hero should be main . . . but then sidenav will live inside main. 

so - something like

.container.container-landing (remove max-width - but follow same structure

	inset .container.content-fixed-standard
	</close that>

	.container-fluid (for something like a facts-wrap)
	</close that>

	Go back to fixed width

.container.container-fixed-standard
.col .col-content

.container.container-fixed-standard-with-sidenav
.col .col-content
.col .col-sidenav

.container.container-fixed-wide
.col .col-content
(directory? anything card-based? then we can go 3-up at full width?)

- up to 1440
	display: grid;
	grid-template: "content-fixed-wide" auto / 1fr;

.container.container-article
.container.container-with-sidenav
.container.container-landing (then we can blow out the max-width, but follow same structure)
.container.container-directory
.container.container-events

*/
/** Components */
.accordion {
  display: grid;
  grid-template: "copy" auto/1fr;
  grid-gap: var(--spacing-standard);
  margin-left: var(--spacing-standard);
  margin-right: var(--spacing-standard);
}
@media (min-width: 768px) {
  .accordion {
    grid-template: ". copy ." auto/1fr 6fr 1fr;
  }
}
@media (min-width: 1080px) {
  .accordion {
    grid-template: ". copy ." auto/1fr 4fr 1fr;
  }
}
.accordion div {
  grid-area: copy;
}
.accordion .styled-text {
  display: grid;
  grid-template: "copy" auto/1fr;
  grid-gap: var(--spacing-standard);
  margin-left: var(--spacing-standard);
  margin-right: var(--spacing-standard);
}
@media (min-width: 768px) {
  .accordion .styled-text {
    grid-template: ". copy ." auto/1fr 6fr 1fr;
  }
}
@media (min-width: 1080px) {
  .accordion .styled-text {
    grid-template: ". copy ." auto/1fr 4fr 1fr;
  }
}
.accordion .styled-text div {
  grid-area: copy;
  align-self: end;
}

.accordion.accordion-content {
  display: block;
}

.accordion-content { /* uses limited format redactor */
  margin-top: var(--spacing-medium-small);
  margin-bottom: var(--spacing-small);
}
.accordion-content h3 {
  font-size: var(--h4);
}
.accordion-content p li,
.accordion-content ul li,
.accordion-content ol li {
  font-size: var(--font-size-lg);
}
.accordion-content ul li, .accordion-content ol li {
  margin: 0 0 var(--spacing-small) var(--spacing-small);
}

.accordion-content dl.faq {
  margin-block-start: 0;
  margin-block-end: 0;
}
.accordion-content dd ul:first-child,
.accordion-content dd ol:first-child {
  margin-top: 0;
}

.accordion-transcript {
  display: block;
}
.accordion-transcript dl.faq {
  border: none;
  margin-block-start: 0;
  margin-block-end: 0;
}

dl.faq {
  border: 1px solid var(--ps-slate-gray-400);
}
dl.faq dt button {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.125rem;
  border: none;
  background-color: var(--ps-slate-gray-0);
  width: 100%;
  text-align: left;
  color: var(--ps-beaver-blue-500);
}
dl.faq dt button:focus {
  background-color: var(--white);
}
dl.faq dt button[aria-expanded=true]:focus {
  outline-width: 0 !important;
}
dl.faq dt button[aria-expanded=true] span {
  border-bottom: none;
  background-color: var(--white);
}
dl.faq dt button span {
  border-bottom: 1px dashed var(--ps-slate-gray-400);
  display: block;
  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-standard);
}
dl.faq dt:last-of-type button span {
  border-bottom: none;
}
dl.faq dd.desc {
  margin: 0;
  padding: var(--spacing-xx-small) var(--spacing-standard) var(--spacing-standard) var(--spacing-standard);
  font-size: var(--font-size-lg);
  display: none;
  background-color: var(--ps-slate-gray-0);
  color: var(--primary-text-color);
  background-color: var(--white);
  border-bottom: 1px dashed var(--ps-slate-gray-400);
  word-break: break-word;
}
dl.faq dd.desc .faq-container-display { /* move off of dd.desc - otherwise container blows out on mobile */ }
dl.faq dd.desc:last-of-type {
  border-bottom: none;
}
dl.faq dd.desc h3:first-child {
  padding-top: 0;
}
dl.faq dd.desc p {
  padding-top: var(--spacing-small);
}
dl.faq dd.desc p:first-child {
  padding-top: 0;
}
dl.faq dd.desc .button {
  margin: -1rem 0 var(--spacing-standard);
}
dl.faq button {
  cursor: pointer;
}
dl.faq button span {
  position: relative;
}
dl.faq button:hover {
  text-decoration: underline;
}
dl.faq button:active {
  background-color: var(--ps-slate-gray-0);
}

dl dd {
  margin: 0;
  padding: 0;
}

dl.faq button > span::before,
dl.faq button > span::after {
  display: block;
  position: absolute;
  top: 18px;
  right: 2rem;
  content: " ";
  height: 0.75rem;
  width: 2px;
  background-color: var(--link-color);
}

dl.faq button > span::before {
  display: block;
  transform: rotate(90deg);
}

dl.faq button > span::after {
  display: block;
  transform: rotate(180deg);
}

dl.faq button:hover > span::after {
  display: block;
  color: var(--link-color);
}

dl.faq button[aria-expanded=true] > span::after {
  display: none;
}

.accordion-readmore dl.faq {
  margin-top: 0;
  border: none;
}
.accordion-readmore dl.faq dt button {
  display: inline-block;
  width: auto;
  background: transparent;
}
.accordion-readmore dl.faq dt button span {
  padding: var(--spacing-x-small);
  display: flex;
  align-items: center;
}
.accordion-readmore dl.faq dd.desc {
  background-color: var(--ps-slate-gray-0);
  margin-top: var(--spacing-small);
}
.accordion-readmore dl.faq dt button[aria-expanded=true] span {
  background-color: transparent;
}
.accordion-readmore dl.faq button > span::before,
.accordion-readmore dl.faq button > span::after {
  top: auto;
  right: -0.25rem;
}

.alerts-wrap {
  display: block;
  width: 100%;
}

.alert .container {
  max-width: 576px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .alert .container {
    max-width: 768px;
    justify-items: flex-start;
    flex-direction: row;
  }
}
@media (min-width: 1080px) {
  .alert .container {
    max-width: 1080px;
    height: 9.625rem;
  }
}
@media (min-width: 1440px) {
  .alert .container {
    max-width: 1440px;
    height: 8.4375rem;
  }
}

.alert .container {
  position: relative;
}

/* ? what is loading base_safe.ss ? */
.error, .success, .alert {
  padding: 0 !important;
  border-left: none !important;
  color: var(--black);
}

.alert {
  position: relative;
  transition: 500ms;
  overflow: hidden;
}
.alert a {
  text-decoration: underline;
}
.alert a:hover {
  opacity: 0.75;
}
.alert p {
  font-size: var(--font-size-base);
}

.immediate {
  background-color: #98022b;
  color: var(--white);
}
.immediate .alert-message {
  background-color: #bc204b;
}
.immediate .left-angle,
.immediate .right-angle {
  fill: #bc204b;
}
.immediate a {
  color: var(--white);
}
.immediate .alert-icon {
  stroke: var(--white);
}
.immediate .alert-icon rect,
.immediate .alert-icon path {
  stroke: var(--white);
  fill: var(--white);
}

.min.immediate {
  background-color: #bc204b;
}

.urgent {
  background-color: #9f6c20;
  color: var(--black);
}
.urgent .alert-message {
  background-color: #ffd100;
}
.urgent .left-angle,
.urgent .right-angle {
  fill: #ffd100;
}
.urgent a {
  color: var(--black);
}
.urgent .alert-icon {
  stroke: var(--black);
}
.urgent .alert-icon rect,
.urgent .alert-icon path {
  stroke: var(--black);
}

.min.urgent {
  background-color: #ffd100;
}

.all-clear {
  background-color: #4a7729;
}
.all-clear .alert-message {
  background-color: #99cc00;
}
.all-clear .left-angle,
.all-clear .right-angle {
  fill: #99cc00;
}
.all-clear a {
  color: var(--black);
}
.all-clear .alert-icon {
  stroke: var(--black);
}
.all-clear .alert-icon rect,
.all-clear .alert-icon path {
  stroke: var(--black);
}

.min.all-clear {
  background-color: #99cc00;
}

.non-emergency {
  background-color: #cfeceb;
  color: var(--black);
}
.non-emergency .alert-message {
  background-color: var(--white);
}
.non-emergency .left-angle,
.non-emergency .right-angle {
  fill: var(--white);
}
.non-emergency a {
  color: var(--black);
}
.non-emergency .alert-icon {
  stroke: var(--black);
}
.non-emergency .alert-icon rect,
.non-emergency .alert-icon path {
  stroke: var(--black);
}
.non-emergency .minimize-alert button > span::before,
.non-emergency .minimize-alert button > span::after {
  background-color: var(--ps-nittany-navy-500);
}

.min.non-emergency {
  background-color: #cfeceb;
}

.urgent .alert-message p,
.all-clear .alert-message p,
.non-emergency .alert-message p {
  color: var(--black);
}

.urgent .date p,
.urgent .minimize-alert button,
.all-clear .date p,
.all-clear .minimize-alert button,
.immediate .minimize-alert button,
.min.immediate button,
.immediate .alert-message p {
  color: var(--white);
}

.alert .date {
  float: left;
  padding: 14px 33px 14px 24px;
  text-transform: uppercase;
  order: 1;
  flex: 0 50%;
}
@media screen and (min-width: 600px) {
  .alert .date {
    flex: 0 69%;
  }
}
@media (min-width: 768px) {
  .alert .date {
    padding: 14px 0 14px 32px;
    flex: 0 81%;
  }
}
@media (min-width: 1080px) {
  .alert .date {
    padding: 44px 0 32px;
    flex: 0 16%;
    float: none;
  }
}
@media (min-width: 1440px) {
  .alert .date {
    flex: 0 14%;
  }
}
@media (min-width: 1080px) {
  .alert .date p {
    position: relative;
    left: 1rem;
  }
}
@media (min-width: 1440px) {
  .alert .date p {
    position: relative;
    left: 3rem;
  }
}
.alert .date p .time {
  display: block;
}
@media (min-width: 1080px) {
  .alert .date p .time {
    display: inline-block;
  }
}

.left-angle,
.right-angle {
  display: none;
}
@media (min-width: 768px) {
  .left-angle,
  .right-angle {
    display: inline-block;
    flex: 0 9.15%;
    height: 100%;
    width: 100%;
  }
}
@media (min-width: 1080px) {
  .left-angle,
  .right-angle {
    flex: 0 5.6%;
  }
}
@media (min-width: 1440px) {
  .left-angle,
  .right-angle {
    flex: 0 3.7%;
  }
}

@media (min-width: 768px) {
  .left-angle {
    order: 3;
  }
}
@media (min-width: 1080px) {
  .left-angle {
    position: relative;
    left: 1px;
    order: 2;
  }
}

@media (min-width: 768px) {
  .right-angle {
    order: 5;
  }
}
@media (min-width: 1080px) {
  .right-angle {
    position: relative;
    right: 1px;
    order: 4;
  }
}

.alert-icon {
  width: 3rem;
  height: 3rem;
  position: relative;
  top: -1rem;
  left: -7px;
}
@media (min-width: 768px) {
  .alert-icon {
    width: 4rem;
    height: 4rem;
    padding: 0 0.5rem 0 2rem;
  }
}
@media (min-width: 1080px) {
  .alert-icon {
    width: 5rem;
    height: 5rem;
    top: 0;
    padding: 0 0.5rem 0 2rem;
  }
}
@media (min-width: 1440px) {
  .alert-icon {
    padding: 0 1rem 0 0;
  }
}

.alert-message {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  order: 3;
  flex: 0 100%;
}
@media (min-width: 768px) {
  .alert-message {
    flex: 0 81.5%;
    height: auto;
  }
}
@media (min-width: 1080px) {
  .alert-message {
    flex: 0 63%;
  }
}
@media (min-width: 1440px) {
  .alert-message {
    flex: 0 66%;
  }
}
.alert-message p {
  width: 76%;
  font-size: var(--font-size-base);
  line-height: 1.4;
  padding: 1.75rem 0;
}
@media (min-width: 768px) {
  .alert-message p {
    padding: 0;
  }
}

@media (-ms-high-contrast: none) and (min-width: 768px) {
  *::-ms-backdrop,
  .alert-message {
    margin: 0 -6px;
  }
}
@media (-ms-high-contrast: none) and (min-width: 1080px) {
  *::-ms-backdrop,
  .alert-message {
    margin: 0;
  }
}
.minimize-alert {
  text-transform: uppercase;
  order: 2;
}
@media (min-width: 768px) {
  .minimize-alert {
    order: 2;
    flex: 0 14%;
  }
}
@media (min-width: 1080px) {
  .minimize-alert {
    order: 5;
    flex: 0 9%;
  }
}
@media (min-width: 1440px) {
  .minimize-alert {
    position: relative;
    left: -3rem;
  }
}

.minimize-alert button {
  float: right;
  position: relative;
  display: block;
  top: 0;
  right: 1rem;
  border: none;
  background-color: transparent;
  cursor: pointer;
  text-transform: uppercase;
  padding-top: 2rem;
  padding-bottom: 14px;
  font-size: var(--font-size-base);
  font-weight: 700;
}
@media (min-width: 768px) {
  .minimize-alert button {
    right: 3.75rem;
  }
}
@media (min-width: 1080px) {
  .minimize-alert button {
    right: 1rem;
    padding-bottom: 0;
  }
}
.minimize-alert button span {
  display: inline-block;
  right: 34px;
  width: 16px;
  height: 19px;
  vertical-align: middle;
  z-index: inherit;
  padding-right: 1.25rem;
}

.minimize-alert button > span::before,
.minimize-alert button > span::after {
  display: block;
  position: absolute;
  left: 15px;
  content: " ";
  height: 16px;
  width: 3px;
  background-color: var(--white);
}

.minimize-alert button > span::before {
  display: block;
  transform: rotate(45deg);
}

.minimize-alert button > span::after {
  display: block;
  transform: rotate(135deg);
}

.hide-alert.alert.min,
.hide-alert.alert.full {
  display: none;
  transition: 500ms;
}

.alert.min {
  text-align: center;
  display: block;
  transition: 500ms;
  transition-delay: 500ms;
  font-size: 1.25rem;
  font-weight: 700;
}
.alert.min .container {
  height: 3.375rem;
  display: flex;
  justify-content: center;
}
.alert.min .alert-icon {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0 0 0 2rem;
  top: 0;
  left: -0.75rem;
}
.alert.min .expand-alert {
  border: none;
  background-color: transparent;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
  font-style: italic;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alert.min button.expand-alert:focus {
  color: var(--black);
}

.anchor {
  position: relative;
  top: -3.75rem;
}

ol.breadcrumb {
  list-style: none;
  font-size: var(--small-1);
  padding-left: 0;
}
ol.breadcrumb > li {
  display: inline-block;
  padding: var(--spacing-minimum) 0;
}
ol.breadcrumb li::after {
  content: "/";
  padding: 0 var(--spacing-xx-small);
}
ol.breadcrumb li:last-child::after {
  content: none;
}
ol.breadcrumb a:link,
ol.breadcrumb a:visited {
  color: #555; /* need to set this as accessible gray */
  font-weight: 500;
}
ol.breadcrumb a:hover {
  color: var(--link-color);
  text-decoration: underline;
}

.bg-beaver-blue ol.breadcrumb li::after,
.bg-slate ol.breadcrumb li::after {
  color: var(--color-primary-accent);
}
.bg-beaver-blue ol.breadcrumb a:link,
.bg-beaver-blue ol.breadcrumb a:visited,
.bg-slate ol.breadcrumb a:link,
.bg-slate ol.breadcrumb a:visited {
  color: var(--white);
}
.bg-beaver-blue ol.breadcrumb a:hover,
.bg-slate ol.breadcrumb a:hover {
  color: var(--link-light-color);
  text-decoration: underline;
}

.header-buttons .button {
  text-transform: uppercase;
  font-style: italic;
  font-weight: 700;
}

.gradient-button-hover:hover, .gradient-button-hover:focus,
.gradient-button:hover,
.gradient-button:focus {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#009cde+1,1b5c99+66,1e407c+100 */
  background: linear-gradient(to bottom, rgb(0, 156, 222) 0%, rgb(27, 92, 153) 66%, rgb(30, 64, 124) 100%);
}

.button {
  font-weight: 500;
  color: var(--link-light-color);
  text-decoration: none;
  display: inline-block;
  margin-top: var(--spacing-medium-small);
  transition: all 0.25s ease-in;
  box-sizing: border-box;
  padding: var(--spacing-small) var(--spacing-medium-small);
}
.button:hover {
  text-decoration: none;
}

.cta-button {
  outline: 2px solid var(--link-light-color);
  outline-offset: -2px;
  margin: 0 var(--spacing-minimum);
  padding: var(--spacing-minimum) var(--spacing-medium-small);
  font-size: var(--small-2);
}
.cta-button:hover {
  outline: 2px solid transparent;
}

@media (min-width: 1080px) {
  .cta-button {
    font-size: var(--font-size-base);
  }
}
a[href*=ddar].cta-button { /* specifically style give button */
  outline: transparent;
  background: var(--ps-creek-200);
  color: var(--black);
}
a[href*=ddar].cta-button:hover {
  background: var(--ps-creek-300);
  color: var(--black);
}

.header-buttons .btn-wrap a[href*=ddar].cta-button:hover {
  color: var(--black);
}

.wrap-cta .cta-button {
  outline: 2px solid var(--link-color);
  font-style: italic;
  text-transform: uppercase;
}
.wrap-cta .cta-button:hover {
  color: var(--white);
  outline: 2px solid transparent;
}

.hero-button .button {
  border: none;
  color: var(--black);
  background: var(--ps-creek-200);
  box-shadow: var(--spacing-minimum) var(--spacing-minimum) 0 var(--ps-sky-blue-500);
}
.hero-button .button:hover {
  background: var(--ps-creek-300);
}

.button-outline-light-bkg { /* Not Using */
  border: 2px solid var(--link-color);
  background-color: var(--white);
  color: var(--link-color);
}
.button-outline-light-bkg:hover, .button-outline-light-bkg:focus {
  border: 2px solid var(--link-light-color);
  background-color: var(--link-light-color);
  color: var(--link-color);
}

.button-outline-dark-bkg {
  border: 2px solid var(--link-color);
  background-color: var(--ps-creek-150);
  color: var(--black);
}
.button-outline-dark-bkg:hover, .button-outline-dark-bkg:focus {
  border: 2px solid var(--link-light-color);
  background-color: var(--link-light-color);
  color: var(--link-color);
}

.col .button {
  font-style: normal;
  margin-top: var(--spacing-medium-small);
  margin-right: var(--spacing-x-small);
  font-size: var(--font-size-xl);
}
.col .button.button-primary,
.col .button.button-secondary,
.col .form_button_submit {
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  padding: 16px 16px 16px 24px; /* increase top bottom padding from 12 to 16 */
}
.col .form_button_submit {
  padding: var(--spacing-medium-small) var(--spacing-large);
  font-size: var(--font-size-xl);
  cursor: pointer;
}

.theme-vibrant-blue .col .button.button-primary {
  border: none;
  color: var(--black);
  background: var(--ps-keystone-yellow-300);
  box-shadow: var(--spacing-minimum) var(--spacing-minimum) 0 var(--ps-sky-blue-500);
}
.theme-vibrant-blue .col .button.button-primary:hover {
  background: var(--ps-keystone-yellow-400);
}
.theme-vibrant-blue .col .button.button-secondary {
  border: none;
  color: var(--black);
  background: var(--ps-creek-200);
  box-shadow: var(--spacing-minimum) var(--spacing-minimum) 0 var(--ps-sky-blue-500);
}
.theme-vibrant-blue .col .button.button-secondary:hover {
  background: var(--ps-creek-300);
}
.theme-vibrant-blue .col .form_button_submit {
  border: none;
  color: var(--black);
  background: var(--ps-keystone-yellow-300);
  box-shadow: var(--spacing-minimum) var(--spacing-minimum) 0 var(--ps-sky-blue-500);
}
.theme-vibrant-blue .col .form_button_submit:hover {
  background: var(--ps-keystone-yellow-400);
  box-shadow: var(--spacing-minimum) var(--spacing-minimum) var(--ps-sky-blue-600);
}

.theme-traditional .col .button.button-primary,
.theme-traditional .col .form_button_submit {
  border: none;
  color: var(--white);
  background: var(--primary-link-color);
}
.theme-traditional .col .button.button-primary:hover,
.theme-traditional .col .form_button_submit:hover {
  background: var(--ps-link-blue-600);
}
.theme-traditional .col .button.button-secondary {
  border: none;
  color: var(--black);
  background: var(--ps-pugh-blue-200);
}
.theme-traditional .col .button.button-secondary:hover {
  background: var(--ps-pugh-blue-300);
}

.button.button-light-bkg {
  border: 2px solid var(--link-color);
  border: 2px solid transparent;
  color: var(--white);
  background: var(--ps-beaver-blue-500);
  box-shadow: var(--spacing-minimum) var(--spacing-minimum) 0 var(--ps-sky-blue-500);
}
.button.button-light-bkg:hover, .button.button-light-bkg:focus {
  border: 2px solid transparent;
  background-color: var(--ps-nittany-navy-500);
}

.button-dark-bkg {
  border: 2px solid var(--white);
  border: 2px solid var(--color-primary-accent);
}
.button-dark-bkg:hover, .button-dark-bkg:focus {
  border: 2px solid var(--link-light-color);
  background-color: var(--link-light-color);
  color: var(--link-color);
}

.button-news {
  border: 2px solid var(--link-color);
  color: var(--link-color);
  padding: var(--spacing-small) var(--spacing-standard);
  font-size: var(--h5);
}
.button-news:hover, .button-news:focus {
  background-color: var(--link-color);
  color: var(--white);
}

.button-event-archive {
  position: relative;
  float: right;
  margin-top: var(--spacing-standard);
}

.shield-buttons-wrap {
  padding: var(--spacing-standard);
}

@media (min-width: 1080px) {
  .container-fixed-wide .shield-buttons {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 768px) {
  .page-content .shield-buttons {
    flex-flow: row wrap;
    justify-content: flex-start;
  }
  .page-content .shield-buttons a {
    width: calc(50% - var(--spacing-standard));
    flex-direction: column;
    border-bottom: none;
  }
}

.shield-buttons {
  position: relative;
  grid-gap: var(--spacing-standard);
  display: flex;
  flex-direction: column;
}
.shield-buttons a {
  display: flex;
}
@media (min-width: 768px) {
  .shield-buttons {
    flex-flow: row wrap;
    justify-content: center;
  }
  .shield-buttons a {
    width: calc(50% - var(--spacing-standard));
    flex-direction: column;
    border-bottom: none;
  }
}
@media (min-width: 1080px) {
  .shield-buttons a {
    width: calc(33.33% - var(--spacing-standard));
  }
}
@media (min-width: 1440px) {
  .shield-buttons a {
    width: calc(25% - var(--spacing-standard));
  }
}
.shield-buttons a.shield-button {
  background-size: cover;
  background-position: center bottom;
  position: relative;
  transition: all 0.25s ease-in;
  height: 25vh;
  align-items: center;
  justify-content: center;
}
.shield-buttons a .button {
  font-size: var(--h6);
  margin-top: 0;
  width: 80%;
  text-align: center;
  color: var(--white);
}
.shield-buttons a:hover .button,
.shield-buttons a:focus .button {
  border: 2px solid var(--link-light-color);
  color: var(--link-color);
  background-color: var(--link-light-color);
}

.theme-traditional .shield-buttons a.shield-button {
  background-image: url(/assets/components/img/calloutBG.png);
}

.theme-vibrant-blue .shield-buttons a.shield-button {
  background-image: url(/assets/components/img/calloutBG-sky-blue.png);
}
.theme-vibrant-blue .shield-buttons a .button {
  border: 2px solid transparent;
  background-color: rgba(var(--ps-beaver-blue-rgb), 0.75);
  box-shadow: var(--spacing-minimum) var(--spacing-minimum) 0 rgba(var(--white-rgb), 0.5);
}
.theme-vibrant-blue .shield-buttons a:hover .button,
.theme-vibrant-blue .shield-buttons a:focus .button {
  border: 2px solid transparent;
  background-color: rgba(var(--ps-beaver-blue-rgb), 1);
  color: var(--white);
}

/* callout box - mimic "moment" */
.callout-box-content {
  position: relative;
  background-color: var(--primary-link-color);
  padding: var(--spacing-x-large);
  box-shadow: 0 var(--spacing-xx-small) var(--spacing-medium-small) rgba(0, 0, 0, 0.1);
  display: block;
  margin: var(--spacing-standard) 0 0 0;
  z-index: 0;
}
.callout-box-content.callout-box-note {
  background-color: rgba(var(--color-primary-accent-rgb), 0.15);
}
.callout-box-content.callout-box-important {
  background-color: var(--ps-keystone-yellow-300);
}
.callout-box-content.callout-box-warning {
  background-color: var(--ps-danger-red);
}
.callout-box-content.callout-box-warning h2, .callout-box-content.callout-box-warning h3 {
  color: var(--reverse-header-color);
}
.callout-box-content.callout-box-warning p {
  color: var(--reverse-text-color);
}
.callout-box-content.callout-box-warning .button {
  color: var(--white);
  border: 2px solid var(--white);
}
.callout-box-content.callout-box-warning .button:hover, .callout-box-content.callout-box-warning .button:focus {
  border: 2px solid var(--link-light-color);
  background-color: var(--link-light-color);
  color: var(--link-color);
}
@media (min-width: 768px) {
  .callout-box-content {
    z-index: 1;
  }
}
.callout-box-content h2 {
  margin-top: 0;
  margin-bottom: var(--spacing-small);
  padding: 0;
  font-size: var(--font-size-base);
}
.callout-box-content h3 {
  margin-top: 0;
  margin-bottom: var(--spacing-standard);
  padding: 0;
  padding-top: var(--spacing-small);
  font-size: var(--h3);
}
.callout-box-content b {
  margin-bottom: var(--spacing-small);
}
.callout-box-content p {
  font-size: var(--font-size-lg);
  margin-top: 0;
  margin-bottom: var(--spacing-medium-large);
  padding: 0;
}
.callout-box-content p strong {
  margin: auto;
}
.callout-box-content p:first-of-type {
  font-size: var(--h4);
}
.callout-box-content .button {
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--h5);
  color: var(--link-color);
  border: 2px solid var(--link-color);
}
.callout-box-content .button:hover, .callout-box-content .button:focus {
  background-color: var(--white);
  color: var(--link-color);
}

figcaption {
  margin-top: var(--spacing-small);
}
figcaption p {
  font-size: var(--font-size-base);
  line-height: 1 !important;
  color: var(--primary-text-color);
  letter-spacing: 0.01rem;
  margin: 0;
}
figcaption .caption-wrap {
  margin: 0;
  height: auto;
  display: block;
  position: relative;
}
figcaption .caption-wrap .caption {
  max-height: 3.5rem;
  overflow-y: hidden;
  position: relative;
  display: block;
  transition: max-height 0.4s ease-in-out;
}
figcaption .caption-wrap .caption p {
  font-size: var(--font-size-base);
  line-height: 1 !important;
  color: var(--primary-text-color);
  letter-spacing: 0.01rem;
  margin: 0;
}
figcaption .caption-wrap .caption span {
  position: absolute;
  height: 1.25rem;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.62), #fff);
}
figcaption .caption-wrap .caption span.collapse-gradient {
  height: 0;
}
figcaption .caption-wrap .active {
  color: var(--ps-nittany-navy-500);
}
figcaption .caption-wrap .caption-button-wrap {
  position: relative;
  display: flex;
  margin-left: auto;
  margin-top: var(--spacing-x-small);
}
figcaption .caption-wrap .caption-button-wrap button {
  position: relative;
  bottom: 0;
  margin-left: auto;
  z-index: 2;
  color: var(--link-color);
  font-size: var(--font-size-base);
  letter-spacing: 0.03rem;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  background-color: transparent;
}
figcaption .caption-wrap .caption-button-wrap button:after {
  content: " +";
  color: var(--link-color);
}
figcaption .caption-wrap .caption-button-wrap button.closed:after {
  content: " −";
  color: var(--ps-nittany-navy-500);
}

.image-full figcaption {
  padding-left: var(--spacing-standard);
  padding-bottom: var(--spacing-standard);
}

.cta-wrap {
  padding-top: var(--spacing-standard);
  padding-bottom: 0;
}

.col .cta-card .button {
  margin-right: 0;
}

.cta-card {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: var(--spacing-standard);
}
@media (min-width: 768px) {
  .cta-card {
    grid-template-columns: repeat(2, 1fr);
  }
}
.cta-card p.h2 {
  font-size: var(--h5);
  font-weight: 700;
  color: var(--white);
  padding-bottom: 0;
  margin-bottom: 0;
  margin-right: var(--spacing-small);
  margin-top: 0;
  text-decoration: none;
  line-height: 1;
  padding-top: var(--spacing-standard);
}
.cta-card p.h2::after { /* remove standard bottom border */
  display: none;
}
.cta-card b {
  background-color: var(--color-primary-accent);
  font-size: 10px;
  height: 2px;
  font-weight: bold;
  width: var(--spacing-x-large);
  margin: var(--spacing-small) 0;
  display: block;
}
.cta-card a {
  text-decoration: none;
  margin-bottom: 0;
  padding-bottom: var(--spacing-small);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  background: #005fa9;
  background: url("/assets/components/img/resource-sheild.png") center right no-repeat, radial-gradient(ellipse at center, rgb(0, 95, 169) 0%, rgb(0, 6, 14) 100%);
  padding-left: 7.5%;
  padding-right: 7.5%;
}
.cta-card a:hover span.button, .cta-card a:focus span.button {
  border: 2px solid var(--link-light-color);
  background-color: var(--link-light-color);
  color: var(--link-color);
}
.cta-card .button-dark-bkg {
  border: 2px solid var(--white);
}
.cta-card a span.button {
  margin-bottom: var(--spacing-small);
  margin-top: 0;
}

@media (min-width: 1080px) {
  .container-fixed-wide .cta-card {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1440px) {
  .container-fixed-wide .cta-card {
    grid-template-columns: repeat(4, 1fr);
  }
}

.dialog-overlay {
  z-index: 101;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.main-dialog {
  z-index: 102;
}

.dialog-overlay[aria-hidden=true],
.main-dialog[aria-hidden=true] {
  display: none;
}

.dialog-overlay:not([aria-hidden=true]),
.main-dialog:not([aria-hidden=true]) {
  display: grid;
}

.sr-only {
  opacity: 0;
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

/* People Directory */
.container-fluid.directory-people + .container-fluid.directory-people {
  /* only for case where we are stacking directory blocks */
  padding-top: 0;
}
.container-fluid.directory-people + .container-fluid.directory-people h2 {
  padding-top: 0;
}

.directory-grid {
  margin: var(--spacing-small) 0 var(--spacing-standard) 0;
}
@media (min-width: 1080px) {
  .directory-grid {
    display: grid;
    grid-gap: var(--spacing-standard);
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 768px) {
  .container-fixed-max .directory-grid {
    display: grid;
    grid-gap: var(--spacing-standard);
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1440px) {
  .container-fixed-max .directory-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.directory-card {
  background-color: var(--ps-slate-gray-0);
  padding: var(--spacing-small);
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: var(--spacing-standard);
}
@media (min-width: 576px) {
  .directory-card {
    grid-gap: var(--spacing-standard);
    grid-template-columns: 4fr 8fr;
  }
}
@media (min-width: 1080px) {
  .directory-card {
    margin-bottom: 0;
  }
}
.directory-card img {
  width: 100%;
  height: auto;
}

.bg-color .directory-card { /* case with light bg color on landing pages */
  background-color: var(--white);
}

.directory-details h3 {
  padding-top: var(--spacing-small);
  padding-bottom: var(--spacing-small);
  font-size: var(--h4);
}
.directory-details h3 a {
  color: var(--primary-link-color);
  text-decoration: none;
}
.directory-details h3 a:hover {
  text-decoration: underline;
}
.directory-details ul.directory-title-list {
  padding-left: 0;
  color: var(--primary-text-color);
  margin-bottom: 0;
}
.directory-details ul.directory-title-list li {
  font-size: var(--font-size-base);
  display: inline-block;
  margin: 0 0 var(--spacing-xx-small) 0;
  line-height: 1.2;
}
.directory-details ul.directory-title-list li::before {
  content: none;
  margin: 0;
}
.directory-details p {
  font-size: var(--font-size-base);
  line-height: 1.4;
  padding-top: var(--spacing-small);
}
.directory-details .directory-item {
  padding-top: var(--spacing-minimum);
}
.directory-details .directory-item:first-of-type {
  padding-top: var(--spacing-xx-small);
}
.directory-details .directory-item p {
  padding-top: 0;
}
.directory-details .directory-item a:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .directory-learn-more {
    display: flex;
    grid-gap: var(--spacing-large);
  }
}
.directory-header-content {
  grid-area: content;
}
.directory-header-content p {
  line-height: 1.4;
}
.directory-header-content ul.directory-title-list {
  list-style-type: none;
  padding-left: 0;
  color: var(--primary-text-color);
}
.directory-header-content ul.directory-title-list li {
  font-size: var(--h5);
  margin-bottom: var(--spacing-xx-small);
}

ul.directory-education-list {
  margin-top: var(--spacing-small);
  list-style-type: square;
  list-style-position: outside;
  color: var(--primary-text-color);
}
ul.directory-education-list li::marker {
  color: var(--color-primary-accent);
  font-size: 110%; /* lines up more centered with text */
}
ul.directory-education-list li {
  font-size: var(--font-size-lg);
  margin: 0 0 var(--spacing-xx-small) 0;
  line-height: 1.2;
}

.learn-more-websites h2,
.directory-body-contact h2 {
  font-size: var(--h3);
  padding-top: var(--spacing-medium-large);
}
.learn-more-websites h2::after,
.directory-body-contact h2::after {
  content: "";
  height: 2px;
  width: 5.25rem;
  background-color: var(--color-primary-accent);
  display: block;
  margin-top: var(--spacing-x-small);
}
.learn-more-websites p,
.directory-body-contact p {
  font-size: var(--font-size-lg);
  padding-top: var(--spacing-x-small);
}

.directory-header-image {
  grid-area: image;
}

@media (min-width: 768px) {
  .img-border-shadow {
    position: relative;
    box-shadow: 2px 2px 0 var(--color-primary-accent);
  }
  .img-border-shadow img {
    transform: translate(calc(var(--spacing-xx-small) * -1), calc(var(--spacing-xx-small) * -1));
    position: relative;
  }
}
.directory-header-image img {
  width: 100%;
  height: auto;
}

.directory-header {
  display: grid;
  column-gap: var(--spacing-medium-small);
  row-gap: var(--spacing-medium-small);
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-template-areas: "image" "content";
  padding-bottom: var(--spacing-standard);
}
@media (min-width: 768px) {
  .directory-header {
    grid-template-columns: 4fr 2fr;
    grid-template-areas: "content image";
  }
}
.directory-header h1 {
  padding-bottom: var(--spacing-small);
}
.directory-header ul + p {
  padding-top: 0;
}

.contact-block {
  margin-bottom: var(--spacing-small);
}

.directory-body-content { /* accordions */ }
.directory-body-content p {
  font-size: var(--font-size-base);
}

a.documents-preview:link,
a.documents-preview:visited {
  text-decoration: none;
  display: block;
  padding: var(--spacing-small);
  margin: var(--spacing-small) 0 0 0;
}
a.documents-preview:link:hover,
a.documents-preview:visited:hover {
  background: var(--ps-sky-blue-0);
}
a.documents-preview:link:hover p.post-headline,
a.documents-preview:visited:hover p.post-headline {
  text-decoration: underline;
}
a.documents-preview:link p:not(.post-headline),
a.documents-preview:visited p:not(.post-headline) {
  line-height: 1.4;
  font-size: var(--font-size-base);
  margin-top: var(--spacing-xx-small);
  margin-bottom: 0;
  padding-top: 0;
}
@media (min-width: 768px) {
  a.documents-preview:link p:not(.post-headline),
  a.documents-preview:visited p:not(.post-headline) {
    margin-left: var(--spacing-large);
  }
}

p.post-headline {
  padding-top: 0;
  margin-top: 0;
  font-size: var(--h4);
  border-top: none;
  margin-left: 0;
  color: var(--primary-link-color);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0;
}

a[href$=".pdf"] .post-headline:before {
  content: "";
  height: 28px;
  width: 32px;
  background: url(/assets/components/img/doc-icon-pdf.svg) no-repeat;
  background-size: contain;
  background-position: center top;
  margin-right: var(--spacing-xx-small);
  display: inline-block;
  position: relative;
  top: 0.25rem;
}

a[href$=".doc"] .post-headline:before,
a[href$=".docm"] .post-headline:before,
a[href$=".docx"] .post-headline:before {
  content: "";
  height: 28px;
  width: 32px;
  background: url(/assets/components/img/doc-icon-doc.svg) no-repeat;
  background-size: contain;
  background-position: center top;
  margin-right: var(--spacing-xx-small);
  display: inline-block;
  position: relative;
  top: 0.25rem;
}

a[href$=".ppt"] .post-headline:before,
a[href$=".pptm"] .post-headline:before,
a[href$=".pptx"] .post-headline:before {
  content: "";
  height: 28px;
  width: 32px;
  background: url(/assets/components/img/doc-icon-ppt.svg) no-repeat;
  background-size: contain;
  background-position: center top;
  mmargin-right: var(--spacing-xx-small);
  display: inline-block;
  position: relative;
  top: 0.25rem;
}

a[href$=".xls"] .post-headline:before,
a[href$=".xlt"] .post-headline:before,
a[href$=".xltm"] .post-headline:before,
a[href$=".xltx"] .post-headline:before,
a[href$=".xlsb"] .post-headline:before,
a[href$=".xlsm"] .post-headline:before,
a[href$=".xlsx"] .post-headline:before {
  content: "";
  height: 28px;
  width: 32px;
  background: url(/assets/components/img/doc-icon-xls.svg) no-repeat;
  background-size: contain;
  background-position: center top;
  margin-right: var(--spacing-xx-small);
  display: inline-block;
  position: relative;
  top: 0.25rem;
}

.home-events-feed {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .home-events-feed {
    flex-direction: row;
    grid-gap: var(--spacing-x-large);
  }
}
@media (min-width: 1440px) {
  .home-events-feed {
    grid-gap: var(--spacing-xx-large);
  }
}
.home-events-feed .date {
  padding-left: 0;
  padding-top: 0;
}
.home-events-feed .date div {
  display: inline-block;
  text-align: center;
}
.home-events-feed .date .month {
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: var(--spacing-minimum);
  padding-top: 0;
}
.home-events-feed .date .day {
  font-size: var(--h3);
  font-weight: 600;
  border: 2px solid;
  display: inline-block;
  border-radius: 30px;
  width: 55px;
  height: 55px;
  line-height: 55px;
  padding-bottom: 0;
  padding-top: 0;
}
@media (min-width: 1080px) {
  .home-events-feed .date .day {
    border-radius: 36px;
    width: 67px;
    height: 67px;
    line-height: 67px;
  }
}
.home-events-feed .featured-event {
  background: var(--ps-creek-600);
  background: var(--ps-beaver-blue-500);
  border: 0.75rem solid var(--ps-sky-blue-500);
  background-image: url("../assets/components/img/geo-limestone-10-bkg.png");
  background-size: cover;
  padding: var(--spacing-standard) 12.5% var(--spacing-standard) var(--spacing-standard);
  position: relative;
}
.home-events-feed .featured-event h3 {
  font-size: var(--h2);
}
.home-events-feed .featured-event:hover h3 {
  text-decoration: underline;
}
.home-events-feed .featured-event img {
  display: none;
}
@media (min-width: 768px) {
  .home-events-feed .featured-event {
    width: 66.66%;
  }
  .home-events-feed .featured-event img {
    display: block;
    position: absolute;
    right: calc(var(--spacing-x-large) / 2 * -1);
    top: calc(var(--spacing-x-large) / 2);
    width: 20%;
  }
}
@media (min-width: 1440px) {
  .home-events-feed .featured-event img {
    right: calc(var(--spacing-xx-large) / 2 * -1);
    top: calc(var(--spacing-xx-large) / 2);
  }
}
.home-events-feed .event-details {
  padding-top: var(--spacing-small);
}
.home-events-feed .event-feed-list-only a:link,
.home-events-feed .event-feed-list-only span {
  color: var(--link-color);
  font-weight: 700;
  font-size: var(--h5);
  margin-bottom: var(--spacing-xx-small);
  display: block;
}
.home-events-feed .event-feed-list-only a:hover {
  text-decoration: underline;
}
.home-events-feed .event-feed-list-only p {
  font-size: var(--font-size-lg);
  line-height: 1.4;
}
.home-events-feed .event-feed-list-only ul {
  list-style-type: none;
  padding-left: 0;
}
.home-events-feed .event-feed-list-only li {
  padding-bottom: var(--spacing-small);
  border-bottom: 1px solid var(--color-primary-accent);
}
.home-events-feed .event-feed-list-only li:first-of-type {
  border-top: 1px solid var(--color-primary-accent);
}
@media (min-width: 768px) {
  .home-events-feed .event-feed-list-only {
    width: 33.33%;
  }
}

p.event-date,
p.event-location {
  padding-top: 0;
}

.col-event-individual img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .col-event-individual img {
    float: right;
    width: 25%;
    height: auto;
  }
}
.col-event-individual p.event-location {
  padding-bottom: var(--spacing-standard);
  border-bottom: 1px solid var(--color-primary-accent);
}

.new-events {
  width: 100%;
}
.new-events .event-feed-event {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-large) 0;
  border-top: 1px solid var(--color-primary-accent);
  /* would use gap instead of padding - but that messes with width and would cause more issues for flexibly swapping this to other N-up layouts */
}
.new-events .event-feed-event:last-of-type {
  border-bottom: 1px solid var(--color-primary-accent);
}
.new-events .event-feed-event .date {
  display: none;
}
.new-events .event-feed-event .event-details {
  order: 2;
}
.new-events .event-feed-event .event-image {
  order: 1;
}
.new-events .event-feed-event img {
  width: 100%;
  height: auto;
}
.new-events .event-feed-event p.event-title {
  font-size: var(--h2);
  padding-top: var(--spacing-standard);
  font-weight: 700;
  color: var(--ps-beaver-blue-500);
  line-height: 1.2;
}
@media (min-width: 768px) {
  .new-events .event-feed-event p.event-title {
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .new-events .event-feed-event {
    flex-flow: row wrap;
    justify-content: center;
  }
  .new-events .event-feed-event h2 {
    padding-top: 0;
  }
  .new-events .event-feed-event .date {
    display: flex;
    width: 15%;
    flex-direction: column;
    padding-left: var(--spacing-small);
    padding-right: var(--spacing-small);
    order: 1;
    padding-top: 0;
  }
  .new-events .event-feed-event .event-details {
    width: 70%;
    order: 2;
    padding-right: var(--spacing-small);
  }
  .new-events .event-feed-event .event-image {
    width: 15%;
    order: 3;
  }
}
.new-events .date {
  padding-left: 9vw;
  padding-top: var(--spacing-small);
}
@media (min-width: 768px) {
  .new-events .date {
    padding-left: 3vw;
    padding-top: 0;
  }
}
@media (min-width: 1080px) {
  .new-events .date {
    padding-top: 1vw;
    padding-left: 2rem;
  }
}
.new-events .date div {
  display: inline-block;
  text-align: center;
}
.new-events .date .month {
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 0.25vw;
  padding-top: 0;
}
.new-events .date .day {
  font-size: var(--h3);
  font-weight: 600;
  border: 2px solid;
  display: inline-block;
  border-radius: 30px;
  width: 55px;
  height: 55px;
  line-height: 55px;
  padding-bottom: 0;
  padding-top: 0;
}
@media (min-width: 1080px) {
  .new-events .date .day {
    border-radius: 36px;
    width: 67px;
    height: 67px;
    line-height: 67px;
  }
}

.hide-e { /* original stratcomm - related to events.js - not sure if we need this */
  display: none !important;
  visibility: none !important;
  height: 0;
}

.footer-wrap {
  background-color: var(--ps-nittany-navy-500);
  /* background-image: linear-gradient(
  	to bottom,
  	#002e69 0%,
  	#001e44 65%,
  	#001e44 100%
  ); */
  overflow: hidden;
  background-image: url(../assets/img/world_flags-sil.png), linear-gradient(to bottom, #002e69 0%, var(--ps-sky-blue-600) 75%, var(--ps-sky-blue-500) 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: right bottom, center center;
  background-size: 33.33%, 100%;
  padding-bottom: var(--spacing-xx-large);
  padding-bottom: var(--spacing-medium-large);
}

footer {
  padding-top: var(--spacing-medium-large);
  display: grid;
  grid-gap: 0 1vw;
  grid-template: "map-cta map-cta" "list list" "contact contact" "legal legal"/1fr 1fr;
}
@media screen and (min-width: 730px) {
  footer {
    padding-top: var(--spacing-xx-large);
  }
}
@media (min-width: 768px) {
  footer {
    grid-template: "map-cta map-cta map-cta map-cta" "list list list list" "contact contact contact contact" "fmk legal legal legal"/2fr 2fr 2fr 2fr;
  }
}
@media (min-width: 1080px) {
  footer {
    grid-template: "map-cta list" auto "contact contact" "fmk legal"/4fr 8fr;
  }
}
footer div.map-social-cta {
  grid-area: map-cta;
  display: flex;
  width: 100%;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 0;
  /* SIA */
}
@media screen and (min-width: 730px) {
  footer div.map-social-cta {
    flex-direction: row;
  }
}
@media (min-width: 1080px) {
  footer div.map-social-cta {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
footer div.map-social-cta .logo-map-replacement {
  max-width: 240px;
  margin-right: 1.5rem;
}
footer div.map-social-cta .logo-map-replacement img {
  width: 100%;
}
footer div.map-social-cta div.map:after {
  content: "";
  position: relative;
  display: block;
  width: calc(100% + 1000px);
  margin-left: -100px;
  margin-bottom: 0;
}
@media screen and (min-width: 730px) {
  footer div.map-social-cta div.map:after {
    display: none;
  }
}
footer div.map-social-cta div.map img {
  margin: 0 auto;
  margin-bottom: 40px;
}
@media screen and (min-width: 730px) {
  footer div.map-social-cta div.map img {
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) {
  footer div.map-social-cta div.map {
    width: 50%;
  }
}
footer div.map-social-cta div.social-cta {
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 768px) {
  footer div.map-social-cta div.social-cta {
    text-align: left;
    width: 50%;
    margin: 0;
  }
}
@media (min-width: 1080px) {
  footer div.map-social-cta div.social-cta {
    width: auto;
  }
}
footer div.map-social-cta div.social-cta ul {
  display: inline-flex;
  list-style: none;
  vertical-align: text-top;
  margin: var(--spacing-medium-large) 0 var(--spacing-medium-small);
  padding: 0 var(--spacing-xx-small) var(--spacing-standard);
  border-bottom: 1px dashed var(--color-primary-accent);
}
footer div.map-social-cta div.social-cta ul li {
  margin: 0;
  margin-right: var(--spacing-medium-small);
}
footer div.map-social-cta div.social-cta ul li:last-child {
  margin-right: 0;
}
footer div.map-social-cta div.social-cta ul li a {
  text-decoration: none;
}
footer div.map-social-cta div.social-cta ul li a i {
  font-size: 1.75rem;
  color: var(--link-light-color);
}
footer div.map-social-cta div.social-cta ul li a i:hover, footer div.map-social-cta div.social-cta ul li a i:focus {
  color: rgba(var(--link-light-color), 0.8);
}
footer div.map-social-cta div.social-cta ul li a svg {
  fill: var(--link-light-color);
  fill: var(--white);
}
footer div.map-social-cta div.social-cta ul li a svg:hover, footer div.map-social-cta div.social-cta ul li a svg:focus {
  fill: rgba(var(--link-light-color), 0.8);
  fill: rgba(var(--white-rgb), 0.8);
}
footer div.map-social-cta div.social-cta ul li a span {
  font-size: 0;
}
footer div.map-social-cta div.social-cta h2 {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  font-size: var(--font-size-base);
  text-transform: uppercase;
  font-weight: 700;
  color: var(--white);
}
footer div.map-social-cta div.social-cta a.button {
  margin-bottom: var(--spacing-medium-large);
  width: auto;
}
@media (min-width: 1080px) {
  footer div.map-social-cta div.social-cta a.button {
    margin-bottom: 0;
  }
}
footer .footer-list-wrap {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  grid-area: list;
  padding-left: 0;
}
footer div.footer-list,
footer li.footer-list {
  width: 50%;
  margin-bottom: var(--spacing-large);
  padding-top: 0;
}
@media screen and (min-width: 730px) {
  footer div.footer-list,
  footer li.footer-list {
    width: 25%;
  }
}
footer div.footer-list a,
footer li.footer-list a {
  color: var(--white);
  text-decoration: none;
}
footer div.footer-list a:hover,
footer li.footer-list a:hover {
  border-bottom: 1px solid var(--white);
}
footer div.footer-list h2,
footer li.footer-list h2 {
  font-size: 1.125rem;
  font-weight: 900;
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  padding: 0 0 var(--spacing-small) 0;
  line-height: 0.875;
  text-transform: none;
}
footer div.footer-list h2 a,
footer li.footer-list h2 a {
  color: var(--white);
}
footer div.footer-list ul,
footer li.footer-list ul {
  margin: 0;
  padding: 0;
  padding: 0 var(--spacing-small) 0 0; /* SIA - cols are 25% but have no margin or padding so text collides */
  list-style: none;
}
footer div.footer-list ul li,
footer li.footer-list ul li {
  font-weight: 700;
  font-family: "Roboto Condensed", Impact, "Franklin Gothic Bold", sans-serif;
  font-size: var(--font-size-base);
  margin-top: var(--spacing-small);
  margin-bottom: var(--spacing-small);
  margin-left: 0;
  padding-left: 0;
}
footer div.subfooter-mark {
  grid-area: fmk;
}
footer div.subfooter-mark a:hover {
  text-decoration: none;
  border: none;
}
footer div.subfooter-mark a img {
  text-decoration: none;
  margin: var(--spacing-x-large) auto var(--spacing-medium-small);
  width: 191px;
}
@media (min-width: 768px) {
  footer div.subfooter-mark a img {
    float: left;
    width: 147px;
    margin-bottom: 0;
  }
}
@media (min-width: 1080px) {
  footer div.subfooter-mark a img {
    width: 164px;
    margin-right: var(--spacing-standard);
    float: right;
  }
}
footer div.subfooter-mark a img:after {
  clear: both;
}
footer div.subfooter-contact {
  grid-area: contact;
}
footer div.subfooter-contact p.footer-tagline {
  padding-top: 0;
  color: var(--white);
  font-weight: 700;
  font-size: var(--h1);
  line-height: 1.2;
}
footer div.subfooter-contact p.footer-tagline span {
  display: block;
}
@media (min-width: 576px) {
  footer div.subfooter-contact p.footer-tagline {
    font-size: var(--h3);
  }
}
@media (min-width: 768px) {
  footer div.subfooter-contact p.footer-tagline span {
    display: inline;
  }
}
footer div.subfooter-legal {
  grid-area: legal;
  margin: var(--spacing-standard) 0 var(--spacing-small);
}
footer div.subfooter-links {
  text-align: center;
}
@media (min-width: 768px) {
  footer div.subfooter-links {
    text-align: justify;
  }
}
footer div.subfooter-links a:hover {
  text-decoration: none;
  border: none;
}
footer div.subfooter-links a img {
  text-decoration: none;
  margin-top: var(--spacing-medium-small);
  margin-bottom: var(--spacing-large);
  float: left;
  margin-right: 0;
  width: 191px;
}
@media (min-width: 768px) {
  footer div.subfooter-links a img {
    width: 147px;
    margin-top: -4px;
    margin-bottom: 0;
  }
}
@media (min-width: 1080px) {
  footer div.subfooter-links a img {
    width: 164px;
  }
}
footer div.subfooter-links a img:after {
  clear: both;
}
@media (min-width: 1080px) {
  footer div.subfooter-links a img {
    margin-right: var(--spacing-standard);
    float: right;
  }
}
footer div.subfooter-links ul {
  list-style: none;
  text-align: center;
  padding: var(--spacing-xx-small) 0;
  margin: 0;
  display: inline-block;
}
@media (min-width: 768px) {
  footer div.subfooter-links ul {
    text-align: left;
  }
  footer div.subfooter-links ul.with-border {
    border-bottom: 1px dashed var(--color-primary-accent);
  }
}
footer div.subfooter-links ul li {
  display: inline-block;
  padding: 0 var(--spacing-small);
  margin: var(--spacing-x-small) 0;
  font-family: "Roboto Condensed", Impact, "Franklin Gothic Bold", sans-serif;
  font-weight: 400;
  font-size: var(--small-1);
  line-height: 0.875;
  color: var(--white);
  border-right: 1px solid var(--color-primary-accent);
}
@media (min-width: 768px) {
  footer div.subfooter-links ul li {
    margin: 0;
  }
}
footer div.subfooter-links ul li:first-child {
  padding-left: 0;
  border: none;
}
footer div.subfooter-links ul li:nth-child(2) {
  border-left: 1px solid var(--color-primary-accent);
}
footer div.subfooter-links ul li:last-child {
  border-right: none;
  padding-right: 0;
}
@media (min-width: 768px) {
  footer div.subfooter-links ul li:last-child {
    border-right: none;
  }
}
footer div.subfooter-links ul li a {
  color: var(--white);
  text-decoration: none;
}
footer div.subfooter-links ul li a:hover {
  border-bottom: 1px solid var(--white);
}
footer div.subfooter-links ul li.bold a {
  color: var(--white);
  font-weight: 700;
}
footer div.subfooter-links ul:nth-child(2) li {
  border: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  letter-spacing: 0.045rem;
}
footer div.subfooter-links ul:nth-child(2) li:last-child {
  border: none;
  text-align: center;
}
@media (min-width: 768px) {
  footer div.subfooter-links ul:nth-child(2) li:last-child {
    padding-left: var(--spacing-small);
  }
}
@media (min-width: 768px) {
  footer div.subfooter-links ul:nth-child(2) li {
    letter-spacing: normal;
    padding-left: 0;
    padding-right: var(--spacing-small);
    width: auto;
    border-right: 1px solid var(--color-primary-accent);
  }
}
footer div.subfooter-links .footer-svg img {
  padding: 0;
  margin: var(--spacing-large) auto 0;
  text-align: center;
  height: 16px;
  width: 206px;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: bottom;
}
@media (min-width: 768px) {
  footer div.subfooter-links .footer-svg img {
    margin: 0 auto 0;
    width: 168px;
  }
}
footer .need-line:before {
  content: "";
  position: relative;
  display: block;
  width: calc(100% + 1000px);
  margin-left: -100px;
  border-top: 1px solid var(--ps-beaver-blue-500);
  margin-top: -10px;
  margin-bottom: 0;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  footer .need-line:before {
    border: none;
  }
}

.footer-general-contact p {
  font-size: var(--font-size-sm);
  font-family: "Roboto Condensed", Impact, "Franklin Gothic Bold", sans-serif;
  color: var(--white);
  margin-left: var(--spacing-x-large);
  line-height: 1.4;
}
.footer-general-contact p a:link:hover,
.footer-general-contact p a:visited:hover {
  text-decoration: underline;
}
.footer-general-contact p.footer-contact-address {
  padding-top: var(--spacing-standard);
}
@media (min-width: 768px) {
  .footer-general-contact p.footer-contact-address {
    padding-top: 0;
  }
}
@media (min-width: 1080px) {
  .footer-general-contact p.footer-contact-address {
    padding-top: var(--spacing-standard);
  }
}
.footer-general-contact p.footer-contact-other {
  padding-top: var(--spacing-x-small);
}

.superfooter-legal {
  text-align: center;
  background-color: var(--ps-nittany-navy-500);
  padding: var(--spacing-xx-small) var(--spacing-small);
}
.superfooter-legal ul {
  list-style: none;
  text-align: center;
  padding: var(--spacing-xx-small) 0;
  margin: 0;
  display: inline-block;
}
.superfooter-legal ul li {
  display: inline-block;
  padding: 0 var(--spacing-small);
  margin: var(--spacing-x-small) 0;
  font-family: "Roboto Condensed", Impact, "Franklin Gothic Bold", sans-serif;
  font-weight: 400;
  font-size: var(--small-1);
  line-height: 0.875;
  color: var(--white);
  border-right: 1px solid var(--color-primary-accent);
}
@media (min-width: 768px) {
  .superfooter-legal ul li {
    margin: 0;
  }
}
.superfooter-legal ul li:first-child {
  padding-left: 0;
  border: none;
}
.superfooter-legal ul li:nth-child(2) {
  border-left: 1px solid var(--color-primary-accent);
}
.superfooter-legal ul li:last-child {
  border-right: none;
  padding-right: 0;
}
@media (min-width: 768px) {
  .superfooter-legal ul li:last-child {
    border-right: none;
  }
}
.superfooter-legal ul li a {
  color: var(--white);
  text-decoration: none;
}
.superfooter-legal ul li a:hover {
  border-bottom: 1px solid var(--white);
}
.superfooter-legal ul li.bold a {
  color: var(--white);
  font-weight: 700;
}

/* ----------------------------------------------------------

CRAFT - Formie Form Overrides

---------------------------------------------------------- */
.fui-form {
  margin-top: var(--spacing-standard);
}
.fui-form label {
  font-size: var(--font-size-xl);
}
.fui-form textarea:hover, .fui-form textarea:focus,
.fui-form input[type=text]:hover, .fui-form input[type=text]:focus,
.fui-form input[type=email]:hover, .fui-form input[type=email]:focus,
.fui-form input[type=tel]:hover, .fui-form input[type=tel]:focus textarea:hover,
.fui-form textarea:focus,
.fui-form input.file:hover, .fui-form input.file:focus {
  background-color: rgba(var(--ps-pugh-blue-rgb), 0.15);
  opacity: 1;
  transition: all 0.25s ease-in;
}

:root {
  --fui-font: $family-sans;
  --fui-border-color: var(--ps-slate-gray-700);
  --fui-row-gutter: var(--spacing-standard) !important;
  --fui-btn-border-radius: 0;
  --fui-border-radius: 0;
  --fui-btn-font-size: var(--font-size-xl) !important;
  --fui-submit-btn-border-color: transparent;
  --fui-primary-color-hover: transparent;
}

.fui-alert { /* success message */
  --fui-alert-success-color: #000;
  --fui-alert-success-bg-color: #B9DC7A;
  margin-top: var(--spacing-large);
  font-size: var(--h3) !important;
  --fui-alert-padding: var(--spacing-x-large) var(--spacing-standard);
  --fui-alert-line-height: 1.2;
}

.fui-label, .fui-legend {
  font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif;
  font-size: calc(var(--fui-label-font-size) * 1.375) !important;
}

.fui-instructions {
  color: var(--fui-label-color) !important;
  font-size: calc(var(--fui-instructions-font-size) * 0.75) !important;
}
.fui-instructions p {
  font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif;
  line-height: 1.4;
  font-size: var(--font-size-base);
}

.fui-input textarea,
.fui-input,
input[type=text].fui-input,
.fui-select {
  font-size: var(--font-size-base) !important;
}

.fui-submit {
  padding: var(--spacing-small) var(--spacing-standard) !important;
}

.fui-radio label,
.fui-checkbox label {
  margin-top: var(--spacing-x-small) !important;
  font-size: var(--font-size-base) !important;
}

button.fut-btn.fui-submit {
  border: none;
}

.theme-vibrant-blue button.fui-btn.fui-submit {
  color: var(--black);
  background: var(--ps-keystone-yellow-300);
  box-shadow: var(--spacing-minimum) var(--spacing-minimum) 0 var(--ps-sky-blue-500);
}
.theme-vibrant-blue button.fui-btn.fui-submit:hover {
  background: var(--ps-keystone-yellow-400);
  box-shadow: var(--spacing-minimum) var(--spacing-minimum) 0 var(--ps-sky-blue-600);
  border: 1px solid transparent;
}

.theme-traditional button.fui-btn.fui-submit {
  color: var(--white);
  background: var(--primary-link-color);
}
.theme-traditional button.fui-btn.fui-submit:hover {
  background: var(--ps-link-blue-600);
}

form {
  padding: 0 0 var(--spacing-standard) 0;
}

/* Slate Test Override */
.form-slate {
  color: var(--primary-text-color);
  font-size: var(--font-size-xl);
  font-family: var(--primary-font-family);
  line-height: 1.4;
}
.form-slate h2 {
  padding-bottom: var(--spacing-standard);
}
.form-slate form {
  width: 90%; /* required so after form loads it doesn't blow out div? */
}
@media (min-width: 1080px) {
  .form-slate form {
    width: 100%;
  }
}

div.form_question {
  margin-bottom: var(--spacing-medium-small) !important; /* resort to bottom as top is problematic for css columns */
}

.form_action {
  padding-top: var(--spacing-standard) !important;
}

div.form_question .form_label, div.form_question label {
  font-size: var(--font-size-xl);
}

.form_h1,
.form_p,
.form_header {
  display: none;
}

@media (min-width: 1080px) {
  div.form_question {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .form_page {
    columns: 2;
    column-gap: var(--spacing-standard);
  }
  .form_action {
    text-align: center;
    padding-top: var(--spacing-medium-small) !important;
  }
}
/* size on these fields breaks width on mobile */
@media only screen and (max-width: 576px) {
  div.form_page input[type=email],
  div.form_page input[type=tel] {
    width: 100%;
  }
}
.form_p {
  margin-bottom: var(--spacing-standard);
}

.form_responses {
  padding-top: var(--spacing-minimum);
}
.form_responses select {
  margin-right: var(--spacing-xx-small);
}
.form_responses input[type=text],
.form_responses input[type=email],
.form_responses input[type=tel],
.form_responses textarea,
.form_responses select {
  background-color: rgba(var(--white-rgb), 0.625);
  border: 1px solid transparent;
  color: var(--primary-text-color);
  font-size: var(--font-size-xl);
  outline: 2px solid rgba(var(--ps-pugh-blue-rgb), 0.5) !important;
  padding: var(--spacing-x-small);
  transition: all 0.25s ease-in;
}
.form_responses input[type=text]:focus,
.form_responses input[type=email]:focus,
.form_responses input[type=tel]:focus,
.form_responses textarea:focus,
.form_responses select:focus {
  background-color: var(--white);
  border: 1px solid transparent;
  outline: 2px solid var(--ps-sky-blue-500) !important;
}

.theme-traditional .hero-group-text p.hero-header {
  font-family: "Roboto Slab", "Georgia", "Times New Roman", serif;
}

p.hero-header,
.hero-group-text p.hero-header,
h1.hero-header {
  font-size: var(--display-3);
  font-weight: 700;
  line-height: 1.1;
  padding-bottom: var(--spacing-small);
  color: var(--primary-header-color);
}

@media (min-width: 768px) {
  /* above tablet text is on top of video */
  .hero-group-text h1.hero-header,
  .hero-group-text p.hero-header,
  .hero-group-text,
  .hero-group-text p {
    color: var(--white);
  }
}
.hero-group-text p {
  padding-top: var(--spacing-small);
  font-size: var(--h4);
  line-height: 1.6;
}

.block-psucampus-homepage-hero {
  position: relative;
  display: block;
}

@media (min-width: 768px) {
  .block-psucampus-homepage-hero {
    height: 56.25vw;
    max-height: calc(100vh - 112px);
    min-height: 532px;
    width: 100%;
    aspect-ratio: 16/9;
  }
}
.block-psucampus-homepage-hero .hero-slide-wrapper {
  background-color: #001e44;
  color: #fff;
  grid-row: 1;
  position: relative;
  height: 100%;
  width: 100%;
}

.block-psucampus-homepage-hero .hero-container {
  background-color: #fff;
  color: #444444;
  height: 100%;
  width: 100%;
  position: relative;
  display: block;
}

.block-psucampus-homepage-hero .hero-container .hero-grid {
  display: grid;
  grid-column-gap: var(--spacing-standard);
  grid-template-columns: repeat(4, 1fr);
  margin-left: var(--spacing-standard);
  margin-right: var(--spacing-standard);
}
@media (min-width: 768px) {
  .block-psucampus-homepage-hero .hero-container .hero-grid {
    grid-template-columns: repeat(8, 1fr);
    max-width: 100%;
  }
}
@media (min-width: 1080px) {
  .block-psucampus-homepage-hero .hero-container .hero-grid {
    max-width: 1080px;
    max-width: calc(1080px - 2 * var(--spacing-standard));
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1440px) {
  .block-psucampus-homepage-hero .hero-container .hero-grid {
    grid-template-columns: repeat(10, 1fr);
    max-width: calc(1440px - 2 * var(--spacing-standard));
    margin: 0 auto; /* center once we go past largest break - before this will center b/c max width is filling width */
  }
}

.block-psucampus-homepage-hero .hero-container .hero-grid::before,
.block-psucampus-homepage-hero .hero-container .hero-grid::after {
  grid-column: 1/-1;
}

.block-psucampus-homepage-hero .hero-container .hero-group-text {
  display: flex;
  flex-direction: column;
  grid-column: 1/span 4;
  max-width: 100%;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .block-psucampus-homepage-hero .hero-container .hero-group-text {
    padding-bottom: var(--spacing-large);
  }
}

@media (min-width: 768px) {
  .home-page .block-psucampus-homepage-hero .hero-container .hero-group-text {
    padding-bottom: var(--spacing-xx-large);
  }
}

.block-psucampus-homepage-hero .hero-container .hero-group-text .field--name-field-hero-title {
  color: #1e407c;
  margin-top: var(--spacing-x-large);
}

.block-psucampus-homepage-hero .hero-container .hero-group-text .field--name-field-hero-summary {
  color: #001e44;
  margin-top: var(--spacing-small);
}

.block-psucampus-homepage-hero .hero-container .hero-group-text .hero-button a {
  padding: var(--spacing-small) var(--spacing-medium-large) var(--spacing-small) var(--spacing-medium-small);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--font-size-xl);
}

.block-psucampus-homepage-hero .hero-container .hero-group-text .hero-button a::after {
  content: "\f105";
  font-family: "fontello";
  font-weight: 900;
  margin-left: var(--spacing-x-small);
  margin-right: 0;
  width: auto;
}

.block-psucampus-homepage-hero .hero-container .hero-group-text .hero-button a:focus::after {
  text-decoration: none;
}

.block-psucampus-homepage-hero .hero-container .hero-group-text .hero-button a::after {
  position: absolute;
}

@media (min-width: 768px) {
  .block-psucampus-homepage-hero .hero-container {
    background-color: transparent;
    color: #fff;
    position: absolute;
  }
  .block-psucampus-homepage-hero .hero-container .hero-grid {
    height: 100%;
  }
  .block-psucampus-homepage-hero .hero-container .hero-group-text {
    grid-column: 1/span 7;
  }
  .block-psucampus-homepage-hero .hero-container .hero-group-text .field--name-field-hero-title {
    color: #fff;
    text-shadow: 0px 0px 5px black;
  }
  .block-psucampus-homepage-hero .hero-container .hero-group-text .field--name-field-hero-title::after {
    margin-top: var(--spacing-large);
  }
  .block-psucampus-homepage-hero .hero-container .hero-group-text .field--name-field-hero-summary {
    color: #fff;
    margin-top: var(--spacing-medium-small);
    text-shadow: 0px 0px 5px black;
  }
}
@media (min-width: 1080px) {
  .block-psucampus-homepage-hero .hero-container .hero-group-text {
    grid-column: 1/span 8;
  }
  .block-psucampus-homepage-hero .hero-container .hero-group-text .field--name-field-hero-title::after {
    margin-top: var(--spacing-x-large);
  }
  .block-psucampus-homepage-hero .hero-container .hero-group-text .field--name-field-hero-summary {
    margin-top: var(--spacing-standard);
  }
}
.block-psucampus-homepage-hero .hero-img-wrapper {
  height: 56.25vw;
  aspect-ratio: 16/9;
  background-color: #001e44;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.block-psucampus-homepage-hero .hero-img-wrapper img {
  position: absolute;
  /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block-psucampus-homepage-hero .hero-img-wrapper > div {
  height: 100%;
  position: relative;
}

@media (min-width: 768px) {
  .block-psucampus-homepage-hero .hero-img-wrapper {
    aspect-ratio: unset;
    height: 100%;
    position: absolute;
  }
  .block-psucampus-homepage-hero .hero-img-wrapper > div {
    background-color: #001e44;
    background: linear-gradient(125deg, rgba(0, 30, 68, 0.75), rgba(0, 30, 68, 0.5) 100%, transparent);
  }
  .home-page .block-psucampus-homepage-hero .hero-img-wrapper > div {
    background-color: #001e44;
    background: linear-gradient(90deg, rgba(0, 30, 68, 0.7), rgba(0, 30, 68, 0.5) 50%, transparent);
  }
}
.block-psucampus-homepage-hero .hero-vid-wrapper {
  height: 56.25vw;
  aspect-ratio: 16/9;
  background-color: #001e44;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.block-psucampus-homepage-hero .hero-vid-wrapper > div {
  height: 100%;
  position: relative;
}

@media (min-width: 768px) {
  .block-psucampus-homepage-hero .hero-vid-wrapper {
    aspect-ratio: unset;
    position: absolute;
    height: 100%;
  }
  .block-psucampus-homepage-hero .hero-vid-wrapper > div {
    background-color: #001e44;
    background: linear-gradient(90deg, rgba(0, 30, 68, 0.7), rgba(0, 30, 68, 0.5) 50%, transparent);
  }
}
.block-psucampus-homepage-hero .hero-vid-wrapper .btn-hero-play {
  color: #fff;
  background-color: rgba(68, 68, 68, 0.8);
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 46px;
  width: 46px;
  position: absolute;
  bottom: var(--spacing-standard);
  right: 0;
  z-index: 10;
  margin-left: var(--spacing-standard);
  margin-right: var(--spacing-standard);
}

.block-psucampus-homepage-hero .hero-vid-wrapper .btn-hero-play:hover,
.block-psucampus-homepage-hero .hero-vid-wrapper .btn-hero-play:focus {
  background-color: #009cde;
}

.block-psucampus-homepage-hero .hero-vid-wrapper .hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}

.standard-hero-wrap {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.standard-hero h1 {
  font-size: var(--display-2);
  margin-top: 0;
  color: var(--ps-beaver-blue-500);
}

.standard-hero-video-wrap {
  width: 100%;
  height: 475px;
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform-style: preserve-3d;
  overflow: hidden;
}
.standard-hero-video-wrap video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.standard-hero-video-wrap #pause-play-video {
  cursor: pointer;
  display: block;
  position: absolute;
  bottom: 10%;
  right: 5%;
  color: var(--white);
  border: 2px solid var(--white);
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  width: 46px;
  height: 46px;
  z-index: 10;
}
.standard-hero-video-wrap #pause-play-video span {
  margin: 0;
  padding: 0;
  font-size: 1.4375rem;
}
.standard-hero-video-wrap #pause-play-video span .icon-pause {
  position: absolute;
  left: 2px;
  top: 4px;
}
.standard-hero-video-wrap #pause-play-video span .icon-play {
  position: absolute;
  left: 4px;
  top: 4px;
}

.bg-pattern-limestone {
  background-image: url("../assets/components/img/geo-limestone-bkg.png");
}

.bg-pattern-hub {
  background-image: url("../assets/components/img/geo-hub-bkg.png");
}

.bg-corner-shield { /* pair with bg-beaver-blue, dark antihero */ }
@media (min-width: 768px) {
  .bg-corner-shield {
    background-image: url("../assets/components/img/corner-shield-accent-sky-blue.png");
    background-position: right bottom;
  }
}

@media (min-width: 768px) {
  .bg-s-curve {
    background-image: url("../assets/components/img/geo-s-curve-25.png");
    background-position: right bottom;
    background-size: contain;
  }
}

.bg-beaver-blue .bg-pattern-limestone,
.bg-slate .bg-pattern-limestone {
  background-image: url("../assets/components/img/geo-limestone-10-bkg.png");
}
.bg-beaver-blue .bg-pattern-hub,
.bg-slate .bg-pattern-hub {
  background-image: url("../assets/components/img/geo-hub-10-bkg.png");
}
@media (min-width: 768px) {
  .bg-beaver-blue .bg-s-curve,
  .bg-slate .bg-s-curve {
    background-image: url("../assets/components/img/geo-s-curve-10.png");
  }
}

.antihero {
  background-repeat: no-repeat;
}
.antihero h1 {
  padding-top: 0;
}
.antihero .col {
  position: relative;
}
@media (min-width: 768px) {
  .antihero ol.breadcrumb {
    position: absolute;
    top: 0;
    padding-top: var(--spacing-small);
  }
}
.antihero .overlay {
  background-repeat: no-repeat;
}
.antihero .overlay .standard-hero {
  padding-top: var(--spacing-small);
  padding-bottom: var(--spacing-large);
}
@media (min-width: 768px) {
  .antihero .overlay .standard-hero {
    padding-top: var(--spacing-maximum);
    padding-bottom: var(--spacing-xx-large);
  }
}
.antihero.bg-beaver-blue h1,
.antihero.bg-beaver-blue p.lead, .antihero.bg-slate h1,
.antihero.bg-slate p.lead {
  color: var(--white);
}

.outline-hero-wrap {
  overflow: hidden;
  object-fit: cover;
  position: relative;
  height: auto;
}
@media (min-width: 768px) {
  .outline-hero-wrap {
    max-height: 810px;
    height: 56.25vh;
  }
}
.outline-hero-wrap img {
  position: absolute;
  /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.outline-hero {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-column-gap: var(--spacing-standard);
  margin-left: var(--spacing-standard);
  margin-right: var(--spacing-standard);
}
@media (min-width: 768px) {
  .outline-hero {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 1080px) {
  .outline-hero {
    grid-template-columns: repeat(12, 1fr);
  }
}
.outline-hero div {
  grid-column: 1/-1;
}
.outline-hero div svg {
  position: absolute;
  top: 0;
  margin: auto;
  z-index: 12;
}
.outline-hero div .outline-text {
  font-weight: 900;
  font-style: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif;
  text-transform: uppercase;
}

.non-homepage-hero-short-wrap {
  overflow: hidden;
  object-fit: cover;
  max-height: 487px;
}
.non-homepage-hero-short-wrap img {
  width: 100%;
}

.non-homepage-hero-short {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-column-gap: var(--spacing-standard);
  margin-left: var(--spacing-standard);
  margin-right: var(--spacing-standard);
}
@media (min-width: 768px) {
  .non-homepage-hero-short {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 1080px) {
  .non-homepage-hero-short {
    grid-template-columns: repeat(12, 1fr);
  }
}
.non-homepage-hero-short div {
  grid-column: 1/-1;
}
.non-homepage-hero-short div svg {
  position: absolute;
  top: 0;
  margin: auto;
  z-index: 12;
}
.non-homepage-hero-short div .outline-text {
  font-weight: 900;
  font-style: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif;
  text-transform: uppercase;
}

.image-gallery-simple-wrap {
  width: 100%;
  padding-top: var(--spacing-standard);
}
.image-gallery-simple-wrap .image-gallery-masonry {
  column-count: 1;
}
.image-gallery-simple-wrap .image-gallery-masonry > div {
  padding-bottom: var(--spacing-standard);
}
.image-gallery-simple-wrap .image-gallery-masonry > div img {
  width: 100%;
  height: auto;
}
@media (min-width: 576px) {
  .image-gallery-simple-wrap .image-gallery-masonry {
    column-count: 2;
    column-gap: var(--spacing-standard);
  }
}
@media (min-width: 768px) {
  .image-gallery-simple-wrap .image-gallery-masonry {
    column-count: 3;
  }
}
@media (min-width: 768px) {
  .image-gallery-simple-wrap .image-gallery-masonry.masonry-columns-two {
    column-count: 2;
  }
}

.image-gallery .accordion-content dl.faq dt button {
  background-color: transparent;
  font-weight: 400;
  border-bottom: 1px solid var(--color-standard-border);
  font-size: var(--h5);
}
.image-gallery .accordion-content dl.faq dt button[aria-expanded=true] {
  border-bottom: none;
  background: var(--ps-pugh-blue-50);
}
.image-gallery dl.faq button > span::before,
.image-gallery button > span::before,
.image-gallery button:hover span::before {
  display: none;
  content: none;
  width: 0;
  height: 0;
}
.image-gallery button:focus, .image-gallery :focus {
  outline-style: none !important;
}
.image-gallery .accordion-content dl.faq button > span::after {
  transform: translate(0, -50%);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  content: "i";
  border-radius: 50%;
  width: var(--spacing-standard);
  height: var(--spacing-standard);
  font-size: var(--font-size-base);
  font-family: "Roboto Slab", "Georgia", "Times New Roman", serif;
  font-style: normal;
  font-weight: 700;
  right: 0.25rem;
  top: -1rem;
  padding-top: 0.09em; /* slightly offset i, flex does not center vertically b/c i has no descender */
  background-color: var(--ps-creek-200);
}
.image-gallery .accordion-content dl.faq dt button[aria-expanded=true] span::after {
  content: "i";
  background-color: var(--ps-creek-200);
  font-size: var(--font-size-xl);
  font-weight: 700;
}
.image-gallery .accordion-content dl.faq dt button[aria-expanded=true] span::after:hover {
  background: var(--ps-creek-300);
}
.image-gallery > div {
  position: relative;
}
.image-gallery span.accordion-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  margin: 0;
}
.image-gallery .accordion-content dl {
  border: none;
}
.image-gallery .accordion-content dl dt button span {
  padding: 0;
}
.image-gallery .accordion-content dl dd.desc {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  border-bottom: none;
  background: rgba(var(--white-rgb), 0.95);
  padding: var(--spacing-x-small) var(--spacing-large) var(--spacing-x-small) var(--spacing-small);
  text-align: left;
  font-size: var(--small-1);
  line-height: 1.4;
  display: inline;
}
.image-gallery .accordion-content dl dd.desc p, .image-gallery .accordion-content dl dd.desc a {
  font-size: var(--small-1);
  line-height: 1.4;
  display: inline;
}
.image-gallery span.img-size-for-caption {
  position: relative;
  display: inline-block;
  height: inherit;
}
.image-gallery .accordion-content dl button > span::after {
  z-index: 9;
}

.image-gallery-staggered > div {
  margin-bottom: var(--spacing-standard);
}
.image-gallery-staggered > div img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .image-gallery-staggered {
    column-count: 2;
    column-gap: var(--spacing-maximum);
  }
  .image-gallery-staggered > div:first-child {
    padding-top: 0;
  }
  .image-gallery-staggered > div {
    margin-bottom: 0;
    padding-top: var(--spacing-x-large);
    padding-bottom: var(--spacing-x-large);
    text-align: center;
  }
  .image-gallery-staggered > div img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 60vh;
    margin: 0 auto;
  }
  .image-gallery-staggered div[data-width-adjustment="1"] > span {
    max-width: 95%;
  }
  .image-gallery-staggered div[data-width-adjustment="2"] > span {
    max-width: 85%;
  }
  .image-gallery-staggered div[data-width-adjustment="3"] > span {
    max-width: 75%;
  }
}

.in-page-nav-anchor {
  position: relative;
  top: -7.5rem; /* offset in case of fixed header */
  /* span - so it should be invisible anyway and smooth scroll is just set via css */
}

.in-page-nav {
  margin-top: var(--spacing-standard);
}
.in-page-nav ul {
  list-style-type: none;
}
.in-page-nav li {
  display: flex;
  align-items: center;
}
.in-page-nav li a::before {
  content: "";
  width: 14px;
  height: 14px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg class='icon-arrow-down' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='icon-link' transform='translate(9.000000, 9.000000) rotate(90.000000) translate(-9.000000, -9.000000) ' fill='%230051AA' fill-rule='nonzero'%3E%3Cpolygon id='Path' points='9 0 7.41375 1.58625 13.69125 7.875 0 7.875 0 10.125 13.69125 10.125 7.41375 16.41375 9 18 18 9'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
  margin-right: var(--spacing-xx-small);
  display: inline-flex;
}

.reverse .in-page-nav.in-page-nav-horizontal ul li.in-page-nav-label span {
  background-color: transparent;
}
.reverse .in-page-nav.in-page-nav-horizontal ul li a:before {
  filter: brightness(0) saturate(100%) invert(71%) sepia(80%) saturate(187%) hue-rotate(163deg) brightness(100%) contrast(90%);
}

.in-page-nav.in-page-nav-horizontal ul {
  font-size: var(--font-size-xl);
  padding-left: 0;
}
.in-page-nav.in-page-nav-horizontal ul li.in-page-nav-label {
  border-bottom: 1px solid rgba(var(--color-primary-accent-rgb), 0.25);
  display: block;
  margin-bottom: var(--spacing-xx-small);
}
.in-page-nav.in-page-nav-horizontal ul li.in-page-nav-label span {
  display: inline-block;
  padding: var(--spacing-xx-small) var(--spacing-small);
  background-color: rgba(var(--color-primary-accent-rgb), 0.125);
  font-family: "Roboto Slab", "Georgia", "Times New Roman", serif;
  font-style: italic;
  letter-spacing: var(--letter-spacing-small);
  font-size: var(--font-size-lg);
}
.in-page-nav.in-page-nav-horizontal ul li {
  display: inline-block;
  font-size: var(--font-size-lg);
}
.in-page-nav.in-page-nav-horizontal ul li a {
  padding: var(--spacing-x-small);
  font-family: "Roboto Condensed", Impact, "Franklin Gothic Bold", sans-serif;
  display: block;
}

/* ----------------------------------------------------------

LOGO Grid

---------------------------------------------------------- */
/* using flexbox to center logos if quantity is not equal to the number of columns */
div ul.logo-wrap li {
  margin-bottom: 0;
}

ul.logo-wrap li::before {
  content: none;
}

ul.logo-wrap {
  list-style-type: none;
  margin: var(--spacing-standard) 0 0 0;
  padding-left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
ul.logo-wrap li {
  border-bottom: none;
  margin: 0;
  width: 50%;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
  display: flex;
  padding: var(--spacing-standard);
  justify-content: center;
  align-items: center;
}
@media (min-width: 576px) {
  ul.logo-wrap li {
    width: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media (min-width: 1080px) {
  ul.logo-wrap li {
    width: 20%;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
}
@media (min-width: 1440px) {
  ul.logo-wrap li {
    width: 16.66%;
    -webkit-flex-basis: 16.66%;
    flex-basis: 16.66%;
    max-width: 16.66%;
  }
}
ul.logo-wrap li img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
ul.logo-wrap li img.mix-blend-multiply {
  mix-blend-mode: multiply;
}

h3 + ul.logo-wrap {
  margin: var(--spacing-x-small) 0 0 0;
}

@media (min-width: 576px) {
  .container-fixed-wide ul.logo-wrap li {
    width: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media (min-width: 1080px) {
  .container-fixed-wide ul.logo-wrap li {
    width: 16.66%;
    -webkit-flex-basis: 16.66%;
    flex-basis: 16.66%;
    max-width: 16.66%;
  }
}
@media (min-width: 1440px) {
  .container-fixed-wide ul.logo-wrap li {
    width: 12.5%;
    -webkit-flex-basis: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
}

.latest-news-wrap {
  width: 100%;
}

.latest-news-new-feed {
  display: flex;
  flex-direction: column;
  padding-bottom: var(--spacing-standard);
  /* would use gap instead of padding - but that messes with width and would cause more issues for flexibly swapping this to other N-up layouts */
}
.latest-news-new-feed img {
  width: 100%;
  height: auto;
}
.latest-news-new-feed a {
  padding-top: calc(3 * var(--spacing-small));
}
@media (min-width: 768px) {
  .latest-news-new-feed {
    flex-flow: row wrap;
    justify-content: center;
  }
  .latest-news-new-feed a {
    display: flex;
    width: 50%;
    flex-direction: column;
    padding-left: var(--spacing-small);
    padding-right: var(--spacing-small);
  }
}
@media (min-width: 1080px) {
  .latest-news-new-feed a {
    width: 33.33%;
    width: 25%;
    padding-top: calc(2 * var(--spacing-small));
  }
}
@media (min-width: 1440px) {
  .latest-news-new-feed a {
    width: 25%;
  }
}

@media (min-width: 768px) {
  .content-block .latest-news-new-feed {
    justify-content: flex-start;
  }
  .content-block .latest-news-new-feed a {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .content-block .latest-news-new-feed a {
    width: 33.33%;
  }
}

p.post-date + h1 {
  padding-top: var(--spacing-small);
}

.article-subtitle p {
  font-size: var(--h4);
  line-height: 1.4;
  padding-top: var(--spacing-small);
  padding-bottom: var(--spacing-standard);
}

.article-feature-image {
  margin-top: var(--spacing-large);
}
@media (min-width: 768px) {
  .article-feature-image {
    margin-top: 0;
  }
}
.article-feature-image img {
  width: 100%;
  height: auto;
}

.portrait-image-wrap {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .portrait-image-wrap {
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    background: rgba(var(--color-primary-accent-rgb), 0.075);
    margin-top: var(--spacing-large);
    padding: var(--spacing-large);
    outline: 1px solid rgba(var(--color-primary-accent-rgb), 0.325);
    outline-offset: calc(var(--spacing-small) * -1);
    background: radial-gradient(at 25% 50%, rgba(219, 232, 246, 0) 0%, rgba(219, 232, 246, 0.5) 100%);
  }
  .portrait-image-wrap figure {
    position: relative;
  }
  .portrait-image-wrap p.post-date {
    padding-top: 0;
  }
  .portrait-image-wrap .article-head {
    width: 66.6666%;
    padding: var(--spacing-small);
  }
  .portrait-image-wrap .article-subtitle p {
    padding-bottom: 0;
  }
  .portrait-image-wrap .article-feature-image {
    width: 33.3333%;
  }
  .portrait-image-wrap figcaption {
    position: absolute;
    bottom: var(--spacing-small);
    left: var(--spacing-small);
    background: rgba(var(--white-rgb), 0.875);
    padding: var(--spacing-small);
    width: calc(100% - 2 * var(--spacing-small));
  }
}
@media (min-width: 1080px) {
  .portrait-image-wrap .article-head {
    width: 75%;
    padding: var(--spacing-standard);
  }
  .portrait-image-wrap .article-feature-image {
    width: 25%;
  }
}

/* ----------------------------------------------------------

OFFSET PREVIEW BLOCKS

---------------------------------------------------------- */
.offset-preview-block-img img {
  width: 100%;
  height: auto;
}

.offset-preview-block .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 1080px) {
  .offset-preview-block .row {
    justify-content: space-around;
  }
}

.offset-preview-block-content {
  padding: var(--spacing-standard);
}
.offset-preview-block-content h2 {
  padding-top: 0;
}
.offset-preview-block-content h2::after {
  content: "";
  height: 2px;
  width: 5.25rem;
  background-color: var(--color-primary-accent);
  display: block;
  margin-top: var(--spacing-medium-small);
}
.offset-preview-block-content p {
  padding-top: var(--spacing-medium-small);
}
.offset-preview-block-content p:last-of-type {
  margin-bottom: 0;
}

.offset-preview-col {
  flex: 0 0 auto;
  width: 100%;
}

@media (min-width: 1080px) {
  .offset-preview-block-content {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .offset-preview-block-img {
    flex: 0 0 auto;
    width: 50%;
  }
}
.container-fluid.component-offset-preview .offset-preview-block {
  margin: 0;
}

.offset-preview-block {
  padding: 0 0 var(--spacing-medium-large) 0;
  margin: var(--spacing-large) 0;
  position: relative;
}
@media (min-width: 1080px) {
  .offset-preview-block {
    padding: var(--spacing-medium-large) 0;
  }
}
.offset-preview-block::before {
  content: "";
  background-color: var(--ps-slate-gray-0);
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: -1;
  box-shadow: var(--box-shadow-subtle);
}
@media (min-width: 1080px) {
  .offset-preview-block::before {
    width: 85%;
  }
}
@media (min-width: 1080px) {
  .offset-preview-block.offset-preview-img-left .offset-preview-block-img {
    padding-left: 0;
  }
}
.offset-preview-block.offset-preview-img-left::before {
  right: 0;
}
@media (min-width: 1080px) {
  .offset-preview-block.offset-preview-img-right .offset-preview-block-img {
    padding-right: 0;
    order: 12;
  }
}
.offset-preview-block ul {
  font-size: var(--font-size-xl);
  list-style-type: square;
  list-style-position: outside;
  color: var(--primary-text-color);
}
.offset-preview-block li::marker {
  color: var(--color-primary-accent);
  font-size: 110%; /* lines up more centered with text */
}
.offset-preview-block li {
  margin-bottom: var(--spacing-small);
  line-height: 1.2;
}
.offset-preview-block li a:link:hover,
.offset-preview-block li a:visited:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .offset-preview-block.offset-bio:nth-of-type(odd)::before {
    right: 0;
  }
  .offset-preview-block.offset-bio:nth-of-type(odd) .row {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1080px) {
  .offset-preview-img-right .offset-preview-block-img {
    order: 12;
  }
  .offset-preview-img-right .offset-preview-block-content {
    order: 1;
  }
}
/* ----------------------------------------------------------

OFFSET PREVIEW BLOCKS - BREAK AT XL FOR ARTICLE-LEVEL

---------------------------------------------------------- */
article .offset-preview-block {
  padding: 0 0 var(--spacing-medium-small) 0;
  margin: var(--spacing-standard) 0;
}
@media (min-width: 1080px) {
  article .offset-preview-block::before {
    width: 100%; /* override standard */
  }
}
@media (min-width: 1440px) {
  article .offset-preview-block::before {
    width: 85%;
  }
}
@media (min-width: 1080px) {
  article .offset-preview-block.offset-preview-img-right .offset-preview-block-img {
    order: 1;
  }
  article .offset-preview-block.offset-preview-img-right .offset-preview-block-content {
    order: 12;
  }
}
@media (min-width: 1440px) {
  article .offset-preview-block {
    padding: var(--spacing-standard) 0;
  }
  article .offset-preview-block.offset-preview-img-right .offset-preview-block-img {
    order: 12;
  }
  article .offset-preview-block.offset-preview-img-right .offset-preview-block-content {
    order: 1;
  }
}
article .offset-preview-block .offset-preview-block-content p.h3 {
  font-size: var(--h4);
  line-height: 1.4;
  padding-left: 0;
}
article .offset-preview-block .offset-preview-block-content ol, article .offset-preview-block .offset-preview-block-content ul {
  font-size: var(--font-size-lg);
  padding-left: var(--spacing-small);
}
article .offset-preview-block .offset-preview-block-content p {
  line-height: 1.6;
  font-size: var(--font-size-lg);
}
@media (min-width: 768px) {
  article .offset-preview-block .offset-preview-block-content ol, article .offset-preview-block .offset-preview-block-content ul {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  article .offset-preview-block .offset-preview-block-content ol, article .offset-preview-block .offset-preview-block-content ul {
    padding-left: var(--spacing-small);
  }
}
article .offset-preview-block .offset-preview-block-content *:last-child {
  margin-bottom: 0;
}
article .offset-preview-block .offset-preview-block-content ol li,
article .offset-preview-block .offset-preview-block-content ul li {
  margin: var(--spacing-x-small);
  line-height: 1.4;
}

.pagination-wrap {
  width: 100%;
  text-align: center;
  margin-top: var(--spacing-standard);
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: var(--spacing-standard) 0;
  border-radius: var(--spacing-minimum);
  text-align: center;
}

ul.pagination li:first-child,
ul.pagination li:last-child {
  display: none; /* hide first/last page for mobile to prevent break over 2 lines */
}
@media (min-width: 768px) {
  ul.pagination li:first-child,
  ul.pagination li:last-child {
    display: inline-block;
  }
}

.pagination > li {
  display: inline-block;
  font-size: var(--small-3);
}
@media (min-width: 1080px) {
  .pagination > li {
    font-size: var(--font-size-base);
  }
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: var(--spacing-xx-small) var(--spacing-small);
  line-height: 1.2;
  text-decoration: none;
  color: var(--primary-link-color);
  background-color: var(--white);
  border: 1px solid var(--ps-black-100);
  margin-left: -1px;
  width: auto;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: var(--spacing-xx-small);
  border-top-left-radius: var(--spacing-xx-small);
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: var(--spacing-xx-small);
  border-top-right-radius: var(--spacing-xx-small);
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: var(--primary-link-color);
  background-color: var(--ps-black-0);
  border-color: var(--ps-black-100);
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: var(--white);
  background-color: var(--primary-link-color);
  border-color: var(--primary-link-color);
  cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: var(--ps-black-300);
  background-color: var(--white);
  border-color: var(--ps-black-100);
  cursor: not-allowed;
}

.pager {
  padding-left: 0;
  margin: var(--spacing-standard) 0;
  list-style: none;
  text-align: center;
}

.pager:before,
.pager:after {
  content: " ";
  display: table;
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: var(--spacing-xx-small) var(--spacing-small);
  background-color: var(--white);
  border: 1px solid var(--ps-black-100);
  border-radius: var(--spacing-small);
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: var(--ps-black-0);
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: var(--ps-black-300);
  background-color: var(--white);
  cursor: not-allowed;
}

.preview-cards-wrap { /* need top padding regardless of landing vs content page type */
  padding-top: var(--spacing-standard);
}

.preview-cards {
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  grid-gap: var(--spacing-standard);
  align-items: start;
}
@media (min-width: 768px) {
  .preview-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1080px) {
  .preview-cards {
    grid-template-columns: repeat(6, 1fr);
    /* default is 3-up - 2/6 */
    /* convert to 2-up 3/6 */
  }
  .preview-cards a {
    grid-column: span 2;
  }
  .preview-cards a:first-child:nth-last-child(2),
  .preview-cards a:first-child:nth-last-child(2) ~ *,
  .preview-cards a:first-child:nth-last-child(3n+1),
  .preview-cards a:first-child:nth-last-child(3n+1) ~ * {
    grid-column: span 3;
  }
}
@media (min-width: 1440px) {
  .preview-cards {
    grid-template-columns: repeat(12, 1fr);
    /* default is 4-up - 3/12 */
    /* convert to 3-up - 4/12 */
  }
  .preview-cards a {
    grid-column: span 3;
  }
  .preview-cards a:first-child:nth-last-child(2),
  .preview-cards a:first-child:nth-last-child(2) ~ *,
  .preview-cards a:first-child:nth-last-child(3n),
  .preview-cards a:first-child:nth-last-child(3n) ~ *,
  .preview-cards a:first-child:nth-last-child(4n+1),
  .preview-cards a:first-child:nth-last-child(4n+1) ~ * {
    grid-column: span 4;
  }
}

.theme-traditional a.block .block-image {
  background: var(--color-primary-accent);
}
.theme-traditional a.block:hover .block-image img, .theme-traditional a.block:focus .block-image img {
  opacity: 0.75;
  transform: scale(1);
  filter: grayscale(0.9) contrast(1.5);
}

a.block {
  /* end block */
}
a.block .block-image {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
a.block .block-image img {
  width: 100%;
  opacity: 1;
  transition: all 0.25s ease-in;
  transform: scale(1.05);
}
a.block .block-image {
  background-color: var(--ps-beaver-blue-500);
  background: linear-gradient(to bottom, #142b53 0%, #0078ab 100%);
  background: linear-gradient(to bottom, rgb(0, 30, 68) 0%, rgb(18, 185, 255) 50%, rgb(98, 195, 190) 100%);
  background: linear-gradient(to bottom, rgb(0, 30, 68) 0%, rgb(1, 36, 75) 0%, rgb(18, 185, 255) 60%, rgba(48, 126, 122, 0.99) 100%);
  background: var(--color-primary-accent);
}
a.block .block-content h2::after {
  content: "";
  display: none;
  margin-top: 0;
}
a.block .block-content h2, a.block .block-content h3 { /* same formatting - might settle on always putting h2 prior and use h3?  */
  font-size: var(--h5);
  padding-bottom: 0;
  color: var(--link-color);
  font-weight: 700;
  text-underline-offset: var(--link-underline-offset);
  text-decoration-skip-ink: var(--link-underline-skip-ink);
  text-decoration: solid underline 2px transparent;
  transition: all 0.25s ease-in;
  padding-top: var(--spacing-x-small);
  line-height: 1.2;
}
a.block .block-content p {
  color: var(--primary-text-color);
  margin-bottom: 0;
  margin-top: 0;
  font-size: var(--font-size-lg);
  padding-top: var(--spacing-xx-small);
  text-decoration: none;
  line-height: 1.4;
}
a.block .block-content p.post-date {
  font-size: var(--small-1);
}
a.block .block-content ul {
  height: auto;
  position: relative;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: var(--spacing-standard);
}
a.block .block-content ul li {
  font-size: var(--font-size-lg);
  width: 100%;
  margin: 0 0 var(--spacing-small);
  color: var(--primary-text-color);
  vertical-align: middle;
}
a.block .block-content ul li a {
  color: var(--link-color);
  text-decoration: none;
}
a.block .block-content ul li a:hover {
  text-decoration: underline;
}
a.block .block-content ul li:last-of-type {
  margin-bottom: 0;
}
a.block:hover .block-image img, a.block:focus .block-image img {
  opacity: 0.625;
  transform: scale(1);
  filter: grayscale(1) contrast(1.5);
}
a.block:hover .block-content p, a.block:hover .block-content a:link, a.block:hover .block-content a:visited, a.block:focus .block-content p, a.block:focus .block-content a:link, a.block:focus .block-content a:visited {
  text-decoration: none;
}
a.block:hover .block-content h2, a.block:hover .block-content h3, a.block:focus .block-content h2, a.block:focus .block-content h3 {
  color: var(--link-color-hover);
  text-decoration: solid underline 2px var(--color-primary-accent);
  transition: all 0.25s ease-in;
}

.facts-wrap {
  background-color: var(--ps-nittany-navy-500);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.facts-wrap .container {
  position: relative;
  z-index: 9;
}

.page-content .facts-wrap {
  margin-top: var(--spacing-standard);
  padding-bottom: var(--spacing-small);
}

.facts-wrap .bg-full-container {
  position: absolute;
  z-index: 0;
  overflow: hidden;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.facts-wrap .bg-full-container.blue-gradient {
  background-color: var(--ps-nittany-navy-500);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 5.56%, rgba(255, 255, 255, 0) 5.56%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 55.56%, rgba(255, 255, 255, 0) 55.56%, rgba(255, 255, 255, 0) 100%), radial-gradient(ellipse at center, rgb(37, 97, 156) 0%, rgb(0, 30, 68) 50%);
  background-size: 12.73px 12.73px, 100% 100%;
}
.facts-wrap .bg-full-container.slate-gradient {
  /* slate test */
  background: var(--ps-slate-gray-500);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 5.56%, rgba(255, 255, 255, 0) 5.56%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 55.56%, rgba(255, 255, 255, 0) 55.56%, rgba(255, 255, 255, 0) 100%), radial-gradient(ellipse at center, rgb(49, 77, 100) 0%, rgb(21, 32, 43) 50%);
  background-size: 12.73px 12.73px, 100% 100%;
}
.facts-wrap .bg-full-container img {
  opacity: 0.1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-height: 100%;
  min-width: 100%;
  filter: grayscale(1) contrast(1.75);
}

.facts {
  grid-template: "facts-intro" auto/1fr;
}
@media (min-width: 768px) {
  .facts {
    grid-template: ". facts-intro ." auto/1fr 6fr 1fr;
  }
}
@media (min-width: 1080px) {
  .facts {
    grid-template: ". facts-intro ." auto/2fr 8fr 2fr;
  }
}
.facts div.facts-intro {
  display: grid;
  grid-area: facts-intro;
}
.facts div.facts-intro h2 {
  grid-area: ft;
  font-size: var(--display-6);
  margin-top: 0;
}
.facts div.facts-intro p {
  grid-area: fp;
  font-size: var(--h4);
}

.facts-wrap.reverse { /* reverse for landing pages */ }
.facts-wrap.reverse h2, .facts-wrap.reverse p {
  color: var(--white);
}
.facts-wrap.reverse p a {
  color: var(--link-light-color);
}

.facts-block {
  display: block;
}

/* 
facts-quantity-3
2 rows - facts-quantity-5
2 rows - facts-quantity-6

facts-quantity-4
2 rows - facts-quantity-7
2 rows - facts-quantity-8
*/
/* flexible facts - mobile */
.flexible-facts {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-items: stretch; /* equalize vertical height of quick fact divs */
}
.flexible-facts div {
  border-bottom: 2px solid var(--color-primary-accent);
  width: 100%;
}
.flexible-facts div:last-of-type {
  border-bottom: none;
}

/* flexible facts - large mobile */
@media (min-width: 576px) {
  .flexible-facts {
    margin-top: var(--spacing-large);
    flex-flow: row wrap;
    justify-content: center;
  }
  .flexible-facts div {
    display: flex;
    width: 50%;
    flex-direction: column;
    border-right: 2px solid var(--color-primary-accent);
    text-align: center;
  }
  .flexible-facts div:nth-of-type(1), .flexible-facts div:nth-of-type(2) {
    border-bottom: 2px solid var(--color-primary-accent);
  }
  .flexible-facts div:nth-of-type(even) {
    border-right: 2px solid transparent;
  }
  .flexible-facts div:last-child { /* last child always has no right border */
    border-right: 2px solid transparent;
  }
  .flexible-facts.facts-quantity-1 {
    margin-top: var(--spacing-small);
  }
  .flexible-facts.facts-quantity-1 div:nth-of-type(1) {
    border-bottom: 2px solid transparent;
  }
  .flexible-facts.facts-quantity-2 div:nth-of-type(1), .flexible-facts.facts-quantity-2 div:nth-of-type(2) {
    border-bottom: 2px solid transparent;
  }
  .flexible-facts.facts-quantity-3 div:nth-of-type(1), .flexible-facts.facts-quantity-3 div:nth-of-type(2) {
    border-bottom: 2px solid var(--color-primary-accent);
  }
  .flexible-facts.facts-quantity-3 div:nth-of-type(3) {
    border-bottom: 2px solid transparent;
  }
  .flexible-facts.facts-quantity-4 div:nth-of-type(3), .flexible-facts.facts-quantity-4 div:nth-of-type(4) {
    border-bottom: none;
  }
  .flexible-facts.facts-quantity-6 div:nth-of-type(5), .flexible-facts.facts-quantity-6 div:nth-of-type(6) {
    border-bottom: none;
  }
  .flexible-facts.facts-quantity-7 div:nth-of-type(3), .flexible-facts.facts-quantity-7 div:nth-of-type(4),
  .flexible-facts.facts-quantity-8 div:nth-of-type(3),
  .flexible-facts.facts-quantity-8 div:nth-of-type(4) {
    border-bottom: 2px solid var(--color-primary-accent);
  }
  .flexible-facts.facts-quantity-7 div:nth-of-type(8),
  .flexible-facts.facts-quantity-8 div:nth-of-type(8) {
    border-right: 2px solid transparent;
  }
  .flexible-facts.facts-quantity-7 div:nth-of-type(7), .flexible-facts.facts-quantity-7 div:nth-of-type(8),
  .flexible-facts.facts-quantity-8 div:nth-of-type(7),
  .flexible-facts.facts-quantity-8 div:nth-of-type(8) {
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .flexible-facts.facts-quantity-1 div {
    width: 100%;
    flex-direction: row;
    align-items: end;
  }
  .flexible-facts.facts-quantity-3 div,
  .flexible-facts.facts-quantity-5 div,
  .flexible-facts.facts-quantity-6 div {
    width: 33.33%;
  }
  .flexible-facts.facts-quantity-3 div:nth-of-type(2),
  .flexible-facts.facts-quantity-5 div:nth-of-type(2),
  .flexible-facts.facts-quantity-6 div:nth-of-type(2) {
    border-right: 2px solid var(--color-primary-accent);
  }
  .flexible-facts.facts-quantity-3 div:nth-of-type(3),
  .flexible-facts.facts-quantity-5 div:nth-of-type(3),
  .flexible-facts.facts-quantity-6 div:nth-of-type(3) {
    border-right: 2px solid transparent;
  }
  .flexible-facts.facts-quantity-3 div:nth-of-type(4), .flexible-facts.facts-quantity-3 div:nth-of-type(5), .flexible-facts.facts-quantity-3 div:nth-of-type(6),
  .flexible-facts.facts-quantity-5 div:nth-of-type(4),
  .flexible-facts.facts-quantity-5 div:nth-of-type(5),
  .flexible-facts.facts-quantity-5 div:nth-of-type(6),
  .flexible-facts.facts-quantity-6 div:nth-of-type(4),
  .flexible-facts.facts-quantity-6 div:nth-of-type(5),
  .flexible-facts.facts-quantity-6 div:nth-of-type(6) {
    border-bottom: 2px solid transparent;
  }
  .flexible-facts.facts-quantity-3 div:nth-of-type(1), .flexible-facts.facts-quantity-3 div:nth-of-type(2), .flexible-facts.facts-quantity-3 div:nth-of-type(3) {
    border-bottom: 2px solid transparent;
  }
  .flexible-facts.facts-quantity-5 div:nth-of-type(4) {
    border-right: 2px solid var(--color-primary-accent);
  }
  .flexible-facts.facts-quantity-5 div:nth-of-type(5) {
    border-right: 2px solid transparent;
  }
  .flexible-facts.facts-quantity-6 div:nth-of-type(4) {
    border-right: 2px solid var(--color-primary-accent);
  }
}
@media (min-width: 1080px) {
  .flexible-facts.facts-quantity-4 div {
    width: 25%;
    border-bottom: none;
  }
  .flexible-facts.facts-quantity-4 div:nth-of-type(even) {
    border-right: 2px solid var(--color-primary-accent);
    border-right: 2px solid #009cde;
  }
  .flexible-facts.facts-quantity-4 div:nth-of-type(4) {
    border-right: 2px solid transparent;
  }
  .flexible-facts.facts-quantity-4 div:nth-of-type(1), .flexible-facts.facts-quantity-4 div:nth-of-type(2), .flexible-facts.facts-quantity-4 div:nth-of-type(3), .flexible-facts.facts-quantity-4 div:nth-of-type(4) {
    border-bottom: 2px solid transparent;
  }
  .flexible-facts.facts-quantity-6 div:nth-of-type(4) {
    border-right: 2px solid var(--color-primary-accent);
  }
  .flexible-facts.facts-quantity-7 div,
  .flexible-facts.facts-quantity-8 div {
    width: 25%;
    border-bottom: none;
  }
  .flexible-facts.facts-quantity-7 div:nth-of-type(1), .flexible-facts.facts-quantity-7 div:nth-of-type(2), .flexible-facts.facts-quantity-7 div:nth-of-type(3), .flexible-facts.facts-quantity-7 div:nth-of-type(4),
  .flexible-facts.facts-quantity-8 div:nth-of-type(1),
  .flexible-facts.facts-quantity-8 div:nth-of-type(2),
  .flexible-facts.facts-quantity-8 div:nth-of-type(3),
  .flexible-facts.facts-quantity-8 div:nth-of-type(4) {
    border-bottom: 2px solid var(--color-primary-accent);
  }
  .flexible-facts.facts-quantity-7 div:nth-of-type(4),
  .flexible-facts.facts-quantity-8 div:nth-of-type(4) {
    border-right: 2px solid transparent;
  }
  .flexible-facts.facts-quantity-7 div:nth-of-type(2), .flexible-facts.facts-quantity-7 div:nth-of-type(6),
  .flexible-facts.facts-quantity-8 div:nth-of-type(2),
  .flexible-facts.facts-quantity-8 div:nth-of-type(6) {
    border-right: 2px solid var(--color-primary-accent);
  }
}
.facts-wrap .facts-content div {
  padding-left: var(--spacing-standard);
  padding-right: var(--spacing-standard);
  text-align: center;
}
.facts-wrap .facts-content div h3 {
  font-size: var(--display-2);
  padding-top: 0;
}
.facts-wrap .facts-content div b {
  background-color: var(--color-primary-accent);
  font-size: 10px;
  height: 2px;
  font-weight: bold;
  width: var(--spacing-xx-large);
  margin: var(--spacing-x-small) auto var(--spacing-small) auto;
  display: block;
}
.facts-wrap .facts-content div p {
  font-size: var(--font-size-lg);
  font-weight: 700;
  padding-top: 0;
  line-height: 1.4;
  color: var(--primary-header-color);
}
.facts-wrap .facts-content div {
  margin-top: 0;
  padding: var(--spacing-standard);
}

@media (min-width: 768px) {
  .facts-wrap .facts-content.flexible-facts.facts-quantity-1 b {
    display: none;
  }
  .facts-wrap .facts-content.flexible-facts.facts-quantity-1 p {
    font-size: var(--h3);
    margin-left: var(--spacing-small);
  }
}

.facts-wrap.reverse .facts-content,
.facts-wrap .reverse .facts-content { /* reverse for landing pages */ }
.facts-wrap.reverse .facts-content div b,
.facts-wrap .reverse .facts-content div b {
  background-color: var(--white);
}
.facts-wrap.reverse .facts-content div h3, .facts-wrap.reverse .facts-content div p,
.facts-wrap .reverse .facts-content div h3,
.facts-wrap .reverse .facts-content div p {
  color: var(--white);
}
.facts-wrap.reverse .facts-content.facts-quantity-1 div p,
.facts-wrap .reverse .facts-content.facts-quantity-1 div p {
  color: var(--ps-sky-blue-150);
}

.quote-inline {
  padding: var(--spacing-standard) 0;
}

.quote-inline-module__inner {
  grid-gap: var(--spacing-standard);
  display: grid;
  grid-template-areas: "content content content content";
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .quote-inline-module__inner {
    grid-template-areas: "content content content content content content content content";
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: 1fr;
  }
}
@media (min-width: 1080px) {
  .quote-inline-module__inner {
    grid-template-areas: ". content content content content content content content content content content .";
    grid-template-columns: repeat(12, 1fr);
  }
}

.quote-inline-module__quoteInline {
  grid-area: content;
}
@media (min-width: 768px) {
  .quote-inline-module__quoteInline {
    grid-gap: var(--spacing-standard);
    display: grid;
    grid-template-areas: "graphic graphic text text text text";
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr;
  }
}
@media (min-width: 1080px) {
  .quote-inline-module__quoteInline {
    grid-template-areas: "graphic graphic text text text text text text";
    grid-template-columns: repeat(8, 1fr);
  }
}

.quote-inline-module__quoteGraphic {
  display: flex;
  flex-direction: column;
  grid-area: graphic;
  justify-content: flex-start;
}

.quote-inline-module__quoteGraphic img {
  width: 66.66%;
  height: auto;
}

@media (min-width: 768px) {
  .quote-inline-module__quoteGraphic {
    width: 100%;
  }
  .quote-inline-module__quoteGraphic svg,
  .quote-inline-module__quoteGraphic img {
    width: 100%;
    height: auto;
  }
}
.quote-inline-module__quoteText {
  grid-area: text;
}

.col div blockquote {
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.col div blockquote p {
  font-size: var(--h3);
  letter-spacing: -0.01em;
  line-height: 1.4;
  padding: 0;
}
.col div blockquote p:first-line {
  text-indent: -0.35em;
}
.col div blockquote p.quote-inline-module__quoteAttribution {
  color: var(--ps-slate-gray-500);
  font-size: var(--font-size-xl);
  font-weight: 700;
  padding-top: var(--spacing-standard);
}
.col div blockquote p span.quote-inline-module__quoteAttributionTitle {
  font-style: italic;
  font-weight: 400;
}

.quote-with-media-wrap {
  display: block;
  position: relative;
}
.quote-with-media-wrap .quote-with-media {
  position: relative;
  margin-top: var(--spacing-large);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .quote-with-media-wrap .quote-with-media {
    flex-direction: row;
    align-items: center; /* vertical center quote over image */
    grid-gap: var(--spacing-large);
  }
}
@media (min-width: 768px) {
  .quote-with-media-wrap .quote-with-media .quote-wrap {
    width: 66.66%;
  }
}
.quote-with-media-wrap .quote-with-media .quote-img {
  background-image: url("../assets/components/img/geo-hub-solid-pa-sky-accent.png"), url("../assets/components/img/geo-hub-solid-pa-sky-accent.png");
  background-repeat: no-repeat, no-repeat;
  background-size: 50%, 50%;
  background-position: 0 0, 100% 100%;
}
@media (min-width: 768px) {
  .quote-with-media-wrap .quote-with-media .quote-img {
    width: 33.33%;
  }
}
.quote-with-media-wrap .quote-with-media .quote-img figure {
  padding: var(--spacing-small);
}
.quote-with-media-wrap .quote-with-media .quote-img img {
  width: 100%;
  height: auto;
  box-shadow: 0 0.25rem 0.5rem rgba(var(--ps-slate-gray-rgb), 0.5);
}
@media (min-width: 768px) {
  .quote-with-media-wrap .quote-with-media.quote-img-right .quote-wrap {
    order: 1;
  }
  .quote-with-media-wrap .quote-with-media.quote-img-right .quote-img {
    order: 12;
  }
}
.quote-with-media-wrap .quote-with-media .quote-copy p {
  color: var(--ps-sky-blue-600);
  font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif;
  font-weight: 500;
  font-size: var(--h3);
  line-height: 1.4;
  text-indent: -0.625rem;
}
.quote-with-media-wrap .quote-with-media .quote-credit p {
  position: relative;
}

.theme-traditional .quote-with-media-wrap .quote-with-media .quote-img {
  background-image: url("../assets/components/img/geo-hub-solid-nittany-navy-accent.png"), url("../assets/components/img/geo-hub-solid-nittany-navy-accent.png");
}
.theme-traditional .quote-with-media-wrap .quote-with-media .quote-copy p {
  color: var(--primary-text-color);
  font-family: "Roboto Slab", "Georgia", "Times New Roman", serif;
  font-weight: 500;
}

.quote-overlaid-media-wrap {
  display: block;
  position: relative;
}
.quote-overlaid-media-wrap .quote-overlaid-media {
  position: relative;
  margin-top: var(--spacing-large);
  margin-left: var(--spacing-small);
  margin-right: var(--spacing-small);
  display: grid;
  align-items: center; /* vertical center quote over image */
}
.quote-overlaid-media-wrap .quote-overlaid-media.quote-img-left { /* must be a simpler solution */ }
@media (min-width: 768px) {
  .quote-overlaid-media-wrap .quote-overlaid-media.quote-img-left .quote-wrap {
    grid-template: ". qcopy qcopy " ". . qcredit " auto/3fr 4fr 4fr;
  }
}
@media (min-width: 1080px) {
  .quote-overlaid-media-wrap .quote-overlaid-media.quote-img-left .quote-wrap {
    grid-template: " . qcopy qcopy " " . . qcredit " auto/4fr 4fr 4fr;
  }
}
@media (min-width: 768px) {
  .quote-overlaid-media-wrap .quote-overlaid-media.quote-img-left .quote-img {
    grid-template: " qimg . " auto/5fr 3fr;
    grid-row-start: 2;
  }
}
@media (min-width: 1080px) {
  .quote-overlaid-media-wrap .quote-overlaid-media.quote-img-left .quote-img {
    grid-template: " qimg ." auto/8fr 4fr;
    grid-template: " qimg ." auto/4fr 4fr; /* decrease image width */
  }
}
.quote-overlaid-media-wrap .quote-overlaid-media .quote-wrap {
  display: grid;
  grid-gap: 0 var(--spacing-standard);
  position: relative;
  z-index: 2;
  grid-template: "qcopy" "qcredit" auto/1fr;
  position: relative;
}
@media (min-width: 768px) {
  .quote-overlaid-media-wrap .quote-overlaid-media .quote-wrap {
    position: absolute;
    grid-template: "qcopy qcopy . " "qcredit . . " auto/4fr 4fr 3fr;
  }
}
@media (min-width: 1080px) {
  .quote-overlaid-media-wrap .quote-overlaid-media .quote-wrap {
    grid-template: " qcopy qcopy ." " qcredit . .  " auto/4fr 4fr 4fr;
  }
}
.quote-overlaid-media-wrap .quote-overlaid-media .quote-wrap .quote-copy {
  grid-area: qcopy;
}
.quote-overlaid-media-wrap .quote-overlaid-media .quote-wrap .quote-copy p {
  color: var(--ps-nittany-navy-500);
  font-family: "Roboto Slab", "Georgia", "Times New Roman", serif;
  font-weight: 400;
}
.quote-overlaid-media-wrap .quote-overlaid-media .quote-wrap .quote-copy p span {
  margin-top: 0;
  font-size: var(--h4);
}
@media (min-width: 768px) {
  .quote-overlaid-media-wrap .quote-overlaid-media .quote-wrap .quote-copy p {
    color: var(--white);
    position: relative;
    left: 0;
  }
  .quote-overlaid-media-wrap .quote-overlaid-media .quote-wrap .quote-copy p span {
    display: inline;
    background-color: var(--ps-nittany-navy-500);
    margin-top: var(--spacing-x-large);
    margin-left: -1.2rem;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    position: relative;
    line-height: 1.4;
    padding: var(--spacing-minimum) 1.2rem;
  }
}
@media (min-width: 1080px) {
  .quote-overlaid-media-wrap .quote-overlaid-media .quote-wrap .quote-copy p span {
    font-size: var(--h3);
    margin-top: var(--spacing-x-large);
    padding: 0.1rem 1.2rem;
  }
}
@media (min-width: 1080px) {
  .quote-overlaid-media-wrap .quote-overlaid-media .quote-wrap .quote-copy p span {
    font-size: var(--h2);
  }
}
.quote-overlaid-media-wrap .quote-overlaid-media .quote-wrap .quote-credit {
  grid-area: qcredit;
  margin-top: var(--spacing-standard);
  margin-bottom: var(--spacing-small);
}
.quote-overlaid-media-wrap .quote-overlaid-media .quote-wrap .quote-credit p {
  width: 100%;
  font-size: var(--font-size-lg);
  font-weight: 400;
  color: var(--ps-nittany-navy-500);
  margin-top: 0;
  font-style: italic;
  line-height: 1.4;
  padding-top: 0;
}
.quote-overlaid-media-wrap .quote-overlaid-media .quote-wrap .quote-credit p strong {
  font-style: normal;
}
.quote-overlaid-media-wrap .quote-overlaid-media .quote-img {
  display: grid;
  grid-template: "qimg" auto/1fr;
  grid-gap: 0 var(--spacing-standard);
  position: relative;
  grid-row-start: 1; /* put img first for mobile */
}
@media (min-width: 768px) {
  .quote-overlaid-media-wrap .quote-overlaid-media .quote-img {
    grid-template: " . qimg " auto/3fr 5fr;
    grid-row-start: 2;
  }
}
@media (min-width: 1080px) {
  .quote-overlaid-media-wrap .quote-overlaid-media .quote-img {
    grid-template: " . qimg" auto/4fr 8fr;
    grid-template: " . qimg" auto/4fr 4fr; /* decrease image width */
  }
}
.quote-overlaid-media-wrap .quote-overlaid-media .quote-img figure {
  grid-area: qimg;
  position: relative;
}
.quote-overlaid-media-wrap .quote-overlaid-media .quote-img figure img {
  width: 100%;
  height: auto;
  display: block;
  top: 0;
  left: 0;
  margin: auto;
}
.quote-overlaid-media-wrap .quote-overlaid-media .quote-img figure figcaption {
  width: 100%;
  color: var(--primary-text-color);
}
@media (min-width: 1080px) {
  .quote-overlaid-media-wrap .quote-overlaid-media .quote-img figure figcaption {
    width: 89%;
  }
}

.table-scroller {
  max-width: 86vw;
  overflow-x: auto;
  display: block;
  margin-top: var(--spacing-medium-small);
}

.table-maker-table {
  min-width: 400px;
  font-size: var(--small-1);
  border-collapse: collapse;
}
.table-maker-table th {
  text-align: left;
  font-weight: 700;
}
.table-maker-table th, .table-maker-table td {
  padding: var(--spacing-x-small);
  border: 1px solid var(--ps-slate-gray-100);
}
.table-maker-table tbody tr:nth-of-type(odd) {
  background-color: var(--ps-pugh-blue-0);
}

@media (min-width: 576px) {
  .table-maker-table {
    min-width: 400px;
    font-size: var(--font-size-base);
  }
}
.rfi-form-wrap .rfi-styled-text-wrap {
  background-color: var(--link-light-color);
  padding-top: 1.75rem;
  padding-bottom: 0.25rem;
}
.rfi-form-wrap .rfi-styled-text {
  display: grid;
  grid-template: "rfi-copy"/1fr;
  grid-gap: var(--spacing-standard);
  margin-left: var(--spacing-standard);
  margin-right: var(--spacing-standard);
}
@media (min-width: 768px) {
  .rfi-form-wrap .rfi-styled-text {
    grid-template: ". rfi-copy ."/1fr 6fr 1fr;
  }
}
@media (min-width: 1080px) {
  .rfi-form-wrap .rfi-styled-text {
    grid-template: ". rfi-copy ."/2fr 7fr 3fr;
  }
}
.rfi-form-wrap .rfi-styled-text div {
  grid-area: rfi-copy;
  align-self: end;
}
.rfi-form-wrap .rfi-styled-text div a.button {
  margin-top: 0;
  margin-bottom: 2.5rem;
}

.rfi-form-inner {
  background-color: var(--link-light-color);
  background: linear-gradient(to top, #ccf0ff 0%, #cfeceb 20%, #ccf0ff 100%);
  padding: var(--spacing-standard) 0 var(--spacing-large);
}
.rfi-form-inner .rfi-form-grid {
  display: grid;
  grid-template: "rfi-form" auto/1fr;
  grid-gap: var(--spacing-standard);
  color: var(--white);
  margin-left: var(--spacing-standard);
  margin-right: var(--spacing-standard);
}
@media (min-width: 768px) {
  .rfi-form-inner .rfi-form-grid {
    grid-template: ". rfi-form ." auto/1fr 6fr 1fr;
  }
}
@media (min-width: 1080px) {
  .rfi-form-inner .rfi-form-grid {
    grid-template: ". rfi-form ." auto/2fr 7fr 3fr;
  }
}
.rfi-form-inner .rfi-form {
  grid-area: rfi-form;
}
.rfi-form-inner .rfi-form form input,
.rfi-form-inner .rfi-form form select {
  border-radius: 3px;
  border: 1px solid var(--ps-nittany-navy-500);
  height: 3.1875rem !important;
  line-height: 3.1875rem !important;
  font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif;
  color: var(--ps-slate-gray-500);
  padding: 0 0.25rem;
  background: var(--white);
}
.rfi-form-inner .rfi-form form input:focus,
.rfi-form-inner .rfi-form form select:focus {
  border: 2px solid var(--ps-sky-blue-500);
}
.rfi-form-inner .rfi-form form input {
  width: 270px;
}
@media screen and (min-width: 321px) {
  .rfi-form-inner .rfi-form form input {
    width: 302px;
  }
}
@media (min-width: 768px) {
  .rfi-form-inner .rfi-form form input {
    width: 477px;
  }
}
@media (min-width: 1080px) {
  .rfi-form-inner .rfi-form form input {
    width: 533px;
  }
}
.rfi-form-inner .rfi-form form input[type=text], .rfi-form-inner .rfi-form form input[type=email] {
  text-indent: 0.25rem;
  color: var(--ps-beaver-blue-500) !important;
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: 700;
}
.rfi-form-inner .rfi-form form select {
  text-indent: 0.25rem;
  color: var(--ps-beaver-blue-500);
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: 700;
}
.rfi-form-inner .rfi-form form div.form_question:nth-child(4) select {
  display: block;
  margin-right: 0;
  margin-left: 0 !important;
  margin-bottom: 0.5rem;
}
.rfi-form-inner .rfi-form form div.form_question:nth-child(4) select:nth-child(1) {
  width: 195px;
}
.rfi-form-inner .rfi-form form div.form_question:nth-child(4) select:nth-child(2) {
  width: 93px;
}
.rfi-form-inner .rfi-form form div.form_question:nth-child(4) select:nth-child(3) {
  width: 118px;
}
@media (min-width: 768px) {
  .rfi-form-inner .rfi-form form div.form_question:nth-child(4) select {
    display: unset;
    margin-right: 0.5rem;
  }
  .rfi-form-inner .rfi-form form div.form_question:nth-child(4) select:nth-child(1) {
    width: 195px;
  }
  .rfi-form-inner .rfi-form form div.form_question:nth-child(4) select:nth-child(2) {
    width: 93px;
  }
  .rfi-form-inner .rfi-form form div.form_question:nth-child(4) select:nth-child(3) {
    width: 118px;
  }
}
@media (min-width: 1080px) {
  .rfi-form-inner .rfi-form form div.form_question:nth-child(4) select:nth-child(1) {
    width: 195px;
  }
  .rfi-form-inner .rfi-form form div.form_question:nth-child(4) select:nth-child(2) {
    width: 93px;
  }
  .rfi-form-inner .rfi-form form div.form_question:nth-child(4) select:nth-child(3) {
    width: 118px;
  }
}
.rfi-form-inner .rfi-form form div.form_question:nth-child(6) select {
  width: 266px;
}
.rfi-form-inner .rfi-form form div.form_question:nth-child(7) select {
  width: 270px;
}
@media screen and (min-width: 321px) {
  .rfi-form-inner .rfi-form form div.form_question:nth-child(7) select {
    width: 302px;
  }
}
@media (min-width: 1080px) {
  .rfi-form-inner .rfi-form form div.form_question:nth-child(7) select {
    width: 363px;
  }
}
.rfi-form-inner .rfi-form form div.form_question:nth-child(8) select {
  width: 127px;
}
.rfi-form-inner .rfi-form form div.form_question:nth-child(9) select, .rfi-form-inner .rfi-form form div.form_question:nth-child(10) select {
  width: 270px;
}
@media screen and (min-width: 321px) {
  .rfi-form-inner .rfi-form form div.form_question:nth-child(9) select, .rfi-form-inner .rfi-form form div.form_question:nth-child(10) select {
    width: 302px;
  }
}
@media (min-width: 1080px) {
  .rfi-form-inner .rfi-form form div.form_question:nth-child(9) select, .rfi-form-inner .rfi-form form div.form_question:nth-child(10) select {
    width: 363px;
  }
}
.rfi-form-inner .rfi-form form label,
.rfi-form-inner .rfi-form form .form-label,
.rfi-form-inner .rfi-form form .form_label {
  font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif;
  font-size: var(--font-size-base);
  color: var(--ps-nittany-navy-500);
  font-weight: 400;
  margin-bottom: 0.25rem;
  text-indent: 2px;
}
.rfi-form-inner .rfi-form form button.default {
  background-color: var(--ps-beaver-blue-500);
  background-image: linear-gradient(-49.01deg, #00a7ed 0%, #009cde 4.4%, #005fa9 51.7%, #1e407c 82.3%, #1e407c 100%);
  color: var(--white);
  border-radius: 3px;
  border: none;
  margin-top: 3.125rem;
  padding: 1.375rem 2.25rem;
  font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif;
  font-size: var(--h3);
  text-transform: uppercase;
  font-style: italic;
}
@media (min-width: 768px) {
  .rfi-form-inner .rfi-form form button.default {
    padding: 1.375rem 3.5rem;
  }
}
@media (min-width: 1080px) {
  .rfi-form-inner .rfi-form form button.default {
    padding: 1.5rem 4.5rem;
  }
}
.rfi-form-inner .rfi-form form button.default:hover {
  background-image: linear-gradient(to top, #1e407c 0%, #005fa9 44%, #009cde 98%, #00d8ff 100%);
}
.rfi-form-inner .rfi-form form button.default:focus {
  background-image: linear-gradient(to bottom, #0076d1 0%, #009cde 3.9%, #005fa9 51.7%, #1e407c 82.3%, #1e407c 100%);
}
.rfi-form-inner .rfi-form p {
  font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif;
  font-size: var(--h3);
  color: var(--link-color);
  padding: 1rem 0;
}

/* mimick search from modal */
body .search-form .input-group {
  border: 1px solid var(--ps-slate-gray-700);
  border-radius: 22px;
  background-color: #f8f8f8;
  width: 100%;
  float: none;
}

body .search-form input[type=search] {
  border-radius: 0;
  -webkit-appearance: none;
  border: none;
  color: var(--primary-text-color);
  background: transparent;
  flex: 1 1 auto;
  padding: 0 0 0 var(--spacing-small);
  width: 100px;
  height: 41px;
  font-size: var(--font-size-xl);
  font-weight: 900;
  font-style: italic;
}
body .search-form input[type=search]:focus {
  outline-style: none !important;
}

body .search-form input[type=search]::placeholder {
  color: #727272;
  content: "Search";
}

body .search-form button {
  background: transparent;
  border: none;
  top: 0;
  cursor: pointer;
  padding: 0 var(--spacing-xx-small) 0 0;
}
@media (min-width: 768px) {
  body .search-form button {
    padding: 0 var(--spacing-small) 0 0;
  }
}

.filters h3 {
  padding-top: var(--spacing-small);
}
.filters .button {
  padding: var(--spacing-x-small) var(--spacing-small);
}

.search-results {
  padding-bottom: var(--spacing-large);
}

.search-results .card {
  padding: var(--spacing-small) var(--spacing-xx-small);
}
.search-results .card h3 {
  font-size: var(--h5);
}
.search-results .card h3, .search-results .card p.excerpt {
  padding-top: var(--spacing-xx-small);
}
.search-results .card a:hover,
.search-results .card a:visited:hover {
  text-decoration: underline;
}
.search-results .card p.excerpt,
.search-results .card span {
  color: var(--primary-text-color);
}
.search-results .card p.excerpt {
  font-size: var(--font-size-xl);
}
.search-results .card span {
  font-size: var(--small-2);
  font-style: italic;
}
.search-results .card span a:link, .search-results .card span a:visited {
  color: var(--primary-text-color);
}

.gsc-control-cse {
  padding: 0.5rem 0 2.75rem 0 !important;
  font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif !important;
}

.gsc-input-box {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (min-width: 768px) {
  .gsc-input-box {
    border-radius: 1rem;
  }
}

.gsc-tabsArea {
  border-bottom: none !important;
}

.gsc-above-wrapper-area {
  border-bottom: none !important;
  padding: 5px 0 1.375rem 0 !important;
}

.gsc-results-wrapper-nooverlay .gsc-above-wrapper-area {
  background: var(--ps-slate-gray-0);
  border-bottom: none;
}
.gsc-results-wrapper-nooverlay .gsc-above-wrapper-area table td {
  border: none;
  padding: 0.25em 1em;
}
.gsc-results-wrapper-nooverlay .gsc-above-wrapper-area .gsc-result-info {
  padding: 0;
}

.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b, .gs-imageResult a.gs-title:visited {
  font-size: var(--h3);
  line-height: 1.75rem;
  color: var(--link-color) !important;
}
@media (min-width: 1080px) {
  .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b, .gs-imageResult a.gs-title:visited {
    line-height: 2.35rem;
  }
}

.gsc-result-info {
  color: var(--primary-text-color);
  font-size: 13px;
  margin: 0;
  padding: 4px 4px 10px 4px;
  text-align: left;
}

.gsc-webResult .gsc-result {
  padding: 1.25rem 0 !important;
}
@media (min-width: 1080px) {
  .gsc-webResult .gsc-result {
    padding: 1.5rem 0 !important;
  }
}
.gsc-webResult .gsc-result:hover {
  border-color: var(--white) !important;
}
.gsc-webResult .gsc-result:hover a {
  text-decoration: underline;
}
.gsc-webResult div.gs-visibleUrl {
  font-size: var(--font-size-lg);
  color: var(--link-color) !important;
}
.gsc-webResult .gs-snippet {
  font-size: var(--h6);
  padding-top: 0.75rem;
}

.gsc-thumbnail-inside, .gsc-url-top {
  padding-bottom: 4px;
}

.gs-web-image-box {
  padding: 17px 8px 2px 0 !important;
}

.gs-web-image-box, .gs-promotion-image-box {
  width: 215px !important;
}

.gs-web-image-box .gs-image, .gs-promotion-image-box .gs-promotion-image {
  max-width: 195px !important;
  max-height: 146px !important;
}

.gs-result .gs-image, .gs-result .gs-promotion-image {
  border: 1px solid var(--white) !important;
}

.gsc-table-cell-thumbnail {
  display: none;
}
@media (min-width: 1080px) {
  .gsc-table-cell-thumbnail {
    display: block;
  }
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  background-color: var(--white) !important;
  color: var(--ps-slate-gray-500) !important;
  font-size: 1.25rem;
  margin-right: 1.25rem !important;
}

.gsc-cursor-next-page, .gsc-cursor-numbered-page {
  padding: 9px 0 10px 0;
}

/* sidenav */
.col-sidenav h2 {
  font-size: var(--h3);
  margin-bottom: var(--spacing-small);
}
.col-sidenav h2 a:link, .col-sidenav h2 a:visited {
  color: var(--primary-text-color);
}
@media (min-width: 768px) {
  .col-sidenav {
    margin: var(--spacing-medium-small) var(--spacing-standard) var(--spacing-small) 0;
  }
}
.col-sidenav ul {
  margin-top: 0;
  margin-left: 0;
  list-style-type: none;
  padding-left: 0;
  font-size: var(--font-size-lg);
}
.col-sidenav li {
  border-bottom: 1px solid rgba(112, 112, 112, 0.325);
  font-weight: 500;
  line-height: 1.35;
}
.col-sidenav li:first-of-type {
  border-top: 1px solid rgba(112, 112, 112, 0.325);
}
.col-sidenav li.active a:link,
.col-sidenav li.active a:visited,
.col-sidenav li.active a:hover {
  background: var(--ps-pugh-blue-150);
  color: var(--primary-text-color);
  text-decoration: solid underline 2px transparent;
}
.col-sidenav li.active ul li a:link,
.col-sidenav li.active ul li a:visited {
  background: transparent;
  color: var(--link-color);
}
.col-sidenav li.active a:link:hover,
.col-sidenav li.active a:visited:hover {
  color: var(--primary-text-color);
  text-decoration: solid underline 2px transparent;
}
.col-sidenav li.active a.nav-link + ul.sub-page-nav { /* add padding to top of sub pages if parent is active */
  padding-top: var(--spacing-small);
}
.col-sidenav li ul.sub-page-nav {
  padding: 0 0 var(--spacing-small) var(--spacing-standard);
}
.col-sidenav li ul.sub-page-nav li {
  border-bottom: none;
  font-weight: 400;
  line-height: 1.35;
}
.col-sidenav li ul.sub-page-nav li:first-of-type {
  border-top: none;
}
.col-sidenav li ul.sub-page-nav li a:link,
.col-sidenav li ul.sub-page-nav li a:visited,
.col-sidenav li ul.sub-page-nav li a:hover,
.col-sidenav li ul.sub-page-nav li a:focus {
  padding: 0.5rem !important;
}
.col-sidenav li ul.sub-page-nav li.active {
  margin: var(--spacing-x-small) 0;
}
.col-sidenav li.sidenav-primary-section {
  /* header */
  font-family: "Roboto Condensed", Impact, "Franklin Gothic Bold", sans-serif;
}
.col-sidenav li.sidenav-primary-section a:link,
.col-sidenav li.sidenav-primary-section a:visited {
  color: var(--primary-text-color);
}
.col-sidenav li a:link,
.col-sidenav li a:visited {
  color: var(--primary-link-color);
  padding: var(--spacing-small);
  display: block;
  text-underline-offset: 0.25rem;
  text-decoration-skip-ink: auto;
  text-decoration: solid underline 2px transparent;
  transition: all 0.25s ease-in;
}
.col-sidenav li a:link:hover,
.col-sidenav li a:visited:hover {
  color: var(--ps-beaver-blue-500);
  text-decoration: solid underline 2px var(--color-primary-accent);
}

.sitemap {
  padding-bottom: var(--spacing-standard);
}
.sitemap a:hover,
.sitemap a:visited:hover {
  text-decoration: underline;
}
.sitemap li {
  font-size: var(--font-size-base);
  font-weight: 400;
  border-top: transparent;
  margin: var(--spacing-xx-small);
}
.sitemap li.top-level {
  font-size: var(--h5);
  font-weight: 700;
  border-top: 1px solid var(--color-primary-accent);
  padding-top: var(--spacing-standard);
  margin-top: var(--spacing-standard);
  list-style-type: none;
}

/** Navigation **/
body:not(.home) {
  margin-top: 86px;
}
@media (min-width: 768px) {
  body:not(.home) {
    margin-top: 90px;
  }
}
@media (min-width: 1080px) {
  body:not(.home) {
    margin-top: 115px;
  }
}
@media (min-width: 1440px) {
  body:not(.home) {
    margin-top: 122px;
  }
}

.header-wrap {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
  height: auto;
  display: block;
  background-color: var(--ps-nittany-navy-500);
}

.theme-traditional #navigation {
  background-color: #001e44;
  background-image: linear-gradient(to right, #001e44 0%, #001e44 31%, #1b3c76 76%, #000321 100%);
}

.theme-vibrant-blue #navigation {
  background-color: #0075A6;
  background-image: linear-gradient(to right, #009CDE 0%, #1E407C 50%, #001E44 100%);
}

#navigation {
  position: absolute;
  width: 100%;
  height: 86px;
  transition: height 0.4s ease-out;
}
@media (min-width: 768px) {
  #navigation {
    height: 90px;
  }
}
@media (min-width: 1080px) {
  #navigation {
    height: 115px;
  }
}
@media (min-width: 1440px) {
  #navigation {
    height: 122px;
  }
}

#navigation.min-height {
  width: 100%;
  height: 57px;
  transition: height 0.4s ease-in;
  /*	@include set-nav-background-color; */
}
@media (min-width: 768px) {
  #navigation.min-height {
    height: 62px;
  }
}
@media (min-width: 1080px) {
  #navigation.min-height {
    height: 87px;
  }
}
@media (min-width: 1440px) {
  #navigation.min-height {
    height: 71px;
  }
}

.home #navigation {
  background: none;
  filter: none;
}

.brand {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  max-width: 1440px;
  position: relative;
  /* SIA - hide these as test and apply all margin universally on container @include set-side-margins($small-mobile-side-margins); */
}
@media screen and (min-width: 376px) {
  .brand {
    /* @include set-side-margins($mobile-side-margins); */
  }
}
@media (min-width: 768px) {
  .brand {
    height: 90px;
    /*  @include set-side-margins($tablet-side-margins); */
  }
}
@media (min-width: 1080px) {
  .brand {
    height: 115px;
    /*  @include set-side-margins($desktop-side-margins); */
  }
}
@media (min-width: 1440px) {
  .brand {
    height: 122px;
    /*  @include set-side-margins($large-desktop-side-margins); */
  }
}

.min-nav {
  height: 57px;
  transition: height 200ms ease-in;
}
@media (min-width: 768px) {
  .min-nav {
    height: 62px;
  }
}
@media (min-width: 1080px) {
  .min-nav {
    height: 87px;
  }
}
@media (min-width: 1440px) {
  .min-nav {
    height: 71px;
  }
}

.brand .header-logo {
  flex: 0 0 100%;
  order: 1;
  width: 147px;
}
@media (min-width: 768px) {
  .brand .header-logo {
    width: 158px;
  }
}
@media (min-width: 1080px) {
  .brand .header-logo {
    width: 163px;
  }
}
@media (min-width: 1440px) {
  .brand .header-logo {
    width: 200px;
  }
}

.brand.brand-sia .header-logo {
  flex: 0 0 100%;
  order: 1;
  width: 180px;
}
@media (min-width: 1080px) {
  .brand.brand-sia .header-logo {
    width: 210px;
  }
}
@media (min-width: 1440px) {
  .brand.brand-sia .header-logo {
    width: 240px;
  }
}

.brand .header-logo img {
  width: 100%;
  margin-top: 0.75rem;
}
@media (min-width: 768px) {
  .brand .header-logo img {
    margin-top: 1rem;
  }
}
@media (min-width: 1080px) {
  .brand .header-logo img {
    margin-top: 1.75rem;
  }
}

.brand.brand-sia.min-nav .header-logo {
  width: 38px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .brand.brand-sia.min-nav .header-logo {
    width: 43px;
  }
}
@media (min-width: 1080px) {
  .brand.brand-sia.min-nav .header-logo {
    width: 43px;
  }
}
@media (min-width: 1440px) {
  .brand.brand-sia.min-nav .header-logo {
    width: 43px;
  }
}
.brand.brand-sia.min-nav .header-logo img {
  position: fixed;
  left: -999999px;
}

.min-nav .header-logo {
  background: url("../assets/components/img/header/psu-shield.svg") center center no-repeat;
}

#navigation .brand > ul {
  display: none;
  flex: 0 0 50%;
  width: auto;
  order: 3;
  margin: 0;
  padding: 0;
  text-align: right;
}
@media (min-width: 1080px) {
  #navigation .brand > ul {
    display: block;
  }
}

@media (min-width: 1080px) {
  #navigation .min-nav > ul {
    flex: 0 0 50%;
    margin-top: 0;
    order: 3;
  }
}
@media (min-width: 1440px) {
  #navigation .min-nav > ul {
    flex: 0 0 100%;
    width: 55%;
    margin-top: 1rem;
    order: 2;
  }
}

#navigation .brand li {
  list-style-type: none;
  display: inline-block;
  color: var(--white);
  position: relative;
  padding-right: 0;
}
@media (min-width: 1080px) {
  #navigation .brand li {
    padding-top: 0;
    padding-bottom: 0.25rem;
  }
}

@media (min-width: 1080px) {
  #navigation .min-nav li {
    padding-top: 0.15rem;
  }
}
@media (min-width: 1440px) {
  #navigation .min-nav li {
    padding-top: 0.125rem;
  }
}

#navigation .brand > ul > li > a,
#navigation .brand .current {
  display: inline-block;
  text-decoration: none;
  color: var(--white);
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.125rem;
}
@media (min-width: 1080px) {
  #navigation .brand > ul > li > a,
  #navigation .brand .current {
    padding: 0.5rem 0 0 0;
  }
}
@media (min-width: 1440px) {
  #navigation .brand > ul > li > a,
  #navigation .brand .current {
    padding: 0.5rem 0 1.5rem 0;
  }
}
#navigation .brand > ul > li > a:hover, #navigation .brand > ul > li > a:focus,
#navigation .brand .current:hover,
#navigation .brand .current:focus {
  color: var(--link-light-color);
  text-shadow: -0.25px -0.25px 0 var(--link-light-color), 0.25px 0.25px var(--link-light-color);
}

@media (min-width: 1080px) {
  .brand > ul > li:first-child > a {
    padding: 0.5rem 0 1rem;
  }
}

#navigation .brand > ul > li {
  margin-left: 1.875rem;
}

@media (min-width: 1440px) {
  #navigation .min-nav > ul > li {
    margin-left: 1.1rem;
  }
}

#navigation .brand > ul > li > .dropdown-content {
  display: none;
  visibility: none;
  position: absolute;
  background-color: var(--white);
  min-width: 160px;
  border-radius: 0.625rem;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  border-bottom: 0.5rem solid var(--color-primary-accent);
}
@media (min-width: 1080px) {
  #navigation .brand > ul > li > .dropdown-content {
    margin-top: 1rem;
  }
}
@media (min-width: 1440px) {
  #navigation .brand > ul > li > .dropdown-content {
    margin-top: 0.125rem;
  }
}

@media (min-width: 1080px) {
  #navigation .min-nav > ul > li > .dropdown-content {
    margin-top: 0.75rem;
  }
}
@media (min-width: 1440px) {
  #navigation .min-nav > ul > li > .dropdown-content {
    margin-top: 0rem;
  }
}

#navigation .brand > ul > li.open > .dropdown-content {
  display: flex;
  padding: 28px 36px 36px;
  /* width: 502px;
  padding: 28px 36px 47px; */
}

#navigation .brand > ul > li.open > .dropdown-content:after {
  display: block;
  margin: 0 auto;
  content: " ";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xNiAxNiBMNDggMTYgTDMyIDAgWiI+PC9wYXRoPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: top left;
  height: 20px;
  width: 98%;
}
@media (min-width: 1080px) {
  #navigation .brand > ul > li.open > .dropdown-content:after {
    position: absolute;
    top: -0.75rem;
    left: 1rem;
  }
}
@media (min-width: 1440px) {
  #navigation .brand > ul > li.open > .dropdown-content:after {
    top: -0.85rem;
  }
}

@media (min-width: 1080px) {
  #navigation .min-nav > ul > li.open > .dropdown-content:after {
    position: absolute;
    top: -0.75rem;
    left: 1rem;
  }
}
@media (min-width: 1440px) {
  #navigation .min-nav > ul > li.open > .dropdown-content:after {
    top: -0.9rem;
  }
}

#navigation .brand > ul li:nth-child(n+4) { /* add 4 or greater? */ }
#navigation .brand > ul li:nth-child(n+4) .dropdown-content {
  position: absolute;
  right: 0;
}

#navigation .brand > ul li:nth-child(3) > .dropdown-content {
  position: absolute;
  left: -110px;
}

@media (min-width: 1080px) {
  #navigation .brand > ul > li.open:last-child > .dropdown-content:after {
    background-position: right top;
    position: absolute;
    right: 0;
    left: 0;
  }
}

@media (min-width: 1080px) {
  #navigation .brand > ul > li.open:nth-child(3) > .dropdown-content:after {
    background-position: 110px top;
    position: absolute;
    left: 0;
  }
}

@media (min-width: 1080px) {
  #navigation .brand > ul > li.open:nth-child(n+4) > .dropdown-content:after {
    background-position: right top;
    position: absolute;
    right: 50px;
    left: 0;
  }
}

#navigation .has-submenu > a:after {
  line-height: 14px;
  content: "";
}

#navigation .brand .has-submenu:hover > a:hover:after,
#navigation .has-submenu > a:focus:after {
  content: "";
}

#navigation .brand .has-submenu button {
  border: none;
  background-color: transparent;
}
@media (min-width: 1080px) {
  #navigation .brand .has-submenu button {
    padding: 0 0 0 0.375rem;
    position: relative;
  }
}
@media (min-width: 1440px) {
  #navigation .brand .has-submenu button {
    position: relative;
    left: 0;
  }
}

#navigation .brand .has-submenu button > span {
  display: block;
  right: 0;
  width: 10px;
  height: 10px;
  vertical-align: middle;
}

#navigation .brand .has-submenu button > span:before,
#navigation .brand .has-submenu button > span:after {
  display: block;
  position: absolute;
  left: 15px;
  content: " ";
  height: 10px;
  width: 2px;
  background-color: var(--white);
}

#navigation .brand .has-submenu button > span:before {
  display: block;
  transform: rotate(90deg);
}

#navigation .brand .has-submenu button > span:after {
  display: block;
  transform: rotate(180deg);
}

#navigation .brand .has-submenu:hover button > span:after,
#navigation .brand .has-submenu button:focus > span:after {
  height: 0;
}

#navigation .brand .has-submenu:hover button > span:before,
#navigation .brand .has-submenu button:focus > span:before {
  background-color: var(--link-light-color);
}

#navigation .brand .has-submenu button,
#navigation .brand .has-submenu a:focus + button {
  background-color: transparent;
}

#navigation .brand .has-submenu:hover button,
#navigation .brand .has-submenu button:hover,
#navigation .brand .has-submenu button:focus {
  background: transparent;
}

.brand .submenu-links {
  width: 210px;
  position: relative;
}

.brand .submenu-links > ul,
.min-nav .submenu-links > ul {
  padding-left: 0;
  padding-top: 0;
  list-style: none;
  width: 100%;
}
.brand .submenu-links > ul li,
.min-nav .submenu-links > ul li {
  display: block !important;
  top: 0;
  border-bottom: 1px dashed rgba(112, 112, 112, 0.5);
}

.brand .submenu-links > ul > li > a,
.min-nav .submenu-links > ul > li > a {
  font-family: "Roboto", sans-serif;
  color: var(--ps-nittany-navy-500);
  text-decoration: none;
  font-size: var(--font-size-lg);
  padding: 0.5rem 0.625rem 0.25rem !important;
  display: block;
  width: 100%;
  font-weight: 500;
  text-align: left;
}
.brand .submenu-links > ul > li > a:hover,
.min-nav .submenu-links > ul > li > a:hover {
  color: var(--link-color);
}

.brand .submenu-card,
.min-nav .submenu-card {
  position: relative;
  width: 236px;
  margin-left: 56px;
  border-radius: 0.625rem;
  box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.2);
}
.brand .submenu-card > a,
.min-nav .submenu-card > a {
  display: block;
  padding: 0 0 1.75rem !important;
  width: 236px !important;
}
.brand .submenu-card > a:link, .brand .submenu-card > a:visited,
.min-nav .submenu-card > a:link,
.min-nav .submenu-card > a:visited {
  color: var(--link-color) !important;
  text-decoration: none;
}
.brand .submenu-card > a:link img, .brand .submenu-card > a:visited img,
.min-nav .submenu-card > a:link img,
.min-nav .submenu-card > a:visited img {
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
  width: 100%;
}
.brand .submenu-card > a:link h3, .brand .submenu-card > a:visited h3,
.min-nav .submenu-card > a:link h3,
.min-nav .submenu-card > a:visited h3 {
  margin: 1.4375rem 1rem 0;
  font-family: "Roboto Slab", "Georgia", "Times New Roman", serif;
  font-size: var(--font-size-lg);
  text-align: left;
}
.brand .submenu-card > a:hover,
.min-nav .submenu-card > a:hover {
  text-decoration: underline;
  color: var(--ps-nittany-navy-500);
}
.brand .submenu-card p,
.min-nav .submenu-card p {
  color: var(--primary-text-color);
  font-size: var(--font-size-base);
  font-weight: 700;
  display: block;
  text-transform: uppercase;
  margin: 1rem 1rem 2.8125rem;
}

.header-buttons {
  flex-basis: 100%;
  order: 3;
}
@media (min-width: 768px) {
  .header-buttons {
    align-self: flex-end;
    width: 75%;
    flex-basis: 100%;
  }
}
@media (min-width: 1080px) {
  .header-buttons {
    order: 2;
    align-self: auto;
    width: auto;
    flex-basis: 50%;
  }
}

.min-nav .header-buttons {
  flex: 0 0 100%;
  position: relative;
  order: 2;
  right: 0;
}
@media (min-width: 1080px) {
  .min-nav .header-buttons {
    flex: 0 0 50%;
  }
}
@media (min-width: 1440px) {
  .min-nav .header-buttons {
    flex: 0 0 100%;
    width: 40%;
    position: relative;
    order: 2;
  }
}

.header-buttons .btn-wrap {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  margin-top: 0.75rem;
}
@media (min-width: 768px) {
  .header-buttons .btn-wrap {
    margin-top: 1rem;
  }
}
@media (min-width: 1080px) {
  .header-buttons .btn-wrap {
    margin-top: 1.5rem;
  }
}

.min-nav .header-buttons .btn-wrap {
  margin-top: 0.6rem;
}
@media (min-width: 768px) {
  .min-nav .header-buttons .btn-wrap {
    margin-top: 0.85rem;
  }
}
@media (min-width: 1080px) {
  .min-nav .header-buttons .btn-wrap {
    margin-top: 0.75rem;
  }
}
@media (min-width: 1440px) {
  .min-nav .header-buttons .btn-wrap {
    margin-top: 1.25rem;
  }
}

.brand .header-buttons a {
  display: inline-block;
}

.header-buttons .btn-wrap .cta-button {
  display: none;
}
.header-buttons .btn-wrap .cta-button:hover, .header-buttons .btn-wrap .cta-button:focus {
  color: var(--white);
}
@media (min-width: 768px) {
  .header-buttons .btn-wrap .cta-button {
    display: inline-block;
    padding: 6px 20px;
  }
}

.btn-wrap .more-menu-buttons {
  display: inline-block;
  margin-top: 0;
}
@media (min-width: 768px) {
  .btn-wrap .more-menu-buttons {
    margin-top: 0;
  }
}

.toggle-search {
  display: inline-block;
  background-color: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  left: -10px;
  padding-left: 0;
  padding-right: 0;
  color: var(--white);
}
@media (min-width: 768px) {
  .toggle-search {
    margin-left: 0;
    left: 0;
  }
}
.toggle-search:hover, .toggle-search:focus {
  opacity: 0.7;
}
.toggle-search i {
  font-size: 1.5rem;
  position: relative;
  top: 3px;
}

.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  position: relative;
  top: 0;
  left: -5px;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .hamburger {
    left: 0;
  }
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 26px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: 3px;
  padding-right: 8px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 26px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -7px;
}

.hamburger-inner::after {
  bottom: -7px;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
  width: 22px;
}

.hamburger:hover .hamburger-inner {
  width: 0;
}
.hamburger:hover .hamburger-inner::before {
  top: -4px;
}
.hamburger:hover .hamburger-inner::after {
  bottom: -4px;
}

.hamburger--arrow-r:hover .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.5, 1);
}

.hamburger--arrow-r:hover .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.5, 1);
}

.hamburger-menu {
  display: inline-block;
}

.hamburger-more {
  display: none;
}

@media (min-width: 768px) {
  .hamburger-menu {
    display: none;
  }
  .hamburger-more {
    display: inline-block;
  }
}
.full-menu-wrap {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  width: 100vw;
  height: 100vh;
  transform: translateX(75rem);
  position: fixed;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  transition: transform 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  background-color: var(--white);
  z-index: 1000;
  font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif;
}
@media (min-width: 1080px) {
  .full-menu-wrap {
    width: 720px;
    left: auto; /* set at 0 for mobile to fix margin issue, otherwise menu is partially off screen to the left */
  }
}

.full-menu {
  width: inherit;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin-bottom: 10rem;
  display: grid;
  overflow-y: auto;
  grid-template: ". s-mark . cl ." 100px ". s-cta s-cta s-cta ." ". ds ds ds ." ". s-nav s-nav s-nav ." ". aud aud aud ." ". lk lk lk ." ". soc soc soc ." auto/var(--spacing-medium-small) 180px 1fr 120px var(--spacing-medium-small);
}
@media (min-width: 768px) {
  .full-menu {
    grid-template: ". s-mark s-cta s-cta s-cta s-cta s-cta cl ." 100px ". . ds ds ds ds ds ds ." ". s-nav s-nav s-nav  .  aud aud aud ." 360px ". s-nav s-nav s-nav  .  lk lk lk ." ". soc soc soc soc soc soc soc ." auto/42px 175px 1fr 1fr 1fr 1fr 1fr 120px 42px;
  }
}
@media (min-width: 1080px) {
  .full-menu {
    grid-template: ". s-cta s-cta s-cta cl ." 30px ". ds ds ds ds ." 169px ". aud aud lk lk ." ". soc soc soc soc . " auto/74px 2fr 1fr 1fr 120px 74px;
  }
}

.full-menu .full-menu-mark {
  grid-area: s-mark;
  margin-top: 20px;
  display: block;
}
.full-menu .full-menu-mark img {
  width: 100%;
  display: block;
}
@media (min-width: 768px) {
  .full-menu .full-menu-mark {
    margin-top: 22px;
  }
}
@media (min-width: 1080px) {
  .full-menu .full-menu-mark {
    display: none;
  }
}

.full-menu a {
  text-decoration: none;
}

.full-menu .cta-container {
  margin-top: 20px;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  grid-area: s-cta;
}
@media (min-width: 768px) {
  .full-menu .cta-container {
    margin-top: 28px;
  }
}
@media (min-width: 1080px) {
  .full-menu .cta-container {
    text-align: left;
    margin-left: 0;
  }
}
.full-menu .cta-container .wrap-cta * {
  text-align: left;
  margin: 0 2px;
}

.full-menu .close-menu {
  text-transform: uppercase;
  width: 120px;
  margin-top: 24px;
  top: 0;
  grid-area: cl;
  line-height: 1.25rem;
  color: var(--ps-nittany-navy-500);
  display: inline-block;
  /* blows out modal as psu had it positioned */
  position: absolute;
}
@media (min-width: 768px) {
  .full-menu .close-menu {
    margin-top: 28px;
  }
}
.full-menu .close-menu span {
  display: inline-block;
  position: relative;
  right: 0.5rem;
  top: 4px;
  width: 20px;
  height: 20px;
}
.full-menu .close-menu p {
  display: inline-block;
  line-height: 30px;
}

.full-menu .close-menu span::before,
.full-menu .close-menu span::after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 20px;
  width: 3px;
  background-color: var(--ps-nittany-navy-500);
}

.full-menu .close-menu span::before {
  transform: rotate(45deg);
}

.full-menu .close-menu span::after {
  transform: rotate(-45deg);
}

.close-menu {
  cursor: pointer;
  background-color: transparent;
  border: none;
  font-weight: 700;
  text-align: right;
}

.icon-cancel::before {
  font-size: 2rem;
  float: none;
}

.full-menu-wrap.show-menu {
  transform: translate(0);
}

.full-menu.show-menu-close {
  display: none;
}

.full-menu form.search-form {
  margin: var(--spacing-standard) 0;
  padding: 0;
  grid-area: ds;
}
@media (min-width: 1080px) {
  .full-menu form.search-form {
    margin: var(--spacing-xx-large) 0 0 0;
  }
}

.full-menu .input-group {
  border: 1px solid var(--ps-slate-gray-700);
  border-radius: 22px;
  background-color: #f8f8f8;
  width: 100%;
  float: none;
}
@media (min-width: 768px) {
  .full-menu .input-group {
    width: 95%;
    float: right;
  }
}
@media (min-width: 1080px) {
  .full-menu .input-group {
    width: 100%;
    float: none;
  }
}

.full-menu select::-ms-expand {
  display: none;
}

.full-menu select {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  background: transparent;
  appearance: none;
  background-image: url("../img/header/dropdown.png");
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
  height: 41px;
  width: 9rem;
  padding: 0 28px 0 14px;
  font-weight: 700;
}

.full-menu select option {
  font-weight: 400;
}

.full-menu input[type=search] {
  border-radius: 0;
  -webkit-appearance: none;
  border: none;
  color: var(--primary-text-color);
  background: transparent;
  flex: 1 1 auto;
  padding: 0 0 0 16px;
  width: 100px;
  height: 41px;
  font-size: var(--font-size-lg);
  font-weight: 900;
  font-style: italic;
}
@media (min-width: 768px) {
  .full-menu input[type=search] {
    padding: 0 16px;
    font-size: 1.375rem;
  }
}
.full-menu input[type=search]:focus {
  outline-style: none !important;
}

.full-menu input[type=search]::placeholder {
  color: #727272;
  content: "Search";
}

.full-menu .search-form button {
  background: transparent;
  border: none;
  top: 0;
  cursor: pointer;
  padding: 0 0.5rem 0 0;
}
@media (min-width: 768px) {
  .full-menu .search-form button {
    padding: 0 1rem 0 0;
  }
}

.full-menu h4 {
  font-weight: 400;
  font-size: var(--font-size-base);
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 1rem;
  margin-top: 0.85rem;
}

.full-menu ul,
.full-menu li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.full-menu .audience-menu {
  margin: 0;
  grid-area: aud;
}

.full-menu a {
  color: var(--ps-nittany-navy-500);
}
.full-menu a:hover, .full-menu a:focus {
  text-decoration: none;
  color: var(--link-color);
}

.full-menu ul#modal-main-nav {
  grid-area: s-nav;
  width: 100%;
  margin: 1rem 0;
}
@media (min-width: 768px) {
  .full-menu ul#modal-main-nav {
    margin: 1.5rem 0;
  }
}
@media (min-width: 1080px) {
  .full-menu ul#modal-main-nav {
    display: none;
  }
}

.full-menu button {
  float: right;
  position: relative;
  display: block;
  top: 1rem;
  right: 0;
  border: none;
  background-color: transparent !important;
  cursor: pointer;
}
.full-menu button span {
  display: inline-block;
  top: 1rem;
  right: 2.125rem;
  width: 1rem;
  height: 1rem;
}

.full-menu ul li.has-submenu button > span::before,
.full-menu ul li.has-submenu button > span::after {
  display: block;
  position: absolute;
  top: 0;
  left: 15px;
  content: " ";
  height: 1rem;
  width: 0.25rem;
  background-color: var(--ps-nittany-navy-500);
}

.full-menu ul li.has-submenu button > span::before {
  display: block;
  transform: rotate(90deg);
}

.full-menu ul li.has-submenu button > span::after {
  display: block;
  transform: rotate(180deg);
}

.full-menu ul li.has-submenu button:hover > span::after {
  display: block;
  color: var(--link-color);
}

.full-menu .open button {
  display: block;
  position: relative;
  top: 1rem;
}

.full-menu ul li.open > a {
  display: block;
  font-style: italic;
  color: var(--link-color);
  font-weight: 700 !important;
}

.full-menu ul li.open ul li a {
  display: block;
  font-style: normal;
  color: var(--ps-nittany-navy-500);
}

.full-menu ul li.open ul li a:hover {
  display: block;
  font-style: italic;
  color: var(--link-color);
}

.full-menu ul li.has-submenu > .dropdown-content {
  display: none;
}

.full-menu ul li.has-submenu.open button > span::after {
  display: none;
}

.full-menu > ul > li {
  display: block;
  justify-content: space-between;
  margin: 0.5rem 0;
}
.full-menu > ul > li:first-child {
  margin: 0 0 0.5rem;
}

.full-menu ul li.open .dropdown-content {
  display: flex;
  justify-content: space-between;
  position: relative;
  box-shadow: none;
  margin-left: 1.875rem;
  margin-bottom: 3rem;
}

.full-menu ul li.open .dropdown-content ul li {
  display: flex;
  justify-content: space-between;
}

.full-menu ul#modal-main-nav > li > a {
  font-size: 1.5625rem;
  font-weight: 500;
  padding: 0.75rem 0 0.75rem 0;
  display: inline-block;
}

.full-menu ul > li > a:first-child {
  padding: 0 0 0.65rem 0;
}

.full-menu ul li .dropdown-content li a {
  font-size: 1rem;
  font-weight: 500;
  border-bottom: 1px dashed rgba(112, 112, 112, 0.65);
  width: 100%;
  padding: 0.625rem 0;
}

.full-menu .dropdown-content .submenu {
  margin: 0.125rem 0 2rem 2rem;
}

.full-menu > ul > li:last-child .dropdown-content .submenu {
  margin: 0 0 1rem 1.75rem;
}

.full-menu .submenu-links {
  width: 100%;
  font-weight: 500;
}

.full-menu .audience-menu {
  margin: 0.5rem 0;
}
@media (min-width: 768px) {
  .full-menu .audience-menu {
    margin: 1rem 2rem 1.5rem 0;
  }
}
@media (min-width: 1080px) {
  .full-menu .audience-menu {
    margin: 0 1.5rem 0 0;
  }
}

.full-menu .audience-menu h4,
.full-menu .helpful-links-menu h4,
.full-menu .social-menu h4 {
  color: var(--ps-nittany-navy-500);
  font-weight: 400;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .full-menu .audience-menu h4,
  .full-menu .helpful-links-menu h4,
  .full-menu .social-menu h4 {
    margin-bottom: 0.25rem;
  }
}
@media (min-width: 1080px) {
  .full-menu .audience-menu h4,
  .full-menu .helpful-links-menu h4,
  .full-menu .social-menu h4 {
    margin-bottom: 0;
  }
}

.full-menu .social-menu h4 {
  font-weight: 700;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .full-menu .social-menu h4 {
    margin-bottom: 0;
  }
}

.full-menu .audience-menu a {
  font-weight: 500;
  padding: 0.5rem 0;
  display: block;
  font-size: 1.375rem;
}
@media (min-width: 768px) {
  .full-menu .audience-menu a {
    font-size: 1.375rem;
  }
}
@media (min-width: 1080px) {
  .full-menu .audience-menu a {
    font-size: 1.5625rem;
  }
}

.full-menu .helpful-links-menu {
  grid-area: lk;
  font-weight: 700;
  margin: 1rem 0 2rem;
  font-size: var(--font-size-base);
  width: 100%;
}
@media (min-width: 768px) {
  .full-menu .helpful-links-menu {
    margin: 1.5rem 2rem 1rem 0;
  }
}
@media (min-width: 1080px) {
  .full-menu .helpful-links-menu {
    margin: 0;
  }
}

.full-menu .helpful-links-menu ul {
  margin-top: 0;
  margin-left: 0;
}
@media (min-width: 768px) {
  .full-menu .helpful-links-menu ul {
    margin-left: 0;
  }
}

.full-menu .helpful-links-menu li {
  border-bottom: 1px dashed rgba(112, 112, 112, 0.65);
  font-weight: 700;
  letter-spacing: 0.015rem;
}

.full-menu .helpful-links-menu a {
  padding: 0.625rem 0 !important;
  display: block;
  text-transform: uppercase;
}

.full-menu .social-menu {
  text-align: left;
  grid-area: soc;
  margin-bottom: 46px;
  bottom: 0;
  right: 0;
  position: relative;
}
@media (min-width: 768px) {
  .full-menu .social-menu {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 36px;
  }
}
@media (min-width: 1440px) {
  .full-menu .social-menu {
    margin-bottom: 46px;
  }
}

.full-menu .social-heading {
  display: inline-block;
  font-weight: 700;
  padding-bottom: 0;
  padding-bottom: 0.65rem; /* match social icons for alignment */
  letter-spacing: 0.09375rem;
}
@media (min-width: 768px) {
  .full-menu .social-heading {
    margin-bottom: 0.125rem;
  }
}

.full-menu .social-menu ul {
  list-style: none;
  display: flex;
  margin-bottom: 4rem;
}
@media (min-width: 768px) {
  .full-menu .social-menu ul {
    justify-content: flex-end;
    margin-bottom: 0;
  }
}

.full-menu .social-menu ul li {
  margin-left: 1rem;
  margin-bottom: -0.1rem;
}
.full-menu .social-menu ul li:first-of-type {
  margin-left: 0;
}
@media (min-width: 768px) {
  .full-menu .social-menu ul li:first-of-type {
    margin-left: 1.75rem;
  }
}
.full-menu .social-menu ul li a {
  color: var(--link-color);
  margin-bottom: 0;
}
.full-menu .social-menu ul li a i {
  font-size: 1.75rem;
  color: var(--link-color);
}
.full-menu .social-menu ul li a i:hover {
  color: rgba(var(--link-color), 0.8);
}
.full-menu .social-menu ul li a svg {
  fill: currentColor;
}
.full-menu .social-menu ul li a svg:hover {
  fill: rgba(var(--link-color), 0.8);
}
.full-menu .social-menu ul li a span {
  font-size: 0;
  display: inline-block;
}

@media (min-width: 1080px) {
  .full-menu #modal-main-nav {
    display: none;
  }
}

.full-menu[aria-hidden=true] {
  display: none;
}

/** Accessibility */
.access-hidden,
.access-hidden-always {
  position: absolute;
  left: -9000px;
  height: 1px;
  width: 1px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.access-hidden:active,
.access-hidden:focus {
  position: static;
  height: auto;
  width: auto;
  overflow: auto;
  color: var(--white);
  background-color: var(--ps-nittany-navy-500);
  padding: 0.5rem;
}

a:focus,
:focus,
div a:focus,
div :focus {
  outline-style: dotted !important;
  outline-width: thin !important;
}

a:focus.header-logo,
button:focus.toggle-search,
button:focus.hamburger,
#main-nav a:focus,
#main-nav button:focus {
  outline-color: var(--link-light-color);
}

#main-nav .submenu-links a:focus,
#main-nav .submenu-card a:focus {
  outline-color: var(--link-color);
}

.latest-news a:focus-visible img {
  border: dashed 5px var(--link-color);
}

.hero-video-wrap a:focus,
.hero-video-wrap button:focus,
.standard-hero-video-wrap a:focus,
.standard-hero-video-wrap button:focus {
  outline-color: var(--white);
}

.facts-wrap a:focus {
  outline-color: var(--link-light-color);
}

.slick-dots button:focus {
  border: 3px solid var(--link-color);
}

.feature-card-wrap a:focus p {
  text-decoration: underline;
  border: 1px dotted var(--link-light-color);
}

.preview-cards a:focus,
.preview-cards :focus,
.preview-cards div a:focus,
.preview-cards div :focus {
  outline-style: none !important;
  outline-width: 0 !important;
}

footer a:focus,
footer i:focus {
  outline-color: var(--link-light-color);
}