@charset "UTF-8";
/* need these variables to pre-process */
/* 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;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    scroll-behavior: auto;
  }
}
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;
}

/** 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: var(--font-weight-black);
} /* '' */
.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 */
.w-100 {
  width: 100%;
  height: auto;
}

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

.mt-xx-small {
  margin-top: var(--spacing-xx-small) !important;
}

.mt-x-small {
  margin-top: var(--spacing-x-small) !important;
}

.mt-small {
  margin-top: var(--spacing-small) !important;
}

.mt-medium-small {
  margin-top: var(--spacing-medium-small) !important;
}

.mt-standard {
  margin-top: var(--spacing-standard) !important;
}

.mt-large {
  margin-top: var(--spacing-large) !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-minimum {
  padding-top: var(--spacing-minimum) !important;
  padding-bottom: var(--spacing-minimum) !important;
}

.py-xx-small {
  padding-top: var(--spacing-xx-small) !important;
  padding-bottom: var(--spacing-xx-small) !important;
}

.py-x-small {
  padding-top: var(--spacing-x-small) !important;
  padding-bottom: var(--spacing-x-small) !important;
}

.py-small {
  padding-top: var(--spacing-small) !important;
  padding-bottom: var(--spacing-small) !important;
}

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

.py-large {
  padding-top: var(--spacing-large) !important;
  padding-bottom: var(--spacing-large) !important;
}

.py-x-large {
  padding-top: var(--spacing-x-large) !important;
  padding-bottom: var(--spacing-x-large) !important;
}

.pt-minimum {
  padding-top: var(--spacing-minimum) !important;
}

.pt-xx-small {
  padding-top: var(--spacing-xx-small) !important;
}

.pt-x-small {
  padding-top: var(--spacing-x-small) !important;
}

.pt-small {
  padding-top: var(--spacing-small) !important;
}

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

.pt-large {
  padding-top: var(--spacing-large) !important;
}

.pt-x-large {
  padding-top: var(--spacing-x-large) !important;
}

.remove-top-padding {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.display-tablet-down {
  display: block;
}

.display-tablet-up {
  display: none;
}

@media (min-width: 768px) {
  .display-tablet-down {
    display: none;
  }
  .display-tablet-up {
    display: block;
  }
}
.container-for-centering {
  display: flex;
  width: 100%;
  justify-content: center;
}

.text-center {
  text-align: 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);
}

.img-box-shadow.img-box-shadow-ultralight {
  box-shadow: var(--box-shadow-ultralight);
}

.img-box-shadow.img-box-shadow-light {
  box-shadow: var(--box-shadow-light);
}

.img-box-shadow.img-box-shadow-medium {
  box-shadow: var(--box-shadow-meidum);
}

.img-box-shadow.img-box-shadow-dark {
  box-shadow: var(--box-shadow-dark);
}

/* need these variables to pre-process */
/* 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 {
  --ps-black-rgb: 21, 22, 26;
  --ps-light-black-rgb: 185,185,185;
  --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-light-rgb: 193,202,209;
  --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-light-rgb: 197,227,226;
  --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-light-rgb: 222,223,225;
  --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-light-rgb: 179,225,245;
  --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-light-rgb: 188,198,215;
  --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-light-rgb: 179,188,199;
  --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-original-pink-rgb: 188, 33, 74;
  --ps-original-pink-light-rgb: 228,165,183;
  --ps-original-pink-0: #f8e8ed;
  --ps-original-pink-50: #f1d2db;
  --ps-original-pink-100: #eabcc9;
  --ps-original-pink-150: #e4a5b7;
  --ps-original-pink-200: #dd8fa5;
  --ps-original-pink-250: #d67993;
  --ps-original-pink-300: #d06281;
  --ps-original-pink-350: #c94c6f;
  --ps-original-pink-400: #c2365d;
  --ps-original-pink-450: #BC204B;
  --ps-original-pink-500: #BC204B;
  --ps-original-pink-550: #a91c43;
  --ps-original-pink-600: #96193c;
  --ps-original-pink-650: #831634;
  --ps-original-pink-700: #70132d;
  --ps-original-pink-750: #5e1025;
  --ps-original-pink-800: #4b0c1e;
  --ps-original-pink-850: #380916;
  --ps-original-pink-900: #25060e;
  --ps-pugh-blue-rgb: 150, 190, 230;
  --ps-pugh-blue-light-rgb: 224,236,248;
  --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-light-rgb: 251,209,207;
  --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-light-rgb: 224,240,179;
  --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-light-rgb: 200,187,212;
  --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-light-rgb: 248,218,179;
  --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-light-rgb: 255,241,179;
  --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-atherton-purple-rgb: 172, 141, 206;
  --ps-atherton-purple-light-rgb: 230,221,240;
  --ps-atherton-purple-0: #f9f6fb;
  --ps-atherton-purple-50: #f7f4fa;
  --ps-atherton-purple-100: #eee8f5;
  --ps-atherton-purple-150: #e6ddf0;
  --ps-atherton-purple-200: #ded1eb;
  --ps-atherton-purple-250: #d6c6e7;
  --ps-atherton-purple-300: #cdbbe2;
  --ps-atherton-purple-350: #c5afdd;
  --ps-atherton-purple-400: #bda4d8;
  --ps-atherton-purple-450: #b498d3;
  --ps-atherton-purple-500: #AC8DCE;
  --ps-atherton-purple-550: #9b7fb9;
  --ps-atherton-purple-600: #8a71a5;
  --ps-atherton-purple-650: #786390;
  --ps-atherton-purple-700: #67557c;
  --ps-atherton-purple-750: #564767;
  --ps-atherton-purple-800: #453852;
  --ps-atherton-purple-850: #342a3e;
  --ps-atherton-purple-900: #221c29;
  --ps-forest-green-rgb: 74,119,41;
  --ps-forest-green-light-rgb: 201,214,191;
  --ps-forest-green-0: #f1f5ef;
  --ps-forest-green-50: #edf1ea;
  --ps-forest-green-100: #dbe4d4;
  --ps-forest-green-150: #c9d6bf;
  --ps-forest-green-200: #b7c9a9;
  --ps-forest-green-250: #a5bb94;
  --ps-forest-green-300: #92ad7f;
  --ps-forest-green-350: #80a069;
  --ps-forest-green-400: #6e9254;
  --ps-forest-green-450: #5c853e;
  --ps-forest-green-500: #4A7729;
  --ps-forest-green-550: #436b25;
  --ps-forest-green-600: #3b5f21;
  --ps-forest-green-650: #34531d;
  --ps-forest-green-700: #2c4719;
  --ps-forest-green-750: #253c15;
  --ps-forest-green-800: #1e3010;
  --ps-forest-green-850: #16240c;
  --ps-forest-green-900: #0f1808;
  --ps-opportunity-green-rgb: 0,135,85;
  --ps-opportunity-green-light-rgb: 179,219,204;
  --ps-opportunity-green-0: #ecf6f2;
  --ps-opportunity-green-50: #e6f3ee;
  --ps-opportunity-green-100: #cce7dd;
  --ps-opportunity-green-150: #b3dbcc;
  --ps-opportunity-green-200: #99cfbb;
  --ps-opportunity-green-250: #80c3aa;
  --ps-opportunity-green-300: #66b799;
  --ps-opportunity-green-350: #4dab88;
  --ps-opportunity-green-400: #339f77;
  --ps-opportunity-green-450: #1a9366;
  --ps-opportunity-green-500: #008755;
  --ps-opportunity-green-550: #007a4d;
  --ps-opportunity-green-600: #006c44;
  --ps-opportunity-green-650: #005f3c;
  --ps-opportunity-green-700: #005133;
  --ps-opportunity-green-750: #00442b;
  --ps-opportunity-green-800: #003622;
  --ps-opportunity-green-850: #00291a;
  --ps-opportunity-green-900: #001b11;
  --ps-turtle-green-rgb: 109,157,144;
  --ps-turtle-green-light-rgb: 211,226,222;
  --ps-turtle-green-0: #f4f8f7;
  --ps-turtle-green-50: #f0f5f4;
  --ps-turtle-green-100: #e2ebe9;
  --ps-turtle-green-150: #d3e2de;
  --ps-turtle-green-200: #c5d8d3;
  --ps-turtle-green-250: #b6cec8;
  --ps-turtle-green-300: #a7c4bc;
  --ps-turtle-green-350: #99bab1;
  --ps-turtle-green-400: #8ab1a6;
  --ps-turtle-green-450: #7ca79b;
  --ps-turtle-green-500: #6D9D90;
  --ps-turtle-green-550: #628d82;
  --ps-turtle-green-600: #577e73;
  --ps-turtle-green-650: #4c6e65;
  --ps-turtle-green-700: #415e56;
  --ps-turtle-green-750: #374f48;
  --ps-turtle-green-800: #2c3f3a;
  --ps-turtle-green-850: #212f2b;
  --ps-turtle-green-900: #161f1d;
  --ps-shrine-tan-rgb: 164,155,136;
  --ps-shrine-tan-light-rgb: 228,225,219;
  --ps-shrine-tan-0: #f8f8f6;
  --ps-shrine-tan-50: #f6f5f3;
  --ps-shrine-tan-100: #edebe7;
  --ps-shrine-tan-150: #e4e1db;
  --ps-shrine-tan-200: #dbd7cf;
  --ps-shrine-tan-250: #d2cdc4;
  --ps-shrine-tan-300: #c8c3b8;
  --ps-shrine-tan-350: #bfb9ac;
  --ps-shrine-tan-400: #b6afa0;
  --ps-shrine-tan-450: #ada594;
  --ps-shrine-tan-500: #A49B88;
  --ps-shrine-tan-550: #948c7a;
  --ps-shrine-tan-600: #837c6d;
  --ps-shrine-tan-650: #736d5f;
  --ps-shrine-tan-700: #625d52;
  --ps-shrine-tan-750: #524e44;
  --ps-shrine-tan-800: #423e36;
  --ps-shrine-tan-850: #312f29;
  --ps-shrine-tan-900: #211f1b;
  --ps-link-blue-rgb: 0, 81, 170;
  --ps-link-blue-light-rgb: 179,203,230;
  --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;
  --white: #ffffff;
  --white-rgb: 255, 255, 255;
  --black-rgb: 21, 22, 26;
  --black: var(--ps-black-900);
  --ps-danger-red: #a31b1b; /* not a ps color - but need a danger/validation red */
  /* svg background fill color filters */
  --svg-filter-creek: invert(50%) sepia(72%) saturate(344%) hue-rotate(128deg) brightness(97%) contrast(85%);
  --svg-filter-beaver-blue: invert(22%) sepia(43%) saturate(1222%) hue-rotate(184deg) brightness(94%) contrast(98%);
  --svg-filter-pugh-blue: invert(74%) sepia(52%) saturate(443%) hue-rotate(182deg) brightness(95%) contrast(89%);
  --svg-filter-light-pugh-blue: invert(91%) sepia(36%) saturate(948%) hue-rotate(175deg) brightness(97%) contrast(94%);
  --svg-filter-sky-blue: invert(57%) sepia(68%) saturate(6138%) hue-rotate(172deg) brightness(101%) contrast(101%);
  --svg-filter-link-blue: invert(18%) sepia(90%) saturate(2170%) hue-rotate(200deg) brightness(100%) contrast(101%);
  --svg-filter-light-sky-blue: invert(78%) sepia(34%) saturate(353%) hue-rotate(156deg) brightness(98%) contrast(93%);
  --svg-filter-danger-red: invert(14%) sepia(80%) saturate(3067%) hue-rotate(348deg) brightness(94%) contrast(97%);
  --svg-filter-light-danger-red: invert(54%) sepia(21%) saturate(6716%) hue-rotate(325deg) brightness(90%) contrast(97%);
  --svg-filter-perpetual-purple: brightness(0) saturate(100%) invert(15%) sepia(25%) saturate(4860%) hue-rotate(253deg) brightness(96%) contrast(102%);
  --svg-filter-light-perpetual-purple: invert(71%) sepia(25%) saturate(266%) hue-rotate(228deg) brightness(93%) contrast(85%);
  --svg-filter-slate-gray: invert(27%) sepia(45%) saturate(443%) hue-rotate(165deg) brightness(91%) contrast(93%);
  --svg-filter-light-slate-gray: invert(96%) sepia(4%) saturate(976%) hue-rotate(176deg) brightness(85%) contrast(92%);
  --svg-filter-nittany-navy: invert(8%) sepia(85%) saturate(4135%) hue-rotate(195deg) brightness(82%) contrast(113%);
  --font-sans: "Roboto";
  --font-serif: "Source Serif 4";
  --font-condensed: "Roboto Condensed";
  --font-weight-black: 900;
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-thin: 300;
  --transition-short: all .125s ease-in-out;
  --transition-base: all .25s ease-in;
  --transition-long: all .375s ease-in-out;
  --transition-extralong: all .5s ease-in-out;
  --box-shadow-ultralight: 0 0.125rem 0.25rem rgba(var(--ps-black-rgb), 0.125);
  --box-shadow-light: 0 0.25rem 0.5rem rgba(var(--ps-black-rgb), 0.25);
  --box-shadow-medium: 0.25rem 0.25rem 0.5rem rgba(var(--ps-black-rgb), 0.5);
  --box-shadow-dark: 0.25rem 0.25rem 0.75rem rgba(var(--ps-black-rgb), 0.75);
  --primary-text-color: var(--ps-limestone-gray-750);
  --text-color-accessible-gray: var(--ps-limestone-gray-650);
  --color-primary-header: var(--ps-beaver-blue-500);
  --primary-link-color: var(--ps-link-blue-500);
  --primary-link-color-rgb: var(--ps-link-blue-rgb);
  --primary-font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
  --link-color: var(--primary-link-color);
  --link-color-hover: var(--ps-beaver-blue-600);
  --color-light-gray-border: var(--ps-limestone-gray-150);
  --color-highlighter: var(--ps-invent-orange-150);
  --reverse-text-color: var(--white);
  --reverse-header-color: var(--white);
  --reverse-link-color: var(--white);
  --link-light-color: var(--ps-sky-blue-100);
  --link-underline-offset: 0.25rem;
  --link-underline-skip-ink: auto;
  --link-transition: var(--transition-base);
  --link-underline-hover-color: var(--color-primary-accent);
}

.theme-vibrant-blue {
  --color-primary-accent: var(--ps-sky-blue-500);
  --color-primary-accent-rgb: var(--ps-sky-blue-rgb);
  --color-standard-border: rgba(var(--color-primary-accent-rgb), 0.25);
  --bg-color-primary-button: var(--ps-keystone-yellow-300);
  --bg-color-primary-button-hover: var(--ps-keystone-yellow-400);
  --color-primary-button-text: var(--black);
  --color-primary-button-text-hover: var(--black);
  --bg-color-secondary-button: var(--ps-sky-blue-150);
  --bg-color-secondary-button-hover: var(--ps-sky-blue-250);
  --color-secondary-button-text: var(--black);
  --color-secondary-button-text-hover: var(--black);
}

.theme-traditional {
  --color-primary-accent: var(--ps-pugh-blue-500);
  --color-primary-accent-rgb: var(--ps-pugh-blue-rgb);
  --color-standard-border: rgba(var(--color-primary-accent-rgb), 0.5);
  --bg-color-primary-button: var(--ps-keystone-yellow-300);
  --bg-color-primary-button-hover: var(--ps-keystone-yellow-400);
  --color-primary-button-text: var(--black);
  --color-primary-button-text-hover: var(--black);
  --bg-color-secondary-button: var(--ps-pugh-blue-300);
  --bg-color-secondary-button-hover: var(--ps-pugh-blue-400);
  --color-secondary-button-text: var(--black);
  --color-secondary-button-text-hover: var(--black);
  --link-light-color: var(--ps-pugh-blue-150);
}

.theme-clean-modern {
  --color-primary-header: var(--ps-beaver-blue-500);
  --color-primary-accent: var(--ps-pugh-blue-500);
  --color-primary-accent-rgb: var(--ps-pugh-blue-rgb);
  --color-standard-border: rgba(var(--color-primary-accent-rgb), 0.5);
  --bg-color-primary-button: var(--primary-link-color);
  --bg-color-primary-button-hover: var(--ps-link-blue-600);
  --color-primary-button-text: var(--white);
  --color-primary-button-text-hover: var(--white);
  --bg-color-secondary-button: var(--ps-pugh-blue-700);
  --bg-color-secondary-button-hover: var(--ps-pugh-blue-800);
  --color-secondary-button-text: var(--white);
  --color-secondary-button-text-hover: var(--white);
}

:root {
  /* Breakpoints */
  --screen-large-mobile-min: 576px !default;
  --screen-tablet-min: 768px !default;
  --screen-desktop-min: 1080px !default;
  --screen-large-desktop-min: 1440px !default;
  --screen-ultrawide-monitor-min: 1800px !default;
  /* generic widths - used for form input */
  --width-100: 100%;
  --width-75: 100%;
  --width-66: 100%;
  --width-50: 100%;
  --width-33: 50%;
  --width-25: 50%;
  /* root font sizing - scale to fixed size at large desktop */
  --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;
  /* root font sizing - fixed sizing across all breakpoints */
  --font-size-base: 1rem;
  --small-1: calc(0.9 * var(--font-size-base));
  --small-2: calc(0.85 * var(--font-size-base));
  --small-3: calc(0.8 * var(--font-size-base));
  --small-4: calc(0.75 * var(--font-size-base));
  /* root line height */
  --line-height-xx-large: 2;
  --line-height-x-large: 1.8;
  --line-height-large: 1.6;
  --line-height-medium: 1.4;
  --line-height-base: 1.4;
  --line-height-small: 1.2;
  --line-height-x-small: 1.1;
  --line-height-xx-small: 1.0;
  --line-height-tiny: 0.875;
  /* root spacing utilities - fixed spacing across all breakpoints */
  --spacing-2: 0.125rem;
  --spacing-4: 0.25rem;
  --spacing-8: 0.5rem;
  /* root spacing sizes - numeric value is px value at large desktop
  - the larger the spacing, the greater % decrease from desktop as breakpoint gets smaller */
  --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: 5rem;
  /* spacing utility names that make more sense than using px values */
  --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 */
  /* grid gap */
  --grid-gap-xx-small: var(--spacing-x-small);
  --grid-gap-x-small: var(--spacing-small);
  --grid-gap-small: var(--spacing-standard);
  --grid-gap-half: calc(var(--spacing-large) / 2);
  --grid-gap-standard: var(--spacing-large);
  --grid-gap-large: var(--spacing-x-large);
  /* letter spacing utility sizes */
  --letter-spacing-xx-small: -.025em;
  --letter-spacing-x-small: -.0125em;
  --letter-spacing-small: -0.0075em;
  --letter-spacing-standard: 0;
}

@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.5rem;
    --width-100: 100%;
    --width-75: 75%;
    --width-66: 66.66%;
    --width-50: 50%;
    --width-33: 33.33%;
    --width-25: 25%;
  }
}
@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;
  }
}
@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: var(--line-height-small);
}

body {
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
  letter-spacing: -0.0075em;
}

body.primary-text-sans {
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
}

body.primary-text-serif {
  font-family: var(--font-serif), "Georgia", "Times New Roman", serif;
}

.theme-vibrant-blue header .header-logo-primary,
.theme-vibrant-blue footer .footer-logo-primary,
.theme-vibrant-blue header .header-subsite-logo-reverse,
.theme-vibrant-blue footer .footer-subsite-logo-reverse,
.theme-traditional header .header-logo-primary,
.theme-traditional footer .footer-logo-primary,
.theme-traditional header .header-subsite-logo-reverse,
.theme-traditional footer .footer-subsite-logo-reverse { /* reverse */
  display: block;
}
.theme-vibrant-blue header .header-logo-secondary,
.theme-vibrant-blue footer .footer-logo-secondary,
.theme-vibrant-blue header .header-subsite-logo-standard,
.theme-vibrant-blue footer .footer-subsite-logo-standard,
.theme-traditional header .header-logo-secondary,
.theme-traditional footer .footer-logo-secondary,
.theme-traditional header .header-subsite-logo-standard,
.theme-traditional footer .footer-subsite-logo-standard { /* standard */
  display: none;
}

.theme-clean-modern header .header-logo-primary,
.theme-clean-modern footer .footer-logo-primary,
.theme-clean-modern header .header-subsite-logo-reverse,
.theme-clean-modern footer .footer-subsite-logo-reverse { /* reverse */
  display: none;
}
.theme-clean-modern header .header-logo-secondary,
.theme-clean-modern footer .footer-logo-secondary,
.theme-clean-modern header .header-subsite-logo-standard,
.theme-clean-modern footer .footer-subsite-logo-standard { /* standard */
  display: block;
}

.debug-output pre {
  text-wrap: wrap;
  word-break: break-all;
  word-break: break-word;
}

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

.display-mobile-only {
  display: block;
}
@media (min-width: 576px) {
  .display-mobile-only {
    display: none;
  }
}

/* this was to make all components transparent on standard content pages - but this should not be - probably need to add a "none" or transparent as the default - NOT white 
.page-content .component[class*="bg"]{
	background-color: transparent;
	.bg-tan .logo-wrap div,
	.bg-light-tan .logo-wrap div 
	.bg-light-green .logo-wrap div 
	.bg-light-blue .logo-wrap div 
	.bg-light-blue .logo-wrap div 
	.bg-light-blue .logo-wrap div 
	.bg-light-creek .logo-wrap div 
	.bg-light-gray-gradient .logo-wrap div {
	background-color: var(--ps-limestone-gray-100);
	 }
	}
	.bg-light-gradient .logo-wrap div {
	background: var(--ps-turtle-green-100);
	}

	.bg-light-gradient .logo-wrap div {
		background: var(--ps-limestone-gray-0);
		}
		.bg-light-gradient .logo-wrap div {
		background: var(--ps-creek-1500);
		}
	*/
.bg-tan,
.bg-light-tan {
  background-color: var(--ps-shrine-tan-100);
}

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

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

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

.bg-light-blue {
  background-color: var(--ps-pugh-blue-150);
}

.theme-clean-modern .bg-light-blue {
  background-color: var(--ps-pugh-blue-100);
}

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

.bg-light-creek { /* deprecated - light green styled above by theme */
  background-color: var(--ps-creek-50);
}

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

.bg-black {
  background-color: var(--ps-black-900);
}

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

.bg-dark-pugh-blue {
  background-color: var(--ps-pugh-blue-850);
}

.bg-dark-purple {
  background-color: var(--ps-perpetual-purple-550);
}

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

.bg-purple-blue-gradient {
  background: linear-gradient(135deg, var(--ps-atherton-purple-100) 33.33%, var(--ps-sky-blue-200) 100%);
}

.bg-pink-purple-gradient {
  background: linear-gradient(135deg, var(--ps-original-pink-0) 33.33%, var(--ps-atherton-purple-300) 100%);
}

.bg-yellow-salmon-gradient {
  background: linear-gradient(135deg, var(--ps-keystone-yellow-100) 33.33%, var(--ps-discovery-salmon-250) 100%);
}

.bg-light-gray-gradient {
  background: linear-gradient(to bottom, var(--ps-limestone-gray-50) 25%, var(--ps-limestone-gray-150) 100%);
  background: linear-gradient(135deg, var(--ps-limestone-gray-100) 0%, var(--ps-limestone-gray-50) 23%, var(--ps-limestone-gray-150) 45%, var(--ps-limestone-gray-50) 64%, var(--ps-limestone-gray-50) 75%, var(--ps-limestone-gray-250) 100%);
}

.reverse .bg-white {
  background-color: transparent;
}

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

.reverse {
  --color-light-gray-border: rgba(var(--white-rgb), 0.25);
}

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

.theme-clean-modern .bg-light-gradient {
  background: linear-gradient(135deg, var(--ps-pugh-blue-100) 25%, var(--ps-turtle-green-100) 100%);
}

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

.color-warning {
  color: var(--ps-danger-red);
}

.separating-line-primary {
  height: 3px;
  width: 68px;
  background-color: var(--color-primary-accent);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  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: var(--font-weight-bold);
  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-limestone-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,
.reverse .standard a,
.reverse .standard a:link,
.reverse .standard a:visited,
.reverse .component .standard a,
.reverse .component .standard a:link,
.reverse .component .standard a:visited {
  color: var(--link-color);
  text-decoration: none;
}
a:active,
.reverse .standard a:active,
.reverse .standard a:link:active,
.reverse .standard a:visited:active,
.reverse .component .standard a:active,
.reverse .component .standard a:link:active,
.reverse .component .standard a:visited:active {
  color: var(--link-color);
}
a:hover,
.reverse .standard a:hover,
.reverse .standard a:link:hover,
.reverse .standard a:visited:hover,
.reverse .component .standard a:hover,
.reverse .component .standard a:link:hover,
.reverse .component .standard a:visited:hover {
  color: var(--link-color-hover);
}

.container-content-builder a:hover,
.container-content-builder a:visited:hover,
.container-content-builder .preview-cards a:hover h2,
.container-content-builder .preview-cards a:visited:hover h2 {
  text-decoration: underline;
  text-underline-offset: var(--link-underline-offset);
  text-decoration-skip-ink: var(--link-underline-skip-ink);
  transform: var(--link-transition);
}
.container-content-builder .preview-cards a:hover,
.container-content-builder .preview-cards a:visited:hover,
.container-content-builder .cta-card a:hover,
.container-content-builder .cta-card a:visited:hover,
.container-content-builder p.button a:hover,
.container-content-builder p.button a:visited:hover,
.container-content-builder a.button:hover,
.container-content-builder a.button:visited:hover,
.container-content-builder a.shield-button:hover,
.container-content-builder a.shield-button:visited:hover {
  text-decoration: none;
}

.component-text a:link,
.component-text a:visited,
.col-event-individual a:link,
.col-event-individual a:visited,
.event-details a:link,
.event-details a:visited {
  text-decoration: underline;
  text-underline-offset: var(--link-underline-offset);
  text-decoration-skip-ink: var(--link-underline-skip-ink);
  transform: var(--link-transition);
}

.event-buttons {
  padding-top: var(--spacing-small);
}

.component-text a.button:link,
.component-text a.button:visited,
.col-event-individual a.button:link,
.col-event-individual a.button:visited {
  text-decoration: none;
}
.component-text p.button a:link,
.component-text p.button a:visited,
.col-event-individual p.button a:link,
.col-event-individual p.button a:visited {
  text-decoration: none;
}

h1, p.h1,
h2, p.h2,
h3, p.h3,
h4, p.h4 {
  margin: 0;
  padding: 0;
  color: var(--color-primary-header);
  line-height: var(--line-height-x-small);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--letter-spacing-x-small);
}

.reverse .component .standard h1, .reverse .component .standard p.h1,
.reverse .component .standard h2, .reverse .component .standard p.h2,
.reverse .component .standard h3, .reverse .component .standard p.h3,
.reverse .component .standard h4, .reverse .component .standard p.h4 {
  color: var(--color-primary-header);
}
.reverse .component .standard p,
.reverse .component .standard ul,
.reverse .component .standard ol {
  color: var(--primary-text-color);
}

.reverse .component .col .standard li {
  color: var(--primary-text-color);
}

h1, p.h1,
p.hero-header,
.hero-group-text p.hero-header,
h1.hero-header,
.standard-hero h1 {
  font-size: var(--display-5);
  padding-top: var(--spacing-standard);
  padding-bottom: var(--spacing-xx-small); /* account for divider */
  letter-spacing: var(--letter-spacing-small);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary-header);
  line-height: var(--line-height-xx-small);
  text-wrap: balance;
}
h1 + .separating-line-primary, p.h1 + .separating-line-primary,
p.hero-header + .separating-line-primary,
.hero-group-text p.hero-header + .separating-line-primary,
h1.hero-header + .separating-line-primary,
.standard-hero h1 + .separating-line-primary {
  margin-top: var(--spacing-small);
}
@media (min-width: 1080px) {
  h1, p.h1,
  p.hero-header,
  .hero-group-text p.hero-header,
  h1.hero-header,
  .standard-hero h1 {
    font-size: var(--display-4);
  }
}

@media (min-width: 1080px) {
  .article-head h1 {
    font-size: var(--display-5);
  }
}

h2, p.h2 {
  line-height: var(--line-height-xx-small);
}

/* REMOVE THIS AFTER SITES HAVE FONT GLOBALS */
.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: var(--font-serif), "Georgia", "Times New Roman", serif;
}

.primary-headings-sans h1, .primary-headings-sans p.h1,
.primary-headings-sans p.hero-header,
.primary-headings-sans .hero-group-text p.hero-header,
.primary-headings-sans h1.hero-header,
.primary-headings-sans .standard-hero h1,
.primary-headings-sans h2, .primary-headings-sans p.h2,
.primary-headings-sans h3, .primary-headings-sans p.h3,
.primary-headings-sans h4, .primary-headings-sans p.h4,
.primary-headings-sans .preview-cards-standard h2,
.primary-headings-sans .preview-cards-icon h2,
.primary-headings-sans .preview-cards-standard h3,
.primary-headings-sans .preview-cards-icon h3 {
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
}

.primary-headings-serif h1, .primary-headings-serif p.h1,
.primary-headings-serif p.hero-header,
.primary-headings-serif .hero-group-text p.hero-header,
.primary-headings-serif h1.hero-header,
.primary-headings-serif .standard-hero h1,
.primary-headings-serif h2, .primary-headings-serif p.h2,
.primary-headings-serif h3, .primary-headings-serif p.h3,
.primary-headings-serif h4, .primary-headings-serif p.h4,
.primary-headings-serif .preview-cards-standard h2,
.primary-headings-serif .preview-cards-icon h2,
.primary-headings-serif .preview-cards-standard h3,
.primary-headings-serif .preview-cards-icon h3 {
  font-family: var(--font-serif), "Georgia", "Times New Roman", serif;
}

ol.breadcrumb + h1,
ol.breadcrumb + p.h1 {
  padding-top: 0;
}

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

h2.border-top {
  border-top: 1px solid var(--color-light-gray-border);
  margin-top: var(--spacing-medium-large);
  padding-top: var(--spacing-standard);
}

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

h3.smaller-bordered {
  font-size: var(--h4);
  border-top: 1px solid var(--color-light-gray-border);
  padding-top: var(--spacing-standard);
  margin-top: var(--spacing-standard);
}

h4, p.h4 {
  font-size: var(--h4);
  padding-top: var(--spacing-standard);
  font-weight: var(--font-weight-regular);
  color: var(--primary-text-color);
}

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

.layout-course h1, .layout-course p.h1,
.layout-course p.hero-header,
.layout-course .hero-group-text p.hero-header,
.layout-course h1.hero-header,
.layout-course .standard-hero h1 {
  font-size: var(--display-5);
}
@media (min-width: 768px) {
  .layout-course h1, .layout-course p.h1,
  .layout-course p.hero-header,
  .layout-course .hero-group-text p.hero-header,
  .layout-course h1.hero-header,
  .layout-course .standard-hero h1 {
    font-size: var(--display-4);
  }
}
.layout-course h2, .layout-course p.h2 {
  font-size: var(--h2);
}
.layout-course h3, .layout-course p.h3 {
  font-size: var(--h3);
  padding-top: var(--spacing-large);
}
.layout-course h4, .layout-course p.h4 {
  font-size: var(--h5);
  font-family: var(--font-sans);
  font-weight: var(--font-weight-bold);
}
.layout-course h4 + p, .layout-course p.h4 + p {
  padding-top: var(--spacing-xx-small);
}
.layout-course form h4 {
  font-size: var(--h5);
  width: 90%;
  margin-bottom: var(--spacing-x-small);
}
.layout-course .container-grid-builder form h4 {
  width: 100%;
}

pre {
  background-color: var(--ps-limestone-gray-50);
  border: solid 1px var(--ps-limestone-gray-300);
  padding: var(--spacing-standard);
  border-radius: var(--spacing-x-small);
  max-width: 90vw;
  overflow: auto;
  height: auto;
  word-break: normal;
  word-wrap: normal;
  position: relative;
  /* &::after {
  	content: '';
  	position: absolute;
  	height: 100%;
  	width: 1.5rem;
  	top: 0;
  	right: 0;
  	background: linear-gradient(to right, rgba(239,239,239,0) 0%,rgba(239,239,239,0) 90%,rgba(239,239,239,1) 100%);
  	pointer-events: none;
  	z-index: 2;
  	} */
}
@media (min-width: 1440px) {
  pre {
    max-width: 1152px; /* 80% of 1440 */
  }
}

/* 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; /* had left & right padding - but putting negative margin on cards for better alignment above mobile */
}
.section-head h2::after { /* remove blue border from section head for news/events feeds on home */
  display: none;
}
.section-head.more-button-only {
  justify-content: right;
  padding-top: var(--spacing-medium-large);
}

a.more-from-section-link {
  padding: var(--spacing-x-small) var(--spacing-small);
  transition: var(--transition-base);
  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: var(--line-height-x-large);
  padding-top: var(--spacing-medium-small);
}

p.content-lead {
  font-size: var(--h5);
}
@media (min-width: 768px) {
  p.content-lead {
    font-size: var(--h4);
  }
}

h3 + p {
  padding-top: var(--spacing-small);
}

h4 + p {
  padding-top: var(--spacing-x-small);
}

p.emphasized {
  border-left: 1px solid var(--color-primary-accent);
  font-family: var(--font-serif);
  padding-left: var(--spacing-standard);
  margin: var(--spacing-standard) var(--spacing-medium-small) 0 var(--spacing-medium-small);
  font-size: var(--h6);
  color: var(--color-primary-header);
  display: block;
  padding-top: var(--spacing-x-small);
  padding-bottom: var(--spacing-x-small);
  line-height: var(--line-height-xx-large);
}

p.highlighted {
  background-color: var(--color-highlighter);
  padding: var(--spacing-minimum) var(--spacing-x-small);
  display: inline-block;
  margin-top: var(--spacing-standard);
}

strong,
figcaption strong {
  font-weight: var(--font-weight-bold);
}

.container-grid-builder.reverse .standard p span.emphasized,
.container-grid-builder.reverse .standard p.emphasized {
  color: var(--color-primary-header);
}

.container-grid-builder p span.emphasized,
.container-grid-builder p.emphasized {
  font-family: var(--font-serif);
  color: var(--ps-pugh-blue-600);
  font-size: var(--h5);
}
.container-grid-builder .content-block p span.emphasized:first-child,
.container-grid-builder .content-block p.emphasized:first-child {
  margin-top: var(--spacing-large);
}
.container-grid-builder.bg-color p span.emphasized,
.container-grid-builder.bg-color p.emphasized {
  color: var(--primary-text-color);
}
.container-grid-builder.reverse p span.emphasized,
.container-grid-builder.reverse p.emphasized {
  color: var(--reverse-text-color);
}

.reverse,
.reverse .component {
  /* add all non-standard cases */
}
.reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse h5, .reverse h6,
.reverse .component h1,
.reverse .component h2,
.reverse .component h3,
.reverse .component h4,
.reverse .component h5,
.reverse .component h6 {
  color: var(--reverse-header-color);
}
.reverse p,
.reverse figcaption,
.reverse figcaption strong,
.reverse form label,
.reverse form legend,
.reverse .component p,
.reverse .component figcaption,
.reverse .component figcaption strong,
.reverse .component form label,
.reverse .component form legend {
  color: var(--reverse-text-color);
}
.reverse p.highlighted,
.reverse .component p.highlighted {
  color: var(--primary-text-color);
}
.reverse a:link,
.reverse a:visited,
.reverse .component a:link,
.reverse .component a:visited {
  color: var(--white);
  text-decoration: underline;
  text-underline-offset: var(--link-underline-offset);
  text-decoration-color: var(--color-primary-accent);
  text-decoration-skip-ink: auto;
}
.reverse .social-icons a:link,
.reverse .social-icons a:visited,
.reverse .component .social-icons a:link,
.reverse .component .social-icons a:visited {
  text-decoration: none;
}
.reverse a:hover,
.reverse .component a:hover {
  color: var(--link-light-color);
  text-decoration-color: var(--color-primary-accent);
}
.reverse .directory-card a:link,
.reverse .directory-card a:visited,
.reverse .preview-cards a:link,
.reverse .preview-cards a:visited,
.reverse p.button a:link,
.reverse p.button a:visited,
.reverse p.button a:hover,
.reverse p.button a:visited:hover,
.reverse a.button:link,
.reverse a.button:visited,
.reverse a.button:hover,
.reverse a.button:focus,
.reverse a.shield-button:link,
.reverse a.shield-button:visited,
.reverse a.shield-button:hover,
.reverse a.shield-button:focus,
.reverse .cta-card a:link,
.reverse .cta-card a:visited,
.reverse .cta-card a:hover,
.reverse .cta-card a:focus,
.reverse .component .directory-card a:link,
.reverse .component .directory-card a:visited,
.reverse .component .preview-cards a:link,
.reverse .component .preview-cards a:visited,
.reverse .component p.button a:link,
.reverse .component p.button a:visited,
.reverse .component p.button a:hover,
.reverse .component p.button a:visited:hover,
.reverse .component a.button:link,
.reverse .component a.button:visited,
.reverse .component a.button:hover,
.reverse .component a.button:focus,
.reverse .component a.shield-button:link,
.reverse .component a.shield-button:visited,
.reverse .component a.shield-button:hover,
.reverse .component a.shield-button:focus,
.reverse .component .cta-card a:link,
.reverse .component .cta-card a:visited,
.reverse .component .cta-card a:hover,
.reverse .component .cta-card a:focus {
  text-decoration: none;
}
.reverse .col ul, .reverse .col li,
.reverse .component .col ul,
.reverse .component .col li {
  color: var(--reverse-text-color);
}
.reverse .col .directory-card ul li,
.reverse .directory-details p,
.reverse .directory-details p,
.reverse .callout-box-important h3,
.reverse .callout-box-important p,
.reverse .callout-box-white h3,
.reverse .callout-box-white p,
.reverse .component .col .directory-card ul li,
.reverse .component .directory-details p,
.reverse .component .directory-details p,
.reverse .component .callout-box-important h3,
.reverse .component .callout-box-important p,
.reverse .component .callout-box-white h3,
.reverse .component .callout-box-white p {
  color: var(--primary-text-color);
}
.reverse .directory-card h3 a:link,
.reverse .directory-card h3 a:visited,
.reverse .directory-card p a:link,
.reverse .directory-card p a:visited,
.reverse .component .directory-card h3 a:link,
.reverse .component .directory-card h3 a:visited,
.reverse .component .directory-card p a:link,
.reverse .component .directory-card p a:visited {
  color: var(--link-color);
}
.reverse .directory-card h3 a:hover,
.reverse .directory-card p a:hover,
.reverse .component .directory-card h3 a:hover,
.reverse .component .directory-card p a:hover {
  color: var(--link-color-hover);
  text-decoration: underline;
  text-decoration-color: var(--link-color-hover);
}
.reverse .directory-card h1, .reverse .directory-card h2, .reverse .directory-card h3, .reverse .directory-card h4, .reverse .directory-card h5, .reverse .directory-card h6,
.reverse .component .directory-card h1,
.reverse .component .directory-card h2,
.reverse .component .directory-card h3,
.reverse .component .directory-card h4,
.reverse .component .directory-card h5,
.reverse .component .directory-card h6 {
  color: var(--color-primary-header);
}
.reverse .preview-cards-standard a.block h2,
.reverse .preview-cards-standard a.block h3,
.reverse .component .preview-cards-standard a.block h2,
.reverse .component .preview-cards-standard a.block h3 {
  color: var(--link-light-color);
  text-decoration: solid underline 1px transparent;
}
.reverse .preview-cards-standard a.block:hover h2,
.reverse .preview-cards-standard a.block:hover h3,
.reverse .component .preview-cards-standard a.block:hover h2,
.reverse .component .preview-cards-standard a.block:hover h3 {
  color: var(--link-light-color);
  text-decoration: solid underline 1px var(--link-light-color);
  text-decoration-skip-ink: auto;
}

.separating-line-primary + p.lead { /* for hero situations */
  padding-top: var(--spacing-small);
}

.lead {
  font-size: var(--h6);
}
@media (min-width: 768px) {
  .lead {
    font-size: var(--h4);
  }
}

/* initial-letter: 2; - not well supported */
/* firefox handles padding for inline element differently  */
.add-dropcap.dropcap-standard p:first-of-type::first-letter {
  font-weight: var(--font-weight-black);
  float: left;
  position: relative;
  display: block;
  font-size: calc(3.5 * var(--font-size-xl));
  line-height: 1;
  margin: 0 0.15em 0 0;
  padding-block-start: 0.0125em;
}
@media (min-width: 1440px) {
  .add-dropcap.dropcap-standard p:first-of-type::first-letter {
    font-weight: var(--font-weight-thin);
    font-size: calc(6 * var(--font-size-xl));
    line-height: 0.9;
    margin: 0 0.05em 0 0;
  }
}
.add-dropcap.dropcap-backgroundColor p:first-of-type::first-letter {
  font-weight: var(--font-weight-medium);
  float: left;
  position: relative;
  display: block;
  font-size: calc(2.5 * var(--font-size-xl));
  line-height: 1;
  margin: 0 0.25em 0 0;
  color: var(--white);
  background: var(--color-primary-header);
  padding: 0.1em 0.325em;
  padding-inline: 0.25em;
  padding-block: 0.2em;
  font-family: var(--font-serif);
}

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.5);
  transition: var(--transition-base);
}
a.standard-underline:link:hover,
a.standard-underline:visited:hover {
  text-decoration: solid underline 2px var(--color-primary-accent);
}

.container-grid-builder.bg-color:not(.reverse) { /* non-white, light bg */ }
.container-grid-builder.bg-color:not(.reverse) a.standard-underline:link,
.container-grid-builder.bg-color:not(.reverse) a.standard-underline:visited {
  text-decoration: solid underline 2px var(--color-primary-accent);
}
.container-grid-builder.bg-color:not(.reverse) a.standard-underline:link:hover,
.container-grid-builder.bg-color:not(.reverse) a.standard-underline:visited:hover {
  text-decoration: solid underline 2px rgba(var(--color-primary-accent-rgb), 0.25);
}

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

.callout-box-content.callout-box-warning a:link,
.callout-box-content.callout-box-warning a:visited {
  color: var(--reverse-link-color);
  text-decoration: solid underline 2px rgba(var(--white-rgb), 0.5);
  text-underline-offset: var(--link-underline-offset);
  text-decoration-skip-ink: var(--link-underline-skip-ink);
  transition: var(--transition-base);
}
.callout-box-content.callout-box-warning a:link:hover,
.callout-box-content.callout-box-warning a:visited:hover {
  text-decoration: solid underline 2px var(--white);
}
.callout-box-content.callout-box-warning ul li {
  color: 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,
.accordion-readmore ul,
.accordion-readmore ol,
.facts-block ul,
.facts-block ol,
.grid-builder-intro ul,
.grid-builder-intro ol,
.callout-box-content ul,
.callout-box-content ol,
aside ul,
aside ol {
  margin-bottom: 0;
  list-style-position: outside;
  padding-left: var(--spacing-xx-small);
  line-height: var(--line-height-large);
  padding-top: var(--spacing-xx-small);
  margin-top: 0;
}
@media (min-width: 768px) {
  .styled-text ul,
  .styled-text ol,
  .col-content ul,
  .col-content ol,
  .content-block ul,
  .content-block ol,
  .accordion-content ul,
  .accordion-content ol,
  .accordion-readmore ul,
  .accordion-readmore ol,
  .facts-block ul,
  .facts-block ol,
  .grid-builder-intro ul,
  .grid-builder-intro ol,
  .callout-box-content ul,
  .callout-box-content ol,
  aside ul,
  aside ol {
    padding-left: var(--spacing-standard);
  }
}
.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,
.accordion-readmore ul li,
.accordion-readmore ol li,
.facts-block ul li,
.facts-block ol li,
.grid-builder-intro ul li,
.grid-builder-intro ol li,
.callout-box-content ul li,
.callout-box-content ol li,
aside ul li,
aside ol li {
  width: 90%;
  font-size: var(--font-size-xl);
  margin: 0 0 var(--spacing-small) var(--spacing-standard);
  color: var(--primary-text-color);
}
.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,
.accordion-readmore ul ol,
.accordion-readmore ol ol,
.facts-block ul ol,
.facts-block ol ol,
.grid-builder-intro ul ol,
.grid-builder-intro ol ol,
.callout-box-content ul ol,
.callout-box-content ol ol,
aside ul ol,
aside ol ol {
  list-style-type: lower-alpha;
}
@media (max-width: 768px) {
  .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,
  .accordion-readmore ul ol,
  .accordion-readmore ol ol,
  .facts-block ul ol,
  .facts-block ol ol,
  .grid-builder-intro ul ol,
  .grid-builder-intro ol ol,
  .callout-box-content ul ol,
  .callout-box-content ol ol,
  aside ul ol,
  aside ol ol {
    padding-left: 0;
  }
}
.styled-text ul ol ol,
.styled-text ol ol ol,
.col-content ul ol ol,
.col-content ol ol ol,
.content-block ul ol ol,
.content-block ol ol ol,
.accordion-content ul ol ol,
.accordion-content ol ol ol,
.accordion-readmore ul ol ol,
.accordion-readmore ol ol ol,
.facts-block ul ol ol,
.facts-block ol ol ol,
.grid-builder-intro ul ol ol,
.grid-builder-intro ol ol ol,
.callout-box-content ul ol ol,
.callout-box-content ol ol ol,
aside ul ol ol,
aside ol ol ol {
  list-style-type: lower-roman;
}
.styled-text ul ol ol ol,
.styled-text ol ol ol ol,
.col-content ul ol ol ol,
.col-content ol ol ol ol,
.content-block ul ol ol ol,
.content-block ol ol ol ol,
.accordion-content ul ol ol ol,
.accordion-content ol ol ol ol,
.accordion-readmore ul ol ol ol,
.accordion-readmore ol ol ol ol,
.facts-block ul ol ol ol,
.facts-block ol ol ol ol,
.grid-builder-intro ul ol ol ol,
.grid-builder-intro ol ol ol ol,
.callout-box-content ul ol ol ol,
.callout-box-content ol ol ol ol,
aside ul ol ol ol,
aside ol ol ol ol {
  list-style-type: decimal;
}
.styled-text ul,
.col-content ul,
.content-block ul,
.accordion-content ul,
.accordion-readmore ul,
.facts-block ul,
.grid-builder-intro ul,
.callout-box-content ul,
aside 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,
.accordion-readmore ul li::marker,
.facts-block ul li::marker,
.grid-builder-intro ul li::marker,
.callout-box-content ul li::marker,
aside ul li::marker {
  color: var(--color-primary-accent);
  font-size: 110%; /* lines up more centered with text */
}
@media (max-width: 768px) {
  .styled-text ul ul,
  .col-content ul ul,
  .content-block ul ul,
  .accordion-content ul ul,
  .accordion-readmore ul ul,
  .facts-block ul ul,
  .grid-builder-intro ul ul,
  .callout-box-content ul ul,
  aside ul ul {
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  ul.list-two-col {
    column-count: 2;
    column-gap: var(--spacing-large);
  }
  ul.list-three-col {
    column-count: 3;
    column-gap: var(--spacing-large);
  }
}
.text-center .styled-text ul,
.text-center .col-content ul,
.text-center .content-block ul {
  list-style-type: none;
}
.text-center .styled-text ul li,
.text-center .col-content ul li,
.text-center .content-block ul li {
  margin-left: 0;
  width: 100%;
}

/* List of Tags - 
	--------------------------------------------- */
p + ul.tag-list {
  margin-top: 0;
}

ul.tag-list {
  list-style-type: none;
  color: var(--primary-text-color);
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--spacing-xx-small);
  padding-left: 0;
}
ul.tag-list li {
  display: flex;
  border: 1px solid var(--ps-limestone-gray-100);
  padding: var(--spacing-xx-small) var(--spacing-x-small);
}
ul.tag-list li span {
  display: block;
}
ul.tag-list li p, ul.tag-list li a:link { /* for additional formatting regardless of link or not */
  padding-top: 0;
  line-height: var(--line-height-medium);
  font-size: var(--small-1);
}

.bg-color ul.tag-list li {
  border: 1px solid var(--ps-limestone-gray-250);
}

/* List Inline - 
		Simply adding to ul level so we don't need 
		list-inline-item on all sub li 
	--------------------------------------------- */
.list-inline {
  margin-bottom: 0;
  padding-left: 0;
}
.list-inline li {
  display: inline-block;
}

.list-inline-not-mobile li {
  display: block;
}

@media (min-width: 768px) {
  .list-inline-not-mobile li {
    display: inline-block;
  }
}
.theme-clean-modern footer li.footer-list h2 a:not([href]) {
  color: var(--primary-text-color);
}
.theme-clean-modern main.main {
  background: linear-gradient(to bottom, rgba(var(--ps-pugh-blue-rgb), 0.125) 0%, rgba(var(--ps-pugh-blue-rgb), 0) 100%);
  background-repeat: no-repeat;
  background-size: 100% 25vh;
}

.border-success {
  border: 1px solid var(--ps-future-green-500);
  border-left: 0.5rem solid var(--ps-future-green-500);
}

.border-danger {
  border: 1px solid var(--ps-danger-red);
  border-left: 0.5rem solid var(--ps-danger-red);
}

.reverse .border-success,
.reverse .border-danger {
  background-color: rgba(var(--black-rgb), 0.25);
  color: var(--reverse-text-color);
}

.text-muted {
  color: var(--ps-limestone-gray-650);
}

.text-danger {
  color: var(--ps-danger-red);
}

.text-success {
  color: var(--ps-future-green-700);
}

.bg-info {
  margin: var(--spacing-x-small) 0;
  padding: var(--spacing-x-small);
  background-color: var(--ps-pugh-blue-150);
}

.bg-info h3 {
  padding: 0;
}

.bg-warning {
  margin: var(--spacing-x-small) 0;
  background-color: var(--ps-keystone-yellow-500);
  border: solid 1px var(--ps-keystone-yellow-500);
  padding: var(--spacing-medium-small);
  color: var(--primary-text-color);
}

.bg-success {
  margin: var(--spacing-x-small) 0;
  background-color: var(--ps-future-green-700);
  border: solid 1px var(--ps-future-green-700);
  padding: var(--spacing-medium-small);
  color: var(--white);
}

.bg-success h1, .bg-success h2, .bg-success h3 {
  margin: 0;
  padding: 0;
}

.bg-success p {
  margin: 0;
  padding: 0;
  color: var(--white);
}

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

.container-dashboard,
.container-login,
.container-register {
  min-height: 70vh;
}

.page-landing .container-fluid,
.page-landing .component {
  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,
.page-landing .component.antihero {
  padding: 0;
}
.page-landing .container-fluid.pb-small,
.page-landing .component.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,
.page-landing .component.py-increase {
  padding: var(--spacing-x-large) 0 var(--spacing-maximum) 0;
}
.page-landing .container-fluid.horizontal-preview + .horizontal-preview,
.page-landing .component.horizontal-preview + .horizontal-preview {
  padding-top: 0;
}

.container.container-with-sidenav .component.pb-small { /* add when remove bottom padding switch is on */
  padding-bottom: var(--spacing-small);
  /* replace w/ zero - why have any? */
  padding-bottom: 0;
  /* need to add to content pages - but start here as a test - 6/28/24 */
}
.container.container-with-sidenav .component.pb-small + .container-grid-builder {
  margin-top: var(--spacing-x-small);
}

.page-content { /* generic version for standard or with sidenav */ }
.page-content .video-wrap-content,
.page-content .media-wrap-content {
  margin-top: var(--spacing-standard);
}
.page-content .component.component-float-right,
.page-content .component.component-float-left { /* new control for wrapping images/media in component for z-index control */ }
.page-content .component.component-float-right .video-wrap-content,
.page-content .component.component-float-right .media-wrap-content,
.page-content .component.component-float-right .element,
.page-content .component.component-float-left .video-wrap-content,
.page-content .component.component-float-left .media-wrap-content,
.page-content .component.component-float-left .element {
  margin-top: 0;
}

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

.article-wrap.container-standard-y-padding {
  padding-top: 0;
  padding-bottom: var(--spacing-x-large);
}

.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-standard); this was mis-typed as standar - July 14, 2023 */
  margin-left: var(--spacing-standard);
  margin-right: var(--spacing-standard);
  max-width: 100%;
}
@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
    margin: 0 auto;
  }
}

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

main.main {
  overflow-x: clip; /* so we can use 100vw for full-screen width and have no scrollbar */
  /* could use js to sniff out scrollbar width - but feels to cumbersome */
  /* need to use clip as hidden breaks sticky positioning */
}

.container-standard-xy-padding {
  padding: var(--spacing-large) var(--spacing-standard) var(--spacing-x-large) var(--spacing-standard);
}

.container-standard-xy-padding.bg-white {
  padding: var(--spacing-standard) var(--spacing-standard) var(--spacing-large) var(--spacing-standard);
}

.container-full-screen,
.container-wide {
  width: 100%;
  left: 0;
  right: 0;
  margin-left: 0;
  margin-right: 0;
}

.container-full-screen.bg-color {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.container-with-sidenav .container-full-screen.bg-color {
  width: auto;
  left: auto;
  right: auto;
  margin-left: 0;
  margin-right: 0;
}

.container-fixed-standard,
.container-fixed-wide,
.container.container-fixed-max { /* for pushing content above bg image/pattern */
  position: relative;
  z-index: 2;
}

/* wide column - for landing pages - no side nav */
.page-landing .component-inner.component-inner-wide,
.page-landing .container-inner,
.page-content.page-content-sidenav .container-inner {
  margin: 0 var(--spacing-standard);
}

.container-grid-builder .container.container-fixed-wide,
.container.container-fixed-wide,
.page-landing .component-inner.component-inner-wide,
.page-landing .container-inner,
.page-content.page-content-sidenav .container-inner {
  display: grid;
  grid-template: "col" auto/1fr;
  grid-gap: var(--spacing-standard);
  max-width: 100%;
}
@media (min-width: 1440px) {
  .container-grid-builder .container.container-fixed-wide,
  .container.container-fixed-wide,
  .page-landing .component-inner.component-inner-wide,
  .page-landing .container-inner,
  .page-content.page-content-sidenav .container-inner {
    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,
.page-landing .component-inner.component-inner-standard,
.page-content .container-inner {
  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,
  .page-landing .component-inner.component-inner-standard,
  .page-content .container-inner {
    grid-template: ". col ." auto/1fr 10fr 1fr;
    max-width: 1440px;
    margin: 0 auto;
  }
}
@media (min-width: 1440px) {
  .container.container-fixed-standard,
  .page-landing .component-inner.component-inner-standard,
  .page-content .container-inner {
    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-medium-large); /* increase here for sidenav */
  /* margin-top: calc(-1 * var(--spacing-medium-small)); */
  /* margin-left: 0;
  margin-right: 0; */
}
@media (min-width: 1080px) {
  .container.container-with-sidenav {
    grid-template: "col col-sidenav" auto/8fr 4fr;
    margin-left: var(--spacing-standard);
    margin-right: var(--spacing-standard);
  }
}
@media (min-width: 1440px) {
  .container.container-with-sidenav {
    max-width: calc(1440px - 2 * var(--spacing-standard));
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
}

.container.container-with-sidenav .col > .container-grid-builder:first-child {
  margin-top: 0;
}

/* Element - Sizeable and Floatable */
figure.element img {
  width: 100%;
  height: auto;
}

.element {
  width: 100%;
  margin-top: var(--spacing-standard);
}
.element.element-float-none.element-third-width, .element.element-float-none.element-half-width {
  width: calc(50% - var(--spacing-standard) / 2);
}
@media (min-width: 768px) {
  .element.element-half-width {
    width: calc(50% - var(--spacing-standard) / 2);
  }
}
@media (min-width: 768px) {
  .element.element-full-width {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .element.element-third-width, .element.element-float-none.element-third-width {
    width: calc(33.33% - var(--spacing-standard) / 2);
  }
}
.element.mx-auto {
  margin: var(--spacing-standard) auto 0 auto;
}
.element.element-float-left {
  margin: var(--spacing-standard) 0 0 0;
}
@media (min-width: 768px) {
  .element.element-float-left {
    float: left;
    margin: 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;
    margin: 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 {
    margin-bottom: var(--spacing-medium-large);
  }
}

/* Component - Sizeable and Floatable - better nomenclature with new grid layout */
figure.component img {
  width: 100%;
  height: auto;
}

.component {
  width: 100%;
}
@media (min-width: 768px) {
  .component.component-half-width, .component.component-third-width {
    width: calc(33.33% - var(--spacing-standard) / 2);
  }
}
@media (min-width: 768px) {
  .component.component-full-width {
    margin-top: var(--spacing-standard);
    width: 100%;
  }
}
@media (min-width: 1080px) {
  .component.component-half-width {
    width: calc(50% - var(--spacing-standard) / 2);
  }
}
.component.mx-auto {
  margin: var(--spacing-standard) auto 0 auto;
}
.component.component-float-left {
  margin: var(--spacing-standard) 0 0 0;
  position: relative;
  z-index: 99;
}
@media (min-width: 768px) {
  .component.component-float-left {
    float: left;
    margin: var(--spacing-standard) var(--spacing-standard) var(--spacing-standard) 0;
  }
}
.component.component-float-left.component-full-width {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.component.component-float-right {
  margin: var(--spacing-standard) 0 0 0;
  position: relative;
  z-index: 99;
}
@media (min-width: 768px) {
  .component.component-float-right {
    float: right;
    margin: var(--spacing-standard) 0 var(--spacing-standard) var(--spacing-standard);
  }
}
.component.component-float-right.component-full-width {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .component.component-float-right.component-full-width {
    margin-bottom: var(--spacing-medium-large);
  }
}

.component-last { /* used loop.last to target last component */
  margin-bottom: var(--spacing-x-large);
}

.component-last.component-type-containerEnd {
  margin-bottom: 0;
}

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

/* Video */
.media-embed-container { /* aspect ratio controls height - handled inline via aspect ratio fields */
  position: relative;
  width: 100%;
  overflow: hidden;
}
.media-embed-container.border-single-rule {
  border: 1px solid var(--color-light-gray-border);
}
.media-embed-container.media-embed-container-simplecast {
  height: 200px;
}
.media-embed-container.media-embed-container-soundcloud {
  height: 166px;
}
.media-embed-container.media-embed-container-audio-self-hosted {
  height: 54px;
}
.media-embed-container .media-embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.media-embed-container .media-embed audio {
  width: 100%;
}
.media-embed-container .media-embed iframe {
  width: 100%;
  height: 100%;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-container .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-container .video iframe {
  width: 100%;
  height: 100%;
}

.container-grid-builder:not(.bg-color) .container,
.container-grid-builder.bg-white .container,
.container-grid-builder:not(.bg-color).container-wide .container,
.container-grid-builder.bg-white.container-wide .container {
  grid-template: "col" auto; /* removes any grid . space from around container in grid builder */
}

.container-grid-builder:not(.bg-color).container-full-screen .container.container-fixed-wide,
.container-grid-builder.bg-white.container-full-screen .container.container-fixed-wide,
.container-grid-builder:not(.bg-color).container-wide .container.container-fixed-wide,
.container-grid-builder.bg-white.container-wide .container.container-fixed-wide {
  margin: 0;
}

.container-grid-builder.bg-color .container.container-fixed-standard,
.container-grid-builder:not(.bg-white) .container.container-fixed-standard {
  grid-template: ". col ." auto/var(--grid-gap-standard) auto var(--grid-gap-standard);
  grid-gap: 0;
  margin-left: auto;
  margin-right: auto;
}

.container-grid-builder.bg-white.container-full-screen .container.container-fixed-standard,
.container-grid-builder:not(.bg-color).container-full-screen .container.container-fixed-standard {
  margin-left: 0;
  margin-right: 0;
}

.container-grid-builder:not(.bg-color).container-wide .container.container-fixed-standard,
.container-grid-builder.bg-white.container-wide .container.container-fixed-standard,
.container-grid-builder:not(.bg-color).container-standard .container.container-fixed-standard,
.container-grid-builder.bg-white.container-standard .container.container-fixed-standard { /* standard container inside grid builder with no bg color */
  margin-left: 0;
  margin-right: 0;
}

/* max column - for landing pages - no side nav 100% width but padded */
/* new containers w/ container start/end */
.container-grid-builder .container-fixed-max,
.container.container-fixed-max {
  grid-gap: 0;
}

.container-grid-builder.container-full-screen .container.container-fixed-wide,
.container-grid-builder.container-full-screen .container.container-fixed-wide {
  margin-left: var(--grid-gap-standard);
  margin-right: var(--grid-gap-standard);
}

.container-grid-builder.container-wide.bg-color .container.container-fixed-wide,
.container-grid-builder.container-wide:not(.bg-white) .container.container-fixed-wide {
  margin-left: var(--grid-gap-standard);
  margin-right: var(--grid-gap-standard);
}

.container-grid-builder.container-wide.bg-white .container.container-fixed-wide,
.container-grid-builder.container-wide:not(.bg-color) .container.container-fixed-wide {
  margin-left: 0;
  margin-right: 0;
}

.page-landing .component-inner.component-inner-wide,
.page-landing .container-inner,
.page-content.page-content-sidenav .container-inner {
  grid-gap: var(--grid-gap-standard);
}

.container.container-fixed-standard,
.page-landing .component-inner.component-inner-standard,
.page-content .container-inner {
  grid-gap: var(--grid-gap-standard);
}

/* tablet - 768 */
/* desktop - 1080 */
@media (min-width: 1080px) {
  .container-grid-builder:not(.bg-color).container-full-screen .container.container-fixed-wide,
  .container-grid-builder.bg-white.container-full-screen .container.container-fixed-wide,
  .container-grid-builder:not(.bg-color).container-wide .container.container-fixed-wide,
  .container-grid-builder.bg-white.container-wide .container.container-fixed-wide {
    margin: 0 var(--grid-gap-standard);
  }
  .container-full-screen.bg-white,
  .container-full-screen:not(.bg-color) {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  .container-with-sidenav .container-full-screen.bg-white,
  .container-with-sidenav .container-full-screen:not(.bg-color) {
    width: auto;
    left: auto;
    right: auto;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1080px) {
  .container-grid-builder.container-narrow,
  .container-grid-builder.container-narrow .container-fixed-narrow .container-grid-builder .container.container-fixed-narrow {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    max-width: 840px;
  }
  .container-grid-builder.container-wide.bg-white .container.container-fixed-standard,
  .container-grid-builder.container-wide:not(.bg-color) .container.container-fixed-standard,
  .container-grid-builder.container-full-screen.bg-white .container.container-fixed-standard,
  .container-grid-builder.container-full-screen:not(.bg-color) .container.container-fixed-standard,
  .container-grid-builder.container-full-screen.bg-color .container.container-fixed-standard,
  .container-grid-builder.container-full-screen:not(.bg-white) .container.container-fixed-standard {
    grid-template: ". col ." auto/1fr 10fr 1fr; /* match standard fixed-standard */
    max-width: 1440px;
    grid-gap: var(--grid-gap-standard);
    margin-left: auto;
    margin-right: auto;
  }
  .container-grid-builder.container-wide.bg-white .container-grid-builder.grid-with-accordion .container.container-fixed-standard,
  .container-grid-builder.container-wide:not(.bg-color) .container-grid-builder.grid-with-accordion .container.container-fixed-standard,
  .container-grid-builder.container-full-screen.bg-white .container-grid-builder.grid-with-accordion .container.container-fixed-standard,
  .container-grid-builder.container-full-screen:not(.bg-color) .container-grid-builder.grid-with-accordion .container.container-fixed-standard,
  .container-grid-builder.container-full-screen.bg-color .container-grid-builder.grid-with-accordion .container.container-fixed-standard,
  .container-grid-builder.container-full-screen:not(.bg-white) .container-grid-builder.grid-with-accordion .container.container-fixed-standard {
    grid-template: "col" auto; /* match standard fixed-standard */
  }
  .container-accordion.accordion-content.accordion-content-wide {
    position: relative;
  }
  .container-grid-builder.bg-white.container-wide,
  .container-grid-builder:not(.bg-color).container-wide,
  .container-grid-builder.bg-color.container-wide,
  .container-grid-builder:not(.bg-white).container-wide,
  .container-accordion.accordion-content.accordion-content-wide {
    width: calc(98vw - 2 * var(--grid-gap-standard));
    left: 50%;
    right: 50%;
    margin-left: calc(-1 * (49vw - var(--grid-gap-standard)));
    margin-right: calc(-1 * (49vw - var(--grid-gap-standard)));
  }
  .container-with-sidenav .container-grid-builder.bg-white.container-wide,
  .container-with-sidenav .container-grid-builder:not(.bg-color).container-wide,
  .container-with-sidenav .container-grid-builder.bg-color.container-wide,
  .container-with-sidenav .container-grid-builder:not(.bg-white).container-wide {
    width: auto;
    left: auto;
    right: auto;
    margin-left: 0;
    margin-right: 0;
  }
  .container-grid-builder.bg-color.container-wide .container.container-fixed-wide,
  .container-grid-builder:not(.bg-white).container-wide .container.container-fixed-wide {
    margin-left: var(--grid-gap-standard);
    margin-right: var(--grid-gap-standard);
  }
  .container-grid-builder.container-full-screen.bg-white .container.container-fixed-max,
  .container-grid-builder.container-full-screen:not(.bg-color) .container.container-fixed-max {
    grid-template: ". col ." auto/var(--grid-gap-standard) auto var(--grid-gap-standard);
    grid-gap: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
/* large desktop - 1440 */
@media (min-width: 1440px) {
  .container-grid-builder.container-narrow .container.container-fixed-standard {
    grid-template: "col" auto;
  }
  .container-grid-builder .container.container-fixed-narrow {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    max-width: 840px;
  }
  .container-grid-builder.container-wide.bg-white .container.container-fixed-narrow,
  .container-grid-builder.container-wide:not(.bg-color) .container.container-fixed-narrow,
  .container-grid-builder.container-full-screen.bg-white .container.container-fixed-narrow,
  .container-grid-builder.container-full-screen:not(.bg-color) .container.container-fixed-narrow,
  .container-grid-builder.container-full-screen.bg-color .container.container-fixed-narrow,
  .container-grid-builder.container-full-screen:not(.bg-white) .container.container-fixed-narrow {
    grid-template: ". col ." auto/1fr 8fr 1fr; /* match standard fixed-standard */
    max-width: 1440px;
    grid-gap: var(--grid-gap-standard);
    margin-left: auto;
    margin-right: auto;
  }
  .container-grid-builder.container-full-screen .container.container-fixed-wide,
  .container-grid-builder.container-full-screen .container.container-fixed-wide,
  .container-grid-builder:not(.bg-color).container-full-screen .container.container-fixed-wide,
  .container-grid-builder.bg-white.container-full-screen .container.container-fixed-wide {
    margin-left: auto;
    margin-right: auto;
  }
  .container-grid-builder.container-full-screen.bg-white .container.container-fixed-standard,
  .container-grid-builder.container-full-screen:not(.bg-color) .container.container-fixed-standard,
  .container-grid-builder.container-full-screen.bg-color .container.container-fixed-standard,
  .container-grid-builder.container-full-screen:not(.bg-white) .container.container-fixed-standard {
    grid-template: ". col ." auto/1fr 8fr 1fr; /* match standard fixed-standard */
  }
  .container-grid-builder.container-full-screen.bg-white .container-grid-builder.grid-with-accordion .container.container-fixed-standard,
  .container-grid-builder.container-full-screen:not(.bg-color) .container-grid-builder.grid-with-accordion .container.container-fixed-standard,
  .container-grid-builder.container-full-screen.bg-color .container-grid-builder.grid-with-accordion .container.container-fixed-standard,
  .container-grid-builder.container-full-screen:not(.bg-white) .container-grid-builder.grid-with-accordion .container.container-fixed-standard {
    grid-template: "col" auto;
  }
  .container-grid-builder.container-standard .container.container-fixed-standard {
    grid-template: "col"/auto;
  }
  .container-with-sidenav .container-grid-builder.container-standard .container.container-fixed-standard {
    grid-template: ". col ." auto/1fr 18fr 1fr;
  }
  .container-grid-builder.container-standard.bg-color .container.container-fixed-standard {
    margin-left: var(--grid-gap-standard);
    margin-right: var(--grid-gap-standard);
  }
  .container-grid-builder.container-standard.bg-color .container-grid-builder.grid-with-accordion .container.container-fixed-standard {
    margin-left: var(--grid-gap-small);
    margin-right: var(--grid-gap-small);
  }
  .container-with-sidenav .container-grid-builder.container-standard.bg-color .container.container-fixed-standard {
    margin-left: 0;
    margin-right: 0;
  }
  .container-grid-builder.container-wide .container.container-fixed-standard,
  .container-grid-builder.container-full-screen .container.container-fixed-standard {
    /* width: calc(75vw - 2 * var(--grid-gap-standard));
    grid-template: "col" auto;
    */ /* removes any grid . space from around container in grid builder */
    grid-template: ". col ." auto/1fr 8fr 1fr; /* match standard fixed-standard */
    max-width: 1440px;
    grid-gap: var(--grid-gap-standard);
    margin-left: auto;
    margin-right: auto;
  }
  .container-grid-builder.container-wide .container-grid-builder.grid-with-accordion .container.container-fixed-standard {
    grid-template: "col" auto;
  }
  .container-grid-builder:not(.bg-color).container-wide .container.container-fixed-standard,
  .container-grid-builder.bg-white.container-wide .container.container-fixed-standard {
    margin-left: auto;
    margin-right: auto;
  }
  .container-grid-builder:not(.bg-white).container-wide .container.container-fixed-wide,
  .container-grid-builder.bg-color.container-wide .container.container-fixed-wide {
    margin-left: var(--grid-gap-standard);
    margin-right: var(--grid-gap-standard);
    width: auto;
    max-width: 100%;
  }
  .container-grid-builder.bg-color .container.container-wide,
  .container-grid-builder:not(.bg-white) .container.container-wide,
  .container-accordion.accordion-content.accordion-content-wide {
    max-width: calc(1360px - 2 * var(--grid-gap-standard));
    left: 50%;
    right: 50%;
    margin-left: calc(-1 * (680px - var(--grid-gap-standard)));
    margin-right: calc(-1 * (680px - var(--grid-gap-standard)));
  }
  .container-with-sidenav .container-grid-builder.bg-color .container.container-wide,
  .container-with-sidenav .container-grid-builder:not(.bg-white) .container.container-wide {
    width: auto;
    left: auto;
    right: auto;
    margin-left: 0;
    margin-right: 0;
  }
  .container-grid-builder:not(.bg-color).container-wide .container.container-fixed-wide,
  .container-grid-builder.bg-white.container-wide .container.container-fixed-wide {
    margin-left: auto;
    margin-right: auto;
  }
  .container-grid-builder .container.container-fixed-wide,
  .container.container-fixed-wide,
  .page-landing .component-inner.component-inner-wide,
  .page-landing .container-inner,
  .page-content.page-content-sidenav .container-inner {
    max-width: 1440px;
    max-width: calc(1440px - 2 * var(--spacing-standard));
    margin: 0 auto;
  }
}
/* ultrawide - 1800 */
@media (min-width: 1800px) {
  .container-grid-builder .container.container-fixed-wide,
  .container.container-fixed-wide,
  .page-landing .component-inner.component-inner-wide,
  .page-landing .container-inner,
  .page-content.page-content-sidenav .container-inner,
  .container-accordion.accordion-content.accordion-content-wide {
    max-width: calc(1600px - 2 * var(--grid-gap-standard));
  }
  .container-wide:not(.bg-color),
  .container-wide.bg-white {
    width: 1600px;
    left: 50%;
    right: 50%;
    margin-left: -800px;
    margin-right: -800px;
  }
  .container-grid-builder.bg-color.container-wide,
  .container-grid-builder:not(.bg-white).container-wide,
  .container-wide:not(.bg-white),
  .container-wide.bg-color,
  .container-accordion.accordion-content.accordion-content-wide {
    width: calc(1600px - 2 * var(--grid-gap-standard));
    left: 50%;
    right: 50%;
    margin-left: calc(-1 * (800px - var(--grid-gap-standard)));
    margin-right: calc(-1 * (800px - var(--grid-gap-standard)));
  }
}
@media (min-width: 1800px) {
  .container-grid-builder.bg-color .container.container-wide,
  .container-grid-builder:not(.bg-white) .container.container-wide {
    max-width: calc(1600px - 2 * var(--grid-gap-standard));
  }
  .container-grid-builder.bg-color .container.container-wide .container.container-fixed-wide,
  .container-grid-builder:not(.bg-white) .container.container-wide .container.container-fixed-wide {
    margin-left: var(--grid-gap-standard);
    margin-right: var(--grid-gap-standard);
  }
}
.container.container-with-sidenav {
  /* grid-template-areas: 
  "col"
  "col-sidenav";	*/
  grid-gap: var(--grid-gap-small); /* decrease to small as new padding on sidenav */
  /* not using ultrawide - but matching fixed wide at 1600 */
}
@media (min-width: 1080px) {
  .container.container-with-sidenav {
    /* grid-template: "col col col-sidenav" auto / 8fr 4fr; */
    grid-template-columns: 2fr 1fr;
    grid-gap: var(--grid-gap-standard);
  }
}
@media (min-width: 1440px) {
  .container.container-with-sidenav {
    /* grid-template: "col col col col-sidenav" auto / 3fr 1fr; */
    grid-template-columns: 3fr 1fr;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1440px - 2 * var(--spacing-standard));
    padding-top: var(--spacing-large);
  }
}
@media (min-width: 1800px) {
  .container.container-with-sidenav {
    max-width: calc(1600px - 2 * var(--spacing-standard));
  }
}

.antihero + .container-standard-y-padding,
.block-psucampus-homepage-hero + .container-standard-y-padding,
.block-psucampus-homepage-hero + script + .container-standard-y-padding {
  padding-top: 0;
}

.entry_type_homePage .block-psucampus-homepage-hero + script + section.container-grid-builder.bg-color {
  margin-top: 0;
}

.container-standard-y-padding .container.container-with-sidenav .col section.container-grid-builder.container-full-screen.bg-color:last-child {
  margin-bottom: 0;
  /* leave margin as is if bg-color grid is last child of container with sidenav */
}

.container-standard-y-padding .container .col section.container-grid-builder.container-full-screen.bg-color:last-child {
  margin-bottom: calc(-1 * var(--spacing-x-large));
  /* add negative margin if bg-color grid is last child but only on full screen container */
}

.container-standard-y-padding .container .col section.container-grid-builder.container-full-screen.bg-white:last-child .component-offset-preview-image-primary {
  margin-bottom: calc(-1 * var(--spacing-x-large));
  /* add negative margin if no bg-color set on container for img-based offset preview */
}

.container-standard-y-padding .container .col section.container-grid-builder.container-full-screen.bg-color.grid-with-accordion:last-child {
  margin-bottom: var(--spacing-minimum);
} /* doesn't work b/c no display first? */
/* .container-content-builder .container .col .component.bg-white:last-child,
	.container-content-builder .container .col .component:not(.bg-color):last-child, */
/* .container-content-builder .container .col figure:last-child { commenting out 5/20/24 - think this is not necessary
	padding-bottom: var(--spacing-x-large);
	}
	*/
@media (min-width: 1080px) {
  .container-grid-builder.container-full-screen .offset-preview-block,
  .container-grid-builder.container-wide .offset-preview-block {
    padding: var(--spacing-medium-large) 0;
  }
  .container-grid-builder.container-full-screen .offset-preview-block .row,
  .container-grid-builder.container-wide .offset-preview-block .row {
    justify-content: space-between;
  }
  .container-grid-builder.container-full-screen .offset-preview-block-img,
  .container-grid-builder.container-wide .offset-preview-block-img {
    flex: 0 0 auto;
    width: 50%;
  }
  .container-grid-builder.container-full-screen .offset-preview-block-content,
  .container-grid-builder.container-wide .offset-preview-block-content {
    flex: 0 0 auto;
    width: 50%;
    padding: 0 var(--spacing-x-large);
  }
  .container-grid-builder.container-standard .component-offset-preview-image-primary .offset-preview-block-content {
    width: 50%;
  }
  .container-grid-builder.container-full-screen .offset-preview-block::before,
  .container-grid-builder.container-wide .offset-preview-block::before {
    width: 85%;
  }
}
:not(div.container-grid-builder) .container-grid-builder.bg-white {
  background-color: transparent;
}

section.container-grid-builder.bg-color:has(+ .component),
section.container-grid-builder.container-margin-before-component:has(+ .component) {
  margin-bottom: calc(var(--spacing-x-large) - var(--spacing-standard)); /* should work in all browswers but Firefox to add bottom margin to bg-color grid builder container */
}

.container-grid-builder .container.container-grid-standard {
  margin: 0;
  grid-gap: 0; /* remove grid gap from all outer containers in grid builder. columns inside will control spacing */
}

.container-grid-builder.container-standard-xy-padding.bg-white.container-wide {
  padding: var(--spacing-large) 0 var(--spacing-x-large) 0;
}

.component + .in-page-nav-anchor + section.container-grid-builder.bg-color,
.component + section.container-grid-builder.bg-color,
figure + section.container-grid-builder.bg-color,
script + section.container-grid-builder.bg-color { /* add top margin to bg-color grid builder containers that follow components */
  margin-top: var(--spacing-large);
}

/* for 1 column text component ahead of another grid build in same bg color */
/* comment out for testing 11/16 - why is this here?
.col section.container-grid-builder.bg-color:first-child {
	margin-top: var(--spacing-medium-small);
	}
	*/
/* max column - for landing pages - no side nav 100% width but padded */
.container-grid-builder .container-fixed-max,
.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%;
}

.container-grid-builder .container-fixed-max {
  grid-template: ". col ." auto/var(--grid-gap-standard) auto var(--grid-gap-standard);
  margin-left: 0;
  margin-right: 0;
}

.container-grid-builder.grid-with-accordion .container-fixed-max {
  margin-left: var(--grid-gap-small);
  margin-right: var(--grid-gap-small);
  grid-template: "col" auto;
}

/* full width image inside screen-width max container - goes actual full screen width - white only! */
.container-grid-builder.bg-white.container-full-screen .container-fixed-max [data-columns="1"] figure.element img { /* add element specificity to only target single images only - not gallery */
  margin-left: calc(-1 * var(--grid-gap-standard));
  margin-right: calc(-1 * var(--grid-gap-standard));
  width: calc(100% + 2 * var(--grid-gap-standard));
}

.container-grid-builder.bg-white.container-full-screen .container-fixed-max .slick-slider img,
.container-grid-builder.bg-white.container-full-screen .container-fixed-max [data-columns="1"] .slick-slider img {
  margin-left: 0;
  margin-right: 0;
  width: auto;
}

.container-grid-builder .container.container-fixed-standard { /* widen col - but not so wide it matches wide containers */ }
@media (min-width: 1440px) {
  .container-grid-builder .container.container-fixed-standard {
    grid-template: ". col ." auto/1fr 10fr 1fr;
  }
}

.page-content .grid-layout .component figure {
  margin-top: 0; /* in grid - no margin b/c grid will add grid gap */
}

.grid-layout .component {
  width: 100%;
}
.grid-layout .component.component-full-screen figure, .grid-layout .component.component-wide figure, .grid-layout .component.component-standard figure {
  margin-top: var(--spacing-small);
}
.grid-layout .component.component-full-screen {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.grid-layout .component.component-full-screen.component-full-screen-with-margin {
  width: calc(100vw - 2 * var(--spacing-standard));
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: calc(-50vw + var(--spacing-standard));
  margin-right: calc(-50vw + var(--spacing-standard));
}
@media (min-width: 1080px) {
  .grid-layout .component.component-wide {
    width: 75vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -37.5vw;
    margin-right: -37.5vw;
  }
}
@media (min-width: 768px) {
  .grid-layout .component.component-half-width, .grid-layout .component.component-third-width {
    width: calc(33.33% - var(--spacing-standard) / 2);
  }
}
@media (min-width: 768px) {
  .grid-layout .component.component-standard {
    /* margin-top: var(--spacing-standard); */
    width: 100%;
  }
}
@media (min-width: 1080px) {
  .grid-layout .component.component-half-width {
    width: calc(50% - var(--spacing-standard) / 2);
  }
}
.grid-layout .component.mx-auto {
  margin: var(--spacing-standard) auto 0 auto;
}
.grid-layout .component.component-float-left {
  margin: var(--spacing-standard) 0 0 0;
}
@media (min-width: 768px) {
  .grid-layout .component.component-float-left {
    float: left;
    margin: var(--spacing-medium-small) var(--spacing-standard) var(--spacing-standard) 0;
  }
}
.grid-layout .component.component-float-left.component-standard {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.grid-layout .component.component-float-right {
  margin: var(--spacing-standard) 0 0 0;
}
@media (min-width: 768px) {
  .grid-layout .component.component-float-right {
    float: right;
    margin: var(--spacing-medium-small) 0 var(--spacing-standard) var(--spacing-standard);
  }
}
.grid-layout .component.component-float-right.component-standard {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .grid-layout .component.component-float-right.component-standard {
    margin-bottom: var(--spacing-medium-large);
  }
}

@media (min-width: 768px) {
  .grid-layout .component.component-half-width, .grid-layout .component.component-third-width {
    width: 100%;
  }
}
@media (min-width: 1080px) {
  .grid-layout .component.component-half-width {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .grid-layout .component.component-float-left, .grid-layout .component.component-float-right {
    float: none;
    margin: 0;
  }
}

.content-builder-row {
  max-width: 100%;
}
.content-builder-row.grid-layout {
  display: grid;
  grid-gap: var(--grid-gap-standard);
}
@media (max-width: 1080px) {
  .content-builder-row.grid-layout {
    grid-gap: 0;
  }
}
@media (max-width: 1080px) {
  .content-builder-row {
    grid-template-columns: 1fr !important; /* grid with 1 col until desktop - then inline styles take precedent */
  }
}
@media (min-width: 1080px) {
  .content-builder-row.flex-layout {
    display: flex;
  }
  .content-builder-row .element.element-full-width {
    /* margin-top: 0; */
  }
  .content-builder-row div.component,
  .content-builder-row figure {
    flex: 1;
  }
  .content-builder-row .component-inner.component-inner-standard {
    grid-template: none;
    display: block;
  }
}

@media (min-width: 1080px) {
  .grid-preconfigured-two-to-one {
    grid-template-columns: 6fr 4fr;
  }
  .grid-preconfigured-one-to-two {
    grid-template-columns: 4fr 6fr;
  }
}
@media (min-width: 1440px) {
  .grid-preconfigured-two-to-one {
    grid-template-columns: 2fr 1fr;
  }
  .grid-preconfigured-one-to-two {
    grid-template-columns: 1fr 2fr;
  }
}
.container-grid-builder.container-full-screen.grid-with-accordion {
  width: auto;
  left: 0;
  right: 0;
  margin-left: 0;
  margin-right: 0;
}

.container-grid-builder.grid-standard.grid-with-accordion .container.container-fixed-standard,
.container-grid-builder.container-full-screen.grid-with-accordion .container.container-fixed-standard,
.container-grid-builder.container-full-screen.bg-color.grid-with-accordion .container.container-fixed-standard,
.container-grid-builder.container-full-screen.grid-with-accordion .container.container-fixed-wide,
.container-grid-builder.container-full-screen.grid-with-accordion .container.container-full-screen {
  grid-template: "col" auto;
  margin-left: 0;
  margin-right: 0;
}

.container-grid-builder.grid-standard.grid-with-accordion:not(.bg-white) .container.container-fixed-standard,
.container-grid-builder.bg-color.grid-with-accordion .container.container-fixed-standard,
.container-grid-builder.grid-with-accordion:not(.bg-white) .container.container-fixed-standard,
.container-grid-builder.container-full-screen.bg-color.grid-with-accordion .container.container-fixed-wide,
.container-grid-builder.container-full-screen.bg-color.grid-with-accordion .container.container-full-screen,
.container-grid-builder.container-wide.bg-color.grid-with-accordion .container.container-fixed-wide,
.container-grid-builder.container-wide.grid-with-accordion:not(.bg-white) .container.container-fixed-wide {
  grid-template: "col" auto;
  margin-left: var(--grid-gap-small);
  margin-right: var(--grid-gap-small);
}

@media (min-width: 1080px) {
  .container-grid-builder.container-wide.grid-with-accordion,
  .container-grid-builder.container-full-screen.grid-with-accordion {
    width: auto;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .container-grid-builder.grid-standard.grid-with-accordion .container.container-fixed-standard,
  .container-grid-builder.grid-standard.grid-with-accordion:not(.bg-white) .container.container-fixed-standard,
  .container-grid-builder.container-wide.bg-white.grid-with-accordion .container.container-fixed-standard,
  .container-grid-builder.container-wide.grid-with-accordion:not(.bg-color) .container.container-fixed-standard,
  .container-grid-builder.container-full-screen.bg-white.grid-with-accordion .container.container-fixed-standard,
  .container-grid-builder.container-full-screen.grid-with-accordion:not(.bg-color) .container.container-fixed-standard,
  .container-grid-builder.container-full-screen.bg-color.grid-with-accordion .container.container-fixed-standard,
  .container-grid-builder.container-full-screen.grid-with-accordion:not(.bg-white) .container.container-fixed-standard {
    grid-template: "col" auto;
    grid-gap: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .container-full-screen.bg-white.grid-with-accordion,
  .container-full-screen.grid-with-accordion:not(.bg-color) {
    width: auto;
    grid-template: "col" auto; /* removes any grid . space from around container in grid builder */
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
  }
}
@media (min-width: 1440px) {
  .container-grid-builder.container-full-screen.bg-white.grid-with-accordion .container.container-fixed-standard,
  .container-grid-builder.container-full-screen.grid-with-accordion:not(.bg-color) .container.container-fixed-standard,
  .container-grid-builder.container-full-screen.bg-color.grid-with-accordion .container.container-fixed-standard,
  .container-grid-builder.container-full-screen.grid-with-accordion:not(.bg-white) .container.container-fixed-standard,
  .container-grid-builder.container-wide.grid-with-accordion .container.container-fixed-standard,
  .container-grid-builder.container-full-screen.grid-with-accordion .container.container-fixed-standard {
    grid-template: "col" auto/1fr;
  }
}
@media (min-width: 1800px) {
  .container-wide.grid-with-accordion:not(.bg-color),
  .container-wide.bg-white.grid-with-accordion {
    width: auto;
    grid-template: "col" auto; /* removes any grid . space from around container in grid builder */
    margin-left: 0;
    margin-right: 0;
  }
}
/** Components */
.accordion {
  display: grid;
  grid-template: "copy" auto/1fr;
  grid-gap: var(--grid-gap-small);
  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(--grid-gap-small);
  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);
}
.accordion-content div.sticky-wrap {
  display: flow-root;
  height: auto;
}
.accordion-content div.sticky-wrap:after {
  clear: both;
}
.accordion-content figure:not(.element) img { /* if a float option is not selected */
  width: 100%;
  height: auto;
}
.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 p a:link,
.accordion-content p a:visited,
.accordion-content ul a:link,
.accordion-content ul a:visited,
.accordion-content ol a:link,
.accordion-content ol a:visited {
  text-decoration: underline;
  text-underline-offset: var(--link-underline-offset);
  text-decoration-skip-ink: var(--link-underline-skip-ink);
  transform: var(--link-transition);
}
.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-content .element { /* extend _general-layout element for figures included in accordion */ }
@media (min-width: 768px) {
  .accordion-content .element.element-float-right, .accordion-content .element.element-float-left {
    width: 33.33%;
  }
}

.accordion-content + .accordion-content,
.accordion-content + .in-page-nav-anchor + .accordion-content {
  margin-top: 0;
  margin-bottom: 0;
}
.accordion-content + .accordion-content dl.faq dt:first-of-type button,
.accordion-content + .in-page-nav-anchor + .accordion-content dl.faq dt:first-of-type button {
  border-top: none;
}

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

@media (min-width: 768px) { /* do not display transcript accordion if video is not full-with */
  .element-half-width .accordion-transcript,
  .element-third-width .accordion-transcript {
    display: none;
  }
}
dl.faq {
  border: 1px solid var(--ps-limestone-gray-400);
}
dl.faq dt button {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: var(--font-size-xl);
  border: none;
  border-radius: 0;
  background-color: var(--ps-limestone-gray-0);
  width: 100%;
  text-align: left;
  color: var(--link-color);
  font-family: var(--font-sans);
}
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-limestone-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-standard);
  font-size: var(--font-size-lg);
  display: none;
  background-color: var(--ps-limestone-gray-0);
  color: var(--primary-text-color);
  background-color: var(--white);
  border-bottom: 1px dashed var(--ps-limestone-gray-400);
  word-break: break-word;
  overflow: auto; /* clear floated images in accord */
  overflow: visible; /* test for position sticky th */
  /* .button { commenting out - 4/1824 - think this is a remnant from stratcomm work
  	margin: -1rem 0 var(--spacing-standard);
  	} */
}
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 .sticky-wrap > *:first-child {
  padding-top: 0;
  margin-top: 0;
}
dl.faq dd.desc p {
  padding-top: var(--spacing-small);
  line-height: var(--line-height-large);
}
dl.faq dd.desc p.button {
  padding-top: 0;
}
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-limestone-gray-0);
}

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

dl.faq dd.desc .card-content p {
  padding-top: 0; /* preview card in accordion */
  line-height: var(--spacing-medium);
}

.reverse .accordion-content dl.faq dd.desc {
  padding-top: var(--spacing-standard);
}

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-limestone-gray-0);
}
.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;
}

.accordion-content figcaption {
  font-size: var(--small-1);
  margin-bottom: var(--spacing-minimum);
}
.accordion-content dl.faq {
  border: none;
  /* button > span::after {
  	content: "+";
  	font-weight: 300;
  	background-color: var(--ps-pugh-blue-200);
  	width: var(--spacing-large);
  	height: var(--spacing-large);
  	border-radius: 50%;
  	text-align: center;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	font-size: var(--h2);
  	position: absolute;
  	top: 50%;
  	right: var(--spacing-standard);
  	transform: translate(0, -50%);
  	line-height: 1;
  	} */
  /* dt button[aria-expanded=true] span::after {
  	content: "—";
  	font-size: var(--h4);
  	font-weight: 800;
  	display: flex;
  	} */
}
.accordion-content dl.faq dt button {
  background-color: transparent;
  font-weight: var(--font-weight-medium);
  border-bottom: 1px solid var(--color-standard-border);
  font-size: var(--h5);
}
@media (min-width: 768px) {
  .accordion-content dl.faq dt button {
    font-size: var(--h4);
  }
}
.accordion-content dl.faq dt:first-of-type button {
  border-top: 1px solid var(--color-standard-border);
}
.accordion-content dl.faq dt button[aria-expanded=true] {
  border-bottom: none;
  background: var(--ps-pugh-blue-50);
}
.accordion-content dl.faq dd.desc {
  border-bottom: 1px solid var(--color-standard-border);
  background: var(--ps-pugh-blue-50);
  padding: 0 var(--spacing-standard) var(--spacing-standard) var(--spacing-standard);
}
.accordion-content dl.faq dt button span {
  padding: var(--spacing-large) calc(var(--spacing-large) + var(--spacing-x-large)) var(--spacing-large) var(--spacing-standard);
  border-bottom: transparent;
  display: block;
  align-items: center;
}
.accordion-content dl.faq button > span::before,
.accordion-content dl.faq button:hover span::before {
  display: none;
  content: none;
  width: 0;
  height: 0;
}
.accordion-content dl.faq button > span::after {
  content: "";
  background-color: var(--ps-pugh-blue-350);
  width: var(--spacing-large);
  height: var(--spacing-large);
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: var(--spacing-standard);
  transform: translate(0, -50%);
  line-height: 1;
  background-size: var(--spacing-standard) var(--spacing-standard);
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 50 50' height='50px' version='1.1' viewBox='0 0 50 50' width='50px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect fill='none' height='50' width='50'/%3E%3Cline fill='none' stroke='%231E417B' stroke-miterlimit='10' stroke-width='4' x1='9' x2='41' y1='25' y2='25'/%3E%3Cline fill='none' stroke='%231E417B' stroke-miterlimit='10' stroke-width='4' x1='25' x2='25' y1='9' y2='41'/%3E%3C/svg%3E");
}
.accordion-content dl.faq button[aria-expanded=true] > span::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 50 50' version='1.1' viewBox='0 0 50 50' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect fill='none' height='50' width='50'/%3E%3Cline fill='none' stroke='%231E417B' stroke-miterlimit='10' stroke-width='4' x1='9' x2='41' y1='25' y2='25'/%3E%3C/svg%3E");
}
.accordion-content dl.faq button:hover > span::after {
  display: flex;
  background-color: var(--ps-pugh-blue-450);
}
.accordion-content dl.faq dt button[aria-expanded=true] span {
  background-color: transparent;
}

.accordion-content.accordion-compact dl.faq {
  border: none;
}
.accordion-content.accordion-compact dl.faq dt button {
  border-bottom: none;
  font-size: var(--h6);
}
.accordion-content.accordion-compact dl.faq dt:first-of-type button {
  border-top: none;
}
.accordion-content.accordion-compact dl.faq dt button span {
  padding: var(--spacing-medium-small) var(--spacing-medium-small) var(--spacing-medium-small) calc(var(--spacing-standard) + var(--spacing-standard));
  display: block;
}
.accordion-content.accordion-compact dl.faq button > span::after {
  left: var(--spacing-medium-small);
  width: var(--spacing-medium-small);
  height: var(--spacing-medium-small);
  font-size: var(--h5);
  background-size: var(--spacing-small) var(--spacing-small);
}
.accordion-content.accordion-compact dl.faq dt button[aria-expanded=true] span::after {
  font-size: var(--small-3);
}
.accordion-content.accordion-compact dl.faq dd.desc {
  border-bottom: none;
  margin-bottom: var(--spacing-xx-small);
}

.reverse .accordion-content dl.faq {
  border-color: var(--color-standard-border);
  border-top: none;
  border-bottom: none;
}
.reverse dl.faq dt button span {
  color: var(--link-light-color);
  background: var(--ps-beaver-blue-500);
}
.reverse dl.faq dt button span:hover {
  color: var(--white);
  background: var(--ps-beaver-blue-600);
}
.reverse dl.faq button:hover > span::after {
  color: var(--white);
}
.reverse .accordion-readmore dl.faq dt button span {
  background: transparent;
}
.reverse .accordion-content dl.faq dt button,
.reverse .accordion-content dl.faq dd.desc {
  border-bottom: 2px solid transparent;
}
.reverse .accordion-content dl.faq dt button[aria-expanded=true],
.reverse .accordion-transcript dl.faq dt button[aria-expanded=true] {
  background: var(--ps-beaver-blue-600);
}
.reverse .accordion-content dl.faq button > span::after,
.reverse .accordion-transcript dl.faq button > span::after,
.reverse .image-gallery .accordion-content dl dt button[aria-expanded=true] span::after {
  background-color: var(--link-color);
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 50 50' height='50px' version='1.1' viewBox='0 0 50 50' width='50px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect fill='none' height='50' width='50'/%3E%3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='10' stroke-width='4' x1='9' x2='41' y1='25' y2='25'/%3E%3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='10' stroke-width='4' x1='25' x2='25' y1='9' y2='41'/%3E%3C/svg%3E");
}
.reverse .accordion-content dl.faq button[aria-expanded=true] > span::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 50 50' version='1.1' viewBox='0 0 50 50' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect fill='none' height='50' width='50'/%3E%3Cline fill='none' stroke='%23ffffff' stroke-miterlimit='10' stroke-width='4' x1='9' x2='41' y1='25' y2='25'/%3E%3C/svg%3E");
}
.reverse .accordion-content dl.faq dd.desc,
.reverse .accordion-transcript dl.faq dd.desc {
  background: var(--ps-beaver-blue-750);
}
.reverse .accordion-readmore dl.faq dd.desc {
  background: transparent;
}
.reverse .accordion-transcript dl.faq button > span::before,
.reverse .accordion-transcript dl.faq button > span::after,
.reverse .accordion-readmore dl.faq button > span::before,
.reverse .accordion-readmore dl.faq button > span::after {
  background-color: var(--link-light-color);
}

.component-accordion + .accordion-content.container-accordion,
.container-accordion + .component-accordion .accordion-content {
  margin-top: 0;
}
.component-accordion + .accordion-content.container-accordion dl.faq dt:first-of-type button,
.container-accordion + .component-accordion .accordion-content dl.faq dt:first-of-type button {
  border-top: none;
}

.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 ? */
.alert {
  position: relative;
  transition: 500ms;
  overflow: hidden;
  padding: var(--spacing-x-small) var(--spacing-small);
  margin-bottom: var(--spacing-minimum);
  background: rgba(var(--white-rgb), 0.5);
}
.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 (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: var(--line-height-medium);
  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: var(--font-weight-bold);
}
@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: var(--font-weight-bold);
}
.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;
}

@media (min-width: 1080px) {
  .page-content aside.focus-aside.element-full-width {
    margin-left: calc(var(--spacing-medium-large) * -1);
    margin-right: calc(var(--spacing-medium-large) * -1);
    width: calc(100% + var(--spacing-medium-large) * 2);
  }
  .page-content aside.focus-aside.element-float-right {
    margin-right: 0;
  }
  .page-content aside.focus-aside.element-float-left {
    margin-left: 0;
  }
}
@media (min-width: 1800px) {
  .page-content aside.focus-aside.element-float-left {
    margin-left: calc(var(--spacing-medium-large) * -1);
  }
}
@media (min-width: 1080px) {
  .layout-course .page-content aside.focus-aside.element-full-width {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media (min-width: 1080px) {
  .page-content .grid-layout aside.focus-aside.element-full-width {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

@media (min-width: 1080px) {
  .layout-course aside.focus-aside.element-float-right {
    margin-right: 0;
  }
  .layout-course aside.focus-aside.element-float-left {
    margin-left: 0;
  }
}
@media (min-width: 1440px) {
  .layout-course aside.focus-aside.element-float-left {
    margin-left: calc(var(--spacing-xx-large) * -1);
  }
}

aside.focus-aside {
  position: relative;
  margin-top: var(--spacing-large);
  padding-bottom: var(--spacing-standard);
  margin-bottom: var(--spacing-small);
}
aside.focus-aside.bg-color {
  padding: 0;
}
aside.focus-aside.bg-color div {
  padding: 0 var(--spacing-medium-small) var(--spacing-medium-small) var(--spacing-medium-small);
}
aside.focus-aside.element-full-width.bg-color div {
  padding: 0 var(--spacing-standard) var(--spacing-standard) var(--spacing-standard);
}
@media (min-width: 1080px) {
  aside.focus-aside.element-float-right {
    margin-right: calc(var(--spacing-medium-large) * -1);
  }
  aside.focus-aside.element-float-left {
    margin-left: calc(var(--spacing-medium-large) * -1);
  }
}
aside.focus-aside.border-single-rule {
  border: 1px solid var(--color-standard-border);
}
aside.focus-aside.border-single-rule div {
  padding-left: var(--spacing-medium-small);
  padding-right: var(--spacing-medium-small);
}
aside.focus-aside.border-double-rule {
  border-top: 4px double var(--color-standard-border);
  border-bottom: 4px double var(--color-standard-border);
}
aside.focus-aside.bg-color.border-double-rule {
  border-left: 4px double var(--color-standard-border);
  border-right: 4px double var(--color-standard-border);
}
aside.focus-aside.border-thick-rule {
  border-top: var(--spacing-xx-small) solid var(--color-standard-border);
  border-bottom: var(--spacing-xx-small) solid var(--color-standard-border);
}
aside.focus-aside.bg-color.border-thick-rule {
  border-left: var(--spacing-xx-small) solid var(--color-standard-border);
  border-right: var(--spacing-xx-small) solid var(--color-standard-border);
}
aside.focus-aside.border-striped-rule {
  padding-bottom: var(--spacing-large);
  padding-top: var(--spacing-x-small);
}
aside.focus-aside.border-striped-rule:before, aside.focus-aside.border-striped-rule:after {
  content: "";
  position: absolute;
  display: block;
  height: var(--spacing-x-small);
  width: 100%;
  background-image: linear-gradient(45deg, rgba(var(--ps-pugh-blue-rgb), 0.75) 10%, #ffffff 10%, #ffffff 50%, rgba(var(--ps-pugh-blue-rgb), 0.75) 50%, rgba(var(--ps-pugh-blue-rgb), 0.75) 60%, #ffffff 60%, #ffffff 100%);
  background-size: 7.07px 7.07px;
}
aside.focus-aside.border-striped-rule:before {
  top: 0;
}
aside.focus-aside.border-striped-rule:after {
  bottom: 0;
}
aside.focus-aside img {
  width: 100%;
  margin-top: 0;
}
aside.focus-aside.clip-circle img {
  border-radius: 50%;
  width: 66.66%;
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--spacing-standard);
}
@media (min-width: 576px) {
  aside.focus-aside.element-full-width img {
    margin-top: var(--spacing-standard);
  }
}
@media (min-width: 768px) {
  aside.focus-aside.element-full-width {
    display: flex;
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  aside.focus-aside.element-full-width {
    align-items: center;
  }
  aside.focus-aside.element-full-width img {
    margin: var(--spacing-standard) 0 var(--spacing-standard) var(--spacing-standard);
    width: 15vw;
  }
  aside.focus-aside.element-full-width.clip-circle img {
    width: 15vw;
  }
}
@media (min-width: 1080px) {
  aside.focus-aside.element-full-width img {
    margin: var(--spacing-standard);
  }
}
@media (min-width: 768px) {
  aside.focus-aside.element-full-width img {
    float: left;
    margin-left: var(--spacing-standard);
  }
}
aside.focus-aside.element-half-width img + p, aside.focus-aside.element-third-width img + p,
aside.focus-aside img + h3,
aside.focus-aside h3 + p {
  padding-top: var(--spacing-x-small);
}
aside.focus-aside h3 {
  font-size: var(--h5);
  padding-top: var(--spacing-medium-small);
}
aside.focus-aside p {
  font-size: var(--font-size-base);
  line-height: var(--line-height-large);
  font-family: var(--font-serif), "Georgia", "Times New Roman", serif;
  color: var(--ps-pugh-blue-700);
  letter-spacing: 0;
}
aside.focus-aside p a:link, aside.focus-aside p a:visited {
  text-decoration: underline;
}
aside.focus-aside ol, aside.focus-aside ul {
  padding-left: var(--spacing-minimum);
}
aside.focus-aside ul li,
aside.focus-aside ol li {
  font-size: var(--font-size-lg);
  margin-bottom: var(--spacing-x-small);
}
aside.focus-aside.bg-color h3, aside.focus-aside.bg-color p, aside.focus-aside.bg-color ul, aside.focus-aside.bg-color li {
  color: var(--primary-text-color);
}
@media (min-width: 768px) {
  aside.focus-aside.element-full-width p {
    font-size: var(--h6);
  }
}
@media (min-width: 1080px) {
  aside.focus-aside.element-half-width p {
    font-size: var(--font-size-xl);
  }
}

.bg-color aside.focus-aside.bg-white div { /* white bg on bg-color */
  padding: 0 var(--spacing-medium-small);
}

@media (min-width: 1080px) {
  .grid-layout:not([data-columns="1"]) { /* should be any grid with more than 1 col */ }
  .grid-layout:not([data-columns="1"]) aside.focus-aside.element-full-width {
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--spacing-standard);
  }
  .grid-layout:not([data-columns="1"]) aside.focus-aside.element-full-width img {
    float: none;
    margin: 0;
    width: 100%;
  }
  .grid-layout:not([data-columns="1"]) aside.focus-aside.clip-circle img {
    border-radius: 50%;
    width: 66.66%;
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--spacing-standard);
  }
  .grid-layout:not([data-columns="1"]) aside.focus-aside.element.element-half-width,
  .grid-layout:not([data-columns="1"]) aside.focus-aside.element.element-third-width {
    width: 100%;
  }
}
.assessment { /* radio button and short answer */ }
.assessment h4 {
  line-height: var(--line-height-medium);
  letter-spacing: var(--letter-spacing-standard);
}
.assessment .assessment-answers label {
  line-height: var(--line-height-base);
}
.assessment .assessment-answers .option-radio-button {
  padding: 10px 20px;
  padding: var(--spacing-xx-small) var(--spacing-medium-small);
  display: flex;
  align-items: flex-start;
  grid-gap: var(--spacing-minimum);
}
.assessment .assessment-answers .option-radio-button input.answer-input {
  margin-top: calc((var(--line-height-medium) - 1) * 0.5em);
}
.assessment .assessment-answers .answer-feedback.assessment-result {
  line-height: var(--line-height-medium);
}
.assessment .likert-scale-wrap {
  border: 1px solid var(--color-standard-border);
}
@media (min-width: 768px) {
  .assessment .likert-scale-wrap {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    text-align: center;
  }
}
.assessment .likert-scale-wrap .option-likert-scale {
  padding: var(--spacing-x-small);
  background-color: var(--ps-pugh-blue-50);
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid var(--color-standard-border);
}
.assessment .likert-scale-wrap .option-likert-scale:last-of-type {
  border-bottom: none;
}
@media (min-width: 768px) {
  .assessment .likert-scale-wrap .option-likert-scale {
    flex-direction: column;
    justify-content: flex-end;
    margin-top: 0;
    border-bottom: none;
    border-right: 1px solid var(--color-standard-border);
  }
  .assessment .likert-scale-wrap .option-likert-scale:last-of-type {
    border-right: none;
  }
}
@media (min-width: 768px) {
  .assessment .likert-scale-wrap .likert-scale-item {
    margin-bottom: var(--spacing-xx-small);
  }
}
.assessment .likert-scale-wrap .likert-scale-item label {
  font-size: var(--small-1);
  line-height: var(--line-height-x-small);
  display: block;
}
.assessment .likert-scale-wrap .likert-selection {
  margin-right: var(--spacing-minimum);
}
@media (min-width: 768px) {
  .assessment .likert-scale-wrap .likert-selection {
    margin-right: 0;
  }
}

ol.breadcrumb {
  list-style: none;
  font-size: var(--small-1);
  font-family: var(--font-sans);
  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: var(--font-weight-medium);
}
ol.breadcrumb a:hover {
  color: var(--link-color);
  text-decoration: underline;
}

.bg-beaver-blue ol.breadcrumb li::after,
.bg-slate ol.breadcrumb li::after,
.reverse 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,
.reverse ol.breadcrumb a:link,
.reverse ol.breadcrumb a:visited {
  color: var(--white);
}
.bg-beaver-blue ol.breadcrumb a:hover,
.bg-slate ol.breadcrumb a:hover,
.reverse ol.breadcrumb a:hover {
  color: var(--link-light-color);
  text-decoration: underline;
}

.button {
  font-weight: var(--font-weight-medium);
  color: var(--link-light-color);
  text-decoration: none;
  display: inline-block;
  margin-top: var(--spacing-medium-small);
  transition: var(--transition-base);
  box-sizing: border-box;
  font-family: var(--font-sans);
}
.button:hover {
  text-decoration: none;
}

a.button,
p a.button,
p.button a,
button.button,
span.button,
div.button,
input.button {
  padding: var(--spacing-small) var(--spacing-medium-small);
}

button:hover {
  cursor: pointer;
}

.header-buttons .button {
  text-transform: uppercase;
  font-style: italic;
  font-weight: var(--font-weight-bold);
}

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

.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);
}
.cta-button:hover {
  outline: 2px solid transparent;
}

.theme-clean-modern .cta-button {
  outline: 1px solid var(--color-standard-border);
  outline-offset: -1px;
  color: var(--link-color);
  background: transparent;
}
.theme-clean-modern .cta-button:hover, .theme-clean-modern .cta-button:visited:hover {
  background: var(--link-color);
  color: var(--white);
}

.theme-clean-modern .full-width-nav .primary-brand-bar .header-cta-buttons .button,
.theme-clean-modern .wrap-cta .cta-button {
  text-transform: none;
  font-style: normal;
}

.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(--color-primary-button-text);
  background: var(--bg-color-primary-button);
  margin-right: var(--spacing-x-small);
}
.hero-button .button:hover {
  background: var(--bg-color-primary-button-hover);
  color: var(--color-primary-button-text-hover);
}
.hero-button .button.button-primary {
  background: var(--bg-color-primary-button);
  color: var(--color-primary-button-text);
}
.hero-button .button.button-primary:hover {
  background: var(--bg-color-primary-button-hover);
  color: var(--color-primary-button-text-hover);
}
.hero-button .button.button-secondary {
  background: var(--bg-color-secondary-button);
  color: var(--color-secondary-button-text);
}
.hero-button .button.button-secondary:hover {
  background: var(--bg-color-secondary-button-hover);
  color: var(--color-secondary-button-text-hover);
}

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

.centered-buttons {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.col .button-wrap {
  padding-top: var(--spacing-medium-small);
}
.col p.button {
  margin-top: var(--spacing-medium-small);
  margin-right: var(--spacing-x-small);
}
.col p.button:last-of-type {
  margin-bottom: var(--spacing-standard);
}
.col p.button a:link,
.col p.button a:visited {
  color: var(--black);
}
.col .button {
  font-style: normal;
  margin: var(--spacing-x-small) var(--spacing-small) var(--spacing-x-small) 0;
  font-size: var(--font-size-xl);
}
.col p .button { /* button in redactor block */
  margin-top: 0;
  margin-bottom: var(--spacing-medium-small);
}
.col .button[class^=icon-]:after, .col .button[class*=" icon-"]:after {
  margin-right: 0;
}
.col .button.button-small {
  font-size: var(--small-1);
  margin-top: var(--spacing-x-small);
  margin-bottom: 0;
}
.col a.button.button-small,
.col p a.button.button-small,
.col p.button.button-small a,
.col button.button.button-small,
.col span.button.button-small,
.col div.button.button-small {
  padding: var(--spacing-x-small) var(--spacing-small);
}
.col .button.button-primary,
.col .button.button-secondary,
.col .form_button_submit {
  font-style: normal;
  font-weight: var(--font-weight-medium);
  text-transform: none;
  /* padding: 16px 16px 16px 24px; 
  remove after setting icon after margin to zero */
  /* 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;
}
.col p.button.button-subtle,
.col .button.button-subtle { /* new button style - Feb '23 */
  border: 1px solid var(--color-primary-accent);
  color: var(--link-color);
  background: transparent;
  font-weight: var(--font-weight-regular);
}
.col p.button.button-subtle:hover, .col p.button.button-subtle:visited:hover,
.col .button.button-subtle:hover,
.col .button.button-subtle:visited:hover {
  background: var(--link-color);
  color: var(--white);
}
.col .preview-cards a:hover .button.button-subtle,
.col .preview-cards a:visited:hover .button.button-subtle {
  background: var(--link-color);
  color: var(--white);
}

.col .component-text p.button a:link,
.col .component-text p.button a:visited {
  color: var(--link-color);
}

.col p.button.button-primary a:link,
.col p.button.button-primary a:visited,
.reverse .col p.button.button-primary a:link,
.reverse .col p.button.button-primary a:visited {
  color: var(--color-primary-button-text);
}
.col p.button.button-primary a:hover,
.reverse .col p.button.button-primary a:hover {
  color: var(--color-primary-button-text-hover);
}
.col p.button.button-secondary a:link,
.col p.button.button-secondary a:visited,
.reverse .col p.button.button-secondary a:link,
.reverse .col p.button.button-secondary a:visited {
  color: var(--color-secondary-button-text);
}
.col p.button.button-secondary a:hover,
.reverse .col p.button.button-secondary a:hover {
  color: var(--color-secondary-button-text-hover);
}
.col .button.button-primary,
.reverse .col .button.button-primary {
  border: none;
  color: var(--color-primary-button-text);
  background: var(--bg-color-primary-button);
}
.col .button.button-primary:hover,
.reverse .col .button.button-primary:hover {
  background: var(--bg-color-primary-button-hover);
  color: var(--color-primary-button-text-hover);
}
.col .button.button-secondary,
.reverse .col .button.button-secondary {
  border: none;
  color: var(--color-secondary-button-text);
  background: var(--bg-color-secondary-button);
}
.col .button.button-secondary:hover,
.reverse .col .button.button-secondary:hover {
  background: var(--bg-color-secondary-button-hover);
  color: var(--color-secondary-button-text-hover);
}

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

.reverse .standard a.button.button-light-bkg:link,
.reverse .standard a.button.button-light-bkg:visited,
.reverse .standard a.button.button-light-bkg:hover {
  color: var(--white);
}

.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) 44px var(--spacing-small) 52px;
  font-size: var(--h5);
}
.button-news:hover, .button-news:focus {
  background-color: var(--link-color);
  color: var(--white);
}

.col p.button a {
  display: inline-block;
}
.col p.button {
  padding: 0;
}
.col a.button.button-subtle,
.col p.button.button-subtle a,
.col button.button.button-subtle {
  padding: var(--spacing-small) var(--spacing-medium-large);
}
.col p.button.button-subtle a:hover,
.col p.button.button-subtle a:visited:hover {
  color: var(--white);
}
.col a.button,
.col p.button a {
  padding: var(--spacing-small) var(--spacing-medium-large);
}
.col a.button.button-small,
.col p.button.button-small a,
.col p.button.button-primary.button-small a,
.col p.button.button-secondary.button-small a,
.col p.button.button-subtle.button-small a,
.col button.button-small { /* */
  padding: var(--spacing-x-small) var(--spacing-small);
}
.col .reverse button.button.button-subtle,
.col .reverse a.button.button-subtle,
.col .reverse p.button.button-subtle a {
  color: var(--white);
}

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

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

@media (min-width: 1440px) {
  .container-with-sidenav .shield-buttons {
    grid-template-columns: repeat(2, 1fr);
  }
}

.shield-buttons {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: var(--grid-gap-standard);
}
@media (min-width: 768px) {
  .shield-buttons {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1440px) {
  .shield-buttons {
    grid-template-columns: repeat(3, 1fr);
  }
}

.col .shield-buttons .button {
  margin-right: 0;
}

.col .shield-buttons .button:last-of-type {
  margin-bottom: 0;
}

.grid-layout .shield-buttons-wrap {
  padding: var(--spacing-standard) 0;
}
.grid-layout .shield-buttons {
  justify-content: center;
}
@media (min-width: 768px) {
  .grid-layout .shield-buttons {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 1080px) {
  .grid-layout .shield-buttons {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 1440px) {
  .grid-layout .shield-buttons {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1440px) {
  .grid-layout:not([data-columns="1"]):not([data-columns="2"]) .shield-buttons {
    grid-template-columns: repeat(1, 1fr);
  }
}

.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 {
    flex-direction: column;
    border-bottom: none;
  }
}
.shield-buttons a.shield-button {
  background-size: cover;
  background-position: center bottom;
  position: relative;
  transition: var(--transition-base);
  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,
.theme-clean-modern .shield-buttons a.shield-button {
  background-image: url(/assets/components/img/calloutBG-vibrant.png);
}

.theme-vibrant-blue .shield-buttons a.shield-button {
  /* background-image: url(/assets/components/img/calloutBG-sky-blue.png); */
  background-image: url(/assets/components/img/calloutBG-vibrant.png);
}
.theme-vibrant-blue .shield-buttons a .button {
  border: 2px solid transparent;
  background-color: rgba(var(--ps-nittany-navy-rgb), 0.625);
}
.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-nittany-navy-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);
  display: block;
  margin: var(--spacing-standard) 0 0 0;
  z-index: 0;
}
.callout-box-content.callout-box-white {
  background-color: var(--white);
}
.callout-box-content.callout-box-note {
  background-color: var(--ps-pugh-blue-150); /* accent color is too unpredictable */
}
.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-small);
  padding: 0;
}
.callout-box-content p strong {
  margin: auto;
}
.callout-box-content p:first-of-type {
  font-size: var(--h4);
}
.callout-box-content ul {
  margin-bottom: var(--spacing-medium-small);
}
.callout-box-content .button {
  margin-top: var(--spacing-small);
  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);
}

.container-grid-builder .callout-box-content {
  padding: var(--spacing-standard);
}
.container-grid-builder .callout-box-content h2 {
  margin-top: 0;
  margin-bottom: var(--spacing-small);
  padding: 0;
  font-size: var(--font-size-base);
}
.container-grid-builder .callout-box-content h3 {
  margin-bottom: var(--spacing-small);
}
.container-grid-builder .callout-box-content p {
  font-size: var(--font-size-lg);
  margin-bottom: var(--spacing-x-small);
}
.container-grid-builder .callout-box-content p:first-of-type {
  font-size: var(--font-size-lg);
}
.container-grid-builder .callout-box-content ul, .container-grid-builder .callout-box-content ol {
  margin-bottom: var(--spacing-small);
  padding-left: var(--spacing-xx-small);
}
.container-grid-builder .callout-box-content ul li,
.container-grid-builder .callout-box-content ol li {
  font-size: var(--font-size-lg);
  margin-bottom: var(--spacing-xx-small);
}
.container-grid-builder .callout-box-content .button:last-child {
  margin-bottom: 0;
}
.container-grid-builder .callout-box-content .button {
  font-size: var(--h6);
}
.container-grid-builder .callout-box-content .col .button:last-of-type {
  margin-bottom: var(--spacing-small);
}

.reverse .callout-box-content a.button-dark-bkg:hover {
  border: 2px solid var(--link-light-color);
  background-color: var(--link-light-color);
}
.reverse .callout-box-content.callout-box-white a.button-dark-bkg:link,
.reverse .callout-box-content.callout-box-white a.button-dark-bkg:visited {
  color: var(--link-color);
}
.reverse .callout-box-content.callout-box-important a.button-dark-bkg:link,
.reverse .callout-box-content.callout-box-important a.button-dark-bkg:visited {
  color: var(--link-color);
}
.reverse .callout-box-content.callout-box-note {
  background-color: var(--ps-beaver-blue-500); /* accent color is too unpredictable */
}
.reverse .callout-box-content.callout-box-note .button {
  border: 2px solid var(--white);
}
.reverse .callout-box-content.callout-box-note .button:hover {
  border: 2px solid var(--link-light-color);
  background-color: var(--link-light-color);
  color: var(--link-color);
}

figcaption {
  margin-top: var(--spacing-minimum);
  line-height: var(--line-height-base);
  color: var(--primary-text-color);
  font-size: var(--small-1);
}
figcaption a:hover {
  text-decoration: underline;
}
figcaption p,
figcaption strong {
  font-size: var(--small-1);
}
figcaption p {
  line-height: var(--line-height-small) !important;
  color: var(--primary-text-color);
  margin: 0;
  padding-top: 0;
  display: inline; /* with formatting - need inline so credit does not wrap */
}
figcaption .caption-wrap {
  margin: 0;
  height: auto;
  display: block;
  position: relative;
  color: var(--primary-text-color);
  line-height: var(--line-height-small) !important;
  letter-spacing: 0.01rem;
}
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,
figcaption .caption-wrap .caption strong {
  font-size: var(--small-1);
}
figcaption .caption-wrap .caption p {
  line-height: var(--line-height-x-small) !important;
  color: var(--primary-text-color);
  margin: 0;
  display: inline; /* with formatting - need inline so credit does not wrap */
}
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: var(--font-weight-bold);
  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,
.page-landing figcaption {
  padding-left: var(--spacing-standard);
  padding-bottom: var(--spacing-standard);
}

.channel-listing p.channel-listing-find-by {
  padding-top: 0;
  font-weight: var(--font-weight-bold);
  font-size: var(--h4);
}
.channel-listing form.search-form {
  width: 100%;
  padding-top: var(--spacing-standard);
}
@media (min-width: 768px) {
  .channel-listing form.search-form {
    padding: var(--spacing-standard) var(--spacing-standard) 0 var(--spacing-standard);
  }
}
.channel-listing form.search-form .input-group {
  width: 100%;
  margin-bottom: var(--spacing-small);
}
@media (min-width: 768px) {
  .channel-listing form.search-form .input-group {
    width: 33.33%;
  }
}
.channel-listing form.search-form + .channel-listing-items {
  padding-top: var(--spacing-x-small);
}
.channel-listing .search-filters {
  display: flex;
  flex-wrap: wrap;
}
.channel-listing select {
  padding: var(--spacing-xx-small);
  border: 1px solid var(--ps-pugh-blue-500);
  background-color: #fff;
  margin-bottom: var(--spacing-small);
  width: 100%;
}
@media (min-width: 576px) {
  .channel-listing select {
    width: auto;
    margin-right: var(--spacing-small);
  }
}

/* when not in search results- hide the search anchor */
:not(div.search-results) a[name*=channel-listing] {
  display: none;
}

.preview-cards-small a.block .block-content h3 {
  padding-top: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-regular);
}

.channel-listing-items .channel-listing-grid {
  grid-template-columns: repeat(1, 1fr);
  padding-top: var(--spacing-standard);
}
@media (min-width: 768px) {
  .channel-listing-items .channel-listing-grid.channel-listing-grid-2up, .channel-listing-items .channel-listing-grid.channel-listing-grid-3up, .channel-listing-items .channel-listing-grid.channel-listing-grid-4up {
    display: grid;
    grid-gap: var(--spacing-medium-small);
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1080px) {
  .channel-listing-items .channel-listing-grid.channel-listing-grid-2up, .channel-listing-items .channel-listing-grid.channel-listing-grid-3up, .channel-listing-items .channel-listing-grid.channel-listing-grid-4up {
    grid-gap: var(--spacing-standard);
  }
  .channel-listing-items .channel-listing-grid.channel-listing-grid-3up {
    grid-template-columns: repeat(3, 1fr);
  }
  .channel-listing-items .channel-listing-grid.channel-listing-grid-4up {
    grid-template-columns: repeat(4, 1fr);
  }
}

.container-grid-builder {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.container-grid-builder .component-quick-facts {
  background-color: transparent;
}
.container-grid-builder .component-inner {
  position: relative;
  z-index: 9;
}

.container-grid-builder.bg-radial-gradient.bg-beaver-blue {
  background: radial-gradient(ellipse at center, rgb(37, 97, 156) 0%, rgb(0, 30, 68) 50%);
  background-size: 100% 100%;
}

/* &.slate-gradient {
radial-gradient(ellipse at center, rgba(49,77,100,1) 0%,rgba(21,32,43,1) 50%);
	background-size: 12.73px 12.73px, 100% 100%;
	}
	*/
.container-grid-builder .bg-full-container,
.container-grid-builder .bg-pattern {
  position: absolute;
  overflow: hidden;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.container-grid-builder .bg-pattern {
  z-index: 1;
}
.container-grid-builder .bg-pattern.background-pattern-lines {
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.5) 5.56%, rgba(255, 255, 255, 0) 5.56%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 55.56%, rgba(255, 255, 255, 0) 55.56%, rgba(255, 255, 255, 0) 100%);
  background-size: 12.73px 12.73px;
}
.container-grid-builder .bg-pattern.background-pattern-dots {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect width='2' height='2' fill-opacity='0.375' fill='%23a7aab0'/%3E%3C/svg%3E");
  background-position: 12px 12px;
}
.container-grid-builder .bg-pattern.background-pattern-plus {
  background-image: url("data:image/svg+xml,%3Csvg id='patternId' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='75' height='75' patternTransform='scale(0.75) rotate(0)'%3E%3Crect x='0' y='0' fill='hsla(0,0%25,100%25,1)'/%3E%3Cpath d='M3.25 10h13.5M10 3.25v13.5' transform='translate(30,0)' stroke-linecap='square' stroke-width='1' stroke-opacity='0.375' stroke='%23a7aab0' fill='none'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='800%25' height='800%25' transform='translate(0,0)' fill='url(%23a)'/%3E%3C/svg%3E");
  background-position: 0 0;
}

.container-grid-builder.reverse .bg-pattern.background-pattern-lines {
  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%);
  background-size: 12.73px 12.73px;
}
.container-grid-builder.reverse .bg-pattern.background-pattern-dots {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect width='2' height='2' fill-opacity='0.25' fill='%23a7aab0'/%3E%3C/svg%3E");
}
.container-grid-builder.reverse .bg-pattern.background-pattern-plus {
  background-image: url("data:image/svg+xml,%3Csvg id='patternId' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='75' height='75' patternTransform='scale(0.75) rotate(0)'%3E%3Crect x='0' y='0' fill='hsla(0,0%25,100%25,1)'/%3E%3Cpath d='M3.25 10h13.5M10 3.25v13.5' transform='translate(30,0)' stroke-linecap='square' stroke-width='1' stroke-opacity='0.25' stroke='%23a7aab0' fill='none'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='800%25' height='800%25' transform='translate(0,0)' fill='url(%23a)'/%3E%3C/svg%3E");
}

.container-grid-builder .bg-full-container {
  z-index: 0;
}
.container-grid-builder .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%;
}
.container-grid-builder .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%;
}
.container-grid-builder .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);
}

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

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

@media (min-width: 1440px) {
  .container-with-sidenav .cta-card {
    grid-template-columns: repeat(2, 1fr);
  }
}

.cta-card {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: var(--grid-gap-standard);
}
@media (min-width: 768px) {
  .cta-card {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1440px) {
  .cta-card {
    grid-template-columns: repeat(3, 1fr);
  }
}
.cta-card p.h2 {
  font-size: var(--h5);
  font-weight: var(--font-weight-bold);
  color: var(--white);
  padding-bottom: 0;
  margin-bottom: 0;
  margin-right: var(--spacing-small);
  margin-top: 0;
  text-decoration: none;
  line-height: var(--line-height-xx-small);
  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: 768px) {
  .grid-preconfigured-one-to-two div.component:nth-of-type(1) .cta-card {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 1440px) {
  .grid-preconfigured-one-to-two div.component:nth-of-type(1) .cta-card {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (min-width: 768px) {
  .grid-preconfigured-two-to-one div.component:nth-of-type(2) .cta-card {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 1440px) {
  .grid-preconfigured-two-to-one div.component:nth-of-type(2) .cta-card {
    grid-template-columns: repeat(1, 1fr);
  }
}

@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);
  }
}

.page-content .container-fixed-wide .grid-layout .cta-card,
.page-content .container-fixed-max .grid-layout .cta-card {
  grid-template-columns: none;
}
@media (min-width: 768px) {
  .page-content .container-fixed-wide .grid-layout .cta-card,
  .page-content .container-fixed-max .grid-layout .cta-card {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1080px) {
  .page-content .container-fixed-wide .grid-layout .cta-card,
  .page-content .container-fixed-max .grid-layout .cta-card {
    grid-template-columns: none;
  }
}
@media (min-width: 1440px) {
  .page-content .container-fixed-wide .grid-layout .cta-card,
  .page-content .container-fixed-max .grid-layout .cta-card {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1440px) {
  .page-content .container-fixed-wide .grid-layout:not([data-columns="1"]):not([data-columns="2"]) .cta-card,
  .page-content .container-fixed-max .grid-layout:not([data-columns="1"]):not([data-columns="2"]) .cta-card {
    grid-template-columns: none;
  }
}

.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(--grid-gap-small);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .directory-grid.directory-grid-1up {
    grid-template-columns: 1fr;
  }
}

.container-grid-builder .grid-layout .directory-grid { /* only stretch grid to block if multiple cols */ }
@media (min-width: 1080px) {
  .container-grid-builder .grid-layout .directory-grid {
    display: block;
  }
  .container-grid-builder .grid-layout .directory-grid .directory-card {
    margin-bottom: var(--grid-gap-small);
  }
}

.col .directory-grid.directory-grid-3up .button:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .directory-grid.directory-grid-3up {
    display: grid;
    grid-gap: var(--spacing-standard);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1080px) {
  .directory-grid.directory-grid-3up {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.directory-grid.directory-grid-3up .directory-card {
  padding: var(--spacing-standard);
}

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

.directory-card {
  background-color: var(--ps-limestone-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(--grid-gap-small);
    grid-template-columns: 4fr 8fr;
  }
}
@media (min-width: 1080px) {
  .directory-card {
    margin-bottom: 0;
  }
}
.directory-card img {
  width: 100%;
  height: auto;
}

.reverse .directory-card {
  background: var(--black);
}

.col-sidenav .directory-card {
  margin-top: var(--spacing-standard);
}
@media (min-width: 1080px) {
  .col-sidenav .directory-card {
    display: block;
  }
  .col-sidenav .directory-card img {
    width: 40%;
  }
}

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

.directory-grid.directory-grid-1up .directory-details h3 {
  font-size: var(--h3);
}
.directory-grid.directory-grid-1up .directory-details ul.directory-title-list li {
  font-size: var(--font-size-lg);
}
.directory-grid.directory-grid-1up .directory-details p {
  font-size: var(--font-size-lg);
}

.directory-details h3 {
  padding-top: var(--spacing-small);
  padding-bottom: 0;
  font-size: var(--h4);
}
.directory-details h3::after {
  content: "";
  height: 2px;
  width: var(--spacing-large);
  background-color: var(--color-primary-accent);
  display: block;
  margin-top: var(--spacing-xx-small);
}
.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;
  padding-top: 0;
  color: var(--primary-text-color);
  margin-bottom: 0;
  margin-top: var(--spacing-x-small);
  font-family: var(--font-sans);
}
.directory-details ul.directory-title-list li {
  font-size: var(--font-size-base);
  display: inline-block;
  width: 100%;
  margin: 0 0 var(--spacing-xx-small) 0;
  line-height: var(--line-height-small);
}
.directory-details ul.directory-title-list li::before {
  content: none;
  margin: 0;
}
.directory-details p {
  font-size: var(--font-size-base);
  line-height: var(--line-height-medium);
  padding-top: var(--spacing-x-small);
  font-family: var(--font-sans);
}
.directory-details .directory-item {
  padding-top: var(--spacing-minimum);
  font-family: var(--font-sans);
}
.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;
}

.directory-item.directory-item-adviser p,
.directory-item.directory-item-cohort-year p {
  padding-top: var(--spacing-xx-small);
}

@media (min-width: 768px) {
  .directory-learn-more {
    display: flex;
    grid-gap: var(--grid-gap-standard);
  }
}
.directory-header-content {
  grid-area: content;
}
.directory-header-content h1 + .separating-line-primary {
  margin-top: var(--spacing-minimum);
}
.directory-header-content p {
  line-height: var(--line-height-medium);
}
.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-small);
}

ul.list-bio-contact {
  padding-left: 0;
  color: var(--primary-text-color);
  font-size: var(--font-size-lg);
  font-family: var(--font-sans);
}
ul.list-bio-contact li {
  margin-right: var(--spacing-medium-small);
  padding: var(--spacing-x-small) var(--spacing-x-small) var(--spacing-x-small) 0;
}
ul.list-bio-contact li:first-of-type {
  padding-left: 0;
}
ul.list-bio-contact li span {
  margin-right: var(--spacing-xx-small);
  text-transform: uppercase;
  font-size: 90%;
}
@media (min-width: 768px) {
  ul.list-bio-contact li span {
    font-size: 75%;
  }
}
ul.list-bio-contact li a:hover,
ul.list-bio-contact li a:focus {
  text-decoration: underline;
}
ul.list-bio-contact li.bio-social-icons a {
  vertical-align: middle;
  margin: 0 var(--spacing-minimum);
}

.stackable-offset-header {
  display: block;
  padding: var(--spacing-standard) 0;
  padding-left: var(--spacing-standard); /* match accordion padding */
  border-top: 1px solid var(--ps-limestone-gray-150);
}
.stackable-offset-header > div:first-child,
.stackable-offset-header div:nth-of-type(2) {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .stackable-offset-header {
    display: flex;
  }
  .stackable-offset-header > div:first-child {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .stackable-offset-header div:nth-of-type(2) {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .stackable-offset-header ul.pure-expertise-list {
    padding-left: var(--spacing-medium-small);
  }
}
.stackable-offset-header h3, .stackable-offset-header p {
  padding-top: var(--spacing-small);
}
.stackable-offset-header h3 {
  font-size: var(--h4);
}

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: var(--line-height-base);
}
ul.directory-education-list li a {
  word-break: break-word;
}
ul.directory-education-list li a:hover,
ul.directory-education-list li a:focus {
  text-decoration: underline;
}

.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;
  }
  .img-border-shadow img {
    transform: translate(calc(var(--spacing-xx-small) * -1), calc(var(--spacing-xx-small) * -1));
    position: relative;
  }
}
ul.pure-expertise-list {
  list-style-type: none;
  color: var(--primary-text-color);
  display: grid;
  grid-gap: var(--spacing-small);
  padding-left: 0;
}
@media (min-width: 768px) {
  ul.pure-expertise-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
ul.pure-expertise-list li {
  display: flex;
  border: 1px solid var(--ps-limestone-gray-100);
  padding: var(--spacing-xx-small) var(--spacing-x-small);
}
ul.pure-expertise-list li span {
  display: block;
}
ul.pure-expertise-list li p {
  padding-top: 0;
  line-height: var(--line-height-medium);
  font-size: var(--small-1);
  padding-left: var(--spacing-x-small);
}
ul.pure-expertise-list li p .pure-category {
  font-size: var(--small-2);
  font-style: italic;
}

.directory-header-content ul.pure-expertise-list {
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--spacing-xx-small);
}
.directory-header-content ul.pure-expertise-list li {
  background: rgba(var(--white-rgb), 0.5);
  border: none;
}
.directory-header-content ul.pure-expertise-list li span + p {
  padding-left: var(--spacing-x-small);
}
.directory-header-content ul.pure-expertise-list li p { /* if no pure donut - zero out padding */
  padding-left: 0;
}

.pure-ranking-donut {
  width: 32px;
  height: 32px;
}

.donut {
  width: 100%;
  height: 100%;
}

.donut circle.donut-hole {
  fill: #fff;
}

.donut circle.donut-ring { /* bg portion */
  fill: transparent;
  stroke: #E5E5E5;
  stroke-width: 8px;
}

.donut circle.donut-segment { /* filled in portion */
  fill: transparent;
  stroke: #6CA8DC;
  stroke-width: 8px;
  stroke-dashoffset: 25;
}

.additional-job-titles {
  margin-bottom: var(--spacing-small);
}

button.accordion-job-quantity {
  position: relative;
  border: none;
  background: transparent;
  margin-left: var(--spacing-small);
}
button.accordion-job-quantity span {
  display: flex;
  align-items: center;
  line-height: 1;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  text-decoration-color: var(--ps-pugh-blue-250);
  color: var(--primary-link-color);
}

button.accordion-job-quantity > span::before {
  content: "";
  margin-right: var(--spacing-xx-small);
  width: var(--spacing-medium-small);
  height: var(--spacing-medium-small);
  font-size: var(--h5);
  background-size: var(--spacing-small) var(--spacing-small);
  background-color: var(--ps-pugh-blue-250);
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 50 50' height='50px' version='1.1' viewBox='0 0 50 50' width='50px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect fill='none' height='50' width='50'/%3E%3Cline fill='none' stroke='%231E417B' stroke-miterlimit='10' stroke-width='4' x1='9' x2='41' y1='25' y2='25'/%3E%3Cline fill='none' stroke='%231E417B' stroke-miterlimit='10' stroke-width='4' x1='25' x2='25' y1='9' y2='41'/%3E%3C/svg%3E");
}

button[aria-expanded=true].accordion-job-quantity > span::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 50 50' version='1.1' viewBox='0 0 50 50' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect fill='none' height='50' width='50'/%3E%3Cline fill='none' stroke='%231E417B' stroke-miterlimit='10' stroke-width='4' x1='9' x2='41' y1='25' y2='25'/%3E%3C/svg%3E");
}

.directory-header-image img {
  width: 100%;
  height: auto;
}

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

span.office-divider {
  color: var(--color-primary-accent);
}

.contact-block {
  margin-bottom: var(--spacing-small);
}
.contact-block span.office-divider:first-of-type {
  display: none;
}

.list-bio-contact svg {
  fill: var(--link-color);
}
.list-bio-contact svg:hover {
  fill: rgba(var(--link-color), 0.8);
}

.directory-body:not(.directory-body-two-column) .accordion-content dl.faq dt button {
  font-size: var(--h4);
  font-weight: var(--font-weight-bold);
}

.directory-bio-content {
  grid-area: bio-content;
}
.directory-bio-content h2 {
  font-size: var(--h2);
}

.directory-accordion-content {
  grid-area: bio-accordion-content;
}

@media (min-width: 768px) {
  .directory-body-two-column .directory-accordion-content {
    padding-top: var(--spacing-standard);
  }
}
.directory-body-two-column {
  display: grid;
  column-gap: var(--spacing-standard);
  row-gap: var(--spacing-medium-small);
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-template-areas: "bio-content" "bio-accordion-content";
}
@media (min-width: 768px) {
  .directory-body-two-column {
    grid-template-columns: 3fr 2fr;
    grid-template-areas: "bio-content bio-accordion-content";
  }
}
@media (min-width: 1440px) {
  .directory-body-two-column {
    grid-template-columns: 2fr 1fr;
  }
}
.directory-body-two-column .directory-accordion-content dl.faq dd.desc {
  padding: var(--spacing-medium-small);
  font-size: var(--font-size-base);
  line-height: var(--line-height-medium);
}
.directory-body-two-column .directory-accordion-content dl.faq dd.desc p {
  font-size: var(--font-size-base);
  line-height: var(--line-height-medium);
}
.directory-body-two-column .directory-accordion-content .accordion-content ul {
  padding-left: var(--spacing-standard);
  list-style-position: outside;
}
.directory-body-two-column .directory-accordion-content .accordion-content ul li {
  margin: 0 0 var(--spacing-xx-small) 0;
  font-size: var(--font-size-base);
}
.directory-body-two-column .directory-accordion-content .accordion-content dl.faq dt button span {
  padding: var(--spacing-medium-small) calc(var(--spacing-standard) + var(--spacing-medium-small)) var(--spacing-medium-small) var(--spacing-medium-small);
}
.directory-body-two-column .directory-accordion-content .accordion-content dl.faq dt button {
  font-size: var(--h6);
}
.directory-body-two-column .directory-accordion-content .accordion-content dl.faq button > span::after {
  width: var(--spacing-standard);
  height: var(--spacing-standard);
  font-size: var(--h3);
}
.directory-body-two-column .directory-accordion-content .accordion-content dl.faq dt button[aria-expanded=true] span::after {
  font-size: var(--font-size-lg);
  font-weight: 500;
}
.directory-body-two-column .directory-accordion-content ul.social-icons {
  /* display: block; */
  padding-left: var(--spacing-medium-small);
}
.directory-body-two-column .directory-accordion-content ul.social-icons li.social-icon-small {
  width: 100%;
  margin: var(--spacing-x-small) var(--spacing-medium-small) var(--spacing-x-small) 0;
}

hr {
  border: 0;
  height: 1px;
  background: var(--color-standard-border);
  margin: var(--spacing-large) 0 var(--spacing-medium-small) 0;
}

.accordion-content hr {
  margin: var(--spacing-standard) 0 var(--spacing-small) 0;
}

.divider {
  display: flex;
  align-items: center;
  padding: var(--spacing-large) 0 var(--spacing-medium-small) 0;
  clear: both;
}

.divider.border-single-rule::before,
.divider.border-single-rule::after {
  content: "";
  height: 1px;
  border-top: 1px solid var(--color-standard-border);
  flex-grow: 1;
}

.divider.border-double-rule::before,
.divider.border-double-rule::after {
  content: "";
  height: 5px;
  border-top: 1px solid var(--color-standard-border);
  border-bottom: 1px solid var(--color-standard-border);
  flex-grow: 1;
}

.divider.border-thick-rule::before,
.divider.border-thick-rule::after {
  content: "";
  height: var(--spacing-xx-small);
  background-color: var(--ps-pugh-blue-200);
  flex-grow: 1;
}

.divider.border-striped-rule::before,
.divider.border-striped-rule::after {
  content: "";
  height: var(--spacing-xx-small);
  background-image: linear-gradient(45deg, rgba(var(--ps-pugh-blue-rgb), 0.75) 10%, #ffffff 10%, #ffffff 50%, rgba(var(--ps-pugh-blue-rgb), 0.75) 50%, rgba(var(--ps-pugh-blue-rgb), 0.75) 60%, #ffffff 60%, #ffffff 100%);
  background-size: 7.07px 7.07px;
  flex-grow: 1;
}

.divider img {
  margin-right: auto;
  margin-left: auto;
  height: 90px;
  width: auto;
}

.divider.divider-border img {
  margin-right: var(--spacing-small);
  margin-left: var(--spacing-small);
}

.divider.clip-circle img {
  border-radius: 50%;
}

a.documents-preview:link,
a.documents-preview:visited {
  text-decoration: none;
  display: block;
  padding: var(--spacing-x-small) var(--spacing-small);
  margin: var(--spacing-small) 0 0 0;
}
a.documents-preview:link + a.documents-preview:link,
a.documents-preview:link + a.documents-preview:visited,
a.documents-preview:visited + a.documents-preview:link,
a.documents-preview:visited + a.documents-preview:visited {
  margin: var(--spacing-minimum) 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: var(--line-height-medium);
  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);
  }
}

.reverse a.documents-preview:link:hover,
.reverse a.documents-preview:visited:hover {
  background: transparent;
}

p.post-headline {
  padding-top: 0;
  margin-top: 0;
  font-size: var(--font-size-lg);
  border-top: none;
  margin-left: var(--spacing-xx-small);
  color: var(--primary-link-color);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-small);
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

a .post-headline:before {
  content: "";
  height: 28px;
  width: 32px;
  background: url(/assets/components/img/doc-icon-text.svg) no-repeat;
  background-size: contain;
  background-position: center top;
  display: inline-block;
  position: relative;
  margin-right: var(--spacing-xx-small);
  flex-shrink: 0;
}

a[href$=".zip"] .post-headline:before {
  content: "";
  height: 28px;
  width: 32px;
  background: url(/assets/components/img/doc-icon-zip.svg) no-repeat;
  background-size: contain;
  background-position: center top;
  display: inline-block;
  position: relative;
  margin-right: var(--spacing-xx-small);
  flex-shrink: 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;
  display: inline-block;
  position: relative;
  margin-right: var(--spacing-xx-small);
  flex-shrink: 0;
}

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;
  display: inline-block;
  position: relative;
  margin-right: var(--spacing-xx-small);
  flex-shrink: 0;
}

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;
  display: inline-block;
  position: relative;
  margin-right: var(--spacing-xx-small);
  flex-shrink: 0;
}

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;
  display: inline-block;
  position: relative;
  margin-right: var(--spacing-xx-small);
  flex-shrink: 0;
}

a .post-headline.post-headline-lg:before {
  height: 56px;
  width: 64px;
}

.home-events-feed {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: var(--spacing-standard);
  padding-bottom: var(--spacing-large);
}
@media (min-width: 768px) {
  .home-events-feed {
    flex-direction: row;
    grid-gap: var(--spacing-xx-large);
  }
}
@media (min-width: 1440px) {
  .home-events-feed {
    grid-gap: var(--spacing-maximum);
  }
}
.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-beaver-blue-500);
  	padding: var(--spacing-standard) 15% var(--spacing-standard) var(--spacing-standard) ;
  	background-image: url('../assets/components/img/geo-limestone-10-bkg.png');
  	background-size: cover; */
  position: relative;
  background: var(--white);
  padding: var(--spacing-standard) 10% var(--spacing-standard) var(--spacing-standard);
}
.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 p.eyebrow-featured {
  margin-top: var(--spacing-standard);
  font-size: var(--font-size-lg);
  padding: var(--spacing-xx-small) var(--spacing-x-small);
}
.home-events-feed .featured-event p.eyebrow-featured + h3 {
  padding-top: var(--spacing-x-small);
}
.home-events-feed .featured-event img {
  display: none;
}
@media (min-width: 768px) {
  .home-events-feed .featured-event {
    /* width: 66.66%; */
    width: 50%;
    border-left: var(--spacing-x-small) solid var(--color-primary-accent);
  }
  .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: 25%;	*/
    width: 30%;
    box-shadow: 0 0.25rem 0.5rem rgba(var(--ps-limestone-gray-rgb), 0.5);
  }
}
@media (min-width: 1080px) {
  .home-events-feed .featured-event {
    width: 66.66%;
    padding: var(--spacing-standard) 18% var(--spacing-standard) var(--spacing-standard);
  }
  .home-events-feed .featured-event img {
    right: calc(var(--spacing-xx-large) / 2 * -1);
    top: calc(var(--spacing-xx-large) / 2);
  }
}
@media (min-width: 1440px) {
  .home-events-feed .featured-event {
    /* padding-right: 12.5%; slightly smaller featured img for largest break */
    padding-right: 22.5%;
  }
  .home-events-feed .featured-event img {
    right: calc(var(--spacing-xx-large) / 2 * -1);
    top: calc(var(--spacing-xx-large) / 2);
    /* width: 20%; */
    width: 33.33%;
  }
}
.home-events-feed .event-details {
  padding-top: var(--spacing-small);
}
.home-events-feed .event-details p {
  line-height: var(--line-height-medium);
}
.home-events-feed .event-details p.event-location {
  padding-top: var(--spacing-xx-small);
}
.home-events-feed .event-feed-list-only {
  /* @media (min-width: $screen-tablet-min) { 
  	width: 33.33%;
  	}
  	*/
}
.home-events-feed .event-feed-list-only a:link,
.home-events-feed .event-feed-list-only span {
  color: var(--link-color);
  font-weight: var(--font-weight-bold);
  font-size: var(--h5);
  margin-bottom: var(--spacing-minimum);
  display: block;
}
.home-events-feed .event-feed-list-only span.events-none {
  margin-top: var(--spacing-standard);
  margin-bottom: var(--spacing-standard);
}
.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: var(--line-height-medium);
}
.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-standard-border);
}
.home-events-feed .event-feed-list-only li:first-of-type {
  border-top: 1px solid var(--color-standard-border);
}
@media (min-width: 768px) {
  .home-events-feed .event-feed-list-only {
    width: 50%;
  }
}
@media (min-width: 1080px) {
  .home-events-feed .event-feed-list-only {
    width: 33.33%;
  }
}

p.event-date,
p.event-location {
  padding-top: var(--spacing-xx-small);
  line-height: var(--line-height-medium);
}

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

.new-events {
  width: 100%;
  padding-top: var(--spacing-small);
}
.new-events .event-feed-event {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-large) 0;
  border-top: 1px solid var(--color-standard-border);
  /* 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-standard-border);
}
.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(--h3);
  padding-top: var(--spacing-standard);
  font-weight: var(--font-weight-bold);
  color: var(--ps-beaver-blue-500);
  line-height: var(--line-height-small);
}
@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: 65%;
    order: 2;
    padding-right: var(--spacing-small);
  }
  .new-events .event-feed-event .event-image {
    width: 20%;
    order: 3;
    padding-right: var(--spacing-standard);
  }
}
.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;
}

.reverse .home-events-feed .event-feed-list-only a:link,
.reverse .home-events-feed .event-feed-list-only span {
  color: var(--reverse-link-color);
}
.reverse .event .event-details p {
  color: var(--primary-text-color);
}
.reverse .home-events-feed a:link,
.reverse .home-events-feed a:visited {
  text-decoration: none;
}
.reverse .home-events-feed a:hover {
  text-decoration: underline;
}
.reverse .event-title h3 {
  color: var(--color-primary-header);
}

.bg-white .home-events-feed {
  padding-bottom: 0;
}
.bg-white .featured-event {
  background-color: var(--ps-pugh-blue-100);
}

.channel-events-no-img {
  width: 100%;
}
.channel-events-no-img .event-feed-event {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-top: var(--spacing-small);
  padding: var(--spacing-standard) 0;
  border-top: 1px solid var(--color-standard-border);
}
.channel-events-no-img .event-feed-event:last-of-type {
  border-bottom: 1px solid var(--color-standard-border);
}
.channel-events-no-img .event-feed-event p.event-title {
  font-size: var(--h5);
  padding-top: 0;
  font-weight: var(--font-weight-bold);
  color: var(--ps-beaver-blue-500);
  line-height: var(--line-height-small);
}
.channel-events-no-img .event-feed-event p.event-date,
.channel-events-no-img .event-feed-event p.event-location {
  font-size: var(--font-size-base);
}
.channel-events-no-img .event-feed-event .event-image {
  width: 0;
  display: none;
}
.channel-events-no-img .event-feed-event .date {
  display: flex;
  width: 20%;
  flex-direction: column;
  padding-left: 0;
  padding-right: var(--spacing-medium-small);
  order: 1;
  padding-top: 0;
}
@media (min-width: 576px) {
  .channel-events-no-img .event-feed-event .date {
    width: 15%;
  }
}
@media (min-width: 768px) {
  .channel-events-no-img .event-feed-event .date {
    width: 10%;
  }
}
.channel-events-no-img .event-feed-event .date div {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
}
.channel-events-no-img .event-feed-event .date p.month {
  text-transform: uppercase;
  font-weight: 500;
  padding-bottom: 0;
  padding-top: 0;
  background: var(--ps-discovery-salmon-550);
  color: var(--white);
  width: 100%;
  font-size: var(--small-1);
}
.channel-events-no-img .event-feed-event .date .day {
  font-size: var(--h6);
  font-weight: 600;
  border-right: 1px solid var(--ps-black-250);
  border-bottom: 1px solid var(--ps-black-250);
  border-left: 1px solid var(--ps-black-250);
  display: inline-block;
  border-radius: 0;
  width: 100%;
  height: auto;
  line-height: var(--line-height-xx-large);
  padding-bottom: 0;
  padding-top: 0;
  background: var(--white);
}
@media (min-width: 1080px) {
  .channel-events-no-img .event-feed-event .date .day {
    border-radius: 0;
    width: 100%;
    height: auto;
    line-height: var(--line-height-x-large);
  }
}
.channel-events-no-img .event-feed-event .event-details {
  width: 80%;
  order: 2;
  padding-right: var(--spacing-small);
}
@media (min-width: 576px) {
  .channel-events-no-img .event-feed-event .event-details {
    width: 85%;
  }
}
@media (min-width: 768px) {
  .channel-events-no-img .event-feed-event .event-details {
    width: 90%;
  }
}

@media (min-width: 1080px) {
  .entry_type_homePage .channel-events-no-img .event-feed-event .date {
    width: 20%;
  }
  .entry_type_homePage .channel-events-no-img .event-details {
    width: 80%;
  }
}

.component-flexible-list .content-block ul {
  list-style-type: none;
}

ul.list-flexible,
ol.list-flexible {
  margin-bottom: 0;
  list-style-position: outside;
  padding-left: 0;
  line-height: var(--line-height-large);
  padding-top: var(--spacing-standard);
  padding-bottom: var(--spacing-small);
}
@media (min-width: 768px) {
  ul.list-flexible.two-col, ul.list-flexible.four-col,
  ol.list-flexible.two-col,
  ol.list-flexible.four-col {
    column-count: 2;
  }
  ul.list-flexible.three-col, ul.list-flexible.five-col,
  ol.list-flexible.three-col,
  ol.list-flexible.five-col {
    column-count: 3;
  }
}
@media (min-width: 1080px) {
  ul.list-flexible.four-col,
  ol.list-flexible.four-col {
    column-count: 4;
  }
  ul.list-flexible.five-col,
  ol.list-flexible.five-col {
    column-count: 5;
  }
}
ul.list-flexible li,
ol.list-flexible li {
  width: 90%;
  font-size: var(--font-size-xl);
  margin: 0 0 var(--spacing-medium-small) var(--spacing-standard);
  color: var(--primary-text-color);
}
ul.list-flexible li:last-of-type,
ol.list-flexible li:last-of-type {
  margin-bottom: 0;
}
ul.list-flexible ol,
ol.list-flexible ol {
  list-style-type: lower-alpha;
}

.flexible-list-small ul.list-flexible li {
  margin: 0 0 var(--spacing-small) var(--spacing-standard);
}
.flexible-list-small ol.list-flexible.list-type-inline li,
.flexible-list-small ol.list-flexible.list-type-numeric-inline li {
  margin: 0 0 var(--spacing-small) 0;
}

ul {
  list-style-type: none;
}

.reverse ul.list-flexible li span p {
  color: var(--reverse-header-color);
}

ul.list-flexible li {
  position: relative;
  padding-left: var(--spacing-standard);
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
ul.list-flexible > li span:before {
  content: "";
  height: calc(var(--line-height-small) * var(--h4));
  width: calc(var(--line-height-small) * var(--h4));
  display: inline-flex;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: calc(-1 * var(--line-height-small) * var(--h4) - var(--spacing-minimum));
  margin-right: var(--spacing-minimum);
  margin-top: 0.125rem;
}
ul.list-flexible li p {
  font-family: var(--font-sans);
  line-height: var(--line-height-base);
  font-size: var(--h6);
  padding-top: 0;
}
ul.list-flexible li span {
  display: flex;
  flex-wrap: wrap;
}
ul.list-flexible li span p {
  color: var(--color-primary-header);
  font-size: var(--h4);
  width: 100%;
}
ul.list-flexible li span p.list-supporting {
  font-family: var(--font-sans);
  line-height: var(--line-height-base);
  font-size: var(--font-size-xl);
  color: var(--primary-text-color);
  padding-top: var(--spacing-minimum);
}

ul.list-flexible.list-items-bordered li {
  border-bottom: 1px solid rgba(var(--color-primary-accent-rgb), 0.25);
  padding-bottom: var(--spacing-small);
  margin-bottom: var(--spacing-small);
}
ul.list-flexible.list-items-bordered li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  ul.list-flexible.list-items-bordered.two-col li:last-of-type, ul.list-flexible.list-items-bordered.three-col li:last-of-type {
    border-bottom: 1px solid rgba(var(--color-primary-accent-rgb), 0.25);
    padding-bottom: var(--spacing-medium-small);
  }
}
ul.list-flexible > li span:before {
  background-size: contain;
  background-position: center;
  background-size: 80%;
  flex-shrink: 0; /* prevent text from crushing icon */
}
ul.list-flexible.list-type-arrow > li span:before {
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H18M18 12L13 7M18 12L13 17" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  filter: var(--svg-filter-sky-blue);
  background-size: 90%;
}
ul.list-flexible.list-type-bulleted > li span:before {
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><title>circle</title><circle cx="512" cy="512" r="256" fill="%23000000" fill-rule="evenodd"/></svg>');
  filter: var(--svg-filter-pugh-blue);
  background-size: 65%;
}
ul.list-flexible.list-type-check-list > li span:before {
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 12.6111L8.92308 17.5L20 6.5" stroke="%23000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  filter: var(--svg-filter-creek);
}
ul.list-flexible.list-type-x-list > li span:before {
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 6L18 18M18 6L6 18" stroke="%23000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  filter: var(--svg-filter-danger-red);
}

.reverse ul.list-flexible.list-type-arrow > li span:before {
  filter: var(--svg-filter-light-sky-blue);
}
.reverse ul.list-flexible.list-type-x-list > li span:before {
  filter: var(--svg-filter-light-danger-red);
}

ol.list-type-numeric {
  list-style: none;
  counter-reset: list-numeric;
}
ol.list-type-numeric li {
  counter-increment: list-numeric;
}
ol.list-type-numeric li::before {
  content: counter(list-numeric);
  border-radius: 50%;
  font-family: var(--font-sans);
  font-weight: var(--font-weight-bold);
  background: var(--color-primary-header);
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}
ol.list-type-numeric li p {
  line-height: var(--line-height-large);
}
ol.list-type-numeric ol li {
  counter-increment: auto;
  content: none;
}
ol.list-type-numeric ol li::before {
  content: none;
}
ol.list-type-numeric ul { /* case of copy and pasted list inside */
  padding-left: var(--spacing-standard);
  padding-top: 0;
}
ol.list-type-numeric ul li {
  counter-increment: none;
}
ol.list-type-numeric ul li:before {
  content: none;
}

.component-flexible-list .content-block ul.list-flexible span ul,
.component-flexible-list .content-block ul.list-flexible span ol,
.component-flexible-list .content-block ol.list-flexible span ul,
.component-flexible-list .content-block ol.list-flexible span ol {
  width: 100%;
}
.component-flexible-list .content-block ul.list-flexible span ul li,
.component-flexible-list .content-block ul.list-flexible span ol li,
.component-flexible-list .content-block ol.list-flexible span ul li,
.component-flexible-list .content-block ol.list-flexible span ol li {
  padding-left: 0;
}

.component-flexible-list .content-block ol.list-flexible span ul {
  list-style-type: none;
}

.component-flexible-list .content-block ul.list-flexible span ul,
.component-flexible-list .content-block ol.list-flexible.list-type-numeric-vertical span ul {
  list-style-type: disc;
}

.component-flexible-list .content-block ol.list-flexible span ol,
.component-flexible-list .content-block ul.list-flexible span ol {
  list-style-type: lower-alpha;
  list-style-position: inside;
}

ul.list-flexible ol li::marker {
  color: var(--primary-text-color);
}

.component-flexible-list .content-block ul.list-flexible ul li,
.component-flexible-list .content-block ul.list-flexible ol li,
.component-flexible-list .content-block ol.list-type-numeric.list-type-numeric-vertical ul li,
.component-flexible-list .content-block ol.list-type-numeric.list-type-numeric-vertical ol li {
  display: list-item;
  margin: var(--spacing-small) 0;
}
.component-flexible-list .content-block ul.list-flexible ul li:first-of-type,
.component-flexible-list .content-block ul.list-flexible ol li:first-of-type,
.component-flexible-list .content-block ol.list-type-numeric.list-type-numeric-vertical ul li:first-of-type,
.component-flexible-list .content-block ol.list-type-numeric.list-type-numeric-vertical ol li:first-of-type {
  margin-top: var(--spacing-small);
}

.reverse ol.list-type-numeric li::before {
  background: var(--color-primary-accent);
  color: var(--black);
}

ol.list-type-numeric.list-type-numeric-vertical li {
  display: grid;
  grid-template-columns: var(--spacing-xx-large) auto;
  margin: var(--spacing-medium-large) 0 var(--spacing-standard) var(--spacing-small);
}
ol.list-type-numeric.list-type-numeric-vertical li:first-of-type {
  margin-top: 0;
}
ol.list-type-numeric.list-type-numeric-vertical li::before {
  width: var(--spacing-x-large);
  height: var(--spacing-x-large);
  font-size: var(--h4);
  margin-right: var(--spacing-xx-small);
}
ol.list-type-numeric.list-type-numeric-vertical li :is(h1, h2, h3, h4, h5, h6, p) {
  padding-top: 0;
  margin-top: calc(0.125 * var(--spacing-x-large));
}
@media (min-width: 768px) {
  ol.list-type-numeric.list-type-numeric-vertical li :is(h1, h2, h3, h4, h5, h6, p) {
    margin-top: calc(0.2375 * var(--spacing-x-large));
  }
}
ol.list-type-numeric.list-type-numeric-vertical li span {
  margin-left: var(--spacing-minimum);
}
ol.list-type-numeric.list-type-numeric-vertical li p {
  font-size: var(--h5);
}
ol.list-type-numeric.list-type-numeric-vertical li p.list-supporting {
  font-family: var(--font-sans);
  line-height: var(--line-height-large);
  font-size: var(--h6);
  padding-top: var(--spacing-minimum);
  margin-top: 0;
  font-weight: var(--font-weight-regular);
}
ol.list-type-numeric.list-type-numeric-vertical.list-items-bordered li {
  border-bottom: 1px solid rgba(var(--color-primary-accent-rgb), 0.25);
  padding-bottom: var(--spacing-standard);
}
ol.list-type-numeric.list-type-numeric-vertical.list-items-bordered li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

ol.list-type-numeric.list-type-numeric-vertical.list-items-bordered ol li,
ol.list-type-numeric.list-type-numeric-vertical.list-items-bordered ul li {
  padding-bottom: var(--spacing-small);
}

.component-flexible-list.flexible-list-small ol.list-type-numeric.list-type-numeric-vertical li::before {
  width: var(--spacing-large);
  height: var(--spacing-large);
  font-size: var(--h5);
}
.component-flexible-list.flexible-list-small ol.list-type-numeric.list-type-numeric-vertical li:is(h1, h2, h3, h4, h5, h6, p) {
  margin-top: calc(0.125 * var(--spacing-large));
}
@media (min-width: 768px) {
  .component-flexible-list.flexible-list-small ol.list-type-numeric.list-type-numeric-vertical li:is(h1, h2, h3, h4, h5, h6, p) {
    margin-top: calc(0.2375 * var(--spacing-large));
  }
}

.reverse ol.list-type-numeric.list-type-numeric-vertical p.list-supporting {
  color: var(--ps-pugh-blue-150);
}

ol.list-type-numeric.list-type-numeric-inline {
  display: grid;
  column-gap: var(--spacing-standard);
  row-gap: var(--spacing-large);
}
@media (min-width: 768px) {
  ol.list-type-numeric.list-type-numeric-inline.two-col, ol.list-type-numeric.list-type-numeric-inline.four-col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  ol.list-type-numeric.list-type-numeric-inline.three-col, ol.list-type-numeric.list-type-numeric-inline.five-col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1080px) {
  ol.list-type-numeric.list-type-numeric-inline.four-col {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1440px) {
  ol.list-type-numeric.list-type-numeric-inline.five-col {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
ol.list-type-numeric.list-type-numeric-inline li {
  border: 2px solid var(--ps-pugh-blue-400);
  border-radius: 1rem;
  position: relative;
  background: rgba(var(--white-rgb), 0.75);
  padding: var(--spacing-medium-small);
  height: 100%;
  text-align: center;
  width: 100%;
  margin: 0;
}
ol.list-type-numeric.list-type-numeric-inline li::before {
  position: absolute;
  top: calc(-0.5 * var(--spacing-large));
  left: calc(50% - 0.5 * var(--spacing-large));
  right: calc(50% - 0.5 * var(--spacing-large));
  width: var(--spacing-large);
  height: var(--spacing-large);
  font-size: var(--h3);
}
ol.list-type-numeric.list-type-numeric-inline li p {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
}
ol.list-type-numeric.list-type-numeric-inline li p.list-supporting {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-large);
}
ol.list-type-numeric.list-type-numeric-inline ul, ol.list-type-numeric.list-type-numeric-inline ol {
  padding-left: 0;
}
ol.list-type-numeric.list-type-numeric-inline ul li, ol.list-type-numeric.list-type-numeric-inline ol li {
  border: none;
  margin: var(--spacing-x-small);
  padding: 0;
}

.reverse ol.list-type-numeric.list-type-numeric-inline li {
  background: transparent;
}

.component-flexible-list.flexible-list-small ul.list-flexible li span p,
.component-flexible-list.flexible-list-small ol.list-flexible li span p {
  font-size: var(--font-size-xl);
}
.component-flexible-list.flexible-list-small ul.list-flexible li span p.list-supporting,
.component-flexible-list.flexible-list-small ol.list-flexible li span p.list-supporting {
  font-size: var(--font-size-lg);
}
.component-flexible-list.flexible-list-small ul.list-flexible > li span:before {
  content: "";
  height: calc(var(--line-height-small) * var(--font-size-xl));
  width: calc(var(--line-height-small) * var(--font-size-xl));
  display: inline-flex;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: calc(-1 * var(--line-height-small) * var(--font-size-xl) - var(--spacing-minimum));
  margin-right: var(--spacing-minimum);
  margin-top: 0.125rem;
}

/** 
--------------------------------------------
Card Flip
--------------------------------------------
Generalized Mixin
.face, .front, .back are required
*/
.cards-wrap {
  width: 100%;
  display: flex;
  grid-gap: var(--grid-gap-standard);
  justify-content: center;
  padding-top: var(--spacing-standard);
  flex-wrap: wrap;
}

.card-flip-icon {
  position: absolute;
  top: var(--spacing-xx-small);
  right: var(--spacing-xx-small);
  width: 28px;
  height: 28px;
}

.flip-card .face.front img {
  width: 45%;
  height: auto;
  border-radius: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*
.flip-card:first-of-type .face.front {
	animation: pulse 2s infinite;
	}
*/
@keyframes pulse {
  0% {
    transform: scale(1) rotate(-1.5deg);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(1) rotate(-1.5deg);
  }
}
.flip-card {
  width: 80vw;
  height: 80vw;
}
@media (min-width: 768px) {
  .flip-card {
    width: 42.5vw;
    height: 42.5vw;
  }
}
@media (min-width: 1080px) {
  .flip-card {
    width: 35vw;
    height: 35vw;
  }
}
@media (min-width: 1440px) {
  .flip-card {
    width: calc((1080px - 2 * var(--spacing-large)) / 3);
    height: calc((1080px - 2 * var(--spacing-large)) / 3);
  }
}

.flip-card-with-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(var(--ps-black-rgb), 0) 0%, rgba(var(--ps-black-rgb), 0.5) 65%, rgba(var(--ps-black-rgb), 1) 100%);
}
.flip-card-with-overlay p.h3 {
  position: absolute;
  left: var(--spacing-medium-small);
  right: var(--spacing-medium-small);
  bottom: var(--spacing-medium-small);
  z-index: 9;
  text-align: center;
  color: var(--white);
  width: calc(100% - var(--spacing-medium-small) * 2);
  overflow-wrap: break-word;
}

.face {
  border: var(--spacing-minimum) solid var(--ps-pugh-blue-400);
}
.face:hover {
  border: var(--spacing-minimum) solid var(--ps-sky-blue-400);
}
.face p.h3 {
  font-size: var(--h2);
  line-height: var(--line-height-xx-small);
  margin-bottom: var(--spacing-minimum);
}
.face p strong {
  font-size: var(--h5);
  line-height: var(--line-height-xx-small);
  color: var(--color-primary-header);
}
.face h3 {
  padding-top: 0;
}
.face img + h3 {
  padding-top: var(--spacing-x-small);
}
.face p {
  font-size: var(--font-size-base);
  line-height: var(--line-height-medium);
  padding-top: var(--spacing-x-small);
}

.flip-card-content {
  overflow: auto;
}
.flip-card-content ol {
  list-style-type: upper-alpha;
  font-size: var(--font-size-xl);
}
.flip-card-content ol li {
  margin-bottom: var(--spacing-minimum);
}

.back .flip-card-content span + p {
  padding-top: 0;
}

.flip-card {
  position: relative;
  text-align: left;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.5s;
  user-select: none;
  cursor: pointer;
  color: var(--primary-text-color);
  display: block;
}
.flip-card.flip {
  transform: rotateY(180deg);
  transition: transform 0.5s;
}
.flip-card .face {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  backface-visibility: hidden;
  transform: translateZ(0.1px);
}
.flip-card .back {
  transform: rotateY(180deg);
}
.flip-card img {
  width: 50%;
  height: auto;
}
.flip-card:nth-of-type(odd) .face.front {
  background: linear-gradient(135deg, var(--ps-pugh-blue-200) 0%, #ffffff 100%);
}
.flip-card:nth-of-type(even) .face.front {
  background: linear-gradient(135deg, #ffffff 0%, var(--ps-pugh-blue-200) 100%);
}
.flip-card .face {
  padding: var(--spacing-medium-small);
  overflow: hidden;
}
.flip-card .face.image-only {
  padding: 0;
}
.flip-card .face.image-only img {
  width: 100%;
  border-radius: 0;
}
.flip-card .front {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flip-card .back {
  background: linear-gradient(135deg, var(--ps-sky-blue-100) 0%, var(--ps-keystone-yellow-100) 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.layout-course .flip-card .face p {
  font-size: var(--small-1);
}
.layout-course .flip-card .face p.h3 {
  font-size: var(--h4);
}
.layout-course .flip-card .back {
  background: linear-gradient(135deg, var(--ps-pugh-blue-100) 0%, rgb(219, 214, 234) 100%);
}
@media (min-width: 768px) {
  .layout-course .flip-card {
    width: 26vw;
    height: 26vw;
  }
}
@media (min-width: 1440px) {
  .layout-course .flip-card {
    width: 273.3333333333px;
    height: 273.3333333333px;
  }
}

.text-slider .slick-track {
  display: flex;
}
.text-slider .slick-track .slick-slide {
  display: flex;
  height: auto;
  /* background: linear-gradient(135deg, var(--ps-pugh-blue-200) 0%,#ffffff 100%); */
  /* bg now set from dropdown value */
  cursor: grab;
}
.text-slider .slick-track .slick-slide > div { /* empty div added by slick - flex to align center */
  display: flex;
  width: 100%;
}
.text-slider .slick-track .slide-card.bg-white {
  border: 1px solid var(--color-light-gray-border);
}

.slide-cards-wrap {
  width: 100%;
  display: flex;
  grid-gap: var(--grid-gap-standard);
  justify-content: center;
  padding-top: var(--spacing-standard);
  flex-wrap: wrap;
}

.slide-card .face.front img {
  width: 45%;
  height: auto;
  border-radius: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slide-card {
  width: 80vw;
  height: auto;
  min-height: 33.33vh;
  /* argh git */
}
@media (min-width: 1440px) {
  .slide-card {
    width: calc(1080px - 2 * var(--spacing-large));
    height: auto;
  }
}

.slide-card.reverse ul, .slide-card.reverse ol {
  color: var(--reverse-text-color);
}

.slide-card-content {
  overflow: auto;
}
.slide-card-content a:link,
.slide-card-content a:visited {
  text-decoration: underline;
}
.slide-card-content .button a:link,
.slide-card-content .button a:visited {
  text-decoration: none;
}
.slide-card-content ol {
  list-style-type: upper-alpha;
  font-size: var(--font-size-xl);
}
.slide-card-content ol li {
  margin-bottom: var(--spacing-minimum);
}

.slide-card {
  position: relative;
  text-align: left;
  user-select: none;
  cursor: pointer;
  color: var(--primary-text-color);
  display: flex !important;
}
.slide-card h2:only-child,
.slide-card h3:only-child,
.slide-card h4:only-child,
.slide-card :last-child {
  padding-bottom: var(--spacing-minimum);
}
.slide-card h2:first-child,
.slide-card h3:first-child,
.slide-card h4:first-child,
.slide-card p:first-child {
  padding-top: 0;
}
.slide-card p, .slide-card ul, .slide-card ol {
  font-size: var(--font-size-base);
}
@media (min-width: 1080px) {
  .slide-card p, .slide-card ul, .slide-card ol {
    font-size: var(--font-size-xl);
  }
}
.slide-card li {
  margin-bottom: var(--spacing-small);
}
.slide-card img {
  width: 50%;
  height: auto;
}
.slide-card .slide-card-format {
  padding: var(--spacing-medium-small) var(--spacing-standard);
  overflow: hidden;
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 768px) {
  .slide-card .slide-card-format {
    padding: var(--spacing-x-large) var(--spacing-xx-large);
  }
}

.image-gallery-wrap .text-slider .slick-next, .image-gallery-wrap .text-slider .slick-prev {
  background-color: #000;
}

.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: 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: 100%;
}

.layout-course .footer-wrap {
  background-image: none;
}

footer {
  padding-top: var(--spacing-medium-large);
  padding-bottom: var(--spacing-standard);
  display: grid;
  grid-gap: 0 3vw;
  grid-template: "map-cta map-cta" "list list" "contact contact" "legal legal"/1fr 1fr;
}
@media (min-width: 730px) {
  footer {
    padding-top: var(--spacing-large);
    padding-top: var(--spacing-medium-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"/2.5fr 7.5fr;
  }
}
footer div.map-social-cta {
  grid-area: map-cta;
  display: flex;
  width: 100%;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 0;
  /* SIA */
}
@media (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 .logo-map-replacement .footer-logo.subsite-logo-horizontalSmall img {
  height: 48px;
  width: auto;
}
@media (min-width: 768px) {
  footer div.map-social-cta .logo-map-replacement .footer-logo.subsite-logo-horizontalSmall img {
    height: 56px;
  }
}
footer div.map-social-cta .logo-map-replacement .footer-logo.subsite-logo-horizontalMedium img {
  height: 56px;
  width: auto;
}
@media (min-width: 768px) {
  footer div.map-social-cta .logo-map-replacement .footer-logo.subsite-logo-horizontalMedium img {
    height: 64px;
  }
}
footer div.map-social-cta .logo-map-replacement .footer-logo.subsite-logo-square img {
  height: 64px;
  width: auto;
}
@media (min-width: 768px) {
  footer div.map-social-cta .logo-map-replacement .footer-logo.subsite-logo-square img {
    height: 84px;
  }
}
footer div.map-social-cta div.map:after {
  content: "";
  position: relative;
  display: block;
  width: calc(100% + 1000px);
  margin-left: -100px;
  margin-bottom: 0;
}
@media (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 (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.social-footer {
  text-align: center;
}
@media (min-width: 730px) {
  footer div.social-footer {
    text-align: left;
    margin-left: var(--spacing-standard);
    flex-grow: 1;
  }
}
@media (min-width: 1080px) {
  footer div.social-footer {
    margin-left: 0;
  }
}
footer div.social-cta {
  margin: 0 auto;
}
@media (min-width: 768px) {
  footer div.social-cta {
    width: 50%;
    margin: 0;
  }
}
@media (min-width: 1080px) {
  footer div.social-cta {
    width: auto;
  }
}
footer div.social-cta ul {
  display: inline-flex;
  list-style: none;
  align-items: center;
  margin: var(--spacing-medium-large) 0 var(--spacing-medium-small);
  padding: 0 var(--spacing-xx-small) var(--spacing-standard);
}
footer div.social-cta ul li {
  margin: 0;
  margin-right: var(--spacing-medium-small);
}
footer div.social-cta ul li:last-child {
  margin-right: 0;
}
footer div.social-cta ul li a {
  text-decoration: none;
}
footer div.social-cta ul li a i {
  font-size: 1.75rem;
  color: var(--reverse-link-color);
}
footer div.social-cta ul li a i:hover, footer div.social-cta ul li a i:focus {
  color: rgba(var(--reverse-link-color), 0.8);
}
footer div.social-cta ul li a span {
  font-size: 0;
}
footer div.social-cta h2 {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  font-size: var(--font-size-base);
  text-transform: uppercase;
  font-weight: var(--font-weight-bold);
  color: var(--white);
  font-family: var(--font-sans);
}
footer div.social-cta a.button {
  margin-bottom: var(--spacing-medium-large);
  width: auto;
}
@media (min-width: 1080px) {
  footer div.social-cta a.button {
    margin-bottom: 0;
  }
}
footer .eyebrow-social-media p {
  font-weight: var(--font-weight-bold);
  font-size: var(--h5);
  line-height: var(--line-height-base);
  padding-top: var(--spacing-standard);
}
@media (min-width: 730px) {
  footer .eyebrow-social-media p {
    padding-top: 0;
  }
}
@media (min-width: 1080px) {
  footer .eyebrow-social-media p {
    padding-top: var(--spacing-standard);
  }
}
footer .eyebrow-social-media + .social-cta ul {
  margin-top: var(--spacing-xx-small);
}
footer .footer-list-wrap {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  grid-area: list;
  padding-left: 0;
  grid-gap: var(--spacing-medium-small);
  margin-top: var(--spacing-large);
}
@media (min-width: 1080px) {
  footer .footer-list-wrap {
    margin-top: var(--spacing-small);
  }
}
footer div.footer-list,
footer li.footer-list {
  width: 50%;
  margin-bottom: var(--spacing-x-small);
  padding-top: 0;
}
@media (min-width: 730px) {
  footer div.footer-list,
  footer li.footer-list {
    width: calc(25% - 0.75 * var(--spacing-medium-small)); /* was 25%, but 4 cols needs to subtract grid gap */
  }
}
footer div.footer-list a:link,
footer div.footer-list a:visited,
footer li.footer-list a:link,
footer li.footer-list a:visited {
  text-decoration: none;
}
footer div.footer-list a:link:hover,
footer div.footer-list a:visited:hover,
footer li.footer-list a:link:hover,
footer li.footer-list a:visited:hover {
  text-decoration: underline;
}
footer div.footer-list h2,
footer li.footer-list h2 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  margin-top: 0;
  padding: 0 0 var(--spacing-small) 0;
  line-height: var(--line-height-xx-small);
  text-transform: none;
  text-wrap: balance;
}
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: var(--font-weight-bold);
  font-family: var(--font-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,
footer div.subfooter-contact p {
  padding-top: 0;
  font-weight: var(--font-weight-bold);
  font-size: var(--h1);
  line-height: var(--line-height-small);
}
footer div.subfooter-contact p.footer-tagline span,
footer div.subfooter-contact p span {
  display: block;
}
@media (min-width: 576px) {
  footer div.subfooter-contact p.footer-tagline,
  footer div.subfooter-contact p {
    font-size: var(--h3);
  }
}
@media (min-width: 768px) {
  footer div.subfooter-contact p.footer-tagline span,
  footer div.subfooter-contact p 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: var(--font-condensed), Impact, "Franklin Gothic Bold", sans-serif;
  font-weight: var(--font-weight-regular);
  font-size: var(--small-1);
  line-height: var(--line-height-tiny);
  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: var(--font-weight-bold);
}
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: var(--font-condensed), Impact, "Franklin Gothic Bold", sans-serif;
  color: var(--white);
  margin-left: var(--spacing-x-large);
  line-height: var(--line-height-medium);
}
@media (min-width: 730px) {
  .footer-general-contact p {
    margin-left: var(--spacing-small);
  }
}
@media (min-width: 1080px) {
  .footer-general-contact p {
    margin-left: var(--spacing-x-large);
  }
}
.footer-general-contact p a:link:hover,
.footer-general-contact p a:visited:hover {
  text-decoration: underline;
}
.footer-general-contact p.footer-contact-address,
.footer-general-contact p.footer-contact-other {
  padding-top: var(--spacing-small);
  text-wrap: balance;
}
@media (min-width: 768px) {
  .footer-general-contact p.footer-contact-address,
  .footer-general-contact p.footer-contact-other {
    padding-top: 0;
  }
}
@media (min-width: 1080px) {
  .footer-general-contact p.footer-contact-address,
  .footer-general-contact p.footer-contact-other {
    padding-top: var(--spacing-small);
  }
}
.footer-general-contact p.footer-contact-address + p.footer-contact-other {
  padding-top: var(--spacing-x-small);
}

.superfooter-legal {
  text-align: center;
  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: var(--font-condensed), Impact, "Franklin Gothic Bold", sans-serif;
  font-weight: var(--font-weight-regular);
  font-size: var(--small-1);
  line-height: var(--line-height-tiny);
  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 {
  text-decoration: none;
  text-underline-offset: 0.125rem;
}
.superfooter-legal ul li a:hover {
  text-decoration: underline;
}
.superfooter-legal ul li.bold a {
  font-weight: var(--font-weight-bold);
}

.theme-vibrant-blue footer a:link,
.theme-vibrant-blue footer a:visited,
.theme-traditional footer a:link,
.theme-traditional footer a:visited {
  color: var(--reverse-link-color);
  text-decoration: none;
}
.theme-vibrant-blue footer a:link:active,
.theme-vibrant-blue footer a:visited:active,
.theme-traditional footer a:link:active,
.theme-traditional footer a:visited:active {
  color: var(--reverse-link-color);
}
.theme-vibrant-blue footer a:link:hover,
.theme-vibrant-blue footer a:visited:hover,
.theme-traditional footer a:link:hover,
.theme-traditional footer a:visited:hover {
  color: var(--link-light-color);
}
.theme-vibrant-blue footer .eyebrow-social-media p,
.theme-traditional footer .eyebrow-social-media p {
  color: var(--white);
}
.theme-vibrant-blue footer div.footer-list h2,
.theme-vibrant-blue footer li.footer-list h2,
.theme-traditional footer div.footer-list h2,
.theme-traditional footer li.footer-list h2 {
  color: var(--white);
}
.theme-vibrant-blue footer div.footer-list h2 a,
.theme-vibrant-blue footer li.footer-list h2 a,
.theme-traditional footer div.footer-list h2 a,
.theme-traditional footer li.footer-list h2 a {
  color: var(--white);
}
.theme-vibrant-blue footer div.social-footer ul li a svg,
.theme-traditional footer div.social-footer ul li a svg {
  fill: var(--white);
}
.theme-vibrant-blue footer div.social-footer ul li a svg:hover, .theme-vibrant-blue footer div.social-footer ul li a svg:focus,
.theme-traditional footer div.social-footer ul li a svg:hover,
.theme-traditional footer div.social-footer ul li a svg:focus {
  fill: rgba(var(--white-rgb), 0.8);
}
.theme-vibrant-blue footer div.social-footer svg.stroke-no-fill,
.theme-traditional footer div.social-footer svg.stroke-no-fill {
  stroke: var(--white);
}
.theme-vibrant-blue .superfooter-legal,
.theme-traditional .superfooter-legal {
  background-color: var(--ps-nittany-navy-500);
}
.theme-vibrant-blue .superfooter-legal ul li a:link,
.theme-vibrant-blue .superfooter-legal ul li a:visited,
.theme-traditional .superfooter-legal ul li a:link,
.theme-traditional .superfooter-legal ul li a:visited {
  color: var(--white);
}

.theme-vibrant-blue .subfooter-contact p,
.theme-traditional .subfooter-contact p {
  color: var(--reverse-text-color);
}

.theme-clean-modern .footer-wrap {
  background: var(--ps-pugh-blue-0);
  border-top: 1px solid var(--color-standard-border);
}
.theme-clean-modern .footer-general-contact p {
  color: var(--primary-text-color);
}
.theme-clean-modern footer li.footer-list h2,
.theme-clean-modern footer li.footer-list h2 a:link,
.theme-clean-modern footer li.footer-list h2 a:visited {
  color: var(--color-primary-header);
}
.theme-clean-modern footer div.footer-list h2,
.theme-clean-modern footer div.footer-list h2 a:not([href]),
.theme-clean-modern footer li.footer-list h2,
.theme-clean-modern footer li.footer-list h2 a:not([href]) {
  color: var(--primary-text-color);
}
.theme-clean-modern footer div.footer-list h2 a,
.theme-clean-modern footer li.footer-list h2 a {
  color: var(--primary-link-color);
}
.theme-clean-modern .subfooter-contact p {
  color: var(--color-primary-header);
}
.theme-clean-modern footer div.social-cta ul li a svg {
  fill: var(--primary-link-color);
}
.theme-clean-modern footer div.social-cta ul li a svg:hover, .theme-clean-modern footer div.social-cta ul li a svg:focus {
  fill: rgba(var(--ps-link-blue-rgb), 0.8);
}
.theme-clean-modern .superfooter-legal {
  background-color: var(--ps-pugh-blue-100);
}
.theme-clean-modern .superfooter-legal ul li a:link,
.theme-clean-modern .superfooter-legal ul li a:visited {
  color: var(--primary-link-color);
}

.footer-wrap .course-logos {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
}
@media (min-width: 576px) {
  .footer-wrap .course-logos a {
    width: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .footer-wrap .course-logos a {
    width: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
.footer-wrap .course-logos img {
  width: 100%;
  height: auto;
  padding: var(--spacing-standard);
}

/* input & select basic formatting */
.form-input-w-100 {
  width: var(--width-100);
}

.form-input-w-75 {
  width: var(--width-75);
}

.form-input-w-66 {
  width: var(--width-66);
}

.form-input-w-50 {
  width: var(--width-50);
}

.form-input-w-33 {
  width: var(--width-33);
}

.form-input-w-25 {
  width: var(--width-25);
}

.textarea-sm {
  height: 5rem;
}

.textarea-md {
  height: 10rem;
}

.textarea-lg {
  height: 15rem;
}

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

Standard Form

---------------------------------------------------------- */
@media (min-width: 768px) {
  form.standard-form .form-row,
  form.standard-form .form-group {
    display: flex;
  }
  form.standard-form .form-row {
    grid-gap: var(--spacing-standard);
  }
  form.standard-form .form-group {
    flex-direction: column;
  }
  form.standard-form .form-group.form-group-50 {
    width: calc(50% - var(--spacing-standard) / 2);
  }
  form.standard-form button,
  form.standard-form .button {
    width: auto;
  }
}

.form-group label,
.form-group h4 {
  display: block;
  margin-bottom: var(--spacing-xx-small);
  padding-top: var(--spacing-xx-small);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
}
.form-group input {
  padding: var(--spacing-small) var(--spacing-x-small);
  border-radius: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 1px solid var(--ps-limestone-gray-300);
  margin-bottom: var(--spacing-x-small);
}
.form-group input:hover {
  border-color: rgba(0, 123, 255, 0.375);
}
.form-group input:focus {
  outline: 0;
  outline-style: none !important;
  border-color: #80bdff;
  box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.375);
  background-color: var(--white);
}

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

Split Form

---------------------------------------------------------- */
.split-form {
  display: flex;
  grid-gap: var(--spacing-minimum);
  flex-direction: column;
}
.split-form a:link:hover,
.split-form a:visited:hover {
  text-decoration: underline;
}
.split-form .password-reset-account-register a {
  font-size: var(--small-1);
  padding: var(--spacing-xx-small) var(--spacing-small);
}
.split-form .password-reset-account-register a:first-of-type {
  border-right: 1px solid var(--color-primary-accent);
}
.split-form .split-form-secondary {
  background: var(--ps-pugh-blue-100);
  padding: var(--spacing-standard);
}
.split-form .split-form-secondary input,
.split-form .split-form-secondary .button {
  width: 100%;
}
.split-form .split-form-secondary form {
  margin-top: 0;
  padding-bottom: 0;
}
.split-form .split-form-primary {
  background: var(--ps-pugh-blue-50);
  padding: var(--spacing-standard);
}
.split-form .split-form-primary a.button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.split-form .split-form-primary img {
  width: 48px;
  height: auto;
  margin-right: var(--spacing-x-small);
}

@media (min-width: 768px) {
  .split-form {
    flex-direction: row;
  }
  .split-form .split-form-secondary {
    width: 40%;
  }
  .split-form .split-form-primary {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .container-fixed-wide .split-form-primary,
  .container-fixed-wide .split-form-secondary {
    width: 50%;
  }
}
/* ----------------------------------------------------------

Standard Forms

---------------------------------------------------------- */
form.course-form {
  max-width: 800px;
}
form.course-form button,
form.course-form .button {
  width: 100%;
}
form.course-form .form-group {
  width: 100%;
}
form.course-form .form-group input,
form.course-form .form-group button,
form.course-form .form-group .button {
  width: 100%;
}
@media (min-width: 768px) {
  form.course-form .form-row,
  form.course-form .form-group {
    display: flex;
  }
  form.course-form .form-row {
    grid-gap: var(--spacing-standard);
  }
  form.course-form .form-group {
    flex-direction: column;
  }
  form.course-form .form-group.form-group-50 {
    width: calc(50% - var(--spacing-standard) / 2);
  }
  form.course-form button,
  form.course-form .button {
    width: auto;
  }
}

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

CRAFT - Formie Form Overrides

---------------------------------------------------------- */
.course-form,
.fui-form,
.signup-form {
  margin-top: var(--spacing-standard);
}
.course-form label,
.fui-form label,
.signup-form label {
  font-size: var(--font-size-xl);
}
.course-form textarea:hover, .course-form textarea:focus,
.course-form input[type=text]:hover, .course-form input[type=text]:focus,
.course-form input[type=password]:hover, .course-form input[type=password]:focus,
.course-form input[type=email]:hover, .course-form input[type=email]:focus,
.course-form input[type=tel]:hover, .course-form input[type=tel]:focus textarea:hover,
.course-form textarea:focus,
.course-form input.file:hover, .course-form input.file:focus,
.fui-form textarea:hover,
.fui-form textarea:focus,
.fui-form input[type=text]:hover,
.fui-form input[type=text]:focus,
.fui-form input[type=password]:hover,
.fui-form input[type=password]: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,
.signup-form textarea:hover,
.signup-form textarea:focus,
.signup-form input[type=text]:hover,
.signup-form input[type=text]:focus,
.signup-form input[type=password]:hover,
.signup-form input[type=password]:focus,
.signup-form input[type=email]:hover,
.signup-form input[type=email]:focus,
.signup-form input[type=tel]:hover,
.signup-form input[type=tel]:focus textarea:hover,
.signup-form textarea:focus,
.signup-form input.file:hover,
.signup-form input.file:focus {
  background-color: rgba(var(--ps-pugh-blue-rgb), 0.15);
  opacity: 1;
  transition: var(--transition-base);
}

:root {
  --fui-font: var(--font-sans);
  --fui-alert-line-height: 1.25em; /* their default was rem */
  --fui-border-color: var(--ps-limestone-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: var(--primary-text-color);
  --fui-alert-success-bg-color: var(--ps-creek-150);
  margin-top: var(--spacing-large);
  font-size: var(--h3) !important;
  --fui-alert-padding: var(--spacing-x-large) var(--spacing-standard);
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
}

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

.reverse .course-form label,
.reverse .fui-label,
.reverse .fui-legend,
.reverse .fui-radio label,
.reverse .signup-form label {
  color: var(--white);
}
.reverse .course-form input,
.reverse .fui-input,
.reverse .signup-form input {
  background: var(--ps-nittany-navy-500);
  border: 1px solid var(--color-standard-border);
  color: var(--white);
}
.reverse .course-form textarea:hover, .reverse .course-form textarea:focus, .reverse .course-form input[type=text]:hover, .reverse .course-form input[type=text]:focus, .reverse .course-form input[type=email]:hover, .reverse .course-form input[type=email]:focus, .reverse .course-form input[type=tel]:hover, .reverse .course-form input[type=tel]:focus textarea:hover, .reverse .course-form textarea:focus, .reverse .course-form input.file:hover, .reverse .course-form input.file:focus,
.reverse .fui-form textarea:hover,
.reverse .fui-form textarea:focus,
.reverse .fui-form input[type=text]:hover,
.reverse .fui-form input[type=text]:focus,
.reverse .fui-form input[type=email]:hover,
.reverse .fui-form input[type=email]:focus,
.reverse .fui-form input[type=tel]:hover,
.reverse .fui-form input[type=tel]:focus textarea:hover,
.reverse .fui-form textarea:focus,
.reverse .fui-form input.file:hover,
.reverse .fui-form input.file:focus,
.reverse .signup-form textarea:hover,
.reverse .signup-form textarea:focus,
.reverse .signup-form input[type=text]:hover,
.reverse .signup-form input[type=text]:focus,
.reverse .signup-form input[type=email]:hover,
.reverse .signup-form input[type=email]:focus,
.reverse .signup-form input[type=tel]:hover,
.reverse .signup-form input[type=tel]:focus textarea:hover,
.reverse .signup-form textarea:focus,
.reverse .signup-form input.file:hover,
.reverse .signup-form input.file:focus {
  background: var(--ps-nittany-navy-750);
}

.fui-instructions {
  color: var(--fui-label-color) !important;
  font-size: calc(var(--fui-instructions-font-size) * 0.75) !important;
}
.fui-instructions p {
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
  line-height: var(--line-height-medium);
  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;
}

button.fui-btn.fui-submit {
  color: var(--color-primary-button-text);
  background: var(--bg-color-primary-button);
}
button.fui-btn.fui-submit:hover {
  color: var(--color-primary-button-text-hover);
  background: var(--bg-color-primary-button-hover);
  border: 1px solid transparent;
}

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: var(--transition-base);
}
.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 transparent;
  outline: 2px solid var(--ps-sky-blue-500) !important;
}

mark.highlight {
  cursor: help;
  color: inherit;
  background-color: var(--ps-creek-100);
  font-style: italic;
  border-bottom: 2px solid transparent;
}
mark.highlight:hover {
  border-bottom: 2px solid var(--ps-creek-300);
}

.reverse mark.highlight {
  background-color: var(--ps-creek-600);
  border-bottom: 2px solid transparent;
}
.reverse mark.highlight:hover {
  border-bottom: 2px solid var(--ps-creek-300);
}

.channel-listing-glossary .item-default {
  padding-bottom: var(--spacing-standard);
  border-top: 1px solid var(--color-standard-border);
}
.channel-listing-glossary h3 {
  padding-top: var(--spacing-standard);
}
.channel-listing-glossary h3 + p {
  padding-top: var(--spacing-minimum);
}

#glossaryModal h3 + p {
  padding-top: var(--spacing-minimum);
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.7); /* Black w/ opacity */
}

.modal-content h3 {
  padding-top: 10px;
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: var(--spacing-medium-large);
  width: 90%;
  max-width: 800px;
  position: relative;
}

/* The Close Button */
.close {
  color: var(--link-color);
  font-size: var(--display-4);
  font-weight: var(--font-weight-regular);
  line-height: 1;
  position: absolute;
  top: var(--spacing-x-small);
  right: var(--spacing-medium-small);
}

.close:hover,
.close:focus {
  color: var(--link-color-hover);
  text-decoration: none;
  cursor: pointer;
}

/* REMOVE THIS AFTER SITES HAVE FONT GLOBALS */
.theme-traditional .hero-group-text p.hero-header {
  font-family: var(--font-serif), "Georgia", "Times New Roman", serif;
}

.primary-headings-serif .hero-group-text p.hero-header {
  font-family: var(--font-serif), "Georgia", "Times New Roman", serif;
}

@media (min-width: 768px) { /* above tablet text is on top of video */
  .entry_type_homePage .hero-group-text h1.hero-header,
  .entry_type_homePage .hero-group-text p.hero-header,
  .entry_type_homePage .hero-group-text,
  .entry_type_homePage .hero-group-text p {
    color: var(--white);
  }
}
@media (min-width: 1080px) { /* 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: var(--line-height-large);
}

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

.block-psucampus-homepage-hero + .bg-color {
  margin-top: var(--spacing-large);
}

@media (min-width: 768px) {
  .entry_type_homePage .block-psucampus-homepage-hero + .bg-color {
    margin-top: 0;
  }
  .entry_type_homePage .block-psucampus-homepage-hero {
    height: 56.25vw;
    max-height: calc(100vh - 179px); /* adjust from 112 for taller primary nav */
    min-height: 532px;
    width: 100%;
    aspect-ratio: 16/9;
  }
}
@media (min-width: 1080px) {
  .block-psucampus-homepage-hero + .bg-color {
    margin-top: 0;
  }
  .block-psucampus-homepage-hero {
    height: 56.25vw;
    max-height: calc(100vh - 179px); /* adjust from 112 for taller primary nav */
    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: 0 var(--grid-gap-small);
}
@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 {
    margin: 0 var(--grid-gap-standard);
  }
}
@media (min-width: 1440px) {
  .block-psucampus-homepage-hero .hero-container .hero-grid {
    grid-template-columns: repeat(10, 1fr);
    max-width: calc(1440px - 2 * var(--grid-gap-standard));
    margin: 0 auto; /* center once we go past largest break - before this will center b/c max width is filling width */
  }
}
@media (min-width: 1800px) {
  .block-psucampus-homepage-hero .hero-container .hero-grid {
    max-width: calc(1600px - 2 * var(--grid-gap-standard));
  }
}

.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: 1080px) {
  .block-psucampus-homepage-hero .hero-container .hero-group-text {
    padding-bottom: var(--spacing-xx-large);
  }
}

@media (min-width: 768px) {
  .entry_type_homePage .block-psucampus-homepage-hero .hero-container .hero-group-text {
    padding-bottom: var(--spacing-xx-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: var(--color-primary-header);
  margin-top: var(--spacing-x-large);
}

.block-psucampus-homepage-hero .hero-container .hero-group-text .field--name-field-hero-summary {
  color: var(--ps-nittany-navy-500);
  margin-top: var(--spacing-small);
}

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

/* rm carat to match other buttons
.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) {
  .entry_type_homePage .block-psucampus-homepage-hero .hero-container {
    background-color: transparent;
    color: #fff;
    position: absolute;
  }
  .entry_type_homePage .block-psucampus-homepage-hero .hero-container .hero-grid {
    height: 100%;
  }
  .entry_type_homePage .block-psucampus-homepage-hero .hero-container .hero-group-text {
    grid-column: 1/span 7;
  }
  .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 {
    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 {
    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 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: var(--ps-nittany-navy-500);
  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: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 25%;
}

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

@media (min-width: 768px) {
  .entry_type_homePage .block-psucampus-homepage-hero .hero-img-wrapper {
    aspect-ratio: unset;
    height: 100%;
    position: absolute;
  }
  .entry_type_homePage .block-psucampus-homepage-hero .hero-img-wrapper > div {
    background-color: var(--ps-nittany-navy-500);
    background: linear-gradient(90deg, rgba(0, 30, 68, 0.7), rgba(0, 30, 68, 0.5) 50%, transparent);
  }
}
@media (min-width: 1080px) {
  .block-psucampus-homepage-hero .hero-img-wrapper > div {
    background-color: var(--ps-nittany-navy-500);
    background: linear-gradient(125deg, rgba(0, 30, 68, 0.75), rgba(0, 30, 68, 0.5) 100%, transparent);
  }
  .block-psucampus-homepage-hero .hero-img-wrapper {
    aspect-ratio: unset;
    height: 100%;
    position: absolute;
  }
  .block-psucampus-homepage-hero .hero-img-wrapper span.img-size-for-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.block-psucampus-homepage-hero .hero-vid-wrapper {
  height: 56.25vw;
  aspect-ratio: 16/9;
  background-color: var(--ps-nittany-navy-500);
  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: var(--ps-nittany-navy-500);
    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: 42px;
  width: 42px;
  position: absolute;
  bottom: var(--spacing-small);
  right: 0;
  z-index: 10;
  margin-left: var(--spacing-small);
  margin-right: var(--spacing-small);
}

.block-psucampus-homepage-hero .hero-vid-wrapper .btn-hero-play:hover,
.block-psucampus-homepage-hero .hero-vid-wrapper .btn-hero-play:focus {
  background-color: var(--color-primary-accent);
}

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

.block-psucampus-homepage-hero .hero-container .hero-group-text {
  padding-bottom: var(--spacing-large);
}
.block-psucampus-homepage-hero .hero-container .hero-group-text h1.hero-header,
.block-psucampus-homepage-hero .hero-container .hero-group-text p.hero-header {
  padding-bottom: var(--spacing-minimum);
}

.hero-with-cta p.hero-header {
  display: none;
}

div.home-hero-cta-buttons {
  position: relative;
  width: calc(100% - 2 * var(--spacing-standard));
  margin-left: var(--spacing-standard);
  margin-right: var(--spacing-standard);
  margin-bottom: var(--spacing-standard);
}

@media (min-width: 576px) {
  div.home-hero-cta-buttons {
    max-width: calc(576px - var(--grid-gap-standard));
    grid-template: ". col ." auto/var(--grid-gap-standard) auto var(--grid-gap-standard);
    margin-left: auto;
    margin-right: auto;
    grid-template: ". col ." auto/1fr 10fr 1fr; /* match standard fixed-standard */
    grid-gap: var(--grid-gap-standard);
    left: 0;
    right: 0;
  }
}
@media (min-width: 768px) {
  div.home-hero-cta-buttons {
    max-width: calc(100% - 2 * var(--spacing-xx-large));
    position: absolute;
    z-index: 99;
    bottom: -4rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1080px) {
  div.home-hero-cta-buttons {
    bottom: -5rem;
  }
}
@media (min-width: 1800px) {
  div.home-hero-cta-buttons {
    max-width: calc(1440px - 2 * var(--grid-gap-standard));
  }
}
div.home-hero-cta-buttons div {
  position: relative;
  bottom: 0;
  display: flex;
  justify-content: space-around;
  grid-gap: var(--grid-gap-half);
  flex-direction: column;
}
@media (min-width: 768px) {
  div.home-hero-cta-buttons div {
    flex-direction: row;
    grid-gap: var(--grid-gap-standard);
  }
}
div.home-hero-cta-buttons div a {
  background: #efefef;
  display: flex;
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-standard);
  background-size: 50%;
  background-repeat: no-repeat;
  transition: var(--transition-base);
  position: relative;
}
div.home-hero-cta-buttons div a .cta-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: -130% 75%;
  background-repeat: no-repeat;
  background-size: 150%;
}
div.home-hero-cta-buttons div a:hover p.hero-cta-header {
  text-decoration: underline;
}
@media (min-width: 768px) {
  div.home-hero-cta-buttons div a {
    width: 33.33%;
    height: 8rem;
  }
}
@media (min-width: 1080px) {
  div.home-hero-cta-buttons div a {
    height: 10rem;
  }
}
div.home-hero-cta-buttons div a:nth-of-type(1) {
  background: linear-gradient(135deg, rgb(0, 108, 68) 0%, rgb(0, 135, 85) 50%);
  border-left: var(--spacing-x-small) solid var(--ps-opportunity-green-350);
}
div.home-hero-cta-buttons div a:nth-of-type(1) .cta-bg {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b' xmlns='http://www.w3.org/2000/svg' width='1017.8' height='1136.67' opacity='25%' viewBox='0 0 1017.8 1136.67'%3E%3Cg id='c'%3E%3Cpath d='M473.4,1048.67C264.06,923.91,2.35,742.85,1.25,424.83' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 4; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5px;'/%3E%3Cline x1='1.25' y1='418.85' x2='1.25' y2='85.88' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 3.99; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5px;'/%3E%3Cpath d='M5,82.47C101.84,46.13,250.23,1.51,474.82,1.25' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 4.01; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5px;'/%3E%3Cpath d='M480.84,1.25c227.42.57,384.18,49.47,469.71,81.92' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 4.01; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5px;'/%3E%3Cpath d='M952.41,426.83c-2.25,320.33-274.76,505.67-473.84,622.87' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 4; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5px;'/%3E%3Cline x1='79.83' y1='418.28' x2='79.83' y2='88.41' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 6.05; stroke-linecap:round; stroke-linejoin:round; stroke-width:2px;'/%3E%3Cpath d='M515.41,1098.21C305.07,973.13,39.82,791.33,39.82,470.33V131.38c97.03-36.7,246.93-82.63,475.58-82.63s390,50.01,475.59,82.63v338.95c0,323.71-275.53,510.26-475.58,627.88Z' style='fill:none; stroke:%23fff; stroke-miterlimit:10; stroke-width:4px;'/%3E%3Cpath d='M541.22,1135.51c-210.34-125.09-475.59-306.88-475.59-627.88V168.67c97.03-36.7,246.93-82.63,475.58-82.63s390,50.01,475.6,82.63v338.95c0,323.71-275.53,510.26-475.58,627.88Z' style='fill:none; stroke:%23fff; stroke-miterlimit:10; stroke-width:2px;'/%3E%3Cpath d='M486.38,1136.05C276.04,1010.97,10.79,829.17,10.79,508.17V169.22c97.03-36.69,246.93-82.63,475.58-82.63s390,50.01,475.59,82.63v338.95c0,323.71-275.53,510.26-475.58,627.88Z' style='fill:none; stroke:%23fff; stroke-miterlimit:10;'/%3E%3C/g%3E%3C/svg%3E");
}
div.home-hero-cta-buttons div a:nth-of-type(1):hover {
  background: var(--ps-opportunity-green-650);
  background: linear-gradient(135deg, rgb(0, 135, 85) 0%, rgb(0, 108, 68) 50%);
}
div.home-hero-cta-buttons div a:nth-of-type(2) {
  background: var(--ps-creek-600);
  background: linear-gradient(135deg, rgb(37, 98, 95) 0%, rgb(50, 130, 126) 50%);
  border-left: var(--spacing-x-small) solid var(--ps-creek-450);
}
div.home-hero-cta-buttons div a:nth-of-type(2) .cta-bg {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b' xmlns='http://www.w3.org/2000/svg' width='1017.8' height='1136.67' opacity='25%' viewBox='0 0 1017.8 1136.67'%3E%3Cg id='c'%3E%3Cpath d='M473.4,1048.67C264.06,923.91,2.35,742.85,1.25,424.83' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 4; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5px;'/%3E%3Cline x1='1.25' y1='418.85' x2='1.25' y2='85.88' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 3.99; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5px;'/%3E%3Cpath d='M5,82.47C101.84,46.13,250.23,1.51,474.82,1.25' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 4.01; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5px;'/%3E%3Cpath d='M480.84,1.25c227.42.57,384.18,49.47,469.71,81.92' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 4.01; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5px;'/%3E%3Cpath d='M952.41,426.83c-2.25,320.33-274.76,505.67-473.84,622.87' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 4; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5px;'/%3E%3Cline x1='79.83' y1='418.28' x2='79.83' y2='88.41' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 6.05; stroke-linecap:round; stroke-linejoin:round; stroke-width:2px;'/%3E%3Cpath d='M515.41,1098.21C305.07,973.13,39.82,791.33,39.82,470.33V131.38c97.03-36.7,246.93-82.63,475.58-82.63s390,50.01,475.59,82.63v338.95c0,323.71-275.53,510.26-475.58,627.88Z' style='fill:none; stroke:%23fff; stroke-miterlimit:10; stroke-width:4px;'/%3E%3Cpath d='M541.22,1135.51c-210.34-125.09-475.59-306.88-475.59-627.88V168.67c97.03-36.7,246.93-82.63,475.58-82.63s390,50.01,475.6,82.63v338.95c0,323.71-275.53,510.26-475.58,627.88Z' style='fill:none; stroke:%23fff; stroke-miterlimit:10; stroke-width:2px;'/%3E%3Cpath d='M486.38,1136.05C276.04,1010.97,10.79,829.17,10.79,508.17V169.22c97.03-36.69,246.93-82.63,475.58-82.63s390,50.01,475.59,82.63v338.95c0,323.71-275.53,510.26-475.58,627.88Z' style='fill:none; stroke:%23fff; stroke-miterlimit:10;'/%3E%3C/g%3E%3C/svg%3E");
}
div.home-hero-cta-buttons div a:nth-of-type(2):hover {
  background: var(--ps-creek-700);
  background: linear-gradient(135deg, rgb(50, 130, 126) 0%, rgb(37, 98, 95) 50%);
}
div.home-hero-cta-buttons div a:nth-of-type(3) {
  background: var(--ps-sky-blue-600);
  background: linear-gradient(135deg, rgb(0, 94, 133) 0%, rgb(0, 125, 178) 50%);
  border-left: var(--spacing-x-small) solid var(--ps-sky-blue-450);
}
div.home-hero-cta-buttons div a:nth-of-type(3) .cta-bg {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b' xmlns='http://www.w3.org/2000/svg' width='1017.8' height='1136.67' opacity='25%' viewBox='0 0 1017.8 1136.67'%3E%3Cg id='c'%3E%3Cpath d='M473.4,1048.67C264.06,923.91,2.35,742.85,1.25,424.83' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 4; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5px;'/%3E%3Cline x1='1.25' y1='418.85' x2='1.25' y2='85.88' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 3.99; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5px;'/%3E%3Cpath d='M5,82.47C101.84,46.13,250.23,1.51,474.82,1.25' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 4.01; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5px;'/%3E%3Cpath d='M480.84,1.25c227.42.57,384.18,49.47,469.71,81.92' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 4.01; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5px;'/%3E%3Cpath d='M952.41,426.83c-2.25,320.33-274.76,505.67-473.84,622.87' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 4; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5px;'/%3E%3Cline x1='79.83' y1='418.28' x2='79.83' y2='88.41' style='fill:none; stroke:%23fff; stroke-dasharray:0 0 0 6.05; stroke-linecap:round; stroke-linejoin:round; stroke-width:2px;'/%3E%3Cpath d='M515.41,1098.21C305.07,973.13,39.82,791.33,39.82,470.33V131.38c97.03-36.7,246.93-82.63,475.58-82.63s390,50.01,475.59,82.63v338.95c0,323.71-275.53,510.26-475.58,627.88Z' style='fill:none; stroke:%23fff; stroke-miterlimit:10; stroke-width:4px;'/%3E%3Cpath d='M541.22,1135.51c-210.34-125.09-475.59-306.88-475.59-627.88V168.67c97.03-36.7,246.93-82.63,475.58-82.63s390,50.01,475.6,82.63v338.95c0,323.71-275.53,510.26-475.58,627.88Z' style='fill:none; stroke:%23fff; stroke-miterlimit:10; stroke-width:2px;'/%3E%3Cpath d='M486.38,1136.05C276.04,1010.97,10.79,829.17,10.79,508.17V169.22c97.03-36.69,246.93-82.63,475.58-82.63s390,50.01,475.59,82.63v338.95c0,323.71-275.53,510.26-475.58,627.88Z' style='fill:none; stroke:%23fff; stroke-miterlimit:10;'/%3E%3C/g%3E%3C/svg%3E");
}
div.home-hero-cta-buttons div a:nth-of-type(3):hover {
  background: var(--ps-sky-blue-700);
  background: linear-gradient(135deg, rgb(0, 125, 178) 0%, rgb(0, 94, 133) 50%);
}
div.home-hero-cta-buttons div a p {
  padding-top: 0;
}
div.home-hero-cta-buttons div a p.hero-cta-header {
  font-family: var(--font-serif);
  font-size: var(--h3);
  line-height: var(--line-height-medium);
  transition: var(--transition-base);
}
@media (min-width: 1080px) {
  div.home-hero-cta-buttons div a p.hero-cta-header {
    font-size: var(--h2);
  }
}
div.home-hero-cta-buttons div a p.hero-cta-text {
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  line-height: var(--line-height-small);
}
@media (min-width: 1080px) {
  div.home-hero-cta-buttons div a p.hero-cta-text {
    font-size: var(--h6);
  }
}

@media (min-width: 768px) {
  .block-psucampus-homepage-hero.hero-with-cta + script + .container-fluid section.container-grid-builder.bg-color:has(+ .component) {
    padding-top: 6rem;
  }
}
.block-psucampus-home-page.block-homepage-image-story figure {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  opacity: 0.65;
}
.block-psucampus-home-page.block-homepage-image-story .hero {
  position: relative;
  width: 100vw;
  min-height: 100lvh;
  background-color: var(--ps-nittany-navy-500);
}
.block-psucampus-home-page.block-homepage-image-story .hero-inner {
  position: absolute;
  overflow: hidden;
  width: 100%;
  top: 0;
  right: 0;
  min-height: 100lvh;
  clip: rect(0, auto, auto, 0);
}
@supports (-webkit-overflow-scrolling: touch) {
  .block-psucampus-home-page.block-homepage-image-story .hero-inner {
    clip: unset;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
.block-psucampus-home-page.block-homepage-image-story h2.hero__title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 1rem;
  width: 100%;
  height: 100%;
  color: var(--white);
  font-size: 6vmax;
  letter-spacing: -0.125rem;
  text-align: center;
  text-shadow: 0.25vmax 0.25vmax 0.25vmax rgba(0, 0, 0, 0.75);
  font-weight: var(--font-weight-medium);
}
.block-psucampus-home-page.block-homepage-image-story + section {
  padding-top: 3rem;
}
.block-psucampus-home-page.block-homepage-image-story + section::before {
  content: "";
  display: block;
  position: absolute;
  top: -10vh;
  left: 0;
  width: 100%;
  height: 20vh;
  background-color: white;
  z-index: 0;
  -webkit-clip-path: ellipse(60% 35% at 50% 50%);
  clip-path: ellipse(60% 35% at 50% 50%);
}

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

.antihero .bg-pattern {
  position: absolute;
  overflow: hidden;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

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

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

.antihero:not(.reverse) .bg-pattern-limestone,
.antihero:not(.reverse) .bg-pattern-hub {
  filter: opacity(0.2) invert(0.75) sepia(44%) saturate(2581%) hue-rotate(199deg) brightness(96%) contrast(85%);
}

.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-image: url("../assets/components/img/corner-shield-accent-pugh-blue.png");
    background-image: url("../assets/components/img/corner-shield-accent-white.svg");
    background-position: right bottom;
    background-repeat: no-repeat;
  }
}

.antihero:not(.reverse) .bg-corner-shield,
.antihero:not(.reverse) .bg-s-curve {
  filter: opacity(0.5) invert(0.75) sepia(44%) saturate(2581%) hue-rotate(199deg) brightness(96%) contrast(85%);
}

@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;
    background-repeat: no-repeat;
  }
}

.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 p {
  line-height: var(--line-height-large);
}
.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;
  position: relative;
}
.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, .antihero.reverse h1,
.antihero.reverse p.lead {
  color: var(--white);
}

@media (min-width: 1080px) {
  .antihero .container.container-fixed-wide {
    grid-template: "col ." auto/5fr 1fr;
  }
}
.outline-hero-wrap {
  overflow: hidden;
  object-fit: cover;
  position: relative;
  height: auto;
}
@media (min-width: 1080px) {
  .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: var(--font-weight-black);
  font-family: var(--font-sans), "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: var(--font-weight-black);
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
  text-transform: uppercase;
}

.full-color-hero.outline-hero-wrap {
  overflow: visible;
}
@media (min-width: 1080px) {
  .full-color-hero.outline-hero-wrap {
    max-height: 810px;
    height: 66.66vh;
  }
}

@media (min-width: 1080px) {
  .full-color-hero.full-color-hero-overlap { /* fix margin offset for grid/no-grid cases */
    margin-bottom: var(--spacing-large);
  }
  .full-color-hero.full-color-hero-overlap + .container-content-builder .container .col .container-grid-builder.bg-color:first-child {
    margin-top: calc(-1 * var(--spacing-large));
    padding-top: var(--spacing-large);
  }
  .block-psucampus-homepage-hero + .container-content-builder:first-child .container .col p:first-child {
    padding-top: var(--spacing-large);
  }
}
@media (min-width: 1080px) {
  .full-color-hero.full-color-hero-overlap.block-psucampus-homepage-hero .hero-container {
    bottom: calc(-1 * var(--spacing-standard));
  }
}

@media (max-width: 1080px) {
  .full-color-hero.block-psucampus-homepage-hero .hero-container .hero-grid,
  .full-color-hero.full-color-hero-overlap.block-psucampus-homepage-hero .hero-container .hero-grid {
    margin-left: 0;
    margin-right: 0;
  }
}

.full-color-hero.block-psucampus-homepage-hero .hero-container .hero-grid {
  align-items: flex-end;
}
@media (max-width: 768px) {
  .full-color-hero.block-psucampus-homepage-hero .hero-container .hero-grid {
    margin-left: 0;
    margin-right: 0;
  }
}
.full-color-hero.block-psucampus-homepage-hero .hero-container .hero-group-text {
  padding: var(--spacing-medium-large);
  position: relative;
  z-index: 3;
}
@media (min-width: 768px) {
  .full-color-hero.block-psucampus-homepage-hero .hero-container .hero-group-text {
    grid-column: 1/span 8;
  }
}
.full-color-hero.block-psucampus-homepage-hero .hero-container .hero-group-text h1.hero-header,
.full-color-hero.block-psucampus-homepage-hero .hero-container .hero-group-text p.hero-header {
  font-size: var(--display-5);
  padding-top: 0;
  color: var(--color-primary-header);
}
.full-color-hero.block-psucampus-homepage-hero .hero-container .hero-group-text p:not(.hero-header) {
  font-size: var(--h5);
  color: var(--ps-pugh-blue-650);
  font-weight: var(--font-weight-medium);
}
@media (min-width: 1080px) {
  .full-color-hero.block-psucampus-homepage-hero .hero-container .hero-group-text {
    grid-column: 1/span 4;
    background: rgba(var(--ps-nittany-navy-rgb), 0.95);
    color: var(--white);
  }
  .full-color-hero.block-psucampus-homepage-hero .hero-container .hero-group-text p:not(.hero-header) {
    color: var(--white);
  }
  .full-color-hero.block-psucampus-homepage-hero .hero-container .hero-group-text h1.hero-header,
  .full-color-hero.block-psucampus-homepage-hero .hero-container .hero-group-text p.hero-header {
    color: var(--white);
  }
}

@media (min-width: 768px) {
  .full-color-hero.full-color-hero-white.outline-hero-wrap,
  .full-color-hero.full-color-hero-overlap.outline-hero-wrap {
    height: auto;
    aspect-ratio: unset;
  }
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-img-wrapper,
  .full-color-hero.full-color-hero-overlap.block-psucampus-homepage-hero .hero-img-wrapper {
    position: relative;
    height: 56.25vw;
    aspect-ratio: 16/9;
  }
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container,
  .full-color-hero.full-color-hero-overlap.block-psucampus-homepage-hero .hero-container {
    position: relative;
  }
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container .hero-group-text,
  .full-color-hero.full-color-hero-overlap.block-psucampus-homepage-hero .hero-container .hero-group-text {
    margin-bottom: 0;
  }
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .outline-hero-wrap,
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container .hero-grid,
  .full-color-hero.full-color-hero-overlap.block-psucampus-homepage-hero .outline-hero-wrap,
  .full-color-hero.full-color-hero-overlap.block-psucampus-homepage-hero .hero-container .hero-grid {
    height: auto;
  }
}
@media (min-width: 1080px) {
  .full-color-hero.full-color-hero-white.outline-hero-wrap,
  .full-color-hero.full-color-hero-overlap.outline-hero-wrap {
    overflow: visible;
  }
}
@media (min-width: 1080px) and (min-width: 1080px) {
  .full-color-hero.full-color-hero-white.outline-hero-wrap,
  .full-color-hero.full-color-hero-overlap.outline-hero-wrap {
    max-height: 810px;
    height: 66.66vh;
  }
}
@media (min-width: 1080px) {
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-img-wrapper span.accordion-content,
  .full-color-hero.full-color-hero-overlap.block-psucampus-homepage-hero .hero-img-wrapper span.accordion-content {
    width: 48%;
  }
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container,
  .full-color-hero.full-color-hero-overlap.block-psucampus-homepage-hero .hero-container {
    position: absolute;
  }
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-img-wrapper,
  .full-color-hero.full-color-hero-overlap.block-psucampus-homepage-hero .hero-img-wrapper {
    aspect-ratio: unset;
    height: 100%;
    position: absolute;
  }
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container .hero-grid,
  .full-color-hero.full-color-hero-overlap.block-psucampus-homepage-hero .hero-container .hero-grid {
    height: 100%;
  }
}
@media (min-width: 1080px) {
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container .hero-grid {
    align-items: center;
  }
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container .hero-group-text {
    margin-bottom: 0;
  }
}
@media (min-width: 1080px) {
  .full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container .hero-group-text {
    margin-bottom: var(--spacing-standard);
  }
}
.full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container .hero-group-text {
  background: rgba(var(--white-rgb), 0.9);
}
.full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container h1.hero-header,
.full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container p.hero-header {
  color: var(--color-primary-header);
}
.full-color-hero.full-color-hero-white.block-psucampus-homepage-hero .hero-container p:not(.hero-header) {
  color: var(--ps-pugh-blue-650);
  font-weight: var(--font-weight-medium);
}

.entry_type_homePage .block-psucampus-homepage-hero.stacked-hero {
  height: auto;
  max-height: none;
  min-height: auto;
  aspect-ratio: unset;
}
.entry_type_homePage .block-psucampus-homepage-hero.stacked-hero .hero-img-wrapper {
  position: relative;
  aspect-ratio: 16/7;
}
.entry_type_homePage .block-psucampus-homepage-hero.stacked-hero .hero-img-wrapper img {
  object-position: 50% 35%;
}
@media (min-width: 1440px) {
  .entry_type_homePage .block-psucampus-homepage-hero.stacked-hero .hero-img-wrapper {
    height: auto;
    aspect-ratio: 16/7;
  }
}
@media (min-width: 1800px) {
  .entry_type_homePage .block-psucampus-homepage-hero.stacked-hero .hero-img-wrapper {
    aspect-ratio: 16/6;
  }
}
.entry_type_homePage .block-psucampus-homepage-hero.stacked-hero .hero-container {
  position: relative;
}
@media (min-width: 768px) {
  .entry_type_homePage .block-psucampus-homepage-hero.stacked-hero .hero-container .hero-group-text {
    grid-column: 1/span 8;
  }
}
@media (min-width: 1440px) {
  .entry_type_homePage .block-psucampus-homepage-hero.stacked-hero .hero-container .hero-group-text {
    grid-column: 1/span 9;
  }
}
.entry_type_homePage .block-psucampus-homepage-hero.stacked-hero .hero-container .hero-group-text p,
.entry_type_homePage .block-psucampus-homepage-hero.stacked-hero .hero-container .hero-groupt-text p.hero-header {
  color: var(--color-primary-header);
}
@media (min-width: 768px) {
  .entry_type_homePage .block-psucampus-homepage-hero.full-color-hero {
    height: auto;
    aspect-ratio: 16/8;
  }
}
@media (min-width: 1800px) {
  .entry_type_homePage .block-psucampus-homepage-hero.full-color-hero {
    aspect-ratio: 16/6;
  }
}
@media (max-width: 1080px) {
  .entry_type_homePage { /* auto for mobile and tablet */ }
  .entry_type_homePage .block-psucampus-homepage-hero.full-color-hero {
    height: auto;
    max-height: none;
    min-height: auto;
    aspect-ratio: unset;
  }
}
.entry_type_homePage .block-psucampus-homepage-hero.full-color-hero .hero-container .hero-group-text {
  padding: var(--spacing-standard);
}
.entry_type_homePage .block-psucampus-homepage-hero.full-color-hero .hero-container .hero-group-text p.hero-header {
  font-size: var(--h1);
  color: var(--color-primary-header);
}
@media (min-width: 1080px) {
  .entry_type_homePage .block-psucampus-homepage-hero.full-color-hero .hero-container .hero-group-text p.hero-header {
    font-size: var(--h3);
    padding-top: 0;
    color: var(--white);
  }
}
@media (min-width: 1440px) {
  .entry_type_homePage .block-psucampus-homepage-hero.full-color-hero .hero-container .hero-group-text p.hero-header {
    font-size: var(--h2);
  }
}
.entry_type_homePage .full-color-hero.block-psucampus-homepage-hero .hero-container .hero-group-text p:not(.hero-header) {
  font-size: var(--font-size-xl);
  font-family: var(--font-sans);
  line-height: var(--line-height-small);
}
.entry_type_homePage .block-psucampus-homepage-hero.full-color-hero .hero-img-wrapper img img {
  object-position: 50% 35%;
}
.entry_type_homePage .block-psucampus-homepage-hero.full-color-hero .hero-container .hero-group-text .hero-button a {
  font-size: var(--font-size-lg);
}
@media (min-width: 1080px) {
  .entry_type_homePage .full-color-hero.full-color-hero-overlap + .container-content-builder .container .col .container-grid-builder.bg-color:first-child {
    margin-top: calc(-1 * var(--spacing-large));
    padding-top: var(--spacing-large);
  }
}

.entry_type_homePage .container-fluid.hero-text-primary .container,
.entry_type_standard .container-fluid.hero-text-primary .container {
  padding: var(--spacing-large) 0;
}

.hero-text-primary.antihero .container.container-fixed-wide {
  grid-template: none;
  grid-gap: var(--spacing-medium-large);
}
@media (min-width: 768px) {
  .hero-text-primary.antihero .container.container-fixed-wide {
    grid-template-columns: 6fr 4fr;
    grid-auto-flow: column;
  }
}
@media (min-width: 1080px) {
  .hero-text-primary.antihero .container.container-fixed-wide {
    grid-template-columns: 6fr 4fr;
    grid-auto-flow: column;
    align-items: center;
  }
}
.hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text p {
  font-size: var(--h5);
  line-height: var(--line-height-medium);
}
.hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text h1,
.hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text p.hero-header {
  padding-top: 0;
}
@media (min-width: 768px) {
  .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text p.hero-header {
    font-size: var(--display-4);
  }
}
@media (min-width: 1080px) {
  .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text p {
    font-size: var(--h4);
  }
  .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text h1 {
    font-size: var(--display-4);
  }
}
@media (min-width: 1440px) {
  .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text p {
    font-size: var(--h3);
  }
}
.hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-image {
  display: none;
}
@media (min-width: 768px) {
  .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-image {
    display: block;
    height: fit-content;
  }
  .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-image img {
    width: 100%;
    height: auto;
  }
}

.image-gallery-simple-wrap {
  width: 100%;
  padding-top: var(--spacing-standard);
}
.image-gallery-simple-wrap .image-gallery-masonry-columns,
.image-gallery-simple-wrap .image-gallery-masonry {
  column-count: 1;
}
.image-gallery-simple-wrap .image-gallery-masonry-columns > div,
.image-gallery-simple-wrap .image-gallery-masonry > div {
  padding-bottom: var(--spacing-standard);
  break-inside: avoid;
}
.image-gallery-simple-wrap .image-gallery-masonry-columns > div img,
.image-gallery-simple-wrap .image-gallery-masonry > div img {
  width: 100%;
  height: auto;
}
@media (min-width: 576px) {
  .image-gallery-simple-wrap .image-gallery-masonry-columns,
  .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-columns,
  .image-gallery-simple-wrap .image-gallery-masonry {
    column-count: 3;
  }
}

.grid-layout:not([data-columns="1"]) { /* in grid layout when more than one column */ }
@media (min-width: 768px) {
  .grid-layout:not([data-columns="1"]) .image-gallery-simple-wrap .image-gallery-masonry-columns,
  .grid-layout:not([data-columns="1"]) .image-gallery-simple-wrap .image-gallery-masonry {
    column-count: 2;
  }
}

.image-gallery-flex > div {
  margin-bottom: var(--spacing-standard);
}
.image-gallery-flex > div img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .image-gallery-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: var(--spacing-maximum);
  }
  .image-gallery-flex > div {
    margin-bottom: 0;
    padding-top: var(--spacing-xx-large);
    padding-bottom: var(--spacing-xx-large);
    text-align: center;
    flex-basis: calc(50% - 0.5 * var(--spacing-maximum));
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
  }
  .image-gallery-flex > div img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 60vh;
    margin: 0 auto;
  }
  .image-gallery-flex div[data-width-adjustment="1"] > span {
    max-width: 95%;
    width: 95%;
  }
  .image-gallery-flex div[data-width-adjustment="2"] > span {
    max-width: 85%;
    width: 85%;
  }
  .image-gallery-flex div[data-width-adjustment="3"] > span {
    max-width: 75%;
    width: 75%;
  }
}

.image-gallery-fixed-height-grid > div {
  margin-bottom: var(--spacing-standard);
}
.image-gallery-fixed-height-grid > div img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .image-gallery-fixed-height-grid {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--spacing-standard);
    justify-content: center;
  }
  .image-gallery-fixed-height-grid .media-embed-container {
    height: 35vh; /* required for display on in fixed height mode */
  }
  .image-gallery-fixed-height-grid > div {
    height: 35vh;
    margin-bottom: 0;
  }
  .image-gallery-fixed-height-grid > div img {
    height: 100%;
    width: auto;
    margin-bottom: 0;
  }
}

.image-gallery button:focus, .image-gallery :focus,
.offset-top-project button:focus,
.offset-top-project :focus,
.hero-img-wrapper button:focus,
.hero-img-wrapper :focus,
.non-homepage-hero-short-wrap button:focus,
.non-homepage-hero-short-wrap :focus,
.hero-text-primary-image button:focus,
.hero-text-primary-image :focus,
figure.element button:focus,
figure.element :focus {
  outline-style: none !important;
}
.image-gallery .accordion-content dl.faq dt button,
.offset-top-project .accordion-content dl.faq dt button,
.hero-img-wrapper .accordion-content dl.faq dt button,
.non-homepage-hero-short-wrap .accordion-content dl.faq dt button,
.hero-text-primary-image .accordion-content dl.faq dt button,
figure.element .accordion-content dl.faq dt button {
  border-bottom: none;
}
.image-gallery .accordion-content dl.faq dt:first-of-type button,
.offset-top-project .accordion-content dl.faq dt:first-of-type button,
.hero-img-wrapper .accordion-content dl.faq dt:first-of-type button,
.non-homepage-hero-short-wrap .accordion-content dl.faq dt:first-of-type button,
.hero-text-primary-image .accordion-content dl.faq dt:first-of-type button,
figure.element .accordion-content dl.faq dt:first-of-type button {
  border-top: none;
}
.image-gallery .accordion-content dl button > span::after,
.offset-top-project .accordion-content dl button > span::after,
.hero-img-wrapper .accordion-content dl button > span::after,
.non-homepage-hero-short-wrap .accordion-content dl button > span::after,
.hero-text-primary-image .accordion-content dl button > span::after,
figure.element .accordion-content dl button > span::after {
  content: "";
  width: var(--spacing-standard);
  height: var(--spacing-standard);
  font-size: var(--font-size-base);
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: var(--font-weight-bold);
  right: 0.25rem;
  top: -1rem;
  padding-top: 0.09em; /* slightly offset i, flex does not center vertically b/c i has no descender */
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="b" xmlns="http://www.w3.org/2000/svg" width="14.4" height="36.91" viewBox="0 0 14.4 36.91"><g id="c"><path d="M.77,32.93c0-.8.09-1.64.26-2.52.18-.88.34-1.7.5-2.47l2.64-12.19,1.58,1.54-5.76-.38.48-2.4,9.89-2.88,2.02.58-3.55,16.22c-.13.58-.23,1.1-.31,1.56-.08.46-.12.86-.12,1.18,0,.38.09.68.26.89.18.21.42.31.74.31.45,0,.9-.23,1.37-.7s1.06-1.22,1.8-2.28l1.82,1.15c-.7,1.22-1.5,2.3-2.38,3.26-.88.96-1.87,1.72-2.98,2.28s-2.34.84-3.72.84c-1.54,0-2.68-.36-3.43-1.08-.75-.72-1.13-1.69-1.13-2.9ZM9.84,7.78c-1.02,0-1.9-.32-2.62-.96-.72-.64-1.08-1.49-1.08-2.54,0-1.15.42-2.15,1.27-3,.85-.85,1.88-1.27,3.1-1.27,1.09,0,1.97.33,2.64.98.67.66,1.01,1.48,1.01,2.47,0,1.18-.41,2.2-1.22,3.05-.82.85-1.85,1.27-3.1,1.27Z" fill="%231e407b" stroke-width="0"/></g></svg>');
  background-repeat: no-repeat;
  background-size: var(--spacing-small) var(--spacing-small);
}
.image-gallery .accordion-content dl dt button[aria-expanded=true] span::after,
.offset-top-project .accordion-content dl dt button[aria-expanded=true] span::after,
.hero-img-wrapper .accordion-content dl dt button[aria-expanded=true] span::after,
.non-homepage-hero-short-wrap .accordion-content dl dt button[aria-expanded=true] span::after,
.hero-text-primary-image .accordion-content dl dt button[aria-expanded=true] span::after,
figure.element .accordion-content dl dt button[aria-expanded=true] span::after {
  content: "";
  background-color: var(--ps-limestone-gray-100);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="b" xmlns="http://www.w3.org/2000/svg" width="14.4" height="36.91" viewBox="0 0 14.4 36.91"><g id="c"><path d="M.77,32.93c0-.8.09-1.64.26-2.52.18-.88.34-1.7.5-2.47l2.64-12.19,1.58,1.54-5.76-.38.48-2.4,9.89-2.88,2.02.58-3.55,16.22c-.13.58-.23,1.1-.31,1.56-.08.46-.12.86-.12,1.18,0,.38.09.68.26.89.18.21.42.31.74.31.45,0,.9-.23,1.37-.7s1.06-1.22,1.8-2.28l1.82,1.15c-.7,1.22-1.5,2.3-2.38,3.26-.88.96-1.87,1.72-2.98,2.28s-2.34.84-3.72.84c-1.54,0-2.68-.36-3.43-1.08-.75-.72-1.13-1.69-1.13-2.9ZM9.84,7.78c-1.02,0-1.9-.32-2.62-.96-.72-.64-1.08-1.49-1.08-2.54,0-1.15.42-2.15,1.27-3,.85-.85,1.88-1.27,3.1-1.27,1.09,0,1.97.33,2.64.98.67.66,1.01,1.48,1.01,2.47,0,1.18-.41,2.2-1.22,3.05-.82.85-1.85,1.27-3.1,1.27Z" fill="%231e407b" stroke-width="0"/></g></svg>');
  background-repeat: no-repeat;
  background-size: var(--spacing-small) var(--spacing-small);
}
.image-gallery .accordion-content dl dt button[aria-expanded=true] span::after:hover,
.offset-top-project .accordion-content dl dt button[aria-expanded=true] span::after:hover,
.hero-img-wrapper .accordion-content dl dt button[aria-expanded=true] span::after:hover,
.non-homepage-hero-short-wrap .accordion-content dl dt button[aria-expanded=true] span::after:hover,
.hero-text-primary-image .accordion-content dl dt button[aria-expanded=true] span::after:hover,
figure.element .accordion-content dl dt button[aria-expanded=true] span::after:hover {
  background: var(--ps-limestone-gray-200);
}
.image-gallery > div,
.offset-top-project > div,
.hero-img-wrapper > div,
.non-homepage-hero-short-wrap > div,
.hero-text-primary-image > div,
figure.element > div {
  position: relative;
}
.image-gallery span.accordion-content,
.offset-top-project span.accordion-content,
.hero-img-wrapper span.accordion-content,
.non-homepage-hero-short-wrap span.accordion-content,
.hero-text-primary-image span.accordion-content,
figure.element span.accordion-content {
  position: absolute;
  bottom: 0.5rem;
  width: calc(100% - 1rem);
  right: 0.5rem;
  margin: 0;
}
.image-gallery .accordion-content dl,
.offset-top-project .accordion-content dl,
.hero-img-wrapper .accordion-content dl,
.non-homepage-hero-short-wrap .accordion-content dl,
.hero-text-primary-image .accordion-content dl,
figure.element .accordion-content dl {
  border: none;
}
.image-gallery .accordion-content dl dt button span,
.offset-top-project .accordion-content dl dt button span,
.hero-img-wrapper .accordion-content dl dt button span,
.non-homepage-hero-short-wrap .accordion-content dl dt button span,
.hero-text-primary-image .accordion-content dl dt button span,
figure.element .accordion-content dl dt button span {
  padding: 0;
}
.image-gallery .accordion-content dl dd.desc,
.offset-top-project .accordion-content dl dd.desc,
.hero-img-wrapper .accordion-content dl dd.desc,
.non-homepage-hero-short-wrap .accordion-content dl dd.desc,
.hero-text-primary-image .accordion-content dl dd.desc,
figure.element .accordion-content dl dd.desc {
  display: block;
  position: absolute;
  width: auto; /* was 100% - but display is better for short content */
  right: 0;
  bottom: 0;
  border-bottom: none;
  background: rgba(var(--white-rgb), 0.95);
  padding: var(--spacing-x-small) var(--spacing-large) var(--spacing-xx-small) var(--spacing-small);
  text-align: left;
  font-family: var(--font-sans);
  font-size: var(--small-1);
  line-height: var(--line-height-medium);
  display: inline;
}
.image-gallery .accordion-content dl dd.desc p, .image-gallery .accordion-content dl dd.desc a,
.offset-top-project .accordion-content dl dd.desc p,
.offset-top-project .accordion-content dl dd.desc a,
.hero-img-wrapper .accordion-content dl dd.desc p,
.hero-img-wrapper .accordion-content dl dd.desc a,
.non-homepage-hero-short-wrap .accordion-content dl dd.desc p,
.non-homepage-hero-short-wrap .accordion-content dl dd.desc a,
.hero-text-primary-image .accordion-content dl dd.desc p,
.hero-text-primary-image .accordion-content dl dd.desc a,
figure.element .accordion-content dl dd.desc p,
figure.element .accordion-content dl dd.desc a {
  font-size: var(--small-1);
  line-height: var(--line-height-medium);
  display: inline;
}
.image-gallery span.img-size-for-caption,
.offset-top-project span.img-size-for-caption,
.hero-img-wrapper span.img-size-for-caption,
.non-homepage-hero-short-wrap span.img-size-for-caption,
.hero-text-primary-image span.img-size-for-caption,
figure.element span.img-size-for-caption {
  position: relative;
  height: inherit;
  display: inline-block;
  width: 100%;
}
.image-gallery .accordion-content dl button > span::after,
.offset-top-project .accordion-content dl button > span::after,
.hero-img-wrapper .accordion-content dl button > span::after,
.non-homepage-hero-short-wrap .accordion-content dl button > span::after,
.hero-text-primary-image .accordion-content dl button > span::after,
figure.element .accordion-content dl button > span::after {
  z-index: 9;
}

.reverse .image-gallery .accordion-content dl dt button[aria-expanded=true] span::after,
.reverse .offset-top-project .accordion-content dl dt button[aria-expanded=true] span::after,
.reverse .hero-img-wrapper .accordion-content dl dt button[aria-expanded=true] span::after,
.reverse .non-homepage-hero-short-wrap .accordion-content dl dt button[aria-expanded=true] span::after,
.reverse .hero-text-primary-image .accordion-content dl dt button[aria-expanded=true] span::after {
  background-color: var(--link-color);
}
.reverse .image-gallery .accordion-content dl dt button[aria-expanded=true] span::after:hover,
.reverse .offset-top-project .accordion-content dl dt button[aria-expanded=true] span::after:hover,
.reverse .hero-img-wrapper .accordion-content dl dt button[aria-expanded=true] span::after:hover,
.reverse .non-homepage-hero-short-wrap .accordion-content dl dt button[aria-expanded=true] span::after:hover,
.reverse .hero-text-primary-image .accordion-content dl dt button[aria-expanded=true] span::after:hover {
  background: var(--link-color-hover);
}
.reverse .image-gallery .accordion-content dl button > span::after,
.reverse .image-gallery .accordion-content dl dt button[aria-expanded=true] span::after,
.reverse .offset-top-project .accordion-content dl button > span::after,
.reverse .offset-top-project .accordion-content dl dt button[aria-expanded=true] span::after,
.reverse .hero-img-wrapper .accordion-content dl button > span::after,
.reverse .hero-img-wrapper .accordion-content dl dt button[aria-expanded=true] span::after,
.reverse .non-homepage-hero-short-wrap .accordion-content dl button > span::after,
.reverse .non-homepage-hero-short-wrap .accordion-content dl dt button[aria-expanded=true] span::after,
.reverse .hero-text-primary-image .accordion-content dl button > span::after,
.reverse .hero-text-primary-image .accordion-content dl dt button[aria-expanded=true] span::after {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="b" xmlns="http://www.w3.org/2000/svg" width="14.4" height="36.91" viewBox="0 0 14.4 36.91"><g id="c"><path d="M.77,32.93c0-.8.09-1.64.26-2.52.18-.88.34-1.7.5-2.47l2.64-12.19,1.58,1.54-5.76-.38.48-2.4,9.89-2.88,2.02.58-3.55,16.22c-.13.58-.23,1.1-.31,1.56-.08.46-.12.86-.12,1.18,0,.38.09.68.26.89.18.21.42.31.74.31.45,0,.9-.23,1.37-.7s1.06-1.22,1.8-2.28l1.82,1.15c-.7,1.22-1.5,2.3-2.38,3.26-.88.96-1.87,1.72-2.98,2.28s-2.34.84-3.72.84c-1.54,0-2.68-.36-3.43-1.08-.75-.72-1.13-1.69-1.13-2.9ZM9.84,7.78c-1.02,0-1.9-.32-2.62-.96-.72-.64-1.08-1.49-1.08-2.54,0-1.15.42-2.15,1.27-3,.85-.85,1.88-1.27,3.1-1.27,1.09,0,1.97.33,2.64.98.67.66,1.01,1.48,1.01,2.47,0,1.18-.41,2.2-1.22,3.05-.82.85-1.85,1.27-3.1,1.27Z" fill="%23ffffff" stroke-width="0"/></g></svg>');
}
.reverse .image-gallery .accordion-content dl.faq dd.desc {
  padding-top: var(--spacing-x-small);
}

.offset-top-project .accordion-content,
.hero-img-wrapper .accordion-content {
  z-index: 9;
}
.offset-top-project span.img-size-for-caption,
.hero-img-wrapper span.img-size-for-caption {
  position: static;
}

@media (min-width: 768px) {
  .hero-img-wrapper span.accordion-content {
    width: 50%;
  }
}
@media (min-width: 1080px) {
  .hero-img-wrapper span.accordion-content {
    width: 25%;
  }
}
@media (min-width: 1440px) {
  .hero-img-wrapper span.accordion-content {
    width: 33.33%;
  }
}

.reverse .image-gallery .accordion-content dl dd.desc {
  background: rgba(var(--ps-black-rgb), 0.95);
}

.image-gallery-staggered > div {
  margin-bottom: var(--spacing-standard);
  break-inside: avoid;
}
.image-gallery-staggered > div img {
  width: 100%;
  height: auto;
  will-change: transform;
}
@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:first-child > span {
    margin-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 > span {
    margin-top: var(--spacing-x-large);
    margin-bottom: var(--spacing-x-large);
  }
  .image-gallery-staggered div[data-width-adjustment="0"] > span {
    max-width: 100%;
    width: 100%;
  }
  .image-gallery-staggered div[data-width-adjustment="1"] > span {
    max-width: 95%;
    width: 95%;
  }
  .image-gallery-staggered div[data-width-adjustment="2"] > span {
    max-width: 85%;
    width: 85%;
  }
  .image-gallery-staggered div[data-width-adjustment="3"] > span {
    max-width: 75%;
    width: 75%;
  }
}

.image-gallery-duo .caption-wrap {
  display: inline;
  font-size: var(--small-2);
}
.image-gallery-duo .caption-wrap p {
  display: inline;
  font-size: var(--small-2);
}
.image-gallery-duo .caption-wrap + .caption-wrap strong.duo-img-caption-side {
  margin-left: var(--spacing-minimum);
}
.image-gallery-duo .duo-grid {
  display: grid;
  position: relative;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  padding: var(--spacing-standard) 0 var(--spacing-small) 0;
}
.image-gallery-duo .duo-grid.duo-mixed-left, .image-gallery-duo .duo-grid.duo-mixed-right {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.image-gallery-duo figure img {
  width: 100%;
  height: auto;
}
.image-gallery-duo .duo-mixed-left figure {
  border: 0.125rem solid rgba(255, 255, 255, 0.75);
  box-shadow: var(--box-shadow-light);
}
.image-gallery-duo .duo-mixed-left figure:nth-of-type(1) {
  grid-row: 1/span 7;
  grid-column: 1/span 7;
  z-index: 1;
}
.image-gallery-duo .duo-mixed-left figure:nth-of-type(2) {
  grid-row: 2;
  grid-column: 7/span 6;
  z-index: 2;
}
.image-gallery-duo .duo-mixed-right figure {
  border: 0.125rem solid rgba(255, 255, 255, 0.75);
  box-shadow: var(--box-shadow-light);
}
.image-gallery-duo .duo-mixed-right figure:nth-of-type(2) {
  grid-row: 1/span 7;
  grid-column: 6/span 7;
  z-index: 1;
}
.image-gallery-duo .duo-mixed-right figure:nth-of-type(1) {
  grid-row: 2;
  grid-column: 1/span 6;
  z-index: 2;
}
.image-gallery-duo .duo-squares-right figure:nth-of-type(1) {
  grid-row: 1/span 10;
  grid-column: 1/span 10;
  box-shadow: var(--box-shadow-medium);
}
.image-gallery-duo .duo-squares-right figure:nth-of-type(2) {
  grid-row: 2/span 7;
  grid-column: 10/span 7;
  z-index: 1;
  box-shadow: var(--box-shadow-medium);
  transform: rotate(2deg);
}
.image-gallery-duo .duo-squares-left figure:nth-of-type(2) {
  grid-row: 1/span 10;
  grid-column: 7/span 10;
  box-shadow: var(--box-shadow-medium);
}
.image-gallery-duo .duo-squares-left figure:nth-of-type(1) {
  grid-row: 2/span 7;
  grid-column: 1/span 7;
  box-shadow: var(--box-shadow-medium);
  transform: rotate(-2deg);
}

.custom-image-grid {
  display: grid;
  align-items: center;
  padding-top: var(--spacing-standard);
  grid-gap: 1px;
}
.custom-image-grid img {
  width: 100%;
  height: auto;
}
.custom-image-grid.custom-image-grid-gap {
  grid-gap: var(--spacing-standard);
}

[data-mobile~="1column"] {
  grid-template-columns: 1fr;
}

[data-mobile~="2column"] {
  grid-template-columns: repeat(2, 1fr);
}

[data-mobile~="3column"] {
  grid-template-columns: repeat(3, 1fr);
}

[data-mobile~="4column"] {
  grid-template-columns: repeat(4, 1fr);
}

@media (min-width: 768px) {
  [data-tablet~="1column"] {
    grid-template-columns: 1fr;
  }
  [data-tablet~="2column"] {
    grid-template-columns: repeat(2, 1fr);
  }
  [data-tablet~="3column"] {
    grid-template-columns: repeat(3, 1fr);
  }
  [data-tablet~="4column"] {
    grid-template-columns: repeat(4, 1fr);
  }
  [data-tablet~="5column"] {
    grid-template-columns: repeat(5, 1fr);
  }
  [data-tablet~="6column"] {
    grid-template-columns: repeat(6, 1fr);
  }
  [data-tablet~="7column"] {
    grid-template-columns: repeat(7, 1fr);
  }
  [data-tablet~="8column"] {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 1080px) {
  [data-desktop~="1column"] {
    grid-template-columns: 1fr;
  }
  [data-desktop~="2column"] {
    grid-template-columns: repeat(2, 1fr);
  }
  [data-desktop~="3column"] {
    grid-template-columns: repeat(3, 1fr);
  }
  [data-desktop~="4column"] {
    grid-template-columns: repeat(4, 1fr);
  }
  [data-desktop~="5column"] {
    grid-template-columns: repeat(5, 1fr);
  }
  [data-desktop~="6column"] {
    grid-template-columns: repeat(6, 1fr);
  }
  [data-desktop~="7column"] {
    grid-template-columns: repeat(7, 1fr);
  }
  [data-desktop~="8column"] {
    grid-template-columns: repeat(8, 1fr);
  }
  [data-desktop~="9column"] {
    grid-template-columns: repeat(9, 1fr);
  }
  [data-desktop~="10column"] {
    grid-template-columns: repeat(10, 1fr);
  }
  [data-desktop~="11column"] {
    grid-template-columns: repeat(11, 1fr);
  }
  [data-desktop~="12column"] {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1440px) {
  [data-large-desktop~="1column"] {
    grid-template-columns: 1fr;
  }
  [data-large-desktop~="2column"] {
    grid-template-columns: repeat(2, 1fr);
  }
  [data-large-desktop~="3column"] {
    grid-template-columns: repeat(3, 1fr);
  }
  [data-large-desktop~="4column"] {
    grid-template-columns: repeat(4, 1fr);
  }
  [data-large-desktop~="5column"] {
    grid-template-columns: repeat(5, 1fr);
  }
  [data-large-desktop~="6column"] {
    grid-template-columns: repeat(6, 1fr);
  }
  [data-large-desktop~="7column"] {
    grid-template-columns: repeat(7, 1fr);
  }
  [data-large-desktop~="8column"] {
    grid-template-columns: repeat(8, 1fr);
  }
  [data-large-desktop~="9column"] {
    grid-template-columns: repeat(9, 1fr);
  }
  [data-large-desktop~="10column"] {
    grid-template-columns: repeat(10, 1fr);
  }
  [data-large-desktop~="11column"] {
    grid-template-columns: repeat(11, 1fr);
  }
  [data-large-desktop~="12column"] {
    grid-template-columns: repeat(12, 1fr);
  }
}
.reverse .icon-arrow-down g {
  fill: var(--color-primary-accent);
}

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

.container-grid-builder .content-builder-row.grid-layout {
  /* Test April 24 
  grid-auto-flow: dense; */
  grid-row-gap: var(--grid-gap-x-small);
}
.container-grid-builder .content-builder-row .in-page-nav-anchor { /* abs inside grid so it does not take a grid slot */
  position: absolute;
  /* Test April 24 
  position: relative;
  grid-column: 1 / -1; */
}

.container-grid-builder .component:first-of-type .in-page-nav {
  margin-top: 0;
  padding-bottom: var(--spacing-samll);
  margin-bottom: calc(-1 * var(--spacing-large));
  /* border-bottom: 1px solid var(--color-standard-border); */
}

.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 svg {
  width: 14px;
  height: 14px;
  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;
  padding-bottom: var(--spacing-xx-small);
}
.in-page-nav.in-page-nav-horizontal ul li.in-page-nav-label {
  border-bottom: 1px solid rgba(var(--color-primary-accent-rgb), 0.375);
  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: var(--font-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-xl);
}
.in-page-nav.in-page-nav-horizontal ul li a {
  padding: var(--spacing-x-small);
  font-family: var(--font-condensed);
  display: block;
}

@media (max-width: 576px) {
  .widget-wrap {
    aspect-ratio: 1/1 !important;
  }
}
.widget-wrap h2 {
  padding-top: 0;
}
.widget-wrap h2 + iframe {
  margin-top: var(--spacing-small);
}

.element-half-width h2,
.element-third-width h2 {
  font-size: var(--h3);
}

ul.kicker {
  list-style: none;
  font-size: var(--small-2);
  padding-left: 0;
}
ul.kicker li {
  display: inline-block;
  padding: var(--spacing-xx-small);
  background-color: var(--ps-limestone-gray-100);
  color: var(--primary-text-color);
  font-weight: var(--font-weight-medium);
}
ul.kicker + h3 {
  padding-top: 0;
}

ul.kicker.kicker-podcast-episode { /* on entry page for podcast */
  margin-top: var(--spacing-standard);
  font-size: var(--font-size-base);
}
ul.kicker.kicker-podcast-episode + h1 {
  padding-top: 0;
}
ul.kicker.kicker-podcast-episode li {
  padding: var(--spacing-x-small);
}

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

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: 33.33%;
    -webkit-flex-basis: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
}
ul.logo-wrap li a {
  display: block;
  width: 100%;
}
ul.logo-wrap li img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
ul.logo-wrap li img.mix-blend-multiply {
  mix-blend-mode: multiply;
}
ul.logo-wrap.standard-logo-sizing { /* if four or more logos */ }
@media (min-width: 576px) {
  ul.logo-wrap.standard-logo-sizing li {
    width: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media (min-width: 1080px) {
  ul.logo-wrap.standard-logo-sizing li {
    width: 20%;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
}
@media (min-width: 1440px) {
  ul.logo-wrap.standard-logo-sizing li {
    width: 16.66%;
    -webkit-flex-basis: 16.66%;
    flex-basis: 16.66%;
    max-width: 16.66%;
  }
}

@media (min-width: 1080px) {
  .page-content .grid-layout ul.logo-wrap.standard-logo-sizing li {
    width: 33.33%;
    -webkit-flex-basis: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
}
@media (min-width: 1440px) {
  .page-content .grid-layout ul.logo-wrap.standard-logo-sizing li {
    width: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media (min-width: 1440px) {
  .page-content .grid-layout:not([data-columns="1"]):not([data-columns="2"]) ul.logo-wrap.standard-logo-sizing li {
    width: 33.33%;
    -webkit-flex-basis: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
}

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

.container-fixed-wide ul.logo-wrap.standard-logo-sizing,
.container-fixed-max ul.logo-wrap.standard-logo-sizing { /* if four or more logos */ }
@media (min-width: 1080px) {
  .container-fixed-wide ul.logo-wrap.standard-logo-sizing li,
  .container-fixed-max ul.logo-wrap.standard-logo-sizing 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.standard-logo-sizing li,
  .container-fixed-max ul.logo-wrap.standard-logo-sizing li {
    width: 12.5%;
    -webkit-flex-basis: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
}

ul.logo-wrap[data-logo-columns],
ul.logo-wrap.standard-logo-sizing[data-logo-columns] { /* all default to 1 with 2 at large mobile */
  width: 100%;
}
ul.logo-wrap[data-logo-columns] li,
ul.logo-wrap.standard-logo-sizing[data-logo-columns] li {
  padding: var(--spacing-small);
}
@media (min-width: 576px) {
  ul.logo-wrap[data-logo-columns] li,
  ul.logo-wrap.standard-logo-sizing[data-logo-columns] li {
    width: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
ul.logo-wrap[data-logo-columns] li div,
ul.logo-wrap.standard-logo-sizing[data-logo-columns] li div {
  width: 100%;
}

ul.logo-wrap[data-logo-columns="1"] li,
ul.logo-wrap.standard-logo-sizing[data-logo-columns="1"] li {
  width: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
@media (min-width: 576px) {
  ul.logo-wrap[data-logo-columns="1"] li,
  ul.logo-wrap.standard-logo-sizing[data-logo-columns="1"] li {
    width: 33.33%;
    -webkit-flex-basis: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
}
@media (min-width: 1080px) {
  ul.logo-wrap[data-logo-columns="1"] li,
  ul.logo-wrap.standard-logo-sizing[data-logo-columns="1"] li {
    width: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  ul.logo-wrap[data-logo-columns="3"] li,
  ul.logo-wrap.standard-logo-sizing[data-logo-columns="3"] li,
  ul.logo-wrap[data-logo-columns="6"] li,
  ul.logo-wrap.standard-logo-sizing[data-logo-columns="6"] li {
    width: 33.33%;
    -webkit-flex-basis: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
}

@media (min-width: 1080px) {
  ul.logo-wrap[data-logo-columns="4"] li,
  ul.logo-wrap.standard-logo-sizing[data-logo-columns="4"] li {
    width: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}

ul.logo-wrap[data-logo-columns="5"],
ul.logo-wrap.standard-logo-sizing[data-logo-columns="5"] {
  width: 50%;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
@media (min-width: 576px) {
  ul.logo-wrap[data-logo-columns="5"] li,
  ul.logo-wrap.standard-logo-sizing[data-logo-columns="5"] li {
    width: 33.33%;
    -webkit-flex-basis: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
}
@media (min-width: 1080px) {
  ul.logo-wrap[data-logo-columns="5"] li,
  ul.logo-wrap.standard-logo-sizing[data-logo-columns="5"] li {
    width: 20%;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
}

ul.logo-wrap[data-logo-columns="6"],
ul.logo-wrap.standard-logo-sizing[data-logo-columns="6"] {
  width: 50%;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
@media (min-width: 576px) {
  ul.logo-wrap[data-logo-columns="6"],
  ul.logo-wrap.standard-logo-sizing[data-logo-columns="6"] {
    width: 33.33%;
    -webkit-flex-basis: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
}
@media (min-width: 1080px) {
  ul.logo-wrap[data-logo-columns="6"] li,
  ul.logo-wrap.standard-logo-sizing[data-logo-columns="6"] li {
    width: 16.66%;
    -webkit-flex-basis: 16.66%;
    flex-basis: 16.66%;
    max-width: 16.66%;
  }
}

ul.logo-wrap[data-logo-columns="8"] li,
ul.logo-wrap.standard-logo-sizing[data-logo-columns="8"] li {
  width: 50%;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
@media (min-width: 576px) {
  ul.logo-wrap[data-logo-columns="8"] li,
  ul.logo-wrap.standard-logo-sizing[data-logo-columns="8"] li {
    width: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media (min-width: 768px) {
  ul.logo-wrap[data-logo-columns="8"] li,
  ul.logo-wrap.standard-logo-sizing[data-logo-columns="8"] li {
    width: 16.66%;
    -webkit-flex-basis: 16.66%;
    flex-basis: 16.66%;
    max-width: 16.66%;
  }
}
@media (min-width: 1080px) {
  ul.logo-wrap[data-logo-columns="8"] li,
  ul.logo-wrap.standard-logo-sizing[data-logo-columns="8"] li {
    width: 12.5%;
    -webkit-flex-basis: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
}

/* 
ul.logo-wrap li had background-color: var(--white); - but without that we don't need any of the li calc

.reverse {

	ul.logo-wrap {	
		grid-gap: var(--spacing-small);	
		li { 6/3/25 - this was, perhaps a poor choice
			background-color: var(--white);
			}
		}

	ul.logo-wrap[data-logo-columns],
	ul.logo-wrap.standard-logo-sizing[data-logo-columns] {

		li {

			@media (min-width: $screen-large-mobile-min) {	
				width: calc(50% - var(--spacing-small));
				-webkit-flex-basis: calc(50% - var(--spacing-small));;
				flex-basis: calc(50% - var(--spacing-small));
				max-width: calc(50% - var(--spacing-small));
				}		
			}	
		}

	ul.logo-wrap[data-logo-columns="3"],
	ul.logo-wrap.standard-logo-sizing[data-logo-columns="3"],
	ul.logo-wrap[data-logo-columns="6"],
	ul.logo-wrap.standard-logo-sizing[data-logo-columns="6"] {

		li {

			@media (min-width: $screen-tablet-min) {	
				width: calc(33.33% - var(--spacing-small));
				-webkit-flex-basis: calc(33.33% - var(--spacing-small));
				flex-basis: calc(33.33% - var(--spacing-small));
				max-width: calc(33.33% - var(--spacing-small));
				}	
			}
		}

	ul.logo-wrap[data-logo-columns="4"],
	ul.logo-wrap.standard-logo-sizing[data-logo-columns="4"] {

		li {

			@media (min-width: $screen-desktop-min) {	
				width: calc(25% - var(--spacing-small));
				-webkit-flex-basis: calc(25% - var(--spacing-small));
				flex-basis: calc(25% - var(--spacing-small));
				max-width: calc(25% - var(--spacing-small));
				}	
			}	
		}

	ul.logo-wrap[data-logo-columns="5"],
	ul.logo-wrap.standard-logo-sizing[data-logo-columns="5"] {

		li {		

			@media (min-width: $screen-tablet-min) {	
				width: calc(33.33% - var(--spacing-small));
				-webkit-flex-basis: calc(33.33% - var(--spacing-small));
				flex-basis: calc(33.33% - var(--spacing-small));
				max-width: calc(33.33% - var(--spacing-small));
				}	

			@media (min-width: $screen-desktop-min) {	
				width: calc(20% - var(--spacing-small));
				-webkit-flex-basis: calc(20% - var(--spacing-small));
				flex-basis: calc(20% - var(--spacing-small));
				max-width: calc(20% - var(--spacing-small));
				}	
			}	
		}		

	ul.logo-wrap[data-logo-columns="6"],	
	ul.logo-wrap.standard-logo-sizing[data-logo-columns="6"] {

		li {

			@media (min-width: $screen-desktop-min) {	
				width: calc(16.66% - var(--spacing-small));
				-webkit-flex-basis: calc(16.66% - var(--spacing-small));
				flex-basis: calc(16.66% - var(--spacing-small));
				max-width: calc(16.66% - var(--spacing-small));
				}	
			}
		}

	ul.logo-wrap[data-logo-columns="8"],
	ul.logo-wrap.standard-logo-sizing[data-logo-columns="8"] {

		li {

			@media (min-width: $screen-tablet-min) {	
				width: calc(25% - var(--spacing-small));
				-webkit-flex-basis: calc(25% - var(--spacing-small));
				flex-basis: calc(25% - var(--spacing-small));
				max-width: calc(25% - var(--spacing-small));
				}

			@media (min-width: $screen-desktop-min) {	
				width: calc(12.5% - var(--spacing-small));
				-webkit-flex-basis: calc(12.5% - var(--spacing-small));
				flex-basis: calc(12.5% - var(--spacing-small));
				max-width: calc(12.5% - var(--spacing-small));
				}	
			}
		}

	}
	*/
.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 {
  margin-top: calc(3 * var(--spacing-small));
}
@media (min-width: 768px) {
  .latest-news-new-feed {
    flex-flow: row wrap;
    margin-left: calc(var(--spacing-small) * -1); /* align cards with header */
    margin-right: calc(var(--spacing-small) * -1);
  }
  .latest-news-new-feed a {
    display: flex;
    width: 50%;
    flex-direction: column;
    padding-left: var(--spacing-medium-small);
    padding-right: var(--spacing-medium-small);
  }
}
@media (min-width: 1080px) {
  .latest-news-new-feed a {
    width: 33.33%;
    padding-top: calc(2 * var(--spacing-small));
    margin-top: var(--spacing-small);
  }
}
@media (min-width: 1440px) {
  .latest-news-new-feed a {
    width: 25%;
  }
}

@media (min-width: 1440px) {
  .container-fixed-standard .latest-news-new-feed a {
    width: 33.33%;
  }
  .container-fixed-wide .latest-news-new-feed a,
  .component-inner-wide .latest-news-new-feed a {
    width: 25%;
  }
}
@media (min-width: 1080px) {
  .page-content-sidenav .latest-news-new-feed a {
    width: 50%;
    padding-top: calc(2 * var(--spacing-small));
  }
}
@media (min-width: 1440px) {
  .page-content-sidenav .latest-news-new-feed a {
    width: 33.33%;
  }
}

@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%;
  }
}

.grid-layout:not([data-columns="1"]) .latest-news-new-feed { /* in grid layout when more than one column */ }
@media (min-width: 1080px) {
  .grid-layout:not([data-columns="1"]) .latest-news-new-feed a {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .grid-layout:not([data-columns="1"]) .latest-news-new-feed a {
    width: 50%;
  }
}

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

.article-subtitle p {
  font-size: var(--h4);
  line-height: var(--line-height-medium);
  padding-top: 0;
  padding-bottom: var(--spacing-medium-large);
  font-style: italic;
  font-weight: var(--font-weight-medium);
}

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

p.primary-author {
  padding-bottom: var(--spacing-standard);
}

.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 {
    bottom: var(--spacing-small);
    left: var(--spacing-small);
    background: rgba(var(--white-rgb), 0.875);
    padding: 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;
  }
}

.component-offset-preview-image-primary .offset-preview-block-content h2,
.page-content-sidenav .component-offset-preview-image-primary .offset-preview-block-content h2 {
  font-size: var(--h2);
}

.page-content-sidenav .offset-preview-block-content h2 {
  font-size: var(--h2);
}

.offset-preview-block-content {
  padding: var(--spacing-standard);
}
.offset-preview-block-content h2 {
  padding-top: 0;
  font-size: var(--h1);
  line-height: var(--line-height-x-small);
}
.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);
  font-size: var(--font-size-lg);
}
.offset-preview-block-content p:last-of-type {
  margin-bottom: 0;
}
.offset-preview-block-content a.button {
  margin-top: var(--spacing-standard);
}

.component-offset-preview-small-image .offset-preview-block .row {
  align-items: flex-start;
}

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

@media (min-width: 768px) {
  .page-landing .component-offset-preview-small-image .offset-preview-block-content,
  .page-content .component-offset-preview-small-image .offset-preview-block-content {
    width: 70%;
  }
  .page-landing .component-offset-preview-small-image .offset-preview-block-img,
  .page-content .component-offset-preview-small-image .offset-preview-block-img {
    width: 30%;
  }
  .page-landing .component-offset-preview-image-primary .offset-preview-block-img,
  .page-content .component-offset-preview-image-primary .offset-preview-block-img {
    width: 100%;
  }
}
@media (min-width: 1080px) {
  .page-landing .component-offset-preview-small-image .offset-preview-block-content,
  .page-content .component-offset-preview-small-image .offset-preview-block-content {
    width: 61.66666667%;
  }
  .page-landing .offset-preview-block-content,
  .page-content .offset-preview-block-content {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .page-landing .offset-preview-block-img,
  .page-content .offset-preview-block-img {
    flex: 0 0 auto;
    width: 50%;
  }
  .page-landing.page-content-sidenav .offset-preview-block-content,
  .page-landing.page-content-sidenav .offset-preview-block-img,
  .page-content.page-content-sidenav .offset-preview-block-content,
  .page-content.page-content-sidenav .offset-preview-block-img {
    flex: none;
    width: 100%;
  }
  .page-landing .component-offset-preview-image-primary .offset-preview-block-img,
  .page-content .component-offset-preview-image-primary .offset-preview-block-img {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .page-landing.page-content-sidenav .offset-preview-block-img,
  .page-content.page-content-sidenav .offset-preview-block-img {
    flex: 0 0 auto;
    width: 50%;
  }
}

:not(.component-offset-preview-image-primary) .offset-preview-block-content {
  background: transparent;
}

.container-grid-builder .component-offset-preview.component-offset-preview-image-primary {
  margin-bottom: var(--spacing-medium-small);
}
@media (min-width: 1080px) {
  .container-grid-builder .component-offset-preview.component-offset-preview-image-primary {
    margin-bottom: 0;
  }
}
@media (min-width: 1080px) {
  .container-grid-builder .offset-preview-block {
    padding-top: 0;
  }
  .container-grid-builder .offset-preview-block::before {
    width: 100%;
  }
  .container-grid-builder .offset-preview-block-content {
    flex: 0 0 auto;
    width: 100%;
  }
  .container-grid-builder .offset-preview-block-img {
    flex: 0 0 auto;
    width: 100%;
  }
}

.container-fluid.component-offset-preview .offset-preview-block {
  margin: 0;
}

.reverse .offset-preview-block::before {
  background-color: var(--ps-beaver-blue-800); /* default set in old version */
}
.reverse .offset-preview-block.offset-bg-white::before {
  background-color: var(--white);
}
.reverse .offset-preview-block.offset-bg-light-blue::before {
  background-color: var(--ps-pugh-blue-150);
}
.reverse .offset-preview-block.offset-bg-light-gray::before {
  background-color: var(--ps-limestone-gray-100);
}
.reverse .offset-preview-block.offset-bg-light-green::before {
  background-color: var(--ps-turtle-green-100);
}
.reverse .offset-preview-block.offset-bg-light-tan::before {
  background-color: var(--ps-shrine-tan-100);
}

.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-limestone-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%;
  }
}
.offset-preview-block.offset-bg-light-blue::before {
  background-color: var(--ps-pugh-blue-150);
}
.offset-preview-block.offset-bg-light-gray::before {
  background-color: var(--ps-limestone-gray-100);
}
.offset-preview-block.offset-bg-light-green::before {
  background-color: var(--ps-turtle-green-100);
}
.offset-preview-block.offset-bg-light-tan::before {
  background-color: var(--ps-shrine-tan-100);
}
.offset-preview-block.offset-bg-beaver-blue::before {
  background-color: var(--ps-beaver-blue-700);
}
.offset-preview-block.offset-bg-beaver-blue::before {
  background-color: var(--ps-beaver-blue-700);
}
.offset-preview-block.offset-bg-perpetual-purple::before {
  background-color: var(--ps-perpetual-purple-500);
}
@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: var(--line-height-small);
}
.offset-preview-block li a:link:hover,
.offset-preview-block li a:visited:hover {
  text-decoration: underline;
}

.theme-clean-modern .offset-preview-block.offset-bg-light-blue::before {
  background-color: var(--ps-pugh-blue-50);
}

.theme-vibrant-blue .offset-preview-block.offset-bg-light-blue::before {
  background-color: var(--ps-sky-blue-50);
}

@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;
  }
}
@media (min-width: 1440px) {
  .container-grid-builder.container-full-screen .component.component-offset-preview-image-primary .offset-preview-block-content {
    width: 33.33%;
  }
}
.container-full-screen .container-fixed-max .component.component-offset-preview-image-primary {
  position: relative;
}
@media (min-width: 1080px) {
  .container-full-screen .container-fixed-max .component.component-offset-preview-image-primary {
    width: calc(100% + 2 * var(--grid-gap-standard));
    left: calc(-1 * var(--grid-gap-standard));
  }
}
.container-full-screen .container-fixed-max .component.component-offset-preview-image-primary .offset-preview-block {
  margin: 0;
  padding: 0;
}

@media (min-width: 1080px) {
  .component-offset-preview-image-primary {
    margin-top: calc(-1 * var(--spacing-medium-small));
  }
}
.component-offset-preview-image-primary .offset-preview-block-content {
  z-index: 9;
}
.component-offset-preview-image-primary .offset-preview-block-content p {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-large);
}
@media (min-width: 1080px) {
  .component-offset-preview-image-primary .offset-preview-block-content p {
    font-size: var(--h5);
  }
}
.component-offset-preview-image-primary .offset-preview-block-content h2::after {
  content: none;
}
.component-offset-preview-image-primary .offset-preview-block-content h2 + p {
  padding-top: var(--spacing-x-small);
}
.component-offset-preview-image-primary .offset-preview-block::before {
  display: none;
}
.component-offset-preview-image-primary .offset-preview-block-content {
  position: relative;
}
.component-offset-preview-image-primary .offset-preview-block-content.bg-white {
  background: rgba(var(--white-rgb), 0.925);
}
.component-offset-preview-image-primary .offset-preview-block-content.bg-light-blue {
  background: rgba(224, 236, 248, 0.925);
}
.component-offset-preview-image-primary .offset-preview-block-content.bg-light-gray {
  background: rgba(233, 234, 235, 0.925);
}
.component-offset-preview-image-primary .offset-preview-block-content.bg-light-tan {
  background: rgba(237, 235, 231, 0.925);
}
.component-offset-preview-image-primary .offset-preview-block-content.bg-beaver-blue {
  background: rgba(var(--ps-beaver-blue-rgb), 0.925);
}
.component-offset-preview-image-primary .offset-preview-block-content.bg-perpetual-purple {
  background: rgba(var(--ps-perpetual-purple-rgb), 0.925);
}
@media (min-width: 1080px) {
  .component-offset-preview-image-primary .offset-preview-block-content {
    position: absolute;
    bottom: var(--spacing-xx-large);
  }
}
@media (min-width: 1080px) {
  .component-offset-preview-image-primary .offset-preview-img-left .offset-preview-block-content {
    right: var(--spacing-medium-large);
  }
  .component-offset-preview-image-primary .offset-preview-img-right .offset-preview-block-content {
    left: var(--spacing-medium-large);
  }
}

@media (min-width: 1080px) {
  .page-content-sidenav .component-offset-preview-image-primary .offset-preview-block-content {
    position: relative;
    right: 0;
    bottom: 0;
  }
}
@media (min-width: 1440px) {
  .page-content-sidenav .component-offset-preview-image-primary .offset-preview-block-content {
    position: absolute;
    right: var(--spacing-medium-large);
    bottom: var(--spacing-xx-large);
  }
}

@media (min-width: 1080px) {
  .container-grid-builder .container-fixed-max .component-offset-preview.component-offset-preview-image-primary .offset-preview-block-content {
    bottom: var(--spacing-medium-large);
  }
  .container-grid-builder.container-full-screen .component-offset-preview-image-primary .offset-preview-block-content,
  .container-grid-builder.container-wide .component-offset-preview-image-primary .offset-preview-block-content {
    padding: var(--spacing-medium-large);
  }
}
/* ----------------------------------------------------------

OFFSET PREVIEW BLOCKS - BREAK AT XL FOR CONTENT PAGES

---------------------------------------------------------- */
.page-content.page-content-sidenav .component-offset-preview-image-primary .offset-preview-block .offset-preview-block-img {
  width: 100%;
}
.page-content.page-content-sidenav .offset-preview-block {
  padding: 0 0 var(--spacing-medium-small) 0;
  margin: var(--spacing-standard) 0;
}
@media (min-width: 1080px) {
  .page-content.page-content-sidenav .offset-preview-block::before {
    width: 100%; /* override standard */
  }
}
@media (min-width: 1440px) {
  .page-content.page-content-sidenav .offset-preview-block {
    padding: var(--spacing-standard) 0;
  }
  .page-content.page-content-sidenav .offset-preview-block::before {
    width: 85%;
  }
  .page-content.page-content-sidenav .offset-preview-block .offset-preview-block-content {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .page-content.page-content-sidenav .offset-preview-block .offset-preview-block-img {
    flex: 0 0 auto;
    width: 50%;
  }
  .page-content.page-content-sidenav .offset-preview-block.offset-preview-img-right .offset-preview-block-img {
    order: 12;
  }
  .page-content.page-content-sidenav .offset-preview-block.offset-preview-img-right .offset-preview-block-content {
    order: 1;
  }
}
.page-content.page-content-sidenav .offset-preview-block .offset-preview-block-content p.h3 {
  font-size: var(--h4);
  line-height: var(--line-height-medium);
  padding-left: 0;
}
.page-content.page-content-sidenav .offset-preview-block .offset-preview-block-content ol, .page-content.page-content-sidenav .offset-preview-block .offset-preview-block-content ul {
  font-size: var(--font-size-lg);
  padding-left: var(--spacing-small);
}
.page-content.page-content-sidenav .offset-preview-block .offset-preview-block-content p {
  line-height: var(--line-height-large);
  font-size: var(--font-size-lg);
}
@media (min-width: 768px) {
  .page-content.page-content-sidenav .offset-preview-block .offset-preview-block-content ol, .page-content.page-content-sidenav .offset-preview-block .offset-preview-block-content ul {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .page-content.page-content-sidenav .offset-preview-block .offset-preview-block-content ol, .page-content.page-content-sidenav .offset-preview-block .offset-preview-block-content ul {
    padding-left: var(--spacing-small);
  }
}
.page-content.page-content-sidenav .offset-preview-block .offset-preview-block-content *:last-child {
  margin-bottom: 0;
}
.page-content.page-content-sidenav .offset-preview-block .offset-preview-block-content ol li,
.page-content.page-content-sidenav .offset-preview-block .offset-preview-block-content ul li {
  margin: var(--spacing-x-small);
  line-height: var(--line-height-medium);
}
@media (min-width: 1440px) {
  .page-content.page-content-sidenav .component-offset-preview-small-image .offset-preview-block .offset-preview-block-content {
    width: 66.66666667%;
  }
  .page-content.page-content-sidenav .component-offset-preview-small-image .offset-preview-block .offset-preview-block-img {
    width: 33.3333%;
  }
}

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

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

.pagination > li {
  display: inline-block;
}

.pagination > li > a:link,
.pagination > li > a:visited {
  text-decoration: none;
}

.reverse .pagination > li > a:link,
.reverse .pagination > li > a:visited {
  text-decoration: none;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: var(--spacing-xx-small) var(--spacing-small);
  line-height: var(--line-height-small);
  text-decoration: none;
  color: var(--white);
  background-color: var(--ps-link-blue-500);
  border-color: var(--ps-link-blue-500);
  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(--white);
  background-color: var(--ps-link-blue-600);
  border-color: var(--ps-link-blue-600);
}

.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(--ps-beaver-blue-800);
  border-color: var(--ps-beaver-blue-800);
  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;
}

@media (min-width: 1080px) {
  .preview-cards-wrap.preview-cards-textCards .preview-cards {
    grid-template-columns: repeat(6, 1fr);
  }
  .preview-cards-wrap.preview-cards-textCards .preview-cards a {
    grid-column: span 3;
  }
}
@media (min-width: 1440px) {
  .preview-cards-wrap.preview-cards-textCards .preview-cards a {
    grid-column: span 2;
  }
}
.preview-cards-wrap.preview-cards-textCards a.block {
  display: block;
  padding: var(--spacing-large) var(--spacing-standard);
  background-color: var(--ps-limestone-gray-0);
  transform: var(--link-transition);
  border: 2px solid var(--ps-limestone-gray-100);
  height: 100%;
}
.preview-cards-wrap.preview-cards-textCards a.block::after {
  content: "";
  display: block;
  position: absolute;
  bottom: var(--spacing-xx-small);
  right: var(--spacing-xx-small);
  width: var(--spacing-large);
  height: var(--spacing-large);
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H18M18 12L13 7M18 12L13 17" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  filter: var(--svg-filter-pugh-blue);
}
.preview-cards-wrap.preview-cards-textCards a.block:hover {
  background-color: var(--ps-pugh-blue-100);
  border: 2px solid var(--color-primary-accent);
}
.preview-cards-wrap.preview-cards-textCards a.block:hover::after {
  filter: var(--svg-filter-link-blue);
}
.preview-cards-wrap.preview-cards-textCards a.block .block-content h2, .preview-cards-wrap.preview-cards-textCards a.block .block-content h3 {
  font-size: var(--h4);
  padding-top: 0;
}
.preview-cards-wrap.preview-cards-textCards a.block .block-content p {
  line-height: var(--line-height-medium);
}

.bg-color .preview-cards-wrap.preview-cards-textCards a.block {
  background-color: var(--white);
}

@media (min-width: 1440px) {
  .container-with-sidenav .preview-cards-wrap.preview-cards-textCards .preview-cards a {
    grid-column: span 3;
  }
}

.preview-cards-wrap.preview-cards-icon .preview-cards a {
  margin-top: var(--spacing-standard);
}
.preview-cards-wrap.preview-cards-icon .preview-cards a:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .preview-cards-wrap.preview-cards-icon .preview-cards a {
    margin-top: 0;
  }
}
.preview-cards-wrap.preview-cards-icon .preview-cards .card-content {
  text-align: center;
}
.preview-cards-wrap.preview-cards-icon .preview-cards .block-image {
  width: 33.33%;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preview-cards-wrap.preview-cards-icon .preview-cards .block-image.bg-transparent {
  background: var(--white);
}
.preview-cards-wrap.preview-cards-icon .preview-cards .block-image.bg-transparent img {
  height: 70px;
  max-width: 70px;
  margin: 0;
}
.preview-cards-wrap.preview-cards-icon .preview-cards .block-content p {
  font-size: var(--font-size-base);
}

@media (min-width: 1080px) {
  .preview-cards-wrap.preview-cards-wrap-capsules a {
    grid-column: span 3;
  }
}
@media (min-width: 1440px) {
  .preview-cards-wrap.preview-cards-wrap-capsules a {
    grid-column: span 6;
  }
}

.preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards { /* */ }
.preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards a:link,
.preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards a:visited {
  display: block;
  padding: var(--spacing-medium-small);
}
@media (min-width: 1080px) {
  .preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards a:link,
  .preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards a:visited {
    grid-column: span 2;
  }
}
@media (min-width: 1440px) {
  .preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards a:link,
  .preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards a:visited {
    grid-column: span 4;
  }
}
.preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards .capsule-image {
  width: 100%;
  padding-right: 0;
}
.preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards .capsule-image img {
  height: 60px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards .capsule-details {
  text-align: center;
}
@media (min-width: 1080px) {
  .preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards.preview-cards-2up a:link,
  .preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards.preview-cards-2up a:visited {
    grid-column: span 3;
  }
}
@media (min-width: 1440px) {
  .preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards.preview-cards-2up a:link,
  .preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards.preview-cards-2up a:visited {
    grid-column: span 6;
  }
}

@media (min-width: 1080px) {
  .container-with-sidenav .preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards.preview-cards-2up a:link,
  .container-with-sidenav .preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards.preview-cards-2up a:visited {
    grid-column: span 6;
  }
}
@media (min-width: 1440px) {
  .container-with-sidenav .preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards.preview-cards-2up a:link,
  .container-with-sidenav .preview-cards-wrap.preview-cards-wrap-capsules.preview-cards-stacked-capsules .preview-cards.preview-cards-2up a:visited {
    grid-column: span 6;
  }
}

.reverse .preview-cards-wrap.preview-cards-wrap-capsules .preview-cards a:visited,
.reverse .preview-cards-wrap.preview-cards-wrap-capsules .preview-cards a:link {
  background-color: var(--ps-pugh-blue-200);
}
.reverse .preview-cards-wrap.preview-cards-wrap-capsules .preview-cards a:hover {
  background-color: var(--white);
}
.reverse .preview-cards-wrap.preview-cards-wrap-capsules .preview-cards p {
  color: var(--primary-text-color);
}

.preview-cards-wrap.preview-cards-wrap-capsules .preview-cards {
  padding-top: var(--spacing-small);
  grid-gap: var(--grid-gap-small);
}
.preview-cards-wrap.preview-cards-wrap-capsules .preview-cards a:visited,
.preview-cards-wrap.preview-cards-wrap-capsules .preview-cards a:link {
  border: 1px solid var(--color-light-gray-border);
  height: 100%; /* match height in row */
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  padding: var(--spacing-small);
  transition: var(--link-transition);
  background-color: rgba(var(--white-rgb), 0.75);
}
.preview-cards-wrap.preview-cards-wrap-capsules .preview-cards .capsule-image {
  width: 120px;
  height: auto;
  flex-shrink: 0;
  padding-right: var(--spacing-small);
}
.preview-cards-wrap.preview-cards-wrap-capsules .preview-cards .capsule-image img {
  width: 100%;
  height: auto;
}
.preview-cards-wrap.preview-cards-wrap-capsules .preview-cards .capsule-details {
  flex-wrap: wrap;
}
.preview-cards-wrap.preview-cards-wrap-capsules .preview-cards a:hover {
  border: 1px solid rgba(var(--color-primary-accent-rgb), 1);
  background-color: var(--ps-pugh-blue-150);
}
.preview-cards-wrap.preview-cards-wrap-capsules .preview-cards a:hover p.card-capsule-title {
  text-decoration: underline;
}
.preview-cards-wrap.preview-cards-wrap-capsules .preview-cards p {
  font-size: var(--small-1);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-medium);
  padding-top: var(--spacing-xx-small);
  font-family: var(--font-serif);
}
.preview-cards-wrap.preview-cards-wrap-capsules .preview-cards p.card-capsule-title {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-small);
  font-weight: var(--font-weight-bold);
  color: var(--primary-link-color);
  font-family: var(--font-sans);
}
.preview-cards-wrap.preview-cards-wrap-capsules .preview-cards .category-tags {
  padding-top: var(--spacing-small);
}
.preview-cards-wrap.preview-cards-wrap-capsules .preview-cards small.tag-category {
  font-family: var(--font-sans);
  padding: var(--spacing-xx-small) var(--spacing-x-small);
  border: 1px solid var(--color-light-gray-border);
  border-radius: var(--spacing-small);
  font-family: var(--font-sans);
  color: var(--primary-text-color);
  font-weight: var(--font-weight-bold);
  margin: var(--spacing-minimum);
  display: inline-flex;
}

@media (min-width: 1440px) {
  .preview-cards-wrap.preview-cards-small .preview-cards a {
    grid-column: span 4; /* max small cards out at 3-up */
  }
}
.preview-cards-wrap.preview-cards-small .preview-cards a h2 {
  padding-top: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  font-family: var(--font-sans);
}
.preview-cards-wrap.preview-cards-small .preview-cards .card-content {
  display: flex;
  background: var(--ps-limestone-gray-0);
  align-items: center;
  box-shadow: var(--box-shadow-light);
  width: 100%;
}
.preview-cards-wrap.preview-cards-small .preview-cards .block-image {
  width: 120px;
  flex-shrink: 0;
  flex-grow: 0;
  height: fit-content;
  margin: 0;
}
.preview-cards-wrap.preview-cards-small .preview-cards .block-content {
  padding: 0 var(--spacing-standard);
  width: 100%;
}

@media (min-width: 1440px) {
  .page-content-sidenav .preview-cards-wrap.preview-cards-small .preview-cards a {
    grid-column: span 6; /* max small cards 2-up with sidenav */
  }
}
/*
.preview-cards-standard
.preview-cards-short
.preview-cards-icon 
*/
/* need top padding regardless of landing vs content page type - moving from wrap to the cards as channel listings don't include the wrap */
.preview-cards {
  padding: var(--spacing-standard) 0 0 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  grid-gap: var(--grid-gap-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 */
  }
  .preview-cards a {
    grid-column: span 2;
  }
}
@media (min-width: 1440px) {
  .preview-cards {
    grid-template-columns: repeat(12, 1fr);
    /* default is 4-up - 3/12 */
  }
  .preview-cards a {
    grid-column: span 3;
  }
}

@media (min-width: 1080px) {
  .preview-cards.preview-cards-2up a {
    grid-column: span 3;
  }
  .container-with-sidenav .preview-cards.preview-cards-2up a {
    grid-column: span 6;
  }
  .preview-cards.preview-cards-4up {
    grid-template-columns: repeat(12, 1fr);
  }
  .preview-cards.preview-cards-4up a {
    grid-column: span 3;
  }
  .container-with-sidenav .preview-cards.preview-cards-4up a {
    grid-column: span 4;
  }
}
@media (min-width: 1440px) {
  .container-fixed-standard .preview-cards a { /* 3-up */
    grid-column: span 4;
  }
  .preview-cards.preview-cards-2up a,
  .container-with-sidenav .preview-cards.preview-cards-2up a {
    grid-column: span 6; /* 6 of 12 */
  }
  .test-for-update {
    color: red;
  }
  .container-fixed-standard .preview-cards.preview-cards-4up a { /* Force 4-up Cards for lg desktop */
    grid-column: span 3;
  }
  .container-fixed-wide .preview-cards a { /* 4-up */
    grid-column: span 3;
  }
}
/* convert to 2-up at desktop for even quantities 3 of 6 */
/* convert to 3-up for large desktop - 4 of 12 */
/* remove this as default 11/23 and we'll control for container width
.preview-cards-standard .preview-cards {

	@media (min-width: $screen-desktop-min) {		


		a:first-child:nth-last-child(2),
		a:first-child:nth-last-child(2) ~ *,
		a:first-child:nth-last-child(3n+1),
		a:first-child:nth-last-child(3n+1) ~ * {
			grid-column: span 3;
			}
		}	

	@media (min-width: $screen-large-desktop-min) {

		a:first-child:nth-last-child(2),
		a:first-child:nth-last-child(2) ~ *,
		a:first-child:nth-last-child(3n),
		a:first-child:nth-last-child(3n) ~ *,
		a:first-child:nth-last-child(4n+1),
		a:first-child:nth-last-child(4n+1) ~ * {
			grid-column: span 4;
			}		
		}
	}
	*/
@media (min-width: 1080px) {
  .page-content .grid-layout .preview-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .page-content .grid-layout .preview-cards :not([data-columns="1"]):not([data-columns="2"]) {
    grid-template-columns: repeat(1, 1fr);
  }
  .page-content .grid-layout .preview-cards a {
    grid-column: unset;
  }
}
@media (min-width: 1440px) {
  .page-content .grid-layout .preview-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .page-content .grid-layout .preview-cards :not([data-columns="1"]):not([data-columns="2"]) {
    grid-template-columns: repeat(1, 1fr);
  }
  .page-content .grid-layout .preview-cards a {
    grid-column: unset;
  }
}

.preview-cards-wrap.preview-cards-wrap-rows .preview-cards {
  grid-gap: var(--grid-gap-standard);
}
.preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row {
  grid-gap: var(--grid-gap-standard);
  padding: var(--spacing-medium-small);
  border: solid 1px rgba(var(--ps-limestone-gray-rgb), 0.25);
  box-shadow: var(--box-shadow-light);
  width: 100%;
}
.preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row:hover {
  border: solid 1px rgba(var(--color-primary-accent-rgb), 0.25);
  background: var(--ps-pugh-blue-100);
}
.preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row:hover .block-content h3 {
  text-decoration: underline;
}
@media (min-width: 576px) {
  .preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row {
    flex-direction: row-reverse;
  }
}
.preview-cards-wrap.preview-cards-wrap-rows .preview-cards .block-image img {
  width: 100%;
  height: auto;
}
.preview-cards-wrap.preview-cards-wrap-rows .preview-cards .block-content h3 {
  padding-top: var(--spacing-small);
}
.preview-cards-wrap.preview-cards-wrap-rows .preview-cards .block-content p {
  font-size: var(--font-size-base);
  padding-top: var(--spacing-small);
}
.preview-cards-wrap.preview-cards-wrap-rows .preview-cards .block-content p:last-of-type {
  margin-bottom: var(--spacing-small);
}
.preview-cards-wrap.preview-cards-wrap-rows .preview-cards .block-content ul {
  color: var(--primary-text-color);
}
@media (min-width: 576px) {
  .preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
  .preview-cards-wrap.preview-cards-wrap-rows .block-image {
    order: 2;
  }
}
@media (min-width: 768px) {
  .preview-cards-wrap.preview-cards-wrap-rows .preview-cards {
    grid-template-columns: none;
  }
}
@media (min-width: 1080px) {
  .preview-cards-wrap.preview-cards-wrap-rows .preview-cards {
    grid-template-columns: none;
  }
}

.theme-traditional a.block .block-image {
  background: var(--ps-beaver-blue-500);
}
.theme-traditional a.block:hover .block-image img, .theme-traditional a.block:focus .block-image img {
  opacity: 0.625;
  filter: grayscale(0.75) contrast(1.5);
}

a.block {
  -webkit-transform-style: preserve-3d;
  /* 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: var(--transition-base);
}
a.block .block-image.bg-transparent img {
  height: 90px;
  max-width: 90px;
  margin: 15px 0 15px 15px;
}
a.block .block-image {
  background: var(--ps-beaver-blue-500);
}
a.block .block-image.bg-transparent {
  background: transparent;
}
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: var(--font-weight-bold);
  text-underline-offset: var(--link-underline-offset);
  text-decoration-skip-ink: var(--link-underline-skip-ink);
  text-decoration: solid underline 1px transparent;
  transition: var(--transition-base);
  padding-top: var(--spacing-small);
  line-height: var(--line-height-small);
}
a.block .block-content p + h2,
a.block .block-content p + h3 {
  padding-top: var(--spacing-xx-small);
}
a.block .block-content p {
  color: var(--primary-text-color);
  margin-bottom: 0;
  margin-top: 0;
  font-size: var(--font-size-base);
  padding-top: var(--spacing-xx-small);
  text-decoration: none;
  line-height: var(--line-height-medium);
}
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;
  filter: grayscale(0.75) 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 1px var(--color-primary-accent);
  transition: var(--transition-base);
}

.reverse a.more-from-section-link:link {
  text-decoration: none;
}

.reverse .latest-news-new-feed a:link,
.reverse .latest-news-new-feed a:visited,
.reverse .component .latest-news-new-feed a:link,
.reverse .component .latest-news-new-feed a:visited {
  text-decoration: none;
}
.reverse .latest-news-new-feed a:link p,
.reverse .latest-news-new-feed a:visited p,
.reverse .component .latest-news-new-feed a:link p,
.reverse .component .latest-news-new-feed a:visited p {
  color: var(--reverse-text-color);
}
.reverse .latest-news-new-feed a:link h2,
.reverse .latest-news-new-feed a:visited h2,
.reverse .component .latest-news-new-feed a:link h2,
.reverse .component .latest-news-new-feed a:visited h2 {
  color: var(--reverse-link-color);
  text-decoration-thickness: 1px;
}

a.block .block-content ul.list-inline.course-details {
  list-style-type: none;
  border-top: 1px solid var(--color-standard-border);
  border-bottom: 1px solid var(--color-standard-border);
  margin-top: var(--spacing-x-small);
  padding-top: var(--spacing-x-small);
  padding-bottom: var(--spacing-minimum);
}
a.block .block-content ul.list-inline.course-details li {
  display: inline-block;
  font-size: var(--small-2);
  width: auto;
  margin-bottom: var(--spacing-xx-small);
}
a.block .block-content ul.list-inline.course-details li::after {
  content: "/";
  color: var(--color-primary-accent);
  padding-left: var(--spacing-xx-small);
  padding-right: var(--spacing-minimum);
  display: inline-block;
}
a.block .block-content ul.list-inline.course-details li:last-of-type::after {
  content: none;
  padding-right: 0;
}

.reverse .preview-cards-standard a.block .block-content p,
.reverse .preview-cards-icon a.block .block-content p {
  color: var(--reverse-text-color);
}

.reverse .preview-cards-standard a.block h2, .reverse .preview-cards-standard a.block h3,
.reverse .preview-cards-icon a.block h2,
.reverse .preview-cards-icon a.block h3 {
  color: var(--link-light-color);
}
.reverse .preview-cards-standard a.block:hover h2, .reverse .preview-cards-standard a.block:hover h3,
.reverse .preview-cards-icon a.block:hover h2,
.reverse .preview-cards-icon a.block:hover h3 {
  color: var(--link-light-color);
  text-decoration: solid underline 1px var(--link-light-color);
}

/* Resource Cards - Original from Grad School */
.preview-cards-resource a,
.preview-cards-resource a.block,
.preview-cards-resources a,
.preview-cards-resources a.block,
.preview-cards-iconTransparent a,
.preview-cards-iconTransparent a.block,
.reverse .preview-cards-resource a,
.reverse .preview-cards-resource a.block,
.reverse .preview-cards-resources a,
.reverse .preview-cards-resources a.block,
.reverse .preview-cards-iconTransparent a,
.reverse .preview-cards-iconTransparent a.block {
  background-color: var(--white);
}

.preview-cards-resource,
.preview-cards-resources,
.preview-cards-iconTransparent { /* might have missed adding the s on resources */ }
.preview-cards-resource a.block,
.preview-cards-resources a.block,
.preview-cards-iconTransparent a.block {
  padding: var(--spacing-medium-small);
  border: 1px solid var(--color-light-gray-border);
  text-align: center;
  transition: var(--link-transition);
  height: 100%;
}
.preview-cards-resource a.block:hover,
.preview-cards-resources a.block:hover,
.preview-cards-iconTransparent a.block:hover {
  border: 1px solid rgba(var(--color-primary-accent-rgb), 1);
  background-color: var(--ps-pugh-blue-150);
}
.preview-cards-resource a.block:hover h2, .preview-cards-resource a.block:focus h2,
.preview-cards-resources a.block:hover h2,
.preview-cards-resources a.block:focus h2,
.preview-cards-iconTransparent a.block:hover h2,
.preview-cards-iconTransparent a.block:focus h2 {
  text-decoration: none;
  color: var(--link-color);
}
.preview-cards-resource a.block:hover .block-image img, .preview-cards-resource a.block:focus .block-image img,
.preview-cards-resources a.block:hover .block-image img,
.preview-cards-resources a.block:focus .block-image img,
.preview-cards-iconTransparent a.block:hover .block-image img,
.preview-cards-iconTransparent a.block:focus .block-image img {
  opacity: 1;
  filter: none;
}
.preview-cards-resource a.block .block-content h2,
.preview-cards-resources a.block .block-content h2,
.preview-cards-iconTransparent a.block .block-content h2 {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-small);
}
.preview-cards-resource a.block .block-image,
.preview-cards-resources a.block .block-image,
.preview-cards-iconTransparent a.block .block-image {
  background: none;
}
.preview-cards-resource a.block .block-image img,
.preview-cards-resources a.block .block-image img,
.preview-cards-iconTransparent a.block .block-image img {
  height: 60px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.reverse .preview-cards-wrap.preview-cards-textList a.block .block-content h2,
.reverse .preview-cards-wrap.preview-cards-textList a.block .block-content h3 {
  color: var(--reverse-link-color);
}
.reverse .preview-cards-wrap.preview-cards-textList a.block:hover .block-content h2,
.reverse .preview-cards-wrap.preview-cards-textList a.block:hover .block-content h3,
.reverse .preview-cards-wrap.preview-cards-textList a.block:focus .block-content h2,
.reverse .preview-cards-wrap.preview-cards-textList a.block:focus .block-content h3 {
  color: var(--link-light-color);
}
.reverse .preview-cards-wrap.preview-cards-textList a.block .block-content p {
  color: var(--reverse-text-color);
}

.preview-cards-wrap.preview-cards-textList .preview-cards {
  grid-gap: var(--grid-gap-small);
}
@media (min-width: 768px) {
  .preview-cards-wrap.preview-cards-textList .preview-cards {
    grid-template-columns: unset;
  }
}
@media (min-width: 1080px) {
  .preview-cards-wrap.preview-cards-textList .preview-cards {
    grid-template-columns: unset;
  }
}
.preview-cards-wrap.preview-cards-textList .preview-cards a {
  display: inline-flex;
  position: relative;
  padding-left: var(--spacing-standard);
  margin-left: var(--spacing-standard);
}
.preview-cards-wrap.preview-cards-textList .preview-cards .block-image {
  display: none;
}
.preview-cards-wrap.preview-cards-textList .preview-cards a.block .block-content h2, .preview-cards-wrap.preview-cards-textList .preview-cards a.block .block-content h3 {
  padding-top: var(--spacing-minimum);
  font-size: var(--font-size-xl); /* match flexible list */
  font-weight: var(--font-weight-regular);
  text-decoration: underline;
  text-underline-offset: var(--link-underline-offset);
  text-decoration-skip-ink: var(--link-underline-skip-ink);
}
.preview-cards-wrap.preview-cards-textList .preview-cards a:before {
  content: "";
  height: calc(var(--line-height-small) * var(--h4));
  width: calc(var(--line-height-small) * var(--h4));
  display: inline-flex;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: calc(-1 * var(--line-height-small) * var(--h4) - var(--spacing-minimum));
  margin-right: var(--spacing-minimum);
  margin-top: 0.125rem;
}
.preview-cards-wrap.preview-cards-textList .preview-cards a:before {
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><title>circle</title><circle cx="512" cy="512" r="256" fill="%23000000" fill-rule="evenodd"/></svg>');
  filter: var(--svg-filter-pugh-blue);
  background-size: 65%;
}
.preview-cards-wrap.preview-cards-textList .preview-cards .card-content {
  font-family: var(--font-sans);
  line-height: var(--line-height-base);
  font-size: var(--font-size-xl); /* match flexible list */
  font-weight: var(--font-weight-regular);
  padding-top: 0;
  display: flex;
  flex-wrap: wrap;
}

.theme-traditional .preview-cards-wrap.preview-cards-textList a.block .block-image {
  display: none;
}

@media (min-width: 576px) {
  .preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row.preview-card-resources-document-icon-only {
    display: flex;
  }
}
@media (min-width: 768px) {
  .preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row.preview-card-resources-document-icon-only {
    display: flex;
  }
}

.preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row.preview-card-resources-document-icon-only .block-content {
  display: flex;
  width: 100%;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row.preview-card-resources-document-icon-only .block-content {
    align-items: center;
  }
}
.preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row.preview-card-resources-document-icon-only .block-content h3 {
  font-size: var(--h5);
  padding-top: 0;
  display: flex;
}
.preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row.preview-card-resources-document-icon-only .block-content div.content-flex-control p {
  padding-top: 10px;
  line-height: var(--line-height-medium);
}
.preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row.preview-card-resources-document-icon-only .block-content div.content-flex-control p:last-of-type {
  margin-bottom: 0;
}

.component-quick-facts {
  background-color: var(--ps-nittany-navy-500);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.component-quick-facts.component-quick-facts-simple {
  background-color: transparent;
}
.component-quick-facts .component-inner {
  position: relative;
  z-index: 9;
}

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

.component-quick-facts .bg-full-container {
  position: absolute;
  z-index: 0;
  overflow: hidden;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.component-quick-facts .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%;
}
.component-quick-facts .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%;
}
.component-quick-facts .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);
}

.page-content .facts {
  /* margin: 0 var(--spacing-standard); */
  margin: 0;
}

.reverse .component-quick-facts,
.component-quick-facts.reverse { /* reverse for landing pages */ }
.reverse .component-quick-facts h2, .reverse .component-quick-facts p, .reverse .component-quick-facts .facts-content div p,
.component-quick-facts.reverse h2,
.component-quick-facts.reverse p,
.component-quick-facts.reverse .facts-content div p {
  color: var(--white);
}
.reverse .component-quick-facts p a,
.component-quick-facts.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: 1px solid var(--color-standard-border);
  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: 1px solid var(--color-standard-border);
    text-align: center;
  }
  .flexible-facts div:nth-of-type(1), .flexible-facts div:nth-of-type(2) {
    border-bottom: 1px solid var(--color-standard-border);
  }
  .flexible-facts div:nth-of-type(even) {
    border-right: 1px solid transparent;
  }
  .flexible-facts div:last-child { /* last child always has no right border */
    border-right: 1px solid transparent;
  }
  .component-quick-facts-large-bordered .flexible-facts div { /* reset borders for new styles */ }
  .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(even) {
    border-right: 1px solid var(--color-standard-border);
  }
  .component-quick-facts-large-bordered .flexible-facts div:last-child {
    border-right: 1px solid var(--color-standard-border);
  }
  .flexible-facts.facts-quantity-1 {
    margin-top: var(--spacing-small);
  }
  .flexible-facts.facts-quantity-1 div:nth-of-type(1) {
    border-bottom: 1px solid transparent;
  }
  .component-quick-facts-large-no-borders .flexible-facts div,
  .component-quick-facts-large-boxed .flexible-facts div { /* reset borders for new styles */
    border-right: 1px solid transparent;
  }
  .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(1),
  .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(1) {
    border-bottom: 1px solid transparent;
  }
  .component-quick-facts-large-bordered .flexible-facts div { /* reset borders for new styles */ }
  .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(1) {
    border-bottom: 1px solid var(--color-standard-border);
  }
  .flexible-facts.facts-quantity-2 div:nth-of-type(1), .flexible-facts.facts-quantity-2 div:nth-of-type(2) {
    border-bottom: 1px solid transparent;
  }
  .component-quick-facts-large-no-borders .flexible-facts div,
  .component-quick-facts-large-boxed .flexible-facts div { /* reset borders for new styles */ }
  .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(1), .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(2),
  .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(1),
  .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(2) {
    border-bottom: 1px solid transparent;
  }
  .component-quick-facts-large-bordered .flexible-facts div { /* reset borders for new styles */ }
  .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(1), .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(2) {
    border-bottom: 1px solid var(--color-standard-border);
  }
  .flexible-facts.facts-quantity-3 div:nth-of-type(1), .flexible-facts.facts-quantity-3 div:nth-of-type(2) {
    border-bottom: 1px solid var(--color-standard-border);
  }
  .flexible-facts.facts-quantity-3 div:nth-of-type(3) {
    border-bottom: 1px solid transparent;
  }
  .component-quick-facts-large-bordered .flexible-facts div { /* reset borders for new styles */ }
  .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(3) {
    border-bottom: 1px solid var(--color-standard-border);
  }
  .component-quick-facts-large-no-borders .flexible-facts div,
  .component-quick-facts-large-boxed .flexible-facts div { /* reset borders for new styles */ }
  .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(3),
  .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(3) {
    border-bottom: 1px 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;
  }
  .component-quick-facts-large-bordered .flexible-facts div { /* reset borders for new styles */ }
  .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(3), .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(4) {
    border-bottom: 1px solid var(--color-standard-border);
  }
  .component-quick-facts-large-no-borders .flexible-facts div,
  .component-quick-facts-large-boxed .flexible-facts div { /* reset borders for new styles */ }
  .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(3), .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(4),
  .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(3),
  .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(4) {
    border-bottom: 1px solid transparent;
  }
  .flexible-facts.facts-quantity-6 div:nth-of-type(5), .flexible-facts.facts-quantity-6 div:nth-of-type(6) {
    border-bottom: none;
  }
  .component-quick-facts-large-bordered .flexible-facts div { /* reset borders for new styles */ }
  .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(5), .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(6) {
    border-bottom: 1px solid var(--color-standard-border);
  }
  .component-quick-facts-large-no-borders .flexible-facts div,
  .component-quick-facts-large-boxed .flexible-facts div { /* reset borders for new styles */ }
  .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(5), .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(6),
  .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(5),
  .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(6) {
    border-bottom: 1px solid transparent;
  }
  .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: 1px solid var(--color-standard-border);
  }
  .flexible-facts.facts-quantity-7 div:nth-of-type(8),
  .flexible-facts.facts-quantity-8 div:nth-of-type(8) {
    border-right: 1px 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;
  }
  .component-quick-facts-large-bordered .flexible-facts div { /* reset borders for new styles */ }
  .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(8) {
    border-right: 1px solid var(--color-standard-border);
  }
  .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(7), .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(8) {
    border-bottom: 1px solid var(--color-standard-border);
  }
  .component-quick-facts-large-no-borders .flexible-facts div,
  .component-quick-facts-large-boxed .flexible-facts div { /* reset borders for new styles */ }
  .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(8),
  .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(8) {
    border-right: 1px solid transparent;
  }
  .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(7), .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(8),
  .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(7),
  .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(8) {
    border-bottom: 1px solid transparent;
  }
}
@media (min-width: 768px) {
  .component-quick-facts.component-quick-facts-large-no-borders .flexible-facts.facts-quantity-1 div,
  .component-quick-facts.component-quick-facts-large-bordered .flexible-facts.facts-quantity-1 div,
  .component-quick-facts.component-quick-facts-large-boxed .flexible-facts.facts-quantity-1 div {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  .component-quick-facts.component-quick-facts-large-no-borders .flexible-facts.facts-quantity-1 div b,
  .component-quick-facts.component-quick-facts-large-bordered .flexible-facts.facts-quantity-1 div b,
  .component-quick-facts.component-quick-facts-large-boxed .flexible-facts.facts-quantity-1 div b {
    display: block;
  }
  .component-quick-facts.component-quick-facts-large-no-borders .flexible-facts.facts-quantity-1 div p,
  .component-quick-facts.component-quick-facts-large-bordered .flexible-facts.facts-quantity-1 div p,
  .component-quick-facts.component-quick-facts-large-boxed .flexible-facts.facts-quantity-1 div p {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .flexible-facts.facts-quantity-1 div {
    width: 100%;
    flex-direction: row;
    align-items: center;
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-3 div,
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-5 div,
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-6 div {
    width: 33.33%;
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-3 div:nth-of-type(2),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-5 div:nth-of-type(2),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-6 div:nth-of-type(2) {
    border-right: 1px solid var(--color-standard-border);
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-3 div:nth-of-type(3),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-5 div:nth-of-type(3),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-6 div:nth-of-type(3) {
    border-right: 1px solid transparent;
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-3 div:nth-of-type(4), main:not(.page-content-sidenav) .flexible-facts.facts-quantity-3 div:nth-of-type(5), main:not(.page-content-sidenav) .flexible-facts.facts-quantity-3 div:nth-of-type(6),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-5 div:nth-of-type(4),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-5 div:nth-of-type(5),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-5 div:nth-of-type(6),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-6 div:nth-of-type(4),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-6 div:nth-of-type(5),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-6 div:nth-of-type(6) {
    border-bottom: 1px solid transparent;
  }
  main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts div { /* reset borders for new styles */ }
  main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(3) {
    border-right: 1px solid var(--color-standard-border);
  }
  main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(4), main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(5), main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(6) {
    border-bottom: 1px solid var(--color-standard-border);
  }
  main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div,
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div { /* reset borders for new styles */ }
  main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(3),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(3) {
    border-right: 1px solid transparent;
  }
  main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(4), main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(5), main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(6),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(4),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(5),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(6) {
    border-bottom: 1px solid transparent;
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-3 div:nth-of-type(1), main:not(.page-content-sidenav) .flexible-facts.facts-quantity-3 div:nth-of-type(2), main:not(.page-content-sidenav) .flexible-facts.facts-quantity-3 div:nth-of-type(3) {
    border-bottom: 1px solid transparent;
  }
  main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts div { /* reset borders for new styles */ }
  main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(1), main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(2), main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(3) {
    border-bottom: 1px solid var(--color-standard-border);
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-5 div:nth-of-type(4) {
    border-right: 1px solid var(--color-standard-border);
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-5 div:nth-of-type(5) {
    border-right: 1px solid transparent;
  }
  main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div,
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div { /* reset borders for new styles */ }
  main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(1), main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(2), main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(3), main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(4),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(1),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(2),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(3),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(4) {
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
  }
  main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts div { /* reset borders for new styles */ }
  main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts div:nth-of-type(5) {
    border-right: 1px solid var(--color-standard-border);
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-6 div:nth-of-type(4) {
    border-right: 1px solid var(--color-standard-border);
  }
  main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div,
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div { /* reset borders for new styles */ }
  main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(4), main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(5),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(4),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(5) {
    border-right: 1px solid transparent;
  }
}
@media (min-width: 1080px) {
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-4 div {
    width: 25%;
    border-bottom: none;
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-4 div:nth-of-type(even) {
    border-right: 1px solid var(--color-standard-border);
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-4 div:nth-of-type(4) {
    border-right: 1px solid transparent;
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-4 div:nth-of-type(1), main:not(.page-content-sidenav) .flexible-facts.facts-quantity-4 div:nth-of-type(2), main:not(.page-content-sidenav) .flexible-facts.facts-quantity-4 div:nth-of-type(3), main:not(.page-content-sidenav) .flexible-facts.facts-quantity-4 div:nth-of-type(4) {
    border-bottom: 1px solid transparent;
  }
  main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts.facts-quantity-4 div { /* reset borders for new styles */ }
  main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts.facts-quantity-4 div:nth-of-type(4) {
    border-right: 1px solid var(--color-standard-border);
  }
  main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts.facts-quantity-4 div:nth-of-type(1), main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts.facts-quantity-4 div:nth-of-type(2), main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts.facts-quantity-4 div:nth-of-type(3), main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts.facts-quantity-4 div:nth-of-type(4) {
    border-bottom: 1px solid var(--color-standard-border);
  }
  main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div,
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div { /* reset borders for new styles */ }
  main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(4),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(4) {
    border-right: 1px solid transparent;
  }
  main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(1), main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(2), main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(3), main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(4),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(1),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(2),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(3),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(4) {
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-6 div:nth-of-type(4) {
    border-right: 1px solid var(--color-standard-border);
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-7 div,
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-8 div {
    width: 25%;
    border-bottom: none;
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-7 div:nth-of-type(1), main:not(.page-content-sidenav) .flexible-facts.facts-quantity-7 div:nth-of-type(2), main:not(.page-content-sidenav) .flexible-facts.facts-quantity-7 div:nth-of-type(3), main:not(.page-content-sidenav) .flexible-facts.facts-quantity-7 div:nth-of-type(4),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-8 div:nth-of-type(1),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-8 div:nth-of-type(2),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-8 div:nth-of-type(3),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-8 div:nth-of-type(4) {
    border-bottom: 1px solid var(--color-standard-border);
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-7 div:nth-of-type(4),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-8 div:nth-of-type(4) {
    border-right: 1px solid transparent;
  }
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-7 div:nth-of-type(2), main:not(.page-content-sidenav) .flexible-facts.facts-quantity-7 div:nth-of-type(6),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-8 div:nth-of-type(2),
  main:not(.page-content-sidenav) .flexible-facts.facts-quantity-8 div:nth-of-type(6) {
    border-right: 1px solid var(--color-standard-border);
  }
  main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts.facts-quantity-7 div,
  main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts.facts-quantity-8 div { /* reset borders for new styles */ }
  main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts.facts-quantity-7 div:nth-of-type(4),
  main:not(.page-content-sidenav) .component-quick-facts-large-bordered .flexible-facts.facts-quantity-8 div:nth-of-type(4) {
    border-right: 1px solid var(--color-standard-border);
  }
  main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div,
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div,
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-no-borders .flexible-facts.facts-quantity-6 div,
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-boxed .flexible-facts.facts-quantity-6 div { /* reset borders for new styles */ }
  main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(1), main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(2), main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(3), main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(4),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(1),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(2),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(3),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(4),
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-no-borders .flexible-facts.facts-quantity-6 div:nth-of-type(1),
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-no-borders .flexible-facts.facts-quantity-6 div:nth-of-type(2),
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-no-borders .flexible-facts.facts-quantity-6 div:nth-of-type(3),
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-no-borders .flexible-facts.facts-quantity-6 div:nth-of-type(4),
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-boxed .flexible-facts.facts-quantity-6 div:nth-of-type(1),
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-boxed .flexible-facts.facts-quantity-6 div:nth-of-type(2),
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-boxed .flexible-facts.facts-quantity-6 div:nth-of-type(3),
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-boxed .flexible-facts.facts-quantity-6 div:nth-of-type(4) {
    border-bottom: 1px solid transparent;
  }
  main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(2), main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(4), main:not(.page-content-sidenav) .component-quick-facts-large-no-borders .flexible-facts div:nth-of-type(6),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(2),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(4),
  main:not(.page-content-sidenav) .component-quick-facts-large-boxed .flexible-facts div:nth-of-type(6),
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-no-borders .flexible-facts.facts-quantity-6 div:nth-of-type(2),
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-no-borders .flexible-facts.facts-quantity-6 div:nth-of-type(4),
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-no-borders .flexible-facts.facts-quantity-6 div:nth-of-type(6),
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-boxed .flexible-facts.facts-quantity-6 div:nth-of-type(2),
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-boxed .flexible-facts.facts-quantity-6 div:nth-of-type(4),
  main:not(.page-content-sidenav) .component-quick-facts-simple.component-quick-facts-large-boxed .flexible-facts.facts-quantity-6 div:nth-of-type(6) {
    border-right: 1px solid transparent;
  }
}
.container-fixed-wide .component-quick-facts .facts-content div h3 {
  font-size: var(--display-3);
}

.container-fixed-standard .component-quick-facts .facts-content div h3 {
  font-size: var(--h1);
}

.component-quick-facts .facts-content div {
  padding-left: var(--spacing-standard);
  padding-right: var(--spacing-standard);
  text-align: center;
}
.component-quick-facts .facts-content div h3 {
  padding-top: 0;
}
.component-quick-facts .facts-content div b {
  background-color: var(--color-primary-accent);
  font-size: 10px;
  height: 1px;
  font-weight: bold;
  width: var(--spacing-xx-large);
  margin: var(--spacing-x-small) auto var(--spacing-small) auto;
  display: block;
}
.component-quick-facts .facts-content div p {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  padding-top: 0;
  line-height: var(--line-height-medium);
  color: var(--color-primary-header);
  font-family: var(--font-sans);
}
.component-quick-facts .facts-content div {
  margin-top: 0;
  padding: var(--spacing-standard);
}

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

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

.component-quick-facts.component-quick-facts-large-no-borders .facts-content,
.component-quick-facts.component-quick-facts-large-bordered .facts-content,
.component-quick-facts.component-quick-facts-large-boxed .facts-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-items: stretch; /* equalize vertical height of quick fact divs */
}
.component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
.component-quick-facts.component-quick-facts-large-bordered .facts-content div,
.component-quick-facts.component-quick-facts-large-boxed .facts-content div {
  margin: var(--spacing-small) 0;
}
@media (min-width: 576px) {
  .component-quick-facts.component-quick-facts-large-no-borders .facts-content,
  .component-quick-facts.component-quick-facts-large-bordered .facts-content,
  .component-quick-facts.component-quick-facts-large-boxed .facts-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  .component-quick-facts.component-quick-facts-large-boxed .facts-content div {
    display: flex;
    width: calc(50% - 2 * var(--spacing-small));
    flex-direction: column;
    justify-content: center;
    margin: var(--spacing-small);
  }
}

@media (min-width: 1080px) {
  main:not(.page-content-sidenav) .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  main:not(.page-content-sidenav) .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  main:not(.page-content-sidenav) .component-quick-facts.component-quick-facts-large-boxed .facts-content div {
    width: calc(33.33% - 3 * var(--spacing-small));
  }
}

@media (min-width: 768px) {
  .container-with-sidenav .component-quick-facts.component-quick-facts-large-no-borders .facts-content,
  .container-with-sidenav .component-quick-facts.component-quick-facts-large-bordered .facts-content,
  .container-with-sidenav .component-quick-facts.component-quick-facts-large-boxed .facts-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .container-with-sidenav .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  .container-with-sidenav .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  .container-with-sidenav .component-quick-facts.component-quick-facts-large-boxed .facts-content div {
    width: calc(50% - 2 * var(--spacing-small));
    margin: var(--spacing-small);
  }
}
@media (min-width: 1080px) {
  .container-with-sidenav .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  .container-with-sidenav .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  .container-with-sidenav .component-quick-facts.component-quick-facts-large-boxed .facts-content div {
    width: calc(50% - 2 * var(--spacing-small));
  }
}

@media (min-width: 768px) {
  .container-with-sidenav .grid-layout .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  .container-with-sidenav .grid-layout .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  .container-with-sidenav .grid-layout .component-quick-facts.component-quick-facts-large-boxed .facts-content div,
  main:not(.page-content-sidenav) .grid-layout .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  main:not(.page-content-sidenav) .grid-layout .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  main:not(.page-content-sidenav) .grid-layout .component-quick-facts.component-quick-facts-large-boxed .facts-content div {
    width: calc(50% - 2 * var(--spacing-small));
  }
}
@media (min-width: 1080px) {
  .container-with-sidenav .grid-layout .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  .container-with-sidenav .grid-layout .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  .container-with-sidenav .grid-layout .component-quick-facts.component-quick-facts-large-boxed .facts-content div,
  main:not(.page-content-sidenav) .grid-layout .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  main:not(.page-content-sidenav) .grid-layout .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  main:not(.page-content-sidenav) .grid-layout .component-quick-facts.component-quick-facts-large-boxed .facts-content div {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .container-with-sidenav .grid-layout.grid-preconfigured-one-to-two div + .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  .container-with-sidenav .grid-layout.grid-preconfigured-one-to-two div + .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  .container-with-sidenav .grid-layout.grid-preconfigured-one-to-two div + .component-quick-facts.component-quick-facts-large-boxed .facts-content div,
  main:not(.page-content-sidenav) .grid-layout.grid-preconfigured-one-to-two div + .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  main:not(.page-content-sidenav) .grid-layout.grid-preconfigured-one-to-two div + .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  main:not(.page-content-sidenav) .grid-layout.grid-preconfigured-one-to-two div + .component-quick-facts.component-quick-facts-large-boxed .facts-content div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(50% - 2 * var(--spacing-small));
  }
}
@media (min-width: 1080px) {
  .container-with-sidenav .grid-layout.grid-preconfigured-one-to-two div + .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  .container-with-sidenav .grid-layout.grid-preconfigured-one-to-two div + .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  .container-with-sidenav .grid-layout.grid-preconfigured-one-to-two div + .component-quick-facts.component-quick-facts-large-boxed .facts-content div,
  main:not(.page-content-sidenav) .grid-layout.grid-preconfigured-one-to-two div + .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  main:not(.page-content-sidenav) .grid-layout.grid-preconfigured-one-to-two div + .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  main:not(.page-content-sidenav) .grid-layout.grid-preconfigured-one-to-two div + .component-quick-facts.component-quick-facts-large-boxed .facts-content div {
    width: calc(50% - 2 * var(--spacing-small));
  }
}
@media (min-width: 768px) {
  .container-with-sidenav .grid-layout.grid-preconfigured-two-to-one div.component-quick-facts.component-quick-facts-large-no-borders:first-of-type .facts-content div,
  .container-with-sidenav .grid-layout.grid-preconfigured-two-to-one div.component-quick-facts.component-quick-facts-large-bordered:first-of-type .facts-content div,
  .container-with-sidenav .grid-layout.grid-preconfigured-two-to-one div.component-quick-facts.component-quick-facts-large-boxed:first-of-type .facts-content div,
  main:not(.page-content-sidenav) .grid-layout.grid-preconfigured-two-to-one div.component-quick-facts.component-quick-facts-large-no-borders:first-of-type .facts-content div,
  main:not(.page-content-sidenav) .grid-layout.grid-preconfigured-two-to-one div.component-quick-facts.component-quick-facts-large-bordered:first-of-type .facts-content div,
  main:not(.page-content-sidenav) .grid-layout.grid-preconfigured-two-to-one div.component-quick-facts.component-quick-facts-large-boxed:first-of-type .facts-content div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(50% - 2 * var(--spacing-small));
  }
}
@media (min-width: 1080px) {
  .container-with-sidenav .grid-layout.grid-preconfigured-two-to-one div.component-quick-facts.component-quick-facts-large-no-borders:first-of-type .facts-content div,
  .container-with-sidenav .grid-layout.grid-preconfigured-two-to-one div.component-quick-facts.component-quick-facts-large-bordered:first-of-type .facts-content div,
  .container-with-sidenav .grid-layout.grid-preconfigured-two-to-one div.component-quick-facts.component-quick-facts-large-boxed:first-of-type .facts-content div,
  main:not(.page-content-sidenav) .grid-layout.grid-preconfigured-two-to-one div.component-quick-facts.component-quick-facts-large-no-borders:first-of-type .facts-content div,
  main:not(.page-content-sidenav) .grid-layout.grid-preconfigured-two-to-one div.component-quick-facts.component-quick-facts-large-bordered:first-of-type .facts-content div,
  main:not(.page-content-sidenav) .grid-layout.grid-preconfigured-two-to-one div.component-quick-facts.component-quick-facts-large-boxed:first-of-type .facts-content div {
    width: calc(50% - 2 * var(--spacing-small));
  }
}
@media (min-width: 768px) {
  .container-with-sidenav .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-boxed .facts-content div, .container-with-sidenav .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-boxed .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-boxed .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-boxed .facts-content div {
    width: 100%;
  }
}
@media (min-width: 1080px) {
  .container-with-sidenav .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-boxed .facts-content div, .container-with-sidenav .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-boxed .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-boxed .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-boxed .facts-content div {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .container-with-sidenav .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-boxed .facts-content div, .container-with-sidenav .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-boxed .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-boxed .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  main:not(.page-content-sidenav) .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-boxed .facts-content div {
    width: calc(50% - 2 * var(--spacing-small));
  }
}

@media (min-width: 1440px) {
  .container-with-sidenav .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="1"] .component-quick-facts.component-quick-facts-large-boxed .facts-content div, .container-with-sidenav .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
  .container-with-sidenav .grid-layout[data-columns="2"] .component-quick-facts.component-quick-facts-large-boxed .facts-content div {
    width: 100%;
  }
}

.container-with-sidenav .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
.container-with-sidenav .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
.container-with-sidenav .component-quick-facts.component-quick-facts-large-boxed .facts-content div,
.container-fixed-standard .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
.container-fixed-standard .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
.container-fixed-standard .component-quick-facts.component-quick-facts-large-boxed .facts-content div {
  padding: var(--spacing-large) var(--spacing-medium-small);
}
.container-with-sidenav .component-quick-facts.component-quick-facts-large-no-borders .facts-content div h3,
.container-with-sidenav .component-quick-facts.component-quick-facts-large-bordered .facts-content div h3,
.container-with-sidenav .component-quick-facts.component-quick-facts-large-boxed .facts-content div h3,
.container-fixed-standard .component-quick-facts.component-quick-facts-large-no-borders .facts-content div h3,
.container-fixed-standard .component-quick-facts.component-quick-facts-large-bordered .facts-content div h3,
.container-fixed-standard .component-quick-facts.component-quick-facts-large-boxed .facts-content div h3 {
  font-size: var(--display-5);
  font-family: var(--font-sans);
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.05em;
}
@media (min-width: 1080px) {
  .container-with-sidenav .component-quick-facts.component-quick-facts-large-no-borders .facts-content div h3,
  .container-with-sidenav .component-quick-facts.component-quick-facts-large-bordered .facts-content div h3,
  .container-with-sidenav .component-quick-facts.component-quick-facts-large-boxed .facts-content div h3,
  .container-fixed-standard .component-quick-facts.component-quick-facts-large-no-borders .facts-content div h3,
  .container-fixed-standard .component-quick-facts.component-quick-facts-large-bordered .facts-content div h3,
  .container-fixed-standard .component-quick-facts.component-quick-facts-large-boxed .facts-content div h3 {
    font-size: var(--h2);
  }
}
@media (min-width: 1440px) {
  .container-with-sidenav .component-quick-facts.component-quick-facts-large-no-borders .facts-content div h3,
  .container-with-sidenav .component-quick-facts.component-quick-facts-large-bordered .facts-content div h3,
  .container-with-sidenav .component-quick-facts.component-quick-facts-large-boxed .facts-content div h3,
  .container-fixed-standard .component-quick-facts.component-quick-facts-large-no-borders .facts-content div h3,
  .container-fixed-standard .component-quick-facts.component-quick-facts-large-bordered .facts-content div h3,
  .container-fixed-standard .component-quick-facts.component-quick-facts-large-boxed .facts-content div h3 {
    font-size: var(--display-5);
  }
}
.container-with-sidenav .component-quick-facts.component-quick-facts-large-no-borders .facts-content div p,
.container-with-sidenav .component-quick-facts.component-quick-facts-large-bordered .facts-content div p,
.container-with-sidenav .component-quick-facts.component-quick-facts-large-boxed .facts-content div p,
.container-fixed-standard .component-quick-facts.component-quick-facts-large-no-borders .facts-content div p,
.container-fixed-standard .component-quick-facts.component-quick-facts-large-bordered .facts-content div p,
.container-fixed-standard .component-quick-facts.component-quick-facts-large-boxed .facts-content div p {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-xl);
}

.container-fixed-wide .component-quick-facts.component-quick-facts-large-no-borders .facts-content div,
.container-fixed-wide .component-quick-facts.component-quick-facts-large-bordered .facts-content div,
.container-fixed-wide .component-quick-facts.component-quick-facts-large-boxed .facts-content div {
  padding: var(--spacing-large) var(--spacing-standard);
}
.container-fixed-wide .component-quick-facts.component-quick-facts-large-no-borders .facts-content div h3,
.container-fixed-wide .component-quick-facts.component-quick-facts-large-bordered .facts-content div h3,
.container-fixed-wide .component-quick-facts.component-quick-facts-large-boxed .facts-content div h3 {
  font-size: var(--display-4);
  font-family: var(--font-sans);
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.05em;
}
@media (min-width: 1080px) {
  .container-fixed-wide .component-quick-facts.component-quick-facts-large-no-borders .facts-content div h3,
  .container-fixed-wide .component-quick-facts.component-quick-facts-large-bordered .facts-content div h3,
  .container-fixed-wide .component-quick-facts.component-quick-facts-large-boxed .facts-content div h3 {
    font-size: var(--display-6);
  }
}
@media (min-width: 1440px) {
  .container-fixed-wide .component-quick-facts.component-quick-facts-large-no-borders .facts-content div h3,
  .container-fixed-wide .component-quick-facts.component-quick-facts-large-bordered .facts-content div h3,
  .container-fixed-wide .component-quick-facts.component-quick-facts-large-boxed .facts-content div h3 {
    font-size: var(--display-4);
  }
}
.container-fixed-wide .component-quick-facts.component-quick-facts-large-no-borders .facts-content div p,
.container-fixed-wide .component-quick-facts.component-quick-facts-large-bordered .facts-content div p,
.container-fixed-wide .component-quick-facts.component-quick-facts-large-boxed .facts-content div p {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-xl);
}

.component-quick-facts.component-quick-facts-large-boxed .facts-content div {
  background: var(--ps-beaver-blue-500);
}
.component-quick-facts.component-quick-facts-large-boxed .facts-content div h3, .component-quick-facts.component-quick-facts-large-boxed .facts-content div p {
  color: var(--white);
}

.reverse .component-quick-facts.component-quick-facts-large-boxed .facts-content div {
  background: rgba(var(--white-rgb), 0.05);
  color: var(--color-primary-header);
}

.component-quick-facts.component-quick-facts-large-bordered .facts-content div {
  border: 1px solid var(--color-standard-border);
}

.component-quick-facts-list {
  padding-top: var(--spacing-standard);
}
.component-quick-facts-list .quick-list-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top: 1px solid var(--color-standard-border);
  padding-top: var(--spacing-x-small);
  padding-bottom: var(--spacing-x-small);
}
.component-quick-facts-list .quick-list-wrapper:first-of-type {
  border-top: none;
}
@media (min-width: 768px) {
  .component-quick-facts-list.two-column, .component-quick-facts-list.three-column {
    column-count: 2;
    grid-gap: var(--grid-gap-standard);
  }
  .component-quick-facts-list.two-column .quick-list-wrapper:first-of-type, .component-quick-facts-list.three-column .quick-list-wrapper:first-of-type {
    border-top: 1px solid var(--color-standard-border);
  }
  .component-quick-facts-list.two-column .quick-list-wrapper:last-of-type, .component-quick-facts-list.three-column .quick-list-wrapper:last-of-type {
    border-bottom: 1px solid var(--color-standard-border);
  }
}
@media (min-width: 1080px) {
  .component-quick-facts-list.three-column {
    column-count: 3;
  }
}
.component-quick-facts-list h3 {
  font-weight: var(--font-weight-black);
  padding-top: 0;
  margin-right: var(--spacing-medium-small);
  min-width: 8rem;
  text-align: right;
}
.component-quick-facts-list h3 + p {
  padding-top: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-medium);
  font-family: var(--font-sans);
}
@media (min-width: 768px) {
  .component-quick-facts-list h3 + p {
    font-size: var(--font-size-xl);
  }
}

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

.text-creek {
  color: var(--ps-creek-700);
}

.text-perpetual-purple {
  color: var(--ps-perpetual-purple-500);
}

.text-discovery-salmon {
  color: var(--ps-discovery-salmon-650);
}

.reverse .component .text-beaver-blue {
  color: var(--ps-sky-blue-250);
}
.reverse .component .text-creek {
  color: var(--ps-creek-300);
}
.reverse .component .text-perpetual-purple {
  color: var(--ps-perpetual-purple-150);
}
.reverse .component .text-discovery-salmon {
  color: var(--ps-discovery-salmon-250);
}

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

.quote-inline-module__inner {
  grid-gap: var(--grid-gap-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 graphic graphic text text text text text text text text";
    grid-template-columns: repeat(12, 1fr);
  }
}

@media (min-width: 768px) {
  .quote-img-right .quote-inline-module__quoteInline {
    grid-template-areas: " text text text text text text text text graphic graphic graphic graphic";
  }
}

svg.hub-top-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: auto;
}

svg.hub-bottom-right {
  display: none;
}

@media (min-width: 768px) {
  svg.hub-bottom-right {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: auto;
  }
}
.theme-vibrant-blue svg.hub-top-left g,
.theme-vibrant-blue svg.hub-bottom-right g {
  fill: var(--ps-sky-blue-500);
}

.theme-traditional svg.hub-top-left g,
.theme-traditional svg.hub-bottom-right g {
  fill: var(--ps-beaver-blue-500);
}

.theme-clean-modern svg.hub-top-left g,
.theme-clean-modern svg.hub-bottom-right g {
  fill: var(--ps-pugh-blue-250);
}

.quote-inline-module__quoteGraphic {
  display: flex;
  flex-direction: column;
  grid-area: graphic;
  justify-content: flex-start;
  padding: var(--spacing-small);
  position: relative;
  height: fit-content;
}
@media (min-width: 768px) {
  .quote-inline-module__quoteGraphic {
    padding-bottom: var(--spacing-x-large);
  }
}

.quote-inline-module__quoteGraphic img {
  width: 66.66%;
  height: auto;
  z-index: 2;
  position: relative;
  box-shadow: var(--box-shadow-light);
}

.quote-inline.clip-circle img {
  border-radius: 50%;
}

@media (min-width: 768px) {
  .quote-inline-module__quoteGraphic {
    width: 100%;
  }
  .quote-inline-module__quoteGraphic svg.generic-quote-svg,
  .quote-inline-module__quoteGraphic img {
    width: 100%;
    height: auto;
  }
}
.quote-inline-module__quoteText {
  grid-area: text;
  margin-top: 0;
}
@media (min-width: 768px) {
  .quote-inline-module__quoteText {
    margin-top: var(--spacing-small);
  }
}
.quote-inline-module__quoteText p {
  padding-top: var(--spacing-medium-small);
}

blockquote {
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 0;
}
@media (min-width: 768px) {
  blockquote {
    padding: 0 var(--spacing-standard);
  }
}
blockquote p {
  font-size: var(--h4);
  letter-spacing: -0.0125em;
  line-height: var(--line-height-medium);
  padding: 0;
}
blockquote p:first-line {
  text-indent: -0.35em;
}
blockquote p.quote-inline-module__quoteAttribution {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  padding-top: var(--spacing-standard);
  letter-spacing: -0.01em;
  font-family: var(--font-sans);
}
blockquote p span.quote-inline-module__quoteAttributionTitle {
  font-style: italic;
  font-weight: var(--font-weight-regular);
}

div.bg-color blockquote {
  padding: var(--spacing-standard);
}

blockquote.quote-simple {
  margin-top: var(--spacing-medium-large);
  text-align: center;
  color: var(--color-primary-header);
  font-size: var(--h5);
  font-family: var(--font-serif);
}
@media (min-width: 768px) {
  blockquote.quote-simple {
    font-size: var(--h3);
  }
}

blockquote.quote-simple p {
  color: var(--color-primary-header);
  font-size: var(--h5);
}
@media (min-width: 768px) {
  blockquote.quote-simple p {
    font-size: var(--h3);
  }
}

blockquote.quote-simple p.quote-inline-module__quoteAttribution {
  font-size: var(--font-size-xl);
  font-family: var(--font-sans);
}

.reverse blockquote.quote-simple,
.reverse blockquote.quote-simple p {
  color: var(--white);
}

blockquote p {
  font-family: var(--font-serif);
  font-weight: var(--font-weight-medium);
}

.theme-clean-modern blockquote p {
  font-weight: var(--font-weight-bold);
}

.quote-graphic-shield {
  fill: #009cde;
  fill: var(--color-primary-accent);
}

.quote-graphic-bg {
  fill: #1e407c;
  fill: var(--ps-beaver-blue-500);
}

.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(--grid-gap-standard);
  }
}
@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: var(--box-shadow-light);
}
@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: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
  font-weight: var(--font-weight-medium);
  font-size: var(--h3);
  line-height: var(--line-height-medium);
  text-indent: -0.625rem;
}
.quote-with-media-wrap .quote-with-media .quote-credit p {
  position: relative;
}

.container-content-builder .container .col .quote-with-icon figure:last-child {
  padding-bottom: var(--spacing-small);
}

.quote-with-media-wrap .quote-with-media.quote-with-icon .quote-img img {
  width: 33.33%;
  margin-left: auto;
  margin-right: auto;
}
.quote-with-media-wrap .quote-with-media.quote-with-icon .quote-wrap {
  text-align: center;
}
@media (min-width: 768px) {
  .quote-with-media-wrap .quote-with-media.quote-with-icon .quote-img img {
    width: 100%;
  }
  .quote-with-media-wrap .quote-with-media.quote-with-icon .quote-wrap {
    width: 80%;
    text-align: left;
  }
  .quote-with-media-wrap .quote-with-media.quote-with-icon .quote-img {
    width: 20%;
  }
}
.quote-with-media-wrap .quote-with-media.quote-with-icon .quote-img img {
  box-shadow: none;
}

/* REMOVE THIS AFTER SITES HAVE FONT GLOBALS */
.theme-traditional .quote-with-media-wrap .quote-with-media .quote-img {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b' xmlns='http://www.w3.org/2000/svg' width='359.6' height='359.28' viewBox='0 0 359.6 359.28'%3E%3Cg id='c'%3E%3Cpolygon points='112.16 359.28 135.01 359.28 225.02 269.53 247.18 269.53 359.6 157.27 359.6 111.92 247.44 224.61 247.35 202.11 292.27 157.19 269.85 157.19 247.44 179.69 224.96 179.6 247.17 157.34 247.26 112.18 292.35 67.53 292.35 90.12 359.43 22.87 359.34 .02 292.88 66.91 292.09 66.91 292.18 45.02 337.27 .1 314.51 .1 225.04 89.74 224.93 67.53 292.27 .19 247.44 .19 134.92 112.53 179.84 112.44 .69 291.77 .52 314.44 90.18 224.78 90.09 247.37 45.52 291.94 45.52 314.44 112.77 247.02 112.91 224.53 91.66 224.43 90.6 224.48 120.17 194.79 224.54 90.29 224.76 90.01 225.04 89.7 225.04 157.42 179.85 202.35 202.04 202.35 112.79 291.92 112.79 314.67 202.54 224.6 224.73 224.6 134.98 314.6 157.35 314.6 112.16 359.28' fill='%23cbdff3' stroke-width='0'/%3E%3Cpolyline points='67.82 22.29 67.97 44.65 67.92 45.08 61.17 51.88 .51 112.44 .5 157.58 45.5 112.5 45.44 134.9 .5 179.75 .5 202.33 22.83 202.33 45.5 179.75 45.5 202.25 0 247.08 23 247.08 135.25 134.75 90.5 134.75 224.92 .25 202.42 .25 90.42 112.33 68.08 112.33 157.75 22.67 157.58 .08 135.25 .08 68 67.5 67.92 45.08 112.83 .25 90.33 .25 67.92 22.67 45.75 22.67 68 .08 45.33 0 .33 45.25 22.67 45.25 .5 67.58 .5 90.33 67.92 22.76' fill='%23cbdff3' stroke-width='0'/%3E%3Cpolygon points='247.19 292.18 247.19 314.49 337.14 224.32 337.14 247.13 359.32 224.54 359.32 202.09 359.32 179.5 247.19 292.18' fill='%23cbdff3' stroke-width='0'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b' xmlns='http://www.w3.org/2000/svg' width='359.6' height='359.28' viewBox='0 0 359.6 359.28'%3E%3Cg id='c'%3E%3Cpolygon points='112.16 359.28 135.01 359.28 225.02 269.53 247.18 269.53 359.6 157.27 359.6 111.92 247.44 224.61 247.35 202.11 292.27 157.19 269.85 157.19 247.44 179.69 224.96 179.6 247.17 157.34 247.26 112.18 292.35 67.53 292.35 90.12 359.43 22.87 359.34 .02 292.88 66.91 292.09 66.91 292.18 45.02 337.27 .1 314.51 .1 225.04 89.74 224.93 67.53 292.27 .19 247.44 .19 134.92 112.53 179.84 112.44 .69 291.77 .52 314.44 90.18 224.78 90.09 247.37 45.52 291.94 45.52 314.44 112.77 247.02 112.91 224.53 91.66 224.43 90.6 224.48 120.17 194.79 224.54 90.29 224.76 90.01 225.04 89.7 225.04 157.42 179.85 202.35 202.04 202.35 112.79 291.92 112.79 314.67 202.54 224.6 224.73 224.6 134.98 314.6 157.35 314.6 112.16 359.28' fill='%23cbdff3' stroke-width='0'/%3E%3Cpolyline points='67.82 22.29 67.97 44.65 67.92 45.08 61.17 51.88 .51 112.44 .5 157.58 45.5 112.5 45.44 134.9 .5 179.75 .5 202.33 22.83 202.33 45.5 179.75 45.5 202.25 0 247.08 23 247.08 135.25 134.75 90.5 134.75 224.92 .25 202.42 .25 90.42 112.33 68.08 112.33 157.75 22.67 157.58 .08 135.25 .08 68 67.5 67.92 45.08 112.83 .25 90.33 .25 67.92 22.67 45.75 22.67 68 .08 45.33 0 .33 45.25 22.67 45.25 .5 67.58 .5 90.33 67.92 22.76' fill='%23cbdff3' stroke-width='0'/%3E%3Cpolygon points='247.19 292.18 247.19 314.49 337.14 224.32 337.14 247.13 359.32 224.54 359.32 202.09 359.32 179.5 247.19 292.18' fill='%23cbdff3' stroke-width='0'/%3E%3C/g%3E%3C/svg%3E");
}
.theme-traditional .quote-with-media-wrap .quote-with-media .quote-copy p {
  color: var(--primary-text-color);
  font-family: var(--font-serif), "Georgia", "Times New Roman", serif;
  font-weight: var(--font-weight-regular);
  font-size: var(--h5);
  line-height: var(--line-height-large);
}
.theme-traditional .quote-with-media-wrap .quote-with-media .quote-credit p {
  line-height: var(--line-height-medium);
  font-family: var(--font-sans);
  font-size: var(--font-size-lg);
}

.theme-clean-modern { /* have to escape color with %23 - --ps-pugh-blue-250: #cbdff3; */ }
.theme-clean-modern .quote-with-media-wrap .quote-with-media .quote-img {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b' xmlns='http://www.w3.org/2000/svg' width='359.6' height='359.28' viewBox='0 0 359.6 359.28'%3E%3Cg id='c'%3E%3Cpolygon points='112.16 359.28 135.01 359.28 225.02 269.53 247.18 269.53 359.6 157.27 359.6 111.92 247.44 224.61 247.35 202.11 292.27 157.19 269.85 157.19 247.44 179.69 224.96 179.6 247.17 157.34 247.26 112.18 292.35 67.53 292.35 90.12 359.43 22.87 359.34 .02 292.88 66.91 292.09 66.91 292.18 45.02 337.27 .1 314.51 .1 225.04 89.74 224.93 67.53 292.27 .19 247.44 .19 134.92 112.53 179.84 112.44 .69 291.77 .52 314.44 90.18 224.78 90.09 247.37 45.52 291.94 45.52 314.44 112.77 247.02 112.91 224.53 91.66 224.43 90.6 224.48 120.17 194.79 224.54 90.29 224.76 90.01 225.04 89.7 225.04 157.42 179.85 202.35 202.04 202.35 112.79 291.92 112.79 314.67 202.54 224.6 224.73 224.6 134.98 314.6 157.35 314.6 112.16 359.28' fill='%23cbdff3' stroke-width='0'/%3E%3Cpolyline points='67.82 22.29 67.97 44.65 67.92 45.08 61.17 51.88 .51 112.44 .5 157.58 45.5 112.5 45.44 134.9 .5 179.75 .5 202.33 22.83 202.33 45.5 179.75 45.5 202.25 0 247.08 23 247.08 135.25 134.75 90.5 134.75 224.92 .25 202.42 .25 90.42 112.33 68.08 112.33 157.75 22.67 157.58 .08 135.25 .08 68 67.5 67.92 45.08 112.83 .25 90.33 .25 67.92 22.67 45.75 22.67 68 .08 45.33 0 .33 45.25 22.67 45.25 .5 67.58 .5 90.33 67.92 22.76' fill='%23cbdff3' stroke-width='0'/%3E%3Cpolygon points='247.19 292.18 247.19 314.49 337.14 224.32 337.14 247.13 359.32 224.54 359.32 202.09 359.32 179.5 247.19 292.18' fill='%23cbdff3' stroke-width='0'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b' xmlns='http://www.w3.org/2000/svg' width='359.6' height='359.28' viewBox='0 0 359.6 359.28'%3E%3Cg id='c'%3E%3Cpolygon points='112.16 359.28 135.01 359.28 225.02 269.53 247.18 269.53 359.6 157.27 359.6 111.92 247.44 224.61 247.35 202.11 292.27 157.19 269.85 157.19 247.44 179.69 224.96 179.6 247.17 157.34 247.26 112.18 292.35 67.53 292.35 90.12 359.43 22.87 359.34 .02 292.88 66.91 292.09 66.91 292.18 45.02 337.27 .1 314.51 .1 225.04 89.74 224.93 67.53 292.27 .19 247.44 .19 134.92 112.53 179.84 112.44 .69 291.77 .52 314.44 90.18 224.78 90.09 247.37 45.52 291.94 45.52 314.44 112.77 247.02 112.91 224.53 91.66 224.43 90.6 224.48 120.17 194.79 224.54 90.29 224.76 90.01 225.04 89.7 225.04 157.42 179.85 202.35 202.04 202.35 112.79 291.92 112.79 314.67 202.54 224.6 224.73 224.6 134.98 314.6 157.35 314.6 112.16 359.28' fill='%23cbdff3' stroke-width='0'/%3E%3Cpolyline points='67.82 22.29 67.97 44.65 67.92 45.08 61.17 51.88 .51 112.44 .5 157.58 45.5 112.5 45.44 134.9 .5 179.75 .5 202.33 22.83 202.33 45.5 179.75 45.5 202.25 0 247.08 23 247.08 135.25 134.75 90.5 134.75 224.92 .25 202.42 .25 90.42 112.33 68.08 112.33 157.75 22.67 157.58 .08 135.25 .08 68 67.5 67.92 45.08 112.83 .25 90.33 .25 67.92 22.67 45.75 22.67 68 .08 45.33 0 .33 45.25 22.67 45.25 .5 67.58 .5 90.33 67.92 22.76' fill='%23cbdff3' stroke-width='0'/%3E%3Cpolygon points='247.19 292.18 247.19 314.49 337.14 224.32 337.14 247.13 359.32 224.54 359.32 202.09 359.32 179.5 247.19 292.18' fill='%23cbdff3' stroke-width='0'/%3E%3C/g%3E%3C/svg%3E");
}
.theme-clean-modern .quote-with-media-wrap .quote-with-media .quote-copy p {
  color: var(--primary-text-color);
  font-family: var(--font-serif), "Georgia", "Times New Roman", serif;
  font-weight: var(--font-weight-bold);
}

.primary-headings-serif .quote-with-media .quote-copy p {
  font-family: var(--font-serif), "Georgia", "Times New Roman", serif;
}

.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: var(--font-serif), "Georgia", "Times New Roman", serif;
  font-weight: var(--font-weight-regular);
}
.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: var(--line-height-medium);
    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: var(--font-weight-regular);
  color: var(--ps-nittany-navy-500);
  margin-top: 0;
  font-style: italic;
  line-height: var(--line-height-medium);
  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%;
  }
}

@media (max-width: 576px) {
  .component .accordion-content table {
    display: grid;
  }
  .component .accordion-content table thead {
    position: sticky;
    top: 0;
  }
  .component .accordion-content table th {
    background-color: rgba(var(--white-rgb), 1);
  }
  .component .accordion-content table tr {
    display: grid;
  }
  .component .accordion-content table tbody tr {
    margin-top: var(--spacing-standard);
  }
  .reverse .component .accordion-content table th {
    background-color: rgba(var(--black-rgb), 1);
  }
}
.component table {
  font-size: var(--small-1);
  border-collapse: collapse;
  margin-top: var(--spacing-medium-small);
  font-family: var(--font-sans);
}
.component table th {
  text-align: left;
  font-weight: var(--font-weight-bold);
  background-color: rgba(var(--white-rgb), 0.75);
}
.component table th, .component table td {
  padding: var(--spacing-x-small);
  border: 1px solid var(--color-standard-border);
}
.component table tbody tr:nth-of-type(odd) {
  background-color: var(--ps-pugh-blue-50);
}
.component table tbody tr:nth-of-type(even) {
  background-color: rgba(var(--white-rgb), 0.75);
}

.reverse .component table {
  color: var(--white);
}
.reverse .component table th {
  background-color: rgba(var(--black-rgb), 0.5);
}
.reverse .component table tbody tr:nth-of-type(odd) {
  background-color: var(--ps-nittany-navy-500);
}
.reverse .component table tbody tr:nth-of-type(even) {
  background-color: rgba(var(--black-rgb), 0.5);
}

.table-scroller {
  max-width: 86vw;
  overflow-x: auto;
  display: block;
}

.table-maker-table {
  min-width: 400px;
}

@media (min-width: 576px) {
  .table-maker-table {
    min-width: 400px;
    font-size: var(--font-size-base);
  }
}
@media (max-width: 576px) {
  .component .flex-table table,
  .component .flex-table tbody {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .component .flex-table thead {
    display: none;
  }
  .component .flex-table tr {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-x-small) 0;
  }
  .component .flex-table tr td {
    padding: var(--spacing-minimum) var(--spacing-small);
    border: none;
  }
}
.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: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
  color: var(--ps-limestone-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 (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: var(--font-weight-bold);
}
.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: var(--font-weight-bold);
}
.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 (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 (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: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
  font-size: var(--font-size-base);
  color: var(--ps-nittany-navy-500);
  font-weight: var(--font-weight-regular);
  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: var(--font-sans), "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: var(--font-sans), "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: transparent;
  border-radius: 0;
  background-color: transparent;
  background-color: rgba(var(--white-rgb), 0.875);
  width: 100%;
  float: none;
  border: 1px solid var(--ps-pugh-blue-500);
  padding: var(--spacing-minimum);
}

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: var(--font-weight-black);
  font-style: italic;
  border-radius: 0;
  -webkit-appearance: none;
  border: none;
  color: var(--primary-text-color);
  background: transparent;
  flex: 1 1 auto;
  width: 100px;
  height: 41px;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  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);
  cursor: pointer;
}
.filters .button:last-of-type {
  margin-bottom: 0;
}

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

.search-results .card {
  padding: var(--spacing-medium-small) var(--spacing-small);
  width: 100%;
  border-bottom: solid 1px rgba(var(--color-primary-accent-rgb), 0.5);
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media (min-width: 768px) {
  .search-results .card {
    padding: var(--spacing-medium-small) var(--spacing-small) var(--spacing-medium-small) var(--spacing-small);
  }
}
.search-results .card:hover {
  background-color: var(--ps-pugh-blue-100);
}
.search-results .card:hover h3 {
  text-decoration: underline;
}
.search-results .card img {
  width: auto;
  height: 90px;
  float: right;
  margin-left: var(--spacing-x-small);
}
@media (min-width: 768px) {
  .search-results .card img {
    height: 120px;
    float: left;
    margin-right: var(--spacing-medium-small);
    padding-top: 0;
  }
}
.search-results .card h3 {
  font-size: var(--h5);
  margin: 0;
  padding: 0;
}
.search-results .card h3, .search-results .card p.excerpt {
  padding-top: var(--spacing-xx-small);
}
.search-results .card p.excerpt,
.search-results .card span {
  color: var(--primary-text-color);
}
.search-results .card span.kicker {
  font-size: var(--small-1);
  font-family: var(--font-sans);
  display: block;
}
.search-results .card p.excerpt {
  font-size: var(--small-1);
  line-height: var(--line-height-medium);
  padding-top: var(--spacing-minimum);
}
.search-results .card span.search-card-url {
  font-size: var(--small-2);
  font-style: italic;
  display: block;
  margin-top: var(--spacing-xx-small);
}
.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: var(--font-sans) !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-limestone-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-limestone-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);
  padding-top: 0;
}
.col-sidenav h2 a:link, .col-sidenav h2 a:visited {
  color: var(--link-color);
}
.col-sidenav h2 a span { /* not sure what this is for? Tyler had it in template */
  color: var(--link-color);
  font-size: 1.25em;
}
@media (min-width: 768px) {
  .col-sidenav {
    margin: var(--spacing-medium-small) var(--spacing-standard) var(--spacing-small) 0;
  }
}
.col-sidenav ul.nav {
  margin-top: 0;
  margin-left: 0;
  list-style-type: none;
  padding-left: 0;
  font-size: var(--font-size-lg);
}
.col-sidenav ul.nav {
  margin-top: 0;
  margin-left: 0;
  list-style-type: none;
  padding-left: 0;
  font-size: var(--font-size-lg);
}
.col-sidenav li.nav-item {
  border-bottom: 1px solid rgba(112, 112, 112, 0.325);
  font-weight: var(--font-weight-medium);
  line-height: 1.35;
}
.col-sidenav li.nav-item:first-of-type {
  border-top: 1px solid rgba(112, 112, 112, 0.325);
}
.col-sidenav li.nav-item.active > a:link,
.col-sidenav li.nav-item.active > a:visited,
.col-sidenav li.nav-item.active > a:hover {
  background: var(--ps-pugh-blue-150);
  color: var(--primary-text-color);
  text-decoration: solid underline 2px transparent;
}
.col-sidenav li.nav-item.active ul li a:link,
.col-sidenav li.nav-item.active ul li a:visited {
  background: transparent;
  color: var(--link-color);
}
.col-sidenav li.nav-item.active > a:link:hover,
.col-sidenav li.nav-item.active > a:visited:hover {
  color: var(--primary-text-color);
  text-decoration: solid underline 2px transparent;
}
.col-sidenav li.nav-item.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.nav-item ul.sub-page-nav {
  padding: 0 0 var(--spacing-small) var(--spacing-standard);
  list-style-type: none;
}
.col-sidenav li.nav-item ul.sub-page-nav li.nav-item {
  border-bottom: none;
  font-weight: var(--font-weight-regular);
  line-height: 1.35;
}
.col-sidenav li.nav-item ul.sub-page-nav li.nav-item:first-of-type {
  border-top: none;
}
.col-sidenav li.nav-item ul.sub-page-nav li.nav-item a:link,
.col-sidenav li.nav-item ul.sub-page-nav li.nav-item a:visited,
.col-sidenav li.nav-item ul.sub-page-nav li.nav-item a:hover,
.col-sidenav li.nav-item ul.sub-page-nav li.nav-item a:focus {
  padding: 0.5rem !important;
}
.col-sidenav li.nav-item ul.sub-page-nav li.nav-item.active {
  margin: var(--spacing-x-small) 0;
}
.col-sidenav li.sidenav-primary-section {
  /* header */
  font-family: var(--font-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: flex;
  text-underline-offset: 0.25rem;
  text-decoration-skip-ink: auto;
  text-decoration: solid underline 2px transparent;
  transition: var(--transition-base);
  align-items: flex-start;
}
.col-sidenav li a:link i.far:before,
.col-sidenav li a:visited i.far:before {
  display: inline-block;
}
.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);
}

.col .sidebar-builder-callToAction .button {
  font-size: var(--font-size-base);
}
.col .sidebar-builder-callToAction .button:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 1080px) {
  .layout-course .page-content-sidenav .container-fluid-course-primary {
    background-color: var(--ps-pugh-blue-100);
  }
}
.layout-course .page-content-sidenav .col-course-primary {
  padding: var(--spacing-standard) 0;
  background: white;
}
@media (min-width: 1080px) {
  .layout-course .page-content-sidenav .col-course-primary {
    padding: var(--spacing-standard);
  }
}
.layout-course .page-content-sidenav .col-sidenav {
  position: relative;
  height: auto;
}
@media (min-width: 768px) {
  .layout-course .page-content-sidenav .col-sidenav {
    margin-right: 0;
  }
}
.layout-course .page-content-sidenav .col-sidenav .nav-wrap ul.nav {
  font-size: var(--font-size-base);
}
.layout-course .page-content-sidenav .col-sidenav .nav-wrap .far {
  line-height: 1.35;
  margin-right: var(--spacing-minimum);
}
.layout-course .page-content-sidenav .col-sidenav .nav-wrap .fa-check-circle.progress-complete {
  color: var(--primary-link-color);
}
.layout-course .page-content-sidenav .col-sidenav .nav-wrap .fa-circle.progress-unstarted {
  color: var(--ps-pugh-blue-500);
}
@media (min-width: 1080px) {
  .layout-course .page-content-sidenav .col-sidenav .nav-wrap {
    position: sticky;
    top: 1.5rem;
    overflow-y: auto;
    max-height: 90vh;
  }
}
.layout-course .page-content-sidenav .col-sidenav .nav-wrap h2 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  color: var(--white);
}
.layout-course .page-content-sidenav .col-sidenav .nav-wrap li.nav-item.active > a:link,
.layout-course .page-content-sidenav .col-sidenav .nav-wrap li.nav-item.active > a:visited,
.layout-course .page-content-sidenav .col-sidenav .nav-wrap li.nav-item.active > a:hover {
  background: rgba(var(--white-rgb), 0.75);
}
.layout-course .page-content-sidenav .col-sidenav .nav-wrap li.nav-item:first-of-type {
  border-top: 1px solid rgba(112, 112, 112, 0.125);
}
.layout-course .page-content-sidenav .col-sidenav .nav-wrap ul.sub-page-nav li.nav-item:first-of-type {
  border-top: none;
}
.layout-course .page-content-sidenav .col-sidenav .nav-wrap li.nav-item {
  border-bottom: 1px solid rgba(112, 112, 112, 0.125);
  font-weight: 500;
}
.layout-course .page-content-sidenav .col-sidenav .nav-wrap ul.sub-page-nav li.nav-item {
  border-bottom: none;
}

.layout-course .nav-wrap {
  padding: var(--spacing-standard) var(--spacing-small) 0 var(--spacing-small);
}
@media (min-width: 1080px) {
  .layout-course .nav-wrap {
    padding: var(--spacing-standard) var(--spacing-small) 0 0;
  }
}
.layout-course .nav-wrap h2 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  color: var(--white);
}

ul.nav-list li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.treeview-navigation ul,
.treeview-navigation li {
  margin: 0;
  padding: 0;
}

.treeview-navigation li li span.label {
  padding-left: 1em;
}

.treeview-navigation li li li span.label {
  padding-left: 2em;
}

.treeview-navigation[role=tree] {
  margin: 0;
  padding: 0;
  list-style: none;
}

.treeview-navigation[role=tree] li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.treeview-navigation a[role=treeitem] ul {
  margin: 0;
  padding: 0;
}

.treeview-navigation a[role=treeitem][aria-expanded=false] + [role=group] {
  display: none;
}

.treeview-navigation a[role=treeitem][aria-expanded=true] + [role=group] {
  display: block;
}

.treeview-navigation a[role=treeitem] > span svg {
  transform: translate(0, 0);
}

.treeview-navigation a[role=treeitem][aria-expanded=false] > span svg {
  transform: rotate(270deg) translate(2px, 2px);
}

.treeview-navigation a[role=treeitem] {
  margin: 0;
  padding: 4px;
  padding-left: 9px;
  text-decoration: none;
  color: #005a9c;
  border: none;
  display: block;
}

.treeview-navigation a[role=treeitem][aria-current] {
  border-left: 5px solid #005a9c;
  padding-left: 4px;
  background-color: #ddd;
}

.treeview-navigation a[role=treeitem] span.icon svg polygon {
  stroke-width: 2px;
  fill: currentcolor;
  stroke: transparent;
}

/* disable default keyboard focus styling for treeitems
   Keyboard focus is styled with the following CSS */
.treeview-navigation a[role=treeitem]:focus {
  outline: 0;
  padding: 2px;
  padding-left: 7px;
  border: 2px #005a9c solid;
}

.treeview-navigation a[role=treeitem][aria-current]:focus {
  padding-left: 4px;
  border-left-width: 5px;
}

.treeview-navigation a[role=treeitem]:hover {
  background-color: #adddff;
  text-decoration: underline;
  padding-left: 4px;
  border-left: 5px solid #333;
}

.treeview-navigation a[role=treeitem] span.icon:hover {
  color: #333;
}

.treeview-navigation a[role=treeitem] span.icon svg polygon:hover {
  stroke: currentcolor;
}

ul.nav-list li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
[hidden] {
  display: none;
}

.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: var(--font-weight-regular);
  border-top: transparent;
  margin: var(--spacing-xx-small);
}
.sitemap li.top-level {
  font-size: var(--h5);
  font-weight: var(--font-weight-bold);
  border-top: 1px solid var(--color-primary-accent);
  padding-top: var(--spacing-standard);
  margin-top: var(--spacing-standard);
  list-style-type: 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;
  width: 100%;
  margin: 0;
  height: auto;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: grab;
}

.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;
}
.slick-slide img {
  display: block;
}

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

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

.reverse .text-slider .slick-dots li button:before,
.reverse .image-slider .slick-dots li button:before {
  color: var(--white);
  opacity: 0.75;
}
.reverse .text-slider .slick-dots li.slick-active button:before,
.reverse .image-slider .slick-dots li.slick-active button:before {
  color: #009cde;
  opacity: 1;
}

.reverse .standard .text-slider li button:before,
.reverse .standard .image-slider li button:before {
  color: #444;
  opacity: 0.15;
}

.image-gallery-wrap {
  width: 100%;
  overflow: hidden;
  padding-top: var(--spacing-standard);
}

.text-slider-wrap {
  width: 100%;
  padding-top: var(--spacing-standard);
}

.container-grid-builder .container-fixed-standard .text-slider-wrap,
.container-grid-builder .container-fixed-standard .container-fixed-max .text-slider-wrap,
.container-grid-builder .container-fixed-standard .container-fixed-wide .text-slider-wrap {
  width: calc(100vw - 4 * var(--grid-gap-standard));
}

.container-with-sidenav .container-grid-builder .text-slider-wrap {
  width: calc(100vw - 4 * var(--grid-gap-standard));
}

.container-fixed-standard .image-gallery-wrap,
.container-fixed-standard .container-fixed-max .image-gallery-wrap,
.container-fixed-standard .container-fixed-wide .image-gallery-wrap,
.container-with-sidenav .image-gallery-wrap,
.container-fixed-standard .text-slider-wrap,
.container-fixed-standard .container-fixed-max .text-slider-wrap,
.container-fixed-standard .container-fixed-wide .text-slider-wrap,
.container-with-sidenav .text-slider-wrap {
  width: calc(100vw - 2 * var(--grid-gap-standard));
  /* additional 15px to account for scroll bar *.
  /* margin on mobile is spacing-standard - not grid gap */
  /* 	@media (min-width: $screen-tablet-min) {
  	width: calc(100vw - (2 * var(--spacing-standard) + 16px));
  	} */
}
@media (min-width: 1080px) {
  .container-fixed-standard .image-gallery-wrap,
  .container-fixed-standard .container-fixed-max .image-gallery-wrap,
  .container-fixed-standard .container-fixed-wide .image-gallery-wrap,
  .container-with-sidenav .image-gallery-wrap,
  .container-fixed-standard .text-slider-wrap,
  .container-fixed-standard .container-fixed-max .text-slider-wrap,
  .container-fixed-standard .container-fixed-wide .text-slider-wrap,
  .container-with-sidenav .text-slider-wrap {
    width: calc(0.83333 * (100vw - 2 * var(--grid-gap-standard)));
    /* .83333 = col grid of 1 10 1 */
    /* content column minus margin minus half of grid gap minus assumed scrollbar */
  }
}
@media (min-width: 1440px) {
  .container-fixed-standard .image-gallery-wrap,
  .container-fixed-standard .container-fixed-max .image-gallery-wrap,
  .container-fixed-standard .container-fixed-wide .image-gallery-wrap,
  .container-with-sidenav .image-gallery-wrap,
  .container-fixed-standard .text-slider-wrap,
  .container-fixed-standard .container-fixed-max .text-slider-wrap,
  .container-fixed-standard .container-fixed-wide .text-slider-wrap,
  .container-with-sidenav .text-slider-wrap {
    width: calc(0.8 * (100vw - 2 * var(--grid-gap-standard)));
    width: calc(1200px - 2 * var(--grid-gap-standard));
    margin-left: auto;
    margin-right: auto;
    /* content column minus margin minus half of grid gap minus assumed scrollbar */
  }
}

@media (min-width: 1080px) {
  .container-fixed-standard .container-fixed-wide .image-gallery-wrap,
  .container-fixed-standard .container-fixed-wide .text-slider-wrap {
    width: calc(98vw - 2 * var(--grid-gap-standard));
  }
}
@media (min-width: 1440px) {
  .container-fixed-standard .container-fixed-wide .image-gallery-wrap,
  .container-fixed-standard .container-fixed-wide .text-slider-wrap {
    width: calc(1440px - 2 * var(--grid-gap-standard));
  }
}
@media (min-width: 1800px) {
  .container-fixed-standard .container-fixed-wide .image-gallery-wrap,
  .container-fixed-standard .container-fixed-wide .text-slider-wrap {
    width: calc(1600px - 2 * var(--grid-gap-standard));
  }
}

@media (min-width: 1080px) {
  .container-fixed-standard .container-fixed-max .image-gallery-wrap,
  .container-fixed-standard .container-fixed-max .text-slider-wrap {
    width: calc(1440px - 2 * var(--grid-gap-standard));
    width: calc(100vw - 2 * var(--grid-gap-standard));
  }
}
@media (min-width: 1440px) {
  .container-fixed-standard .container-fixed-max .image-gallery-wrap,
  .container-fixed-standard .container-fixed-max .text-slider-wrap {
    width: calc(100vw - 2 * var(--grid-gap-standard));
  }
}

.container-with-sidenav .image-gallery-wrap,
.container-with-sidenav .text-slider-wrap,
.container-with-sidenav .container-grid-builder .text-slider-wrap {
  --half-grid-gap: calc(0.5 * var(--spacing-large));
}
@media (min-width: 1080px) {
  .container-with-sidenav .image-gallery-wrap,
  .container-with-sidenav .text-slider-wrap,
  .container-with-sidenav .container-grid-builder .text-slider-wrap {
    margin: 0 auto;
    width: calc(0.6666 * (100vw - var(--grid-gap-small)) - (15px + 2 * var(--spacing-standard)) - 2 * var(--spacing-large));
    /* content column minus margin minus half of grid gap minus assumed scrollbar */
  }
}
@media (min-width: 1440px) {
  .container-with-sidenav .image-gallery-wrap,
  .container-with-sidenav .text-slider-wrap,
  .container-with-sidenav .container-grid-builder .text-slider-wrap {
    width: calc(0.75 * (1440px - var(--grid-gap-standard)) - (15px + 2 * var(--spacing-standard)) - 2 * var(--spacing-large));
    /* content column minus margin minus half of grid gap minus assumed scrollbar */
  }
}
@media (min-width: 1800px) {
  .container-with-sidenav .image-gallery-wrap,
  .container-with-sidenav .text-slider-wrap,
  .container-with-sidenav .container-grid-builder .text-slider-wrap {
    width: calc(0.75 * (1600px - var(--grid-gap-standard)) - (15px + 2 * var(--spacing-standard)) - 2 * var(--spacing-large));
    /* content column minus margin minus half of grid gap minus assumed scrollbar */
  }
}

.image-gallery-wrap .image-gallery {
  width: 100%;
  margin: 0;
  height: auto;
}

.image-gallery-wrap .image-gallery .slick-slide {
  width: auto !important;
  display: block;
  height: auto;
  margin-left: var(--spacing-x-small);
  margin-right: var(--spacing-x-small);
  -webkit-transition: all ease-in-out 0s;
  transition: all ease-in-out 0s;
}

.image-gallery-wrap .image-gallery .slick-slide figure {
  height: auto;
  width: 1px;
  z-index: 4;
  position: relative;
  display: table;
}

.image-gallery-wrap .image-gallery .slick-slide figure a {
  border: none;
  display: block;
}

.image-gallery-wrap .image-gallery .slick-slide figure .caption-wrap a {
  display: inline;
}

.image-gallery-wrap .image-gallery .slick-slide figure a:active,
.image-gallery-wrap .image-gallery .slick-slide figure a:focus {
  outline-offset: 4px;
  outline-style: dotted;
  outline-width: 2px !important;
  outline-color: #005fa9;
}

.image-gallery-wrap .image-gallery .slick-slide figure img {
  display: block;
  height: 225px;
}

.image-gallery-wrap .image-gallery .slick-slide figure img::after {
  display: block;
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 640px;
  height: 480px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 30, 68, 0.8)), to(rgba(30, 64, 124, 0.8)));
  background: linear-gradient(90deg, rgba(0, 30, 68, 0.8), rgba(30, 64, 124, 0.8));
}

@media (min-width: 768px) {
  .image-gallery-wrap .image-gallery .slick-slide figure img {
    height: 252px;
  }
}
@media (min-width: 1080px) {
  .image-gallery-wrap .image-gallery .slick-slide figure img {
    height: 358px;
  }
}
@media (min-width: 1440px) {
  .image-gallery-wrap .image-gallery .slick-slide figure img {
    height: 480px;
  }
  .container-fixed-wide .image-gallery-wrap .image-gallery .slick-slide figure img {
    height: 600px;
  }
}
@media (min-width: 1800px) {
  .container-fixed-max .image-gallery-wrap .image-gallery .slick-slide figure img {
    height: 840px;
  }
}
.image-gallery-wrap .image-gallery .slick-slide figure .img-slide-overlay {
  display: table-row;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 225px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 30, 68, 0.8)), to(rgba(30, 64, 124, 0.8)));
  background: linear-gradient(to right, rgba(0, 30, 68, 0.8), rgba(30, 64, 124, 0.8));
}

@media (min-width: 768px) {
  .image-gallery-wrap .image-gallery .slick-slide figure .img-slide-overlay {
    height: 252px;
  }
}
@media (min-width: 1080px) {
  .image-gallery-wrap .image-gallery .slick-slide figure .img-slide-overlay {
    height: 358px;
  }
}
@media (min-width: 1440px) {
  .image-gallery-wrap .image-gallery .slick-slide figure .img-slide-overlay {
    height: 480px;
  }
  .container-fixed-wide .image-gallery-wrap .image-gallery .slick-slide figure .img-slide-overlay {
    height: 600px;
  }
}
@media (min-width: 1800px) {
  .container-fixed-max .image-gallery-wrap .image-gallery .slick-slide figure .img-slide-overlay {
    height: 840px;
  }
}
.image-gallery-wrap .image-gallery .slick-slide figure figcaption {
  display: none;
}

.image-gallery-wrap .image-gallery .slick-slide figure figcaption .caption a {
  text-decoration: none !important;
}

.image-gallery-wrap .image-gallery .slick-slide figure figcaption .caption span {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 241, 243, 0.62)), to(#f2f2f4));
  background-image: linear-gradient(180deg, rgba(241, 241, 243, 0.62), #f2f2f4);
}

.image-gallery-wrap .image-gallery .slick-current figure .img-slide-overlay {
  display: none;
}

.image-gallery-wrap .image-gallery .slick-current figure figcaption {
  display: table-row;
}

.image-gallery-wrap .image-gallery .slick-current figure figcaption .caption-wrap {
  margin-top: 1rem;
  font-size: var(--small-1);
}

.image-gallery-wrap .image-gallery .slick-current figure figcaption .caption-wrap p {
  font-size: var(--small-1);
}

.image-gallery-wrap .image-gallery .slick-next,
.image-gallery-wrap .image-gallery .slick-prev {
  height: 0 !important;
  width: 0 !important;
  background-color: rgba(0, 30, 68, 0.8);
}

.text-slider-wrap .text-slider .slick-next,
.text-slider-wrap .text-slider .slick-prev {
  height: 0 !important;
  width: 0 !important;
  background-color: rgb(0, 30, 68);
}

.image-gallery-wrap .image-gallery .slick-prev:before,
.text-slider-wrap .text-slider .slick-prev:before {
  position: relative;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NyIgaGVpZ2h0PSI0NyIgdmlld0JveD0iMCAwIDQ3IDQ3Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjUgMS41KSI+PHBhdGggZD0iTTE0LjU3OCwxNS44NDRsNy4zLTcuM0ExLjM4LDEuMzgsMCwxLDAsMTkuOTI5LDYuNmwtOC4yNzYsOC4yN2ExLjM3NywxLjM3NywwLDAsMC0uMDQsMS45TDE5LjkyMywyNS4xYTEuMzgsMS4zOCwwLDEsMCwxLjk1NC0xLjk0OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNDgxIDYuNzI4KSIgZmlsbD0iI0ZGRiIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjAuNSIvPjxwYXRoIGQ9Ik00NywyNUEyMiwyMiwwLDEsMSwyNSwzLDIyLDIyLDAsMCwxLDQ3LDI1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMgLTMpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9nPjwvc3ZnPg==);
  background-size: 100%;
  display: block;
}

.image-gallery-wrap .image-gallery .slick-next:before,
.text-slider-wrap .text-slider .slick-next:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NyIgaGVpZ2h0PSI0NyIgdmlld0JveD0iMCAwIDQ3IDQ3Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjUgMS41KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHBhdGggZD0iTTE4Ljk2MSwxNS44NDRsLTcuMy03LjNBMS4zOCwxLjM4LDAsMSwxLDEzLjYxLDYuNmw4LjI3Niw4LjI3YTEuMzc3LDEuMzc3LDAsMCwxLC4wNCwxLjlMMTMuNjE2LDI1LjFhMS4zOCwxLjM4LDAsMCwxLTEuOTU0LTEuOTQ4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi45ODEgNi43MjgpIiBmaWxsPSIjRkZGIiBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMC41Ii8+PHBhdGggZD0iTTMsMjVBMjIsMjIsMCwxLDAsMjUsMywyMiwyMiwwLDAsMCwzLDI1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMgLTMpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9nPjwvZz48L3N2Zz4=);
  background-size: 100%;
  content: "";
  display: block;
}

@media (min-width: 768px) {
  .image-gallery-wrap .image-gallery .slick-next,
  .image-gallery-wrap .image-gallery .slick-prev,
  .text-slider-wrap .text-slider .slick-next,
  .text-slider-wrap .text-slider .slick-prev {
    height: 44px !important;
    width: 44px !important;
    border-radius: 50%;
  }
  .image-gallery-wrap .image-gallery .slick-next:before,
  .image-gallery-wrap .image-gallery .slick-prev:before,
  .text-slider-wrap .text-slider .slick-next:before,
  .text-slider-wrap .text-slider .slick-prev:before {
    height: 44px;
    width: 44px;
  }
}
.image-gallery-wrap .image-gallery .slick-prev,
.text-slider-wrap .text-slider .slick-prev {
  left: 8%;
  z-index: 5;
  background-color: none;
}

.image-gallery-wrap .image-gallery .slick-next {
  right: 8%;
  background-color: none;
}

.text-slider-wrap .text-slider .slick-prev {
  left: -22px;
}

.text-slider-wrap .text-slider .slick-next {
  right: -22px;
}

@media (min-width: 768px) {
  .image-gallery-wrap .image-gallery .slick-prev,
  .image-gallery-wrap .image-gallery .slick-next {
    top: 126px;
  }
  .text-slider-wrap .text-slider .slick-prev,
  .text-slider-wrap .text-slider .slick-next {
    top: 50%;
  }
}
@media (min-width: 1080px) {
  .image-gallery-wrap .image-gallery .slick-prev,
  .image-gallery-wrap .image-gallery .slick-next {
    top: 199px;
  }
  .text-slider-wrap .text-slider .slick-prev,
  .text-slider-wrap .text-slider .slick-next {
    top: 50%;
  }
  .text-slider-wrap .text-slider .slick-next,
  .text-slider-wrap .text-slider .slick-prev,
  .text-slider-wrap .text-slider .slick-next:before,
  .text-slider-wrap .text-slider .slick-prev:before {
    height: 56px !important;
    width: 56px !important;
  }
  .text-slider-wrap .text-slider .slick-prev {
    left: -28px;
  }
  .text-slider-wrap .text-slider .slick-next {
    right: -28px;
  }
}
@media (min-width: 1440px) {
  .image-gallery-wrap .image-gallery .slick-prev,
  .image-gallery-wrap .image-gallery .slick-next {
    top: 260px;
  }
  .text-slider-wrap .text-slider .slick-prev,
  .text-slider-wrap .text-slider .slick-next {
    top: 50%;
  }
  .container-fixed-wide .image-gallery-wrap .image-gallery .slick-prev,
  .container-fixed-wide .image-gallery-wrap .image-gallery .slick-next {
    top: 320px;
  }
  .container-fixed-wide .text-slider-wrap .text-slider .slick-prev,
  .container-fixed-wide .text-slider-wrap .text-slider .slick-next {
    top: 50%;
  }
  .container-fixed-max .image-gallery-wrap .image-gallery .slick-prev,
  .container-fixed-max .image-gallery-wrap .image-gallery .slick-next {
    top: 440px;
  }
  .container-fixed-max .text-slider-wrap .text-slider .slick-prev,
  .container-fixed-max .text-slider-wrap .text-slider .slick-next {
    top: 50% x;
  }
  .text-slider-wrap .text-slider .slick-next,
  .text-slider-wrap .text-slider .slick-prev,
  .text-slider-wrap .text-slider .slick-next:before,
  .text-slider-wrap .text-slider .slick-prev:before {
    height: 64px !important;
    width: 64px !important;
  }
  .text-slider-wrap .text-slider .slick-prev {
    left: -32px;
  }
  .text-slider-wrap .text-slider .slick-next {
    right: -32px;
  }
}
.slick-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 30, 68, 0.75) linear-gradient(185.6deg, rgba(0, 30, 68, 0.95), rgba(30, 64, 124, 0.95)) !important;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.slick-lightbox .slick-loading .slick-list {
  background-color: transparent;
}

.slick-lightbox .slick-prev {
  display: none !important;
}

.slick-lightbox .slick-next {
  display: none !important;
}

.slick-lightbox .slick-lightbox-hide {
  opacity: 0;
}

.slick-lightbox .slick-lightbox-hide-init {
  position: absolute;
  top: -9999px;
  opacity: 0;
}

.slick-lightbox .slick-lightbox-inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slick-lightbox .slick-lightbox-slick-item {
  text-align: center;
  overflow-y: visible;
  overflow-x: hidden;
}

.slick-lightbox .slick-lightbox-slick-item:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.slick-lightbox .slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left !important;
  width: 0%;
  margin: 0 auto 20px;
}

.slick-lightbox .slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  display: block;
  text-align: left !important;
}

.slick-lightbox .slick-lightbox-slick-item-inner {
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .slick-lightbox .slick-lightbox-slick-item-inner {
    margin-left: 40px;
    margin-right: 40px;
    max-width: 644px;
  }
}
@media (min-width: 1080px) {
  .slick-lightbox .slick-lightbox-slick-item-inner {
    margin-left: 52px;
    margin-right: 52px;
    max-width: 800px;
  }
}
@media (min-width: 1440px) {
  .slick-lightbox .slick-lightbox-slick-item-inner {
    margin-left: 62px;
    margin-right: 62px;
    max-width: 868px;
  }
}
.slick-lightbox .slick-lightbox-slick-img {
  margin: 2% auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.slick-lightbox .slick-lightbox-slick-caption {
  margin-top: var(--spacing-medium-small);
  color: var(--white);
  display: block;
  text-align: left !important;
  padding-bottom: var(--spacing-standard);
  line-height: var(--line-height-base);
  margin-left: var(--spacing-medium-small);
  margin-right: var(--spacing-medium-small);
  font-size: var(--small-1);
}
.slick-lightbox .slick-lightbox-slick-caption p {
  color: var(--white);
  font-size: var(--small-1);
  line-height: var(--line-height-base);
  padding-top: 0;
  display: inline;
}
.slick-lightbox .slick-lightbox-slick-caption a:link,
.slick-lightbox .slick-lightbox-slick-caption a:visited {
  color: var(--white);
}
.slick-lightbox .slick-lightbox-slick-caption a:link:hover,
.slick-lightbox .slick-lightbox-slick-caption a:visited:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .slick-lightbox .slick-lightbox-slick-caption {
    margin: var(--spacing-medium-small) 0 0;
  }
}
.slick-lightbox .slick-lightbox-slick-caption strong {
  font-weight: 700;
}

.slick-lightbox .slick-lightbox-close {
  position: absolute;
  top: 28px;
  right: 52px;
  display: block;
  height: 1.125rem;
  width: auto;
  line-height: 1.4240625rem;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: #fff;
  border: none;
  padding: 0;
}

@media (min-width: 1080px) {
  .slick-lightbox .slick-lightbox-close {
    top: 56px;
  }
}
.slick-lightbox .slick-lightbox-close:focus {
  outline: 0;
}

.slick-lightbox .slick-lightbox-close:after {
  display: inline-block;
  font-family: Roboto, "Franklin Gothic Medium", Tahoma, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "CLOSE";
  vertical-align: top;
  line-height: 1rem;
  height: 1rem;
  letter-spacing: 0.075rem;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi43OTEiIGhlaWdodD0iMjIuNzg1IiB2aWV3Qm94PSIwIDAgMjIuNzkxIDIyLjc4NSI+CiAgPHBhdGggaWQ9Ikljb25faW9uaWMtaW9zLWNsb3NlIiBkYXRhLW5hbWU9Ikljb24gaW9uaWMtaW9zLWNsb3NlIiBkPSJNMjUuMzgxLDIyLjY4MWw4LjE0LTguMTRhMS45MDcsMS45MDcsMCwwLDAtMi43LTIuN2wtOC4xNCw4LjE0LTguMTQtOC4xNGExLjkwNywxLjkwNywwLDEsMC0yLjcsMi43bDguMTQsOC4xNC04LjE0LDguMTRhMS45MDcsMS45MDcsMCwwLDAsMi43LDIuN2w4LjE0LTguMTQsOC4xNCw4LjE0YTEuOTA3LDEuOTA3LDAsMSwwLDIuNy0yLjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEuMjg1IC0xMS4yODkpIiBmaWxsPSIjZmZmIj48L3BhdGg+Cjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom left;
  padding-left: 25px;
}

.value-slider-wrap {
  padding-top: 64px;
  padding-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1080px) {
  .value-slider-wrap {
    padding-top: 84px;
    padding-bottom: 100px;
  }
}
.value-slider-container {
  max-width: 1440px;
  margin: 0 auto;
}

.value-slider-wrap .overlay {
  width: 90%;
  margin: 0 auto;
  border-radius: 5px;
}

@media (min-width: 768px) {
  .value-slider-wrap .overlay {
    width: 85%;
  }
}
@media (min-width: 1080px) {
  .value-slider-wrap .overlay {
    width: 80%;
  }
}
.value-slider-wrap .value-slider {
  position: relative;
  -webkit-box-shadow: 0 0 15px 1px rgba(0, 3, 33, 0.2);
  box-shadow: 0 0 15px 1px rgba(0, 3, 33, 0.2);
  border: 1px solid rgba(204, 218, 230, 0.6);
  border-radius: 5px;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
}

.value-slider-wrap .value-slider .dots-container {
  position: absolute;
  width: 70%;
  z-index: 2;
  bottom: 42px;
  margin: 0;
  padding: 0 35px 2px;
}

@media (min-width: 768px) {
  .value-slider-wrap .value-slider .dots-container {
    padding: 0 79px 2px;
  }
}
.value-slider-wrap ul.slick-dots {
  margin-bottom: 0;
  position: relative;
  text-align: left;
}

.value-slider-wrap ul.slick-dots li {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.value-slider-wrap ul.slick-dots li:first-child {
  margin-left: 0;
}

.value-slider-wrap .slick-dots {
  bottom: 0 !important;
}

.value-slider-wrap .slick-next,
.value-slider-wrap .slick-prev {
  height: 40px !important;
  width: 40px !important;
  font-family: fontello !important;
  background-color: #fff !important;
  border: 3px solid #005fa9 !important;
}

@media (min-width: 768px) {
  .value-slider-wrap .slick-next,
  .value-slider-wrap .slick-prev {
    height: 44px !important;
    width: 44px !important;
  }
}
.value-slider-wrap .slick-prev:before {
  position: relative;
  content: "\f104" !important;
  font-size: 30px !important;
  font-weight: 700;
  display: block;
  color: #005fa9 !important;
  margin-right: 5px !important;
  margin-top: -2px !important;
  height: 31px !important;
}

@media (min-width: 1080px) {
  .value-slider-wrap .slick-prev:before {
    margin-right: 4px !important;
    margin-top: -1px !important;
    height: 36px !important;
    font-size: 34px !important;
  }
}
.value-slider-wrap .slick-next:before {
  content: "\f105" !important;
  font-size: 30px !important;
  font-weight: 700;
  color: #005fa9 !important;
  display: block;
  margin-left: 5px !important;
  margin-top: -2px !important;
  height: 31px !important;
}

@media (min-width: 768px) {
  .value-slider-wrap .slick-next:before {
    margin-left: 4px !important;
    margin-top: -1px !important;
    height: 36px !important;
    font-size: 34px !important;
  }
}
.value-slider-wrap .slick-prev {
  border-radius: 50%;
  left: -18px !important;
}

@media (min-width: 768px) {
  .value-slider-wrap .slick-prev {
    left: -22px !important;
  }
}
.value-slider-wrap .slick-next {
  border-radius: 50%;
  right: -18px !important;
}

@media (min-width: 768px) {
  .value-slider-wrap .slick-next {
    right: -22px !important;
  }
}
.value-slider-wrap button:focus.slick-next,
.value-slider-wrap button:focus.slick-prev {
  background-color: #ccf0ff !important;
}

.value-slider-wrap .single-item:first-child {
  display: block;
}

.value-slider-wrap .single-item.slick-initialized {
  display: block;
}

.value-slider-wrap .slider {
  padding: 24px 35px 24px;
}

@media (min-width: 768px) {
  .value-slider-wrap .slider {
    padding: 79px 79px 40px 79px;
  }
}
.value-slider-wrap .slider h3 {
  margin: 0;
  padding-top: 0;
  color: var(--color-primary-header);
  font-size: var(--display-4);
  line-height: var(--line-height-small);
  font-weight: var(--font-weight-black);
  letter-spacing: -0.01em;
}

.value-slider-wrap .slider .separating-line-secondary {
  margin-top: var(--spacing-standard);
  padding-top: 0;
}

.value-slider-wrap .slider p {
  color: var(--primary-text-color);
  font-size: var(--h5);
  line-height: var(--line-height-medium);
  margin-bottom: var(--spacing-standard);
  width: 100%;
}

@media (min-width: 768px) {
  .value-slider-wrap .slider p {
    width: 90%;
  }
}
@media (min-width: 1080px) {
  .value-slider-wrap .slider p {
    width: 80%;
  }
}
.value-slider-wrap .slider a.button {
  margin: 0;
  text-transform: capitalize;
  padding: 12px 20px;
  float: auto;
  clear: both;
}

@media (min-width: 768px) {
  .value-slider-wrap .slider a.button {
    float: right;
    padding: 12px 48px;
  }
}
.slick-dots button:focus {
  border: 3px solid #005fa9;
}

.component .content-block ul.social-icons.stacked-accounts,
ul.social-icons.stacked-accounts,
main .social-cta-color ul.stacked-accounts {
  display: block;
}
.component .content-block ul.social-icons.stacked-accounts li.social-icon-small,
ul.social-icons.stacked-accounts li.social-icon-small,
main .social-cta-color ul.stacked-accounts li.social-icon-small {
  margin: var(--spacing-medium-small) var(--spacing-x-small);
}

.content-block ul li.social-icon-small {
  font-size: var(--font-size-base);
}

.component .content-block ul.social-icons,
ul.social-icons,
main .social-cta-color ul {
  list-style: none;
  display: flex;
  align-items: center;
  padding-left: 0;
  flex-wrap: wrap;
}
.component .content-block ul.social-icons.horizontal-center,
ul.social-icons.horizontal-center,
main .social-cta-color ul.horizontal-center {
  justify-content: center;
}
.component .content-block ul.social-icons li,
ul.social-icons li,
main .social-cta-color ul li {
  width: auto;
  margin: var(--spacing-x-small);
}
.component .content-block ul.social-icons svg[data-icon=spotify],
ul.social-icons svg[data-icon=spotify],
main .social-cta-color ul svg[data-icon=spotify] {
  height: 52px;
  width: 52px;
}
.component .content-block ul.social-icons svg[data-icon=facebook],
.component .content-block ul.social-icons svg[data-icon=youtube],
.component .content-block ul.social-icons svg[data-icon=discord],
.component .content-block ul.social-icons svg[data-icon=email],
.component .content-block ul.social-icons svg[data-icon=flickr],
.component .content-block ul.social-icons svg[data-icon=google-scholar],
.component .content-block ul.social-icons svg[data-icon=website],
.component .content-block ul.social-icons svg[data-icon=bsky],
ul.social-icons svg[data-icon=facebook],
ul.social-icons svg[data-icon=youtube],
ul.social-icons svg[data-icon=discord],
ul.social-icons svg[data-icon=email],
ul.social-icons svg[data-icon=flickr],
ul.social-icons svg[data-icon=google-scholar],
ul.social-icons svg[data-icon=website],
ul.social-icons svg[data-icon=bsky],
main .social-cta-color ul svg[data-icon=facebook],
main .social-cta-color ul svg[data-icon=youtube],
main .social-cta-color ul svg[data-icon=discord],
main .social-cta-color ul svg[data-icon=email],
main .social-cta-color ul svg[data-icon=flickr],
main .social-cta-color ul svg[data-icon=google-scholar],
main .social-cta-color ul svg[data-icon=website],
main .social-cta-color ul svg[data-icon=bsky] {
  height: 40px;
  width: 40px;
}
.component .content-block ul.social-icons svg[data-icon=twitter],
.component .content-block ul.social-icons svg[data-icon=tiktok],
ul.social-icons svg[data-icon=twitter],
ul.social-icons svg[data-icon=tiktok],
main .social-cta-color ul svg[data-icon=twitter],
main .social-cta-color ul svg[data-icon=tiktok] {
  height: 35px;
  width: 35px;
}
.component .content-block ul.social-icons svg[data-icon=instagram],
.component .content-block ul.social-icons svg[data-icon=linkedin],
.component .content-block ul.social-icons svg[data-icon=vimeo],
.component .content-block ul.social-icons svg[data-icon=slack],
ul.social-icons svg[data-icon=instagram],
ul.social-icons svg[data-icon=linkedin],
ul.social-icons svg[data-icon=vimeo],
ul.social-icons svg[data-icon=slack],
main .social-cta-color ul svg[data-icon=instagram],
main .social-cta-color ul svg[data-icon=linkedin],
main .social-cta-color ul svg[data-icon=vimeo],
main .social-cta-color ul svg[data-icon=slack] {
  height: 40px;
  width: 35px;
}
.component .content-block ul.social-icons li.social-icon-small,
ul.social-icons li.social-icon-small,
main .social-cta-color ul li.social-icon-small {
  margin: var(--spacing-xx-small) var(--spacing-x-small);
}
.component .content-block ul.social-icons li.social-icon-small a,
ul.social-icons li.social-icon-small a,
main .social-cta-color ul li.social-icon-small a {
  display: flex;
  align-items: center;
}
.component .content-block ul.social-icons li.social-icon-small svg,
ul.social-icons li.social-icon-small svg,
main .social-cta-color ul li.social-icon-small svg {
  margin-right: var(--spacing-minimum);
}
.component .content-block ul.social-icons li.social-icon-small svg[data-icon=spotify],
ul.social-icons li.social-icon-small svg[data-icon=spotify],
main .social-cta-color ul li.social-icon-small svg[data-icon=spotify] {
  height: 32px;
  width: 32px;
}
.component .content-block ul.social-icons li.social-icon-small svg[data-icon=facebook],
.component .content-block ul.social-icons li.social-icon-small svg[data-icon=youtube],
.component .content-block ul.social-icons li.social-icon-small svg[data-icon=email],
.component .content-block ul.social-icons li.social-icon-small svg[data-icon=flickr],
.component .content-block ul.social-icons li.social-icon-small svg[data-icon=google-scholar],
.component .content-block ul.social-icons li.social-icon-small svg[data-icon=website],
.component .content-block ul.social-icons li.social-icon-small svg[data-icon=bsky],
ul.social-icons li.social-icon-small svg[data-icon=facebook],
ul.social-icons li.social-icon-small svg[data-icon=youtube],
ul.social-icons li.social-icon-small svg[data-icon=email],
ul.social-icons li.social-icon-small svg[data-icon=flickr],
ul.social-icons li.social-icon-small svg[data-icon=google-scholar],
ul.social-icons li.social-icon-small svg[data-icon=website],
ul.social-icons li.social-icon-small svg[data-icon=bsky],
main .social-cta-color ul li.social-icon-small svg[data-icon=facebook],
main .social-cta-color ul li.social-icon-small svg[data-icon=youtube],
main .social-cta-color ul li.social-icon-small svg[data-icon=email],
main .social-cta-color ul li.social-icon-small svg[data-icon=flickr],
main .social-cta-color ul li.social-icon-small svg[data-icon=google-scholar],
main .social-cta-color ul li.social-icon-small svg[data-icon=website],
main .social-cta-color ul li.social-icon-small svg[data-icon=bsky] {
  height: 24px;
  width: 24px;
}
.component .content-block ul.social-icons li.social-icon-small svg[data-icon=twitter],
.component .content-block ul.social-icons li.social-icon-small svg[data-icon=tiktok],
ul.social-icons li.social-icon-small svg[data-icon=twitter],
ul.social-icons li.social-icon-small svg[data-icon=tiktok],
main .social-cta-color ul li.social-icon-small svg[data-icon=twitter],
main .social-cta-color ul li.social-icon-small svg[data-icon=tiktok] {
  height: 21px;
  width: 21px;
}
.component .content-block ul.social-icons li.social-icon-small svg[data-icon=instagram],
.component .content-block ul.social-icons li.social-icon-small svg[data-icon=linkedin],
.component .content-block ul.social-icons li.social-icon-small svg[data-icon=vimeo],
.component .content-block ul.social-icons li.social-icon-small svg[data-icon=slack],
ul.social-icons li.social-icon-small svg[data-icon=instagram],
ul.social-icons li.social-icon-small svg[data-icon=linkedin],
ul.social-icons li.social-icon-small svg[data-icon=vimeo],
ul.social-icons li.social-icon-small svg[data-icon=slack],
main .social-cta-color ul li.social-icon-small svg[data-icon=instagram],
main .social-cta-color ul li.social-icon-small svg[data-icon=linkedin],
main .social-cta-color ul li.social-icon-small svg[data-icon=vimeo],
main .social-cta-color ul li.social-icon-small svg[data-icon=slack] {
  height: 24px;
  width: 21px;
}
.component .content-block ul.social-icons a,
ul.social-icons a,
main .social-cta-color ul a {
  color: var(--link-color);
  margin-bottom: 0;
}
.component .content-block ul.social-icons a i,
ul.social-icons a i,
main .social-cta-color ul a i {
  color: var(--link-color);
}
.component .content-block ul.social-icons a i:hover,
ul.social-icons a i:hover,
main .social-cta-color ul a i:hover {
  color: rgba(var(--link-color), 0.8);
}
.component .content-block ul.social-icons a svg,
ul.social-icons a svg,
main .social-cta-color ul a svg {
  fill: var(--link-color);
}
.component .content-block ul.social-icons a:hover svg,
ul.social-icons a:hover svg,
main .social-cta-color ul a:hover svg {
  fill: rgba(var(--link-color), 0.8);
}
.component .content-block ul.social-icons a svg.stroke-no-fill,
ul.social-icons a svg.stroke-no-fill,
main .social-cta-color ul a svg.stroke-no-fill {
  stroke: var(--link-color);
}
.component .content-block ul.social-icons a span,
ul.social-icons a span,
main .social-cta-color ul a span {
  font-size: 0;
  display: inline-block;
}
.component .content-block ul.social-icons.colored-icons a,
ul.social-icons.colored-icons a,
main .social-cta-color ul.colored-icons a { /* https://www.lockedownseo.com/social-media-colors/ */ }
.component .content-block ul.social-icons.colored-icons a svg:hover,
ul.social-icons.colored-icons a svg:hover,
main .social-cta-color ul.colored-icons a svg:hover {
  opacity: 0.75;
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=bsky],
ul.social-icons.colored-icons a svg[data-icon=bsky],
main .social-cta-color ul.colored-icons a svg[data-icon=bsky] {
  fill: #1185FE;
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=twitter],
ul.social-icons.colored-icons a svg[data-icon=twitter],
main .social-cta-color ul.colored-icons a svg[data-icon=twitter] {
  fill: #1da1f2;
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=facebook],
ul.social-icons.colored-icons a svg[data-icon=facebook],
main .social-cta-color ul.colored-icons a svg[data-icon=facebook] {
  fill: #1877f2;
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=youtube],
ul.social-icons.colored-icons a svg[data-icon=youtube],
main .social-cta-color ul.colored-icons a svg[data-icon=youtube] {
  fill: #ff0000;
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=instagram],
ul.social-icons.colored-icons a svg[data-icon=instagram],
main .social-cta-color ul.colored-icons a svg[data-icon=instagram] {
  fill: #c32aa3;
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=linkedin],
ul.social-icons.colored-icons a svg[data-icon=linkedin],
main .social-cta-color ul.colored-icons a svg[data-icon=linkedin] {
  fill: #0a66c2;
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=vimeo],
ul.social-icons.colored-icons a svg[data-icon=vimeo],
main .social-cta-color ul.colored-icons a svg[data-icon=vimeo] {
  fill: #1ab7ea;
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=slack],
ul.social-icons.colored-icons a svg[data-icon=slack],
main .social-cta-color ul.colored-icons a svg[data-icon=slack] {
  fill: #4a154b;
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=spotify],
ul.social-icons.colored-icons a svg[data-icon=spotify],
main .social-cta-color ul.colored-icons a svg[data-icon=spotify] {
  fill: #1cd155;
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=tiktok],
ul.social-icons.colored-icons a svg[data-icon=tiktok],
main .social-cta-color ul.colored-icons a svg[data-icon=tiktok] {
  fill: #010101;
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=website],
.component .content-block ul.social-icons.colored-icons a svg[data-icon=google-scholar],
ul.social-icons.colored-icons a svg[data-icon=website],
ul.social-icons.colored-icons a svg[data-icon=google-scholar],
main .social-cta-color ul.colored-icons a svg[data-icon=website],
main .social-cta-color ul.colored-icons a svg[data-icon=google-scholar] {
  fill: var(--link-color);
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=email],
ul.social-icons.colored-icons a svg[data-icon=email],
main .social-cta-color ul.colored-icons a svg[data-icon=email] {
  fill: var(--link-color);
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=email][data-email-specific=mailchimp],
ul.social-icons.colored-icons a svg[data-icon=email][data-email-specific=mailchimp],
main .social-cta-color ul.colored-icons a svg[data-icon=email][data-email-specific=mailchimp] {
  fill: #000000;
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=email][data-email-specific=constantcontact],
ul.social-icons.colored-icons a svg[data-icon=email][data-email-specific=constantcontact],
main .social-cta-color ul.colored-icons a svg[data-icon=email][data-email-specific=constantcontact] {
  fill: #1856ED;
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=flickr] .flickr-dot-one,
ul.social-icons.colored-icons a svg[data-icon=flickr] .flickr-dot-one,
main .social-cta-color ul.colored-icons a svg[data-icon=flickr] .flickr-dot-one {
  fill: #fe007f;
}
.component .content-block ul.social-icons.colored-icons a svg[data-icon=flickr] .flickr-dot-two,
ul.social-icons.colored-icons a svg[data-icon=flickr] .flickr-dot-two,
main .social-cta-color ul.colored-icons a svg[data-icon=flickr] .flickr-dot-two {
  fill: #0c64d2;
}

footer ul.social-icons svg[data-icon=facebook],
footer ul.social-icons svg[data-icon=youtube],
footer ul.social-icons svg[data-icon=discord],
footer ul.social-icons svg[data-icon=email],
footer ul.social-icons svg[data-icon=flickr],
footer ul.social-icons svg[data-icon=google-scholar],
footer ul.social-icons svg[data-icon=website],
footer ul.social-icons svg[data-icon=bsky] {
  height: 30px;
  width: 30px;
}
footer ul.social-icons svg[data-icon=twitter] {
  height: 24px;
  width: 24px;
}
footer ul.social-icons svg[data-icon=instagram],
footer ul.social-icons svg[data-icon=linkedin],
footer ul.social-icons svg[data-icon=vimeo],
footer ul.social-icons svg[data-icon=slack],
footer ul.social-icons svg[data-icon=tiktok] {
  height: 30px;
  width: 27px;
}

ul.social-icons li.social-icon-small {
  margin: var(--spacing-xx-small) var(--spacing-medium-small) var(--spacing-xx-small) 0;
}

.reverse .component .content-block ul.social-icons a svg,
.reverse ul.social-icons a svg,
.reverse div.social-cta ul li a svg {
  fill: var(--white);
}
.reverse .component .content-block ul.social-icons a svg:hover,
.reverse ul.social-icons a svg:hover,
.reverse div.social-cta ul li a svg:hover {
  fill: rgba(var(--white-rgb), 0.625);
}
.reverse .component .content-block ul.social-icons a svg.stroke-no-fill,
.reverse ul.social-icons a svg.stroke-no-fill {
  stroke: var(--reverse-link-color);
}
.reverse .component .content-block ul.social-icons a svg.stroke-no-fill:hover,
.reverse ul.social-icons a svg.stroke-no-fill:hover {
  stroke: rgba(var(--white-rgb), 0.625);
}

main .social-cta-color.account-colors svg:hover {
  opacity: 0.75;
}
main .social-cta-color.account-colors svg[data-icon=twitter] {
  fill: #1da1f2;
}
main .social-cta-color.account-colors svg[data-icon=facebook] {
  fill: #1877f2;
}
main .social-cta-color.account-colors svg[data-icon=youtube] {
  fill: #ff0000;
}
main .social-cta-color.account-colors svg[data-icon=instagram] {
  fill: #c32aa3;
}
main .social-cta-color.account-colors svg[data-icon=linkedin] {
  fill: #0a66c2;
}
main .social-cta-color.account-colors svg[data-icon=vimeo] {
  fill: #1ab7ea;
}
main .social-cta-color.account-colors svg[data-icon=slack] {
  fill: #4a154b;
}
main .social-cta-color.account-colors svg[data-icon=spotify] {
  fill: #1cd155;
}
main .social-cta-color.account-colors svg[data-icon=tiktok] {
  fill: #010101;
}
main .social-cta-color.account-colors svg[data-icon=website],
main .social-cta-color.account-colors svg[data-icon=google-scholar] {
  fill: var(--link-color);
}
main .social-cta-color.account-colors svg[data-icon=email] {
  fill: var(--link-color);
}
main .social-cta-color.account-colors svg[data-icon=flickr] .flickr-dot-one {
  fill: #fe007f;
}
main .social-cta-color.account-colors svg[data-icon=flickr] .flickr-dot-two {
  fill: #0c64d2;
}

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

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

.header-wrap {
  position: relative;
  width: 100%;
  top: 0;
  z-index: 100;
  height: auto;
  display: block;
}

#navigation.primary-nav-bar {
  position: relative;
}

#navigation .brand > ul {
  display: none;
  /* flex: 0 0 50%; */
  flex: 0 0 100%; /* was 50% in stratcomm - but dropdown navs then are 50% wide */
  width: auto;
  order: 3;
  margin: 0;
  padding: 0;
  text-align: right;
}
@media (min-width: 1080px) {
  #navigation .brand > ul {
    display: block;
  }
}

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

#navigation .brand > ul > li > a,
#navigation .brand .current {
  display: inline-block;
  text-decoration: none;
  color: var(--white);
  font-family: var(--font-condensed), Impact, "Franklin Gothic Bold", sans-serif;
  font-size: var(--font-size-xl);
}
@media (min-width: 1080px) {
  #navigation .brand > ul > li > a,
  #navigation .brand .current {
    padding: 0.5rem 0 0 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);
}

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

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

#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);
  padding: var(--spacing-medium-small);
  -webkit-transform: translateZ(0); /* fix safari dropdown menu getting clipped */
}
@media (min-width: 1080px) {
  #navigation .brand > ul > li > .dropdown-content {
    margin-top: 1rem;
  }
}

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

#navigation .brand > ul > li.open > .dropdown-content {
  display: block;
  margin-top: 1rem;
}

#navigation .brand > ul > li.open > .dropdown-content:after {
  display: block;
  margin: 0 auto;
  content: " ";
  /* background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xNiAxNiBMNDggMTYgTDMyIDAgWiI+PC9wYXRoPjwvc3ZnPg=="); un-base 64 so we can alter fill */
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="white"><path d="M16 16 L48 16 L32 0 Z"></path></svg>');
  background-repeat: no-repeat;
  background-position: top left;
  height: 20px;
  width: 98%;
  /* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
}
@media (min-width: 1080px) {
  #navigation .brand > ul > li.open > .dropdown-content:after {
    position: absolute;
    top: -0.75rem;
    left: 1.5rem;
  }
}

#navigation .brand > ul li:nth-child(n+4),
#navigation .brand > ul li:last-child { /* 5th and greater child drops down to the left */ }
#navigation .brand > ul li:nth-child(n+4) .dropdown-content,
#navigation .brand > ul li:last-child .dropdown-content {
  position: absolute;
  right: 0;
  left: auto;
}

.full-width-nav #navigation .brand > ul > li.open > .dropdown-content:after {
  position: absolute;
  top: -0.75rem;
  left: 0.5rem;
}

/* @media (min-width: $screen-tablet-min) { */
/* was desktop - but our bar shows up at tablet */
/* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
@media (min-width: 1080px) {
  .full-width-nav #navigation .brand > ul > li.open:last-child > .dropdown-content:after {
    background-position: right top;
    position: absolute;
    right: 0;
    left: 0;
  }
  .full-width-nav #navigation .brand > ul > li.open:nth-child(n+4) > .dropdown-content:after {
    background-position: right top;
    position: absolute;
    right: 110px;
    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; */
  width: 280px; /* expanded 12/23 */
  position: relative;
}

.brand .submenu-links > ul {
  padding-left: 0;
  padding-top: 0;
  list-style: none;
  width: 100%;
}
.brand .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 {
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
  color: var(--ps-nittany-navy-500);
  text-decoration: none;
  font-size: var(--font-size-base);
  padding: 0.75rem 0.625rem 0.5rem !important;
  display: block;
  width: 100%;
  font-weight: var(--font-weight-medium);
  text-align: left;
}
.brand .submenu-links > ul > li > a:hover {
  color: var(--link-color);
}

.brand .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 {
  display: block;
  padding: 0 0 1.75rem !important;
  width: 236px !important;
}
.brand .submenu-card > a:link, .brand .submenu-card > a:visited {
  color: var(--link-color) !important;
  text-decoration: none;
}
.brand .submenu-card > a:link img, .brand .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 {
  margin: 1.4375rem 1rem 0;
  font-family: var(--font-serif), "Georgia", "Times New Roman", serif;
  font-size: var(--font-size-lg);
  text-align: left;
}
.brand .submenu-card > a:hover {
  text-decoration: underline;
  color: var(--ps-nittany-navy-500);
}
.brand .submenu-card p {
  color: var(--primary-text-color);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  display: block;
  text-transform: uppercase;
  margin: 1rem 1rem 2.8125rem;
}

.notTierThree.full-width-nav .brand-cta .more-menu-buttons {
  display: block;
  /* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
}
@media (min-width: 1080px) {
  .notTierThree.full-width-nav .brand-cta .more-menu-buttons {
    display: none;
  }
}

@media (min-width: 576px) {
  .full-width-nav .brand-cta .more-menu-buttons {
    display: block;
  }
}
/* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
@media (min-width: 1080px) {
  .full-width-nav .brand-cta .more-menu-buttons {
    display: none;
  }
}
.full-width-nav {
  background-color: var(--ps-nittany-navy-500);
  /* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
  /* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
}
.full-width-nav .primary-brand-bar {
  display: none;
}
@media (min-width: 576px) {
  .full-width-nav .primary-brand-bar {
    display: block;
  }
}
.full-width-nav .primary-brand-bar .brand-cta .header-logo.subsite-logo-horizontalSmall img {
  height: 56px;
  width: auto;
}
.full-width-nav .primary-brand-bar .brand-cta .header-logo.subsite-logo-horizontalMedium img {
  height: 68px;
  width: auto;
}
.full-width-nav .primary-brand-bar .brand-cta .header-logo.subsite-logo-square img {
  height: 72px;
  width: auto;
}
.full-width-nav.notTierThree .primary-brand-bar {
  display: block;
}
.full-width-nav #navigation {
  height: auto;
}
@media (min-width: 576px) {
  .full-width-nav #navigation {
    height: auto;
  }
}
@media (min-width: 768px) {
  .full-width-nav #navigation {
    height: auto;
  }
}
@media (min-width: 1080px) {
  .full-width-nav #navigation {
    height: auto;
  }
}
@media (min-width: 1440px) {
  .full-width-nav #navigation {
    height: auto;
  }
}
.full-width-nav .primary-nav-bar { /* now hide universally and move menu btn to brand bar for mobile/large mobile */
  display: block;
  /* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
}
@media (min-width: 576px) {
  .full-width-nav .primary-nav-bar {
    display: none;
  }
}
@media (min-width: 1080px) {
  .full-width-nav .primary-nav-bar {
    display: block;
  }
}
.full-width-nav.notTierThree .primary-nav-bar {
  display: none;
  /* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
}
@media (min-width: 1080px) {
  .full-width-nav.notTierThree .primary-nav-bar {
    display: block;
  }
}
.full-width-nav .primary-nav-bar .container.container-fixed-wide {
  /* need to strip container grid settings to keep nav height consistent */
  display: block;
  margin: 0 var(--spacing-standard);
}
@media (min-width: 1440px) {
  .full-width-nav .primary-nav-bar .container.container-fixed-wide {
    margin: 0 auto;
  }
}
@media (min-width: 1080px) {
  .full-width-nav #navigation .brand > ul > li > a {
    padding: 0;
  }
}
.full-width-nav .mobile-brand-bar,
.full-width-nav .primary-brand-bar,
.full-width-nav .primary-nav-bar { /* full width so we can control bg color independently */
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
.full-width-nav .mobile-brand-tier-three {
  display: block;
  color: var(--white);
  font-size: var(--h4);
  font-weight: var(--font-weight-regular);
  padding: 1rem 0;
}
.full-width-nav .mobile-brand-tier-three a:link,
.full-width-nav .mobile-brand-tier-three a:visited {
  color: var(--white);
}
.full-width-nav .mobile-brand-tier-three .header-logo.subsite-logo-horizontalSmall img {
  height: 56px;
  width: auto;
}
.full-width-nav .mobile-brand-tier-three .header-logo.subsite-logo-horizontalMedium img {
  height: 64px;
  width: auto;
}
.full-width-nav .mobile-brand-tier-three .header-logo.subsite-logo-square img {
  height: 84px;
  width: auto;
}
@media (min-width: 768px) {
  .full-width-nav .mobile-brand-tier-three {
    display: none;
  }
}
.full-width-nav .mobile-brand-bar {
  display: flex;
  align-items: center;
  margin-left: 0;
  width: 100%;
}
@media (min-width: 576px) {
  .full-width-nav .mobile-brand-bar {
    display: none;
  }
  .full-width-nav .mobile-brand-bar.always-display-brand-bar {
    display: flex;
  }
}
.full-width-nav .mobile-brand-bar .brand-tier-one img {
  height: 56px;
  width: auto;
  position: relative;
  left: -0.25rem;
  top: -0.375rem;
}
.full-width-nav .mobile-brand-bar .brand-tier-two {
  color: var(--white);
  font-size: var(--small-1);
  font-weight: var(--font-weight-medium);
  margin-left: var(--spacing-small);
}
.full-width-nav .mobile-brand-bar .brand-tier-two a:link,
.full-width-nav .mobile-brand-bar .brand-tier-two a:visited {
  color: var(--white);
}
.full-width-nav .brand.main-nav-wrap {
  display: flex;
  max-width: 1440px;
  position: relative;
}
.full-width-nav #navigation.primary-nav-bar {
  padding: var(--spacing-x-small) 0;
  background: var(--ps-beaver-blue-500);
  padding: 0;
}
.full-width-nav .primary-brand-bar {
  padding: var(--spacing-medium-small) 0;
  background-color: var(--ps-nittany-navy-500);
  background: linear-gradient(to left, #0c1a31 0, #0c1a31 31%, #1b3c76 76%, #0c1a31 100%); /* swap direction on psu bar */
  /* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
}
.full-width-nav .primary-brand-bar .brand-cta {
  width: 100%;
  display: flex;
  justify-content: space-between;
  /* gap: var(--spacing-small); pushing content too wide on A&A July 18, 2023 */
}
.full-width-nav .primary-brand-bar .header-logo {
  padding-right: var(--spacing-standard);
}
.full-width-nav .primary-brand-bar .brand .header-logo { /* for tier one * tier two - mobile situation only */
  height: 52px;
}
.full-width-nav .primary-brand-bar .tiered-branding {
  display: flex;
  align-items: center;
  flex: 1;
}
.full-width-nav .primary-brand-bar .tiered-branding .more-menu-buttons {
  display: flex;
}
@media (min-width: 576px) {
  .full-width-nav .primary-brand-bar .tiered-branding .more-menu-buttons {
    display: none;
  }
}
@media (min-width: 576px) {
  .full-width-nav .primary-brand-bar {
    display: block;
  }
  .full-width-nav .primary-brand-bar .brand-tier-three {
    display: flex;
    height: 100%;
    align-items: center;
    border-left: 1px solid rgba(var(--white-rgb), 0.375);
  }
  .full-width-nav .primary-brand-bar .brand-tier-three span.mobile-tier-two {
    display: flex;
  }
  .full-width-nav .primary-brand-bar .brand-tier-three span.tablet-tier-three {
    display: none;
  }
}
@media (min-width: 1080px) {
  .full-width-nav .primary-brand-bar .brand-tier-three span.mobile-tier-two {
    display: none;
  }
  .full-width-nav .primary-brand-bar .brand-tier-three span.tablet-tier-three {
    display: flex;
  }
}
.full-width-nav .primary-brand-bar .brand-cta.tierTwoTwoLine .header-logo {
  order: revert;
}
.full-width-nav .primary-brand-bar .brand-cta.tierOne .header-logo,
.full-width-nav .primary-brand-bar .brand-cta.tierTwoOneLine .header-logo {
  height: 48px;
}
@media (min-width: 1080px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierOne .header-logo,
  .full-width-nav .primary-brand-bar .brand-cta.tierTwoOneLine .header-logo {
    height: 60px;
  }
}
@media (min-width: 1440px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierOne .header-logo,
  .full-width-nav .primary-brand-bar .brand-cta.tierTwoOneLine .header-logo {
    height: 66px;
  }
}
.full-width-nav .primary-brand-bar .brand-cta.tierOne .brand-tier-three .header-logo,
.full-width-nav .primary-brand-bar .brand-cta.tierTwoOneLine .brand-tier-three .header-logo {
  height: 30px;
}
@media (min-width: 1080px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierOne .brand-tier-three .header-logo,
  .full-width-nav .primary-brand-bar .brand-cta.tierTwoOneLine .brand-tier-three .header-logo {
    height: 36px;
  }
}
@media (min-width: 1440px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierOne .brand-tier-three .header-logo,
  .full-width-nav .primary-brand-bar .brand-cta.tierTwoOneLine .brand-tier-three .header-logo {
    height: 42px;
  }
}
.full-width-nav .primary-brand-bar .brand-cta.tierTwoTwoLine .header-logo {
  height: 55px;
}
@media (min-width: 1080px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierTwoTwoLine .header-logo {
    height: 68px;
  }
}
@media (min-width: 1440px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierTwoTwoLine .header-logo {
    height: 75px;
  }
}
.full-width-nav .primary-brand-bar .brand-cta.tierTwoTwoLine .brand-tier-three .header-logo {
  height: 32px;
}
@media (min-width: 1080px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierTwoTwoLine .brand-tier-three .header-logo {
    height: 36px;
  }
}
@media (min-width: 1440px) {
  .full-width-nav .primary-brand-bar .brand-cta.tierTwoTwoLine .brand-tier-three .header-logo {
    height: 42px;
  }
}
.full-width-nav .primary-brand-bar .brand-cta .header-logo img {
  height: 100%;
  width: auto;
}
.full-width-nav .primary-brand-bar .brand-tier-three {
  color: var(--white);
  font-size: var(--small-1);
  font-weight: var(--font-weight-medium);
  padding-left: var(--spacing-standard);
}
@media (min-width: 768px) {
  .full-width-nav .primary-brand-bar .brand-tier-three {
    font-size: var(--font-size-xl);
  }
}
.full-width-nav .primary-brand-bar .brand-tier-three a:link,
.full-width-nav .primary-brand-bar .brand-tier-three a:visited {
  color: var(--white);
}
.full-width-nav .primary-brand-bar .brand-tier-three a:hover {
  text-decoration: underline;
  text-underline-offset: 0.375rem;
}
.full-width-nav .primary-brand-bar .header-cta-buttons {
  display: none;
  /* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
}
@media (min-width: 1080px) {
  .full-width-nav .primary-brand-bar .header-cta-buttons {
    display: flex;
  }
  .full-width-nav .primary-brand-bar .header-cta-buttons .toggle-search { /* for search included in CTA Buttons */
    display: inline-block;
  }
}
.full-width-nav .primary-brand-bar .header-cta-buttons .button {
  text-transform: uppercase;
  font-style: italic;
  font-weight: var(--font-weight-bold);
}
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .cta-button {
  display: none;
  font-size: var(--small-2);
  /* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
}
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .cta-button:hover, .full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .cta-button:focus {
  color: var(--white);
}
@media (min-width: 1080px) {
  .full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .cta-button {
    display: inline-block;
    padding: 6px var(--spacing-16);
  }
}
.full-width-nav #navigation .col {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 5rem;
  /* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
  background: transparent;
  z-index: 99;
  align-items: center;
}
@media (min-width: 1080px) {
  .full-width-nav #navigation .col {
    justify-content: center;
    height: auto;
  }
}
.full-width-nav #navigation .col .brand {
  flex-direction: row;
}
.full-width-nav #navigation .col .brand ul#main-nav > li {
  margin-left: var(--spacing-medium-small);
  margin-right: var(--spacing-medium-small);
}
.full-width-nav #navigation .col .brand ul#main-nav > li:first-of-type { /* indent first nav item to not left-align w/ logo */
  margin-left: var(--spacing-small);
}
.full-width-nav #navigation .col .brand[data-activenavitems="1"] ul#main-nav > li,
.full-width-nav #navigation .col .brand[data-activenavitems="2"] ul#main-nav > li,
.full-width-nav #navigation .col .brand[data-activenavitems="3"] ul#main-nav > li,
.full-width-nav #navigation .col .brand[data-activenavitems="4"] ul#main-nav > li { /* increase margin around primary nav items when they are limited */
  margin-left: var(--spacing-standard);
  margin-right: var(--spacing-standard);
}
.full-width-nav #navigation .col .brand[data-activenavitems="1"] ul#main-nav > li:first-of-type,
.full-width-nav #navigation .col .brand[data-activenavitems="2"] ul#main-nav > li:first-of-type,
.full-width-nav #navigation .col .brand[data-activenavitems="3"] ul#main-nav > li:first-of-type,
.full-width-nav #navigation .col .brand[data-activenavitems="4"] ul#main-nav > li:first-of-type { /* indent first nav item to not left-align w/ logo */
  margin-left: var(--spacing-small);
}
.full-width-nav #navigation .main-nav-wrap {
  /* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
}
@media (min-width: 1080px) {
  .full-width-nav #navigation .main-nav-wrap {
    overflow-x: clip;
    height: 3.5rem;
  }
  .full-width-nav #navigation .main-nav-wrap[data-activenavitems="1"], .full-width-nav #navigation .main-nav-wrap[data-activenavitems="2"], .full-width-nav #navigation .main-nav-wrap[data-activenavitems="3"], .full-width-nav #navigation .main-nav-wrap[data-activenavitems="4"], .full-width-nav #navigation .main-nav-wrap[data-activenavitems="5"] { /* added one more to account for short 5th nav item */
    overflow-x: visible;
  }
}
.full-width-nav .more-menu-buttons {
  display: flex;
  flex: 0 0 auto;
  position: relative;
  /* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
}
@media (min-width: 576px) {
  .full-width-nav .more-menu-buttons {
    margin-left: var(--spacing-medium-large);
  }
}
@media (min-width: 1080px) {
  .full-width-nav .more-menu-buttons:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 5rem;
    left: -5rem;
    background: linear-gradient(to right, rgba(var(--ps-beaver-blue-rgb), 0) 0%, rgba(var(--ps-beaver-blue-rgb), 1) 100%);
    pointer-events: none;
  }
}
.full-width-nav #navigation .brand.main-nav-wrap > ul > li {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.full-width-nav #navigation .main-nav-wrap > ul {
  display: none;
  flex: 0 0 auto;
  width: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  /* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
}
@media (min-width: 1080px) {
  .full-width-nav #navigation .main-nav-wrap > ul {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1080px) {
  .full-width-nav #navigation .brand .has-submenu button {
    padding: 0 0 0 0.375rem;
    position: relative;
  }
}
@media (min-width: 1080px) {
  .full-width-nav .toggle-search { /* more menu makes more sense when nav items run out */
    display: none;
  }
}
.full-width-nav .hamburger {
  text-transform: none;
  font-weight: var(--font-weight-regular);
}
.full-width-nav .hamburger .hamburger-box {
  top: 2px;
}
.full-width-nav .hamburger .hamburger-more,
.full-width-nav .hamburger .hamburger-menu {
  font-family: var(--font-condensed), Impact, "Franklin Gothic Bold", sans-serif;
  font-size: var(--font-size-xl);
}

.subsite .full-width-nav #navigation .col {
  height: auto;
  min-height: 5rem;
}
@media (min-width: 576px) {
  .subsite .full-width-nav #navigation .col {
    min-height: auto;
  }
}

.brand-tier-two,
.brand-tier-three,
.mobile-brand-tier-three {
  font-family: var(--font-sans);
}

/* subsites with no subpages */
header.mobile-branding-no-nav #navigation .primary-nav-bar .more-menu-buttons,
header.mobile-branding-no-nav.full-width-nav .more-menu-buttons {
  display: none;
}

@media (min-width: 576px) {
  header.mobile-branding-no-nav.full-width-nav .brand-cta .more-menu-buttons {
    display: none;
  }
}
@media (min-width: 1080px) {
  header.mobile-branding-no-nav.full-width-nav #navigation.primary-nav-bar {
    display: none;
  }
}
/* subsites with no subpages */
.fixed-nav {
  /* tier three */
  /* tier one/two */
}
.fixed-nav .scroll-sticky {
  /* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
}
.fixed-nav .scroll-sticky #navigation.primary-nav-bar {
  position: fixed;
  top: 0;
  left: 0;
}
@media (min-width: 576px) {
  .fixed-nav .scroll-sticky .primary-brand-bar {
    position: fixed;
    top: 0;
    left: 0;
  }
  .fixed-nav .scroll-sticky #navigation.primary-nav-bar {
    position: relative;
  }
}
@media (min-width: 1080px) {
  .fixed-nav .scroll-sticky .primary-brand-bar {
    position: relative;
  }
  .fixed-nav .scroll-sticky #navigation.primary-nav-bar {
    position: fixed;
    top: 0;
    left: 0;
  }
}
.fixed-nav .notTierThree .scroll-sticky {
  /* 4/10/23 - update for bar desktop and up @media (min-width: $screen-tablet-min) { */
}
.fixed-nav .notTierThree .scroll-sticky .primary-brand-bar {
  position: fixed;
  top: 0;
  left: 0;
}
@media (min-width: 1080px) {
  .fixed-nav .notTierThree .scroll-sticky .primary-brand-bar {
    position: relative;
  }
  .fixed-nav .notTierThree .scroll-sticky #navigation.primary-nav-bar {
    position: fixed;
    top: 0;
    left: 0;
  }
}

.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(--ps-pugh-blue-100);
  z-index: 1000;
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
}
@media (min-width: 1080px) {
  .full-menu-wrap {
    width: 94%;
    left: auto; /* set at 0 for mobile to fix margin issue, otherwise menu is partially off screen to the left */
  }
}

.full-menu-update {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: block;
}

.full-menu-content {
  width: 85vw;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: var(--spacing-large);
  justify-content: center;
  padding-top: var(--spacing-maximum);
  position: relative;
}
.full-menu-content p.h3 {
  background: var(--white);
  padding: var(--spacing-x-small);
  margin-left: calc(var(--spacing-x-small) * -1);
  color: var(--primary-text-color);
  display: inline-block;
}
.full-menu-content p.h4 {
  background: var(--white);
  padding: var(--spacing-xx-small);
  display: inline-block;
  margin: var(--spacing-x-small) 0 var(--spacing-x-small) calc(var(--spacing-xx-small) * -1);
}

.container-main-nav {
  width: 100%;
}
@media (min-width: 1080px) {
  .container-main-nav {
    flex: 1;
  }
}
.container-main-nav ul#modal-main-nav > li {
  border-bottom: 1px dashed var(--ps-pugh-blue-500);
}

.container-supporting {
  width: 100%;
}
@media (min-width: 1080px) {
  .container-supporting {
    flex: 1;
  }
}
.container-supporting .container-supporting-nav {
  width: 100%;
  margin-bottom: var(--spacing-standard);
}
@media (min-width: 768px) {
  .container-supporting .container-supporting-nav {
    display: flex;
    gap: var(--spacing-large);
  }
}
.container-supporting .audience-menu,
.container-supporting .helpful-links-menu {
  width: 100%;
}
@media (min-width: 768px) {
  .container-supporting .audience-menu,
  .container-supporting .helpful-links-menu {
    flex: 1;
  }
}
@media (min-width: 768px) {
  .container-supporting .audience-menu,
  .container-supporting .helpful-links-menu {
    width: 50%;
  }
}
.container-supporting .search-form {
  width: 100%;
}
.container-supporting .cta-container {
  width: 100%;
}
.container-supporting .social-menu {
  width: 100%;
}

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

.full-menu-update .cta-container {
  width: 100%;
  margin: 0 auto;
}
.full-menu-update .cta-container .wrap-cta {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
.full-menu-update .cta-container .wrap-cta * {
  text-align: left;
  margin: var(--spacing-xx-small);
}

.full-menu-update .close-menu {
  text-transform: uppercase;
  top: var(--spacing-medium-small);
  right: 0;
  line-height: 1.25rem;
  color: var(--ps-nittany-navy-500);
  display: inline-block;
  position: absolute;
  padding-right: 0;
}
.full-menu-update .close-menu span {
  display: inline-block;
  position: relative;
  right: 0.5rem;
  top: 4px;
  width: 20px;
  height: 20px;
}
.full-menu-update .close-menu p {
  display: inline-block;
  line-height: 30px;
}

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

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

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

.close-menu {
  cursor: pointer;
  background-color: transparent;
  border: none;
  font-weight: var(--font-weight-bold);
  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-update form.search-form {
  margin: var(--spacing-standard) 0;
  padding: 0;
}
@media (min-width: 1080px) {
  .full-menu-update form.search-form {
    margin: 0;
  }
}

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

.full-menu-update 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%; /* fix safari dropdown menu getting clipped */
  height: 41px;
  width: 9rem;
  padding: 0 28px 0 14px;
  font-weight: var(--font-weight-bold);
  -webkit-transform: translateZ(0);
}

.full-menu-update select option {
  font-weight: var(--font-weight-regular);
}

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

.full-menu-update .audience-menu {
  margin: 0;
}

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

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

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

.full-menu-update ul li.has-submenu button > span::before,
.full-menu-update 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-update ul li.has-submenu button > span::before {
  display: block;
  transform: rotate(90deg);
}

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

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

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

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

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

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

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

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

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

.full-menu-update 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-update ul li.open .dropdown-content ul li {
  display: flex;
  justify-content: space-between;
}

.full-menu-update ul#modal-main-nav > li > a {
  font-size: var(--h4);
  font-weight: var(--font-weight-regular);
  padding: 0.75rem 0 0.75rem 0;
  display: inline-block;
}

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

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

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

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

.full-menu-update .submenu-links {
  width: 100%;
  font-weight: var(--font-weight-medium);
}

.full-menu-update .submenu-links > ul > li > a,
.min-nav .submenu-links > ul > li > a {
  padding: 0.75rem 0.625rem 0.5rem !important;
}

.full-menu-update .container-supporting-nav .audience-menu,
.full-menu-update .container-supporting-nav .helpful-links-menu {
  font-weight: var(--font-weight-medium);
  margin: 1rem 0 2rem;
  width: 100%;
}
.full-menu-update .container-supporting-nav .audience-menu a,
.full-menu-update .container-supporting-nav .helpful-links-menu a {
  font-size: var(--font-size-base);
  text-transform: none;
}
@media (min-width: 768px) {
  .full-menu-update .container-supporting-nav .audience-menu,
  .full-menu-update .container-supporting-nav .helpful-links-menu {
    margin: 1.5rem 2rem 1rem 0;
  }
}
@media (min-width: 1080px) {
  .full-menu-update .container-supporting-nav .audience-menu,
  .full-menu-update .container-supporting-nav .helpful-links-menu {
    margin: 0;
  }
}

.full-menu-update .container-supporting-nav ul {
  margin-top: 0;
  margin-left: 0;
}
@media (min-width: 768px) {
  .full-menu-update .container-supporting-nav ul {
    margin-left: 0;
  }
}

.full-menu-update .container-supporting-nav li {
  border-bottom: 1px dashed var(--ps-pugh-blue-500);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.015rem;
}

.full-menu-update .container-supporting-nav a {
  padding: 0.625rem 0 !important;
  display: block;
}

.full-menu-update .social-menu {
  position: relative;
  width: 100%;
}

.full-menu-update .social-menu ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
}

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

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

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

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

.header-buttons .btn-wrap .cta-button {
  display: none;
  font-size: var(--small-2);
}
.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 var(--spacing-16);
  }
}

.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: 2px;
  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: 1080px) {
  .hamburger-menu {
    display: none;
  }
  .hamburger-more {
    display: inline-block;
    font-size: var(--small-2);
  }
}
.full-menu[aria-hidden=true] {
  display: none;
}

.theme-clean-modern .full-width-nav .toggle-search {
  color: var(--primary-text-color);
}
.theme-clean-modern .full-width-nav .primary-brand-bar {
  background: linear-gradient(to left, #efefef 0, #efefef 31%, #ffffff 76%, #efefef 100%);
  background: var(--white);
  background-color: var(--ps-pugh-blue-50);
}
@media (min-width: 576px) {
  .theme-clean-modern .full-width-nav .primary-brand-bar .brand-tier-three {
    border-left: 1px solid var(--color-standard-border);
  }
}
.theme-clean-modern .full-width-nav .mobile-brand-tier-three,
.theme-clean-modern .full-width-nav .brand-tier-three {
  color: var(--primary-text-color);
}
.theme-clean-modern .full-width-nav .mobile-brand-tier-three a:link,
.theme-clean-modern .full-width-nav .mobile-brand-tier-three a:visited,
.theme-clean-modern .full-width-nav .brand-tier-three a:link,
.theme-clean-modern .full-width-nav .brand-tier-three a:visited {
  color: var(--primary-text-color);
}
.theme-clean-modern .full-width-nav .mobile-brand-tier-three img {
  height: 2.5rem;
  width: auto;
}
.theme-clean-modern .full-width-nav #navigation.primary-nav-bar {
  background-color: var(--ps-pugh-blue-150);
  border-top: none;
  border-bottom: none;
}
.theme-clean-modern .full-width-nav #navigation .brand > ul > li > a {
  /* color: var(--primary-text-color); */
  color: var(--primary-link-color);
}
.theme-clean-modern .full-width-nav #navigation .brand > ul > li:hover > a {
  opacity: 0.7;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
.theme-clean-modern .full-width-nav #navigation .brand .has-submenu button > span:before,
.theme-clean-modern .full-width-nav #navigation .brand .has-submenu button > span:after {
  /* color: var(--primary-text-color); */
  background-color: var(--primary-link-color);
}
@media (min-width: 1080px) {
  .theme-clean-modern .full-width-nav .more-menu-buttons:before {
    background: linear-gradient(to right, rgba(var(--white-rgb), 0) 0%, rgba(var(--white-rgb), 1) 100%);
    background: linear-gradient(to right, rgba(var(--ps-pugh-blue-50), 0) 0%, rgba(var(--ps-pugh-blue-50), 1) 100%);
  }
}
.theme-clean-modern .full-width-nav .hamburger {
  /* color: var(--primary-text-color); */
  color: var(--primary-link-color);
}
.theme-clean-modern .full-width-nav .hamburger-inner,
.theme-clean-modern .full-width-nav .hamburger-inner::before,
.theme-clean-modern .full-width-nav .hamburger-inner::after,
.theme-clean-modern .full-width-nav .hamburger.is-active .hamburger-inner,
.theme-clean-modern .full-width-nav .hamburger.is-active .hamburger-inner::before,
.theme-clean-modern .full-width-nav .hamburger.is-active .hamburger-inner::after {
  /* color: var(--primary-text-color); */
  background-color: var(--primary-link-color);
}

@media (min-width: 1080px) {
  .layout-course .full-menu-wrap {
    width: 45%;
  }
}
@media (min-width: 768px) {
  .layout-course .full-menu-update ul#modal-main-nav {
    margin: 1rem 0;
  }
}
.layout-course .full-menu-update ul#modal-main-nav > li > a {
  font-size: var(--h6);
}
.layout-course .full-menu-content {
  width: 90%;
  flex-direction: column;
  gap: var(--spacing-standard);
  padding-top: var(--spacing-xx-large);
  padding-bottom: var(--spacing-standard);
}
@media (min-width: 1080px) {
  .layout-course .full-menu-content p.h3 {
    margin-right: calc(var(--spacing-x-small) * -1);
  }
}
.layout-course #navigation .brand > ul > li > a {
  display: unset;
}
.layout-course #navigation .brand > ul > li {
  margin-left: var(--spacing-small);
  margin-right: var(--spacing-medium-small);
}
.layout-course .full-width-nav .more-menu-buttons {
  margin-left: var(--spacing-small);
}

/** Language Switcher */
@media (min-width: 1080px) {
  .main-dialog .inline-language-switcher {
    display: none;
  }
}
@media (min-width: 1080px) {
  .label-language-switcher {
    display: none;
  }
}
.language-button img {
  width: 20px;
  float: left;
  margin-right: 5px;
}

.inline-language-switcher {
  display: inline-block;
  margin-top: var(--spacing-standard);
}
.inline-language-switcher svg {
  width: 20px;
  float: left;
  margin-right: 5px;
}
.inline-language-switcher svg path {
  fill: var(--primary-link-color);
}
@media (min-width: 768px) {
  .inline-language-switcher {
    margin-top: 0;
  }
}
@media (min-width: 1080px) {
  .inline-language-switcher {
    border-left: 1px solid var(--color-primary-accent);
    margin-left: var(--spacing-x-small);
  }
}
.inline-language-switcher a.button.cta-button {
  outline: none;
}
.inline-language-switcher a.button.cta-button:hover {
  background-color: var(--ps-creek-150);
  color: var(--primary-link-color);
}
.inline-language-switcher a.button.cta-button span.language-name {
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  text-decoration-color: var(--color-primary-accent);
  text-decoration-thickness: 0.1rem;
  text-decoration-skip-ink: auto;
}

.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .inline-language-switcher a.cta-button:hover,
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .inline-language-switcher a.cta-button:focus {
  color: var(--primary-link-color);
}

.theme-clean-modern span.cta-button {
  outline: none;
}
.theme-clean-modern span.cta-button:hover {
  background: transparent;
}

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

/* @import "dark-mode"; */
/** 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);
}