@charset "UTF-8";
/* CSS Variables Do Not Work in Media Queries */
:root {
  --font-sans: "proxima-nova";
}

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

header {
  border-top: 8px solid;
  border-image: linear-gradient(to right, rgb(62, 163, 158) 0%, rgb(255, 209, 0) 50%, rgb(233, 131, 0) 100%) 1 0 0 0;
}

.full-width-nav .primary-brand-bar {
  background: linear-gradient(to right, #15161A 0, #15161A 50%, #1E417B 85%, #15161A 100%);
  background: transparent;
  padding: var(--spacing-standard) 0;
}

a.block.block-section-feature.block-section-feature-vertical:hover .block-image img {
  opacity: 1;
  filter: none;
}

a.block.block-section-feature p.eyebrow-featured + h3 {
  padding-top: 0;
}
a.block.block-section-feature .block-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
a.block.block-section-feature .block-content h3 {
  font-size: var(--display-6);
  text-wrap: balance;
}
a.block.block-section-feature .block-content p {
  font-size: var(--h6);
}
a.block.block-section-feature.block-section-feature-vertical .block-content:before {
  content: none;
}
a.block.block-section-feature.block-section-feature-vertical .block-content h3 {
  font-size: var(--display-6);
  text-wrap: balance;
  position: relative;
  font-family: var(--font-sans);
  font-weight: var(--font-weight-black);
}
a.block.block-section-feature.block-section-feature-vertical .block-content p {
  font-size: var(--h6);
}
@media (min-width: 768px) {
  a.block.block-section-feature.block-section-feature-vertical .block-content {
    text-align: left;
  }
  a.block.block-section-feature.block-section-feature-vertical .block-content h3 {
    padding: var(--spacing-small);
    background: var(--white);
    position: relative;
    left: -10%;
  }
}
@media (min-width: 1080px) {
  a.block.block-section-feature.block-section-feature-vertical .block-content h3 {
    font-size: var(--display-4);
  }
  a.block.block-section-feature.block-section-feature-vertical .block-content p {
    font-size: var(--h5);
  }
}

.page-content .article-media-feature .media-wrap-content:first-of-type {
  margin-top: 0;
}

.article-media-feature .article-subtitle p {
  padding-bottom: 0;
}

.preview-cards-features .block-content h3 {
  font-size: var(--h2);
}
.preview-cards-features .block-content p {
  font-size: var(--font-size-xl);
}

.block-section-feature .feature-landscape {
  display: block;
}
.block-section-feature .feature-portrait {
  display: none;
}

.block-section-feature.block-section-feature-vertical .feature-landscape {
  display: none;
}
.block-section-feature.block-section-feature-vertical .feature-portrait {
  display: block;
}

a.block.block-section-feature {
  margin-top: var(--spacing-standard);
  display: block;
  margin-bottom: var(--spacing-standard);
}
@media (min-width: 768px) {
  a.block.block-section-feature .card-content {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: var(--spacing-standard);
  }
  a.block.block-section-feature .card-content .block-image {
    order: 2;
  }
  a.block.block-section-feature .card-content .block-content {
    order: 1;
  }
}
@media (min-width: 768px) {
  a.block.block-section-feature.block-section-feature-vertical .card-content {
    grid-template-columns: 1fr 2fr;
  }
  a.block.block-section-feature.block-section-feature-vertical .card-content .block-image {
    order: 1;
  }
  a.block.block-section-feature.block-section-feature-vertical .card-content .block-content {
    order: 2;
  }
}

.reverse a.block.block-flex-capsule .block-content h3 {
  color: var(--reverse-header-color);
}
.reverse a.block.block-flex-capsule .block-content p {
  color: var(--reverse-text-color);
}

@media (min-width: 1440px) {
  .container-fixed-wide .preview-cards.preview-cards-2up a {
    grid-column: span 6;
  }
}
a.block.block-flex-capsule .card-content {
  display: flex;
}
a.block.block-flex-capsule .card-content .block-image {
  width: 33.33%;
  height: max-content;
}
a.block.block-flex-capsule .card-content .block-content {
  width: 66.66%;
  padding: var(--spacing-medium-small);
}
a.block.block-flex-capsule .card-content .block-content h3 {
  font-size: var(--h4);
  padding-top: 0;
}
a.block.block-flex-capsule .card-content .block-content p {
  font-size: var(--font-size-lg);
}

fieldset.fieldset-radio-or-checkbox {
  border: none;
}
fieldset.fieldset-radio-or-checkbox legend.fieldset-minor { /* match standard label */
  display: block;
  margin-bottom: var(--spacing-xx-small);
  padding-top: var(--spacing-small);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-medium);
}
fieldset.fieldset-radio-or-checkbox legend.fieldset-subsection {
  margin-bottom: 0;
}

.form-group .input-and-label {
  display: flex;
  align-items: baseline;
}
.form-group .input-and-label input {
  margin-bottom: 0;
}
.form-group .input-and-label label {
  margin-left: var(--spacing-minimum);
}

.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap {
  /* a.cta-button {
  	padding: var(--spacing-xx-small) var(--spacing-medium-small);
  	color: var(--black);
  	font-weight: var(--font-weight-medium);
  	outline: none;
  	display: inline-flex;
  	align-items: center;

  	&:hover {
  		color: var(--black);
  		}
  	}

  a[href*="ticket-center"].cta-button:link,
  a[href*="ticket-center"].cta-button:visited {
  	background: var(--ps-creek-300);

  	&.gradient-button-hover:hover {
  		background: var(--ps-creek-200);
  		outline: none;
  		}

  	&::before {
  		content: '';
  		width: 32px;
  		height: 32px;
  		background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.02 33.66"><g id="Layer_1-2" data-name="Layer 1"><polygon points="20.84 28.48 5.79 31.14 .87 4.24 20.04 .87 24.22 23.7 20.84 28.48" fill="none" stroke="%23000" stroke-miterlimit="10" stroke-width="1.5"/><path d="M20.65,5.19l10.49,1.86-4.05,22.52c-1.85,1.29-2.89,2-4.75,3.3l-12.82-2.27" fill="none" stroke="%23000" stroke-miterlimit="10" stroke-width="1.5"/><line x1="7.79" y1="22.49" x2="19.04" y2="20.76" fill="none" stroke="%23000" stroke-miterlimit="10" stroke-width="1.5"/><line x1="8.66" y1="26.63" x2="15.58" y2="25.27" fill="none" stroke="%23000" stroke-miterlimit="10" stroke-width="1.5"/><polygon points="16.76 7.79 6.06 9.66 7.47 17.3 18.17 15.43 16.76 7.79" fill="none" stroke="%23000" stroke-miterlimit="10" stroke-width="1.5"/><line x1="9.52" y1="13.46" x2="14.71" y2="12.49" fill="none" stroke="%23000" stroke-miterlimit="10" stroke-width="1.5"/></g></svg>');
  		background-repeat: no-repeat;
  		background-size: contain;
  		display: inline-flex;
  		margin-right: var(--spacing-xx-small);
  		}

  	}

  a[href*="raise"].cta-button:link,
  a[href*="raise"].cta-button:visited {
  	background: var(--ps-atherton-purple-350);

  	&.gradient-button-hover:hover {
  		background: var(--ps-atherton-purple-250);
  		outline: none;
  		}

  	&::before {
  		content: '';
  		width: 35px;
  		height: 32px;
  		background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.09 33.5"><g id="Layer_1-2" data-name="Layer 1"><path d="M33.02,2.24c.97.99,1.46,2.28,1.46,3.58,0,1.3-.48,2.59-1.46,3.58l-8.49,8.65-8.49-8.65c-1.94-1.98-1.94-5.18,0-7.16.97-.99,2.24-1.48,3.52-1.48s2.54.49,3.51,1.48l1.46,1.49,1.46-1.49c1.94-1.98,5.09-1.98,7.03,0Z" fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M5.94,23.69s6.99-4.68,9.06-4.77c2.07-.09,4.47,2.39,4.47,2.39h5.46c.78,0,1.5.5,1.71,1.26.19.69-.06,1.48-1.8,1.93,0,0-4.43.47-5.41.47" fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M26.24,22.67l6.28-3.66s1.5-.63,2.83,1.33l-9.11,6.51-8.23,1.33s-4.19-3.47-6.74-1.67c-.84.59-1.81,1.27-2.73,1.92" fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><polyline points=".75 22.67 4.24 20.64 10.26 30.72 6.77 32.75" fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg>');
  		background-repeat: no-repeat;
  		background-size: contain;
  		display: inline-flex;
  		margin-right: var(--spacing-xx-small);
  		}
  	}	 */
}
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap a.cta-button {
  padding: var(--spacing-xx-small) var(--spacing-medium-small);
  color: var(--reverse-link-color);
  font-weight: var(--font-weight-medium);
  outline: none;
  display: inline-flex;
  align-items: center;
}
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap a.cta-button:hover {
  color: var(--reverse-link-color);
}
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap a.cta-button:nth-of-type(1):link,
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap a.cta-button:nth-of-type(1):visited {
  background: transparent;
  outline: none;
}
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap a.cta-button:nth-of-type(1):link.gradient-button-hover:hover,
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap a.cta-button:nth-of-type(1):visited.gradient-button-hover:hover {
  background: transparent;
  outline: 1px solid var(--ps-creek-300);
}
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap a.cta-button:nth-of-type(1):link::before,
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap a.cta-button:nth-of-type(1):visited::before {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.02 33.66"><g id="Layer_1-2" data-name="Layer 1"><polygon points="20.84 28.48 5.79 31.14 .87 4.24 20.04 .87 24.22 23.7 20.84 28.48" fill="none" stroke="%23ffffff" stroke-miterlimit="10" stroke-width="1.5"/><path d="M20.65,5.19l10.49,1.86-4.05,22.52c-1.85,1.29-2.89,2-4.75,3.3l-12.82-2.27" fill="none" stroke="%23ffffff" stroke-miterlimit="10" stroke-width="1.5"/><line x1="7.79" y1="22.49" x2="19.04" y2="20.76" fill="none" stroke="%23ffffff" stroke-miterlimit="10" stroke-width="1.5"/><line x1="8.66" y1="26.63" x2="15.58" y2="25.27" fill="none" stroke="%23ffffff" stroke-miterlimit="10" stroke-width="1.5"/><polygon points="16.76 7.79 6.06 9.66 7.47 17.3 18.17 15.43 16.76 7.79" fill="none" stroke="%23ffffff" stroke-miterlimit="10" stroke-width="1.5"/><line x1="9.52" y1="13.46" x2="14.71" y2="12.49" fill="none" stroke="%23ffffff" stroke-miterlimit="10" stroke-width="1.5"/></g></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-flex;
  margin-right: var(--spacing-xx-small);
}
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap a.cta-button:nth-of-type(2):link,
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap a.cta-button:nth-of-type(2):visited {
  background: transparent;
  outline: none;
}
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap a.cta-button:nth-of-type(2):link.gradient-button-hover:hover,
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap a.cta-button:nth-of-type(2):visited.gradient-button-hover:hover {
  background: transparent;
  outline: 1px solid var(--ps-atherton-purple-350);
}
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap a.cta-button:nth-of-type(2):link::before,
.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap a.cta-button:nth-of-type(2):visited::before {
  content: "";
  width: 35px;
  height: 32px;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.09 33.5"><g id="Layer_1-2" data-name="Layer 1"><path d="M33.02,2.24c.97.99,1.46,2.28,1.46,3.58,0,1.3-.48,2.59-1.46,3.58l-8.49,8.65-8.49-8.65c-1.94-1.98-1.94-5.18,0-7.16.97-.99,2.24-1.48,3.52-1.48s2.54.49,3.51,1.48l1.46,1.49,1.46-1.49c1.94-1.98,5.09-1.98,7.03,0Z" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M5.94,23.69s6.99-4.68,9.06-4.77c2.07-.09,4.47,2.39,4.47,2.39h5.46c.78,0,1.5.5,1.71,1.26.19.69-.06,1.48-1.8,1.93,0,0-4.43.47-5.41.47" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M26.24,22.67l6.28-3.66s1.5-.63,2.83,1.33l-9.11,6.51-8.23,1.33s-4.19-3.47-6.74-1.67c-.84.59-1.81,1.27-2.73,1.92" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><polyline points=".75 22.67 4.24 20.64 10.26 30.72 6.77 32.75" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-flex;
  margin-right: var(--spacing-xx-small);
}

.wrap-cta a.cta-button {
  color: var(--primary-link-color);
  font-weight: var(--font-weight-medium);
  outline: none;
  display: inline-flex;
  align-items: center;
}
.wrap-cta a.cta-button:hover {
  color: var(--link-color-hover);
}
.wrap-cta a.cta-button:nth-of-type(1):link::before,
.wrap-cta a.cta-button:nth-of-type(1):visited::before {
  content: "";
  width: 35px;
  height: 32px;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.02 33.66"><g id="Layer_1-2" data-name="Layer 1"><polygon points="20.84 28.48 5.79 31.14 .87 4.24 20.04 .87 24.22 23.7 20.84 28.48" fill="none" stroke="%230051aa" stroke-miterlimit="10" stroke-width="1.5"/><path d="M20.65,5.19l10.49,1.86-4.05,22.52c-1.85,1.29-2.89,2-4.75,3.3l-12.82-2.27" fill="none" stroke="%230051aa" stroke-miterlimit="10" stroke-width="1.5"/><line x1="7.79" y1="22.49" x2="19.04" y2="20.76" fill="none" stroke="%230051aa" stroke-miterlimit="10" stroke-width="1.5"/><line x1="8.66" y1="26.63" x2="15.58" y2="25.27" fill="none" stroke="%230051aa" stroke-miterlimit="10" stroke-width="1.5"/><polygon points="16.76 7.79 6.06 9.66 7.47 17.3 18.17 15.43 16.76 7.79" fill="none" stroke="%230051aa" stroke-miterlimit="10" stroke-width="1.5"/><line x1="9.52" y1="13.46" x2="14.71" y2="12.49" fill="none" stroke="%230051aa" stroke-miterlimit="10" stroke-width="1.5"/></g></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-flex;
  margin-right: var(--spacing-xx-small);
}
.wrap-cta a.cta-button:nth-of-type(1):link.gradient-button-hover:hover,
.wrap-cta a.cta-button:nth-of-type(1):visited.gradient-button-hover:hover {
  background: rgba(var(--ps-creek-rgb), 0.15);
  outline: 1px solid var(--ps-creek-300);
}
.wrap-cta a.cta-button:nth-of-type(2):link::before,
.wrap-cta a.cta-button:nth-of-type(2):visited::before {
  content: "";
  width: 35px;
  height: 32px;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.09 33.5"><g id="Layer_1-2" data-name="Layer 1"><path d="M33.02,2.24c.97.99,1.46,2.28,1.46,3.58,0,1.3-.48,2.59-1.46,3.58l-8.49,8.65-8.49-8.65c-1.94-1.98-1.94-5.18,0-7.16.97-.99,2.24-1.48,3.52-1.48s2.54.49,3.51,1.48l1.46,1.49,1.46-1.49c1.94-1.98,5.09-1.98,7.03,0Z" fill="none" stroke="%230051aa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M5.94,23.69s6.99-4.68,9.06-4.77c2.07-.09,4.47,2.39,4.47,2.39h5.46c.78,0,1.5.5,1.71,1.26.19.69-.06,1.48-1.8,1.93,0,0-4.43.47-5.41.47" fill="none" stroke="%230051aa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M26.24,22.67l6.28-3.66s1.5-.63,2.83,1.33l-9.11,6.51-8.23,1.33s-4.19-3.47-6.74-1.67c-.84.59-1.81,1.27-2.73,1.92" fill="none" stroke="%230051aa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><polyline points=".75 22.67 4.24 20.64 10.26 30.72 6.77 32.75" fill="none" stroke="%230051aa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-flex;
  margin-right: var(--spacing-xx-small);
}
.wrap-cta a.cta-button:nth-of-type(2):link.gradient-button-hover:hover,
.wrap-cta a.cta-button:nth-of-type(2):visited.gradient-button-hover:hover {
  background: rgba(var(--ps-atherton-purple-rgb), 0.15);
  outline: 1px solid var(--ps-atherton-purple-350);
}

.component-id-238139 .channel-listing-directory .directory-grid .directory-image,
.component-id-284892 .channel-listing-directory .directory-grid .directory-image,
.component-id-292684 .channel-listing-directory .directory-grid .directory-image {
  display: none;
}
@media (min-width: 768px) {
  .component-id-238139 .channel-listing-directory .directory-grid,
  .component-id-284892 .channel-listing-directory .directory-grid,
  .component-id-292684 .channel-listing-directory .directory-grid {
    display: grid;
    grid-gap: var(--grid-gap-small);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1080px) {
  .component-id-238139 .channel-listing-directory .directory-grid,
  .component-id-284892 .channel-listing-directory .directory-grid,
  .component-id-292684 .channel-listing-directory .directory-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.component-id-238139 .channel-listing-directory .directory-card,
.component-id-284892 .channel-listing-directory .directory-card,
.component-id-292684 .channel-listing-directory .directory-card {
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .component-id-238139 .channel-listing-directory .directory-card,
  .component-id-284892 .channel-listing-directory .directory-card,
  .component-id-292684 .channel-listing-directory .directory-card {
    grid-template-columns: 1fr;
  }
}

.bg-beaver-blue {
  background-image: linear-gradient(to right, rgb(27, 59, 111) 0%, rgba(27, 59, 111, 0) 75%), linear-gradient(409deg, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.02) 54%, rgba(112, 112, 112, 0.03) 54%, rgba(112, 112, 112, 0.04) 100%), linear-gradient(419deg, rgba(252, 252, 252, 0.04) 0%, rgba(252, 252, 252, 0.04) 66%, rgba(111, 111, 111, 0.04) 66%, rgba(111, 111, 111, 0.04) 100%), linear-gradient(321deg, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 44%, rgba(168, 168, 168, 0.04) 44%, rgba(168, 168, 168, 0.04) 100%), linear-gradient(467deg, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 78%, rgba(141, 141, 141, 0.04) 78%, rgba(141, 141, 141, 0.04) 100%), linear-gradient(270deg, rgb(25, 165, 219), rgb(27, 59, 111));
}

.bg-sky-blue {
  background-image: linear-gradient(to right, rgb(0, 125, 178) 0%, rgba(0, 125, 178, 0) 75%), linear-gradient(409deg, rgba(248, 248, 248, 0.04) 0%, rgba(248, 248, 248, 0.04) 54%, rgba(112, 112, 112, 0.04) 54%, rgba(112, 112, 112, 0.04) 100%), linear-gradient(419deg, rgba(252, 252, 252, 0.04) 0%, rgba(252, 252, 252, 0.04) 66%, rgba(111, 111, 111, 0.04) 66%, rgba(111, 111, 111, 0.04) 100%), linear-gradient(321deg, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 44%, rgba(168, 168, 168, 0.04) 44%, rgba(168, 168, 168, 0.04) 100%), linear-gradient(467deg, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 78%, rgba(141, 141, 141, 0.04) 78%, rgba(141, 141, 141, 0.04) 100%), linear-gradient(270deg, rgb(124, 207, 202), rgb(0, 125, 178));
}

.bg-atherton-purple {
  background-image: linear-gradient(to right, rgb(27, 59, 111) 0%, rgba(27, 59, 111, 0) 75%), linear-gradient(409deg, rgba(248, 248, 248, 0.04) 0%, rgba(248, 248, 248, 0.04) 54%, rgba(112, 112, 112, 0.04) 54%, rgba(112, 112, 112, 0.04) 100%), linear-gradient(419deg, rgba(252, 252, 252, 0.04) 0%, rgba(252, 252, 252, 0.04) 66%, rgba(111, 111, 111, 0.04) 66%, rgba(111, 111, 111, 0.04) 100%), linear-gradient(321deg, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 44%, rgba(168, 168, 168, 0.04) 44%, rgba(168, 168, 168, 0.04) 100%), linear-gradient(467deg, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 78%, rgba(141, 141, 141, 0.04) 78%, rgba(141, 141, 141, 0.04) 100%), linear-gradient(270deg, rgb(172, 141, 206), rgb(27, 59, 111));
}

.bg-discovery-salmon {
  background-image: linear-gradient(to right, rgb(194, 82, 75) 0%, rgba(194, 82, 75, 0) 75%), linear-gradient(409deg, rgba(248, 248, 248, 0.04) 0%, rgba(248, 248, 248, 0.04) 54%, rgba(112, 112, 112, 0.04) 54%, rgba(112, 112, 112, 0.04) 100%), linear-gradient(419deg, rgba(252, 252, 252, 0.04) 0%, rgba(252, 252, 252, 0.04) 66%, rgba(111, 111, 111, 0.04) 66%, rgba(111, 111, 111, 0.04) 100%), linear-gradient(321deg, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 44%, rgba(168, 168, 168, 0.04) 44%, rgba(168, 168, 168, 0.04) 100%), linear-gradient(467deg, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 78%, rgba(141, 141, 141, 0.04) 78%, rgba(141, 141, 141, 0.04) 100%), linear-gradient(270deg, rgb(155, 127, 185), rgb(194, 82, 75));
}

/* test - just invert color palette */
[data-theme=dark] {
  --ps-black-rgb: 21, 22, 26;
  --ps-black-900: #edeeee;
  --ps-black-850: #e8e8e8;
  --ps-black-800: #d0d0d1;
  --ps-black-750: #b9b9ba;
  --ps-black-700: #a1a2a3;
  --ps-black-650: #8a8b8d;
  --ps-black-600: #737376;
  --ps-black-550: #5b5c5f;
  --ps-black-500: #444548;
  --ps-black-450: #2c2d31;
  --ps-black-400: #15161A;
  --ps-black-350: #131417;
  --ps-black-300: #111215;
  --ps-black-250: #0f0f12;
  --ps-black-200: #0d0d10;
  --ps-black-150: #0b0b0d;
  --ps-black-100: #08090a;
  --ps-black-50: #060708;
  --ps-black-0: #040405;
  --ps-slate-gray-rgb: 49, 77, 100;
  --ps-slate-gray-900: #f0f2f3;
  --ps-slate-gray-850: #eaedf0;
  --ps-slate-gray-800: #d6dbe0;
  --ps-slate-gray-750: #c1cad1;
  --ps-slate-gray-700: #adb8c1;
  --ps-slate-gray-650: #98a6b2;
  --ps-slate-gray-600: #8394a2;
  --ps-slate-gray-550: #6f8293;
  --ps-slate-gray-500: #5a7183;
  --ps-slate-gray-450: #465f74;
  --ps-slate-gray-400: #314D64;
  --ps-slate-gray-350: #2c455a;
  --ps-slate-gray-300: #273e50;
  --ps-slate-gray-250: #223646;
  --ps-slate-gray-200: #1d2e3c;
  --ps-slate-gray-150: #192732;
  --ps-slate-gray-100: #141f28;
  --ps-slate-gray-50: #0f171e;
  --ps-slate-gray-0: #0a0f14;
  --ps-creek-rgb: 62, 163, 158;
  --ps-creek-900: #f1f8f8;
  --ps-creek-850: #ecf6f5;
  --ps-creek-800: #d8edec;
  --ps-creek-750: #c5e3e2;
  --ps-creek-700: #b2dad8;
  --ps-creek-650: #9fd1cf;
  --ps-creek-600: #8bc8c5;
  --ps-creek-550: #78bfbb;
  --ps-creek-500: #65b5b1;
  --ps-creek-450: #51aca8;
  --ps-creek-400: #3EA39E;
  --ps-creek-350: #38938e;
  --ps-creek-300: #32827e;
  --ps-creek-250: #2b726f;
  --ps-creek-200: #25625f;
  --ps-creek-150: #1f524f;
  --ps-creek-100: #19413f;
  --ps-creek-50: #13312f;
  --ps-creek-0: #0c2120;
  --ps-limestone-gray-rgb: 162, 170, 173;
  --ps-limestone-gray-900: #f7f7f8;
  --ps-limestone-gray-850: #f4f4f5;
  --ps-limestone-gray-800: #e9eaeb;
  --ps-limestone-gray-750: #dedfe1;
  --ps-limestone-gray-700: #d3d5d7;
  --ps-limestone-gray-650: #c8cace;
  --ps-limestone-gray-600: #bdbfc4;
  --ps-limestone-gray-550: #b2b5ba;
  --ps-limestone-gray-500: #a7aab0;
  --ps-limestone-gray-450: #9ca0a6;
  --ps-limestone-gray-400: #91959C;
  --ps-limestone-gray-350: #83868c;
  --ps-limestone-gray-300: #74777d;
  --ps-limestone-gray-250: #66686d;
  --ps-limestone-gray-200: #57595e;
  --ps-limestone-gray-150: #494b4e;
  --ps-limestone-gray-100: #3a3c3e;
  --ps-limestone-gray-50: #2c2d2f;
  --ps-limestone-gray-0: #1d1e1f;
  --ps-sky-blue-rgb: 0, 156, 222;
  --ps-sky-blue-900: #ecf8fd;
  --ps-sky-blue-850: #e6f5fc;
  --ps-sky-blue-800: #ccebf8;
  --ps-sky-blue-750: #b3e1f5;
  --ps-sky-blue-700: #99d7f2;
  --ps-sky-blue-650: #80ceef;
  --ps-sky-blue-600: #66c4eb;
  --ps-sky-blue-550: #4dbae8;
  --ps-sky-blue-500: #33b0e5;
  --ps-sky-blue-450: #1aa6e1;
  --ps-sky-blue-400: #009CDE;
  --ps-sky-blue-350: #008cc8;
  --ps-sky-blue-300: #007db2;
  --ps-sky-blue-250: #006d9b;
  --ps-sky-blue-200: #005e85;
  --ps-sky-blue-150: #004e6f;
  --ps-sky-blue-100: #003e59;
  --ps-sky-blue-50: #002f43;
  --ps-sky-blue-0: #001f2c;
  --ps-beaver-blue-rgb: 30, 65, 123;
  --ps-beaver-blue-900: #eef1f5;
  --ps-beaver-blue-850: #e9ecf2;
  --ps-beaver-blue-800: #d2d9e5;
  --ps-beaver-blue-750: #bcc6d7;
  --ps-beaver-blue-700: #a5b3ca;
  --ps-beaver-blue-650: #8fa0bd;
  --ps-beaver-blue-600: #788db0;
  --ps-beaver-blue-550: #627aa3;
  --ps-beaver-blue-500: #4b6795;
  --ps-beaver-blue-450: #355488;
  --ps-beaver-blue-400: #1E417B;
  --ps-beaver-blue-350: #1b3b6f;
  --ps-beaver-blue-300: #183462;
  --ps-beaver-blue-250: #152e56;
  --ps-beaver-blue-200: #12274a;
  --ps-beaver-blue-150: #0f213e;
  --ps-beaver-blue-100: #0c1a31;
  --ps-beaver-blue-50: #091425;
  --ps-beaver-blue-0: #060d19;
  --ps-nittany-navy-rgb: 4, 30, 66;
  --ps-nittany-navy-900: #eceef1;
  --ps-nittany-navy-850: #e6e9ec;
  --ps-nittany-navy-800: #ccd2da;
  --ps-nittany-navy-750: #b3bcc7;
  --ps-nittany-navy-700: #99a5b4;
  --ps-nittany-navy-650: #808fa2;
  --ps-nittany-navy-600: #66788f;
  --ps-nittany-navy-550: #4d627c;
  --ps-nittany-navy-500: #334b69;
  --ps-nittany-navy-450: #1a3557;
  --ps-nittany-navy-400: #001E44;
  --ps-nittany-navy-350: #001b3d;
  --ps-nittany-navy-300: #001836;
  --ps-nittany-navy-250: #001530;
  --ps-nittany-navy-200: #001229;
  --ps-nittany-navy-150: #000f22;
  --ps-nittany-navy-100: #000c1b;
  --ps-nittany-navy-50: #000914;
  --ps-nittany-navy-0: #00060e;
  --ps-original-pink-rgb: 188, 33, 74;
  --ps-original-pink-900: #f8e8ed;
  --ps-original-pink-850: #f1d2db;
  --ps-original-pink-800: #eabcc9;
  --ps-original-pink-750: #e4a5b7;
  --ps-original-pink-700: #dd8fa5;
  --ps-original-pink-650: #d67993;
  --ps-original-pink-600: #d06281;
  --ps-original-pink-550: #c94c6f;
  --ps-original-pink-500: #c2365d;
  --ps-original-pink-450: #BC204B;
  --ps-original-pink-400: #BC204B;
  --ps-original-pink-350: #a91c43;
  --ps-original-pink-300: #96193c;
  --ps-original-pink-250: #831634;
  --ps-original-pink-200: #70132d;
  --ps-original-pink-150: #5e1025;
  --ps-original-pink-100: #4b0c1e;
  --ps-original-pink-50: #380916;
  --ps-original-pink-0: #25060e;
  --ps-pugh-blue-rgb: 150, 190, 230;
  --ps-pugh-blue-900: #f7fafd;
  --ps-pugh-blue-850: #f5f9fd;
  --ps-pugh-blue-800: #eaf2fa;
  --ps-pugh-blue-750: #e0ecf8;
  --ps-pugh-blue-700: #d5e5f5;
  --ps-pugh-blue-650: #cbdff3;
  --ps-pugh-blue-600: #c0d8f0;
  --ps-pugh-blue-550: #b6d2ee;
  --ps-pugh-blue-500: #abcbeb;
  --ps-pugh-blue-450: #a1c5e9;
  --ps-pugh-blue-400: #96BEE6;
  --ps-pugh-blue-350: #87abcf;
  --ps-pugh-blue-300: #7898b8;
  --ps-pugh-blue-250: #6985a1;
  --ps-pugh-blue-200: #5a728a;
  --ps-pugh-blue-150: #4b5f73;
  --ps-pugh-blue-100: #3c4c5c;
  --ps-pugh-blue-50: #2d3945;
  --ps-pugh-blue-0: #1e262e;
  --ps-discovery-salmon-rgb: 242, 102, 94;
  --ps-discovery-salmon-900: #fef4f3;
  --ps-discovery-salmon-850: #fef0ef;
  --ps-discovery-salmon-800: #fce0df;
  --ps-discovery-salmon-750: #fbd1cf;
  --ps-discovery-salmon-700: #fac2bf;
  --ps-discovery-salmon-650: #f9b3af;
  --ps-discovery-salmon-600: #f7a39e;
  --ps-discovery-salmon-550: #f6948e;
  --ps-discovery-salmon-500: #f5857e;
  --ps-discovery-salmon-450: #f3756e;
  --ps-discovery-salmon-400: #F2665E;
  --ps-discovery-salmon-350: #da5c55;
  --ps-discovery-salmon-300: #c2524b;
  --ps-discovery-salmon-250: #a94742;
  --ps-discovery-salmon-200: #913d38;
  --ps-discovery-salmon-150: #79332f;
  --ps-discovery-salmon-100: #612926;
  --ps-discovery-salmon-50: #491f1c;
  --ps-discovery-salmon-0: #301413;
  --ps-future-green-rgb: 153, 204, 0;
  --ps-future-green-900: #f7fbec;
  --ps-future-green-850: #f5fae6;
  --ps-future-green-800: #ebf5cc;
  --ps-future-green-750: #e0f0b3;
  --ps-future-green-700: #d6eb99;
  --ps-future-green-650: #cce680;
  --ps-future-green-600: #c2e066;
  --ps-future-green-550: #b8db4d;
  --ps-future-green-500: #add633;
  --ps-future-green-450: #a3d11a;
  --ps-future-green-400: #99CC00;
  --ps-future-green-350: #8ab800;
  --ps-future-green-300: #7aa300;
  --ps-future-green-250: #6b8f00;
  --ps-future-green-200: #5c7a00;
  --ps-future-green-150: #4d6600;
  --ps-future-green-100: #3d5200;
  --ps-future-green-50: #2e3d00;
  --ps-future-green-0: #1f2900;
  --ps-perpetual-purple-rgb: 73, 29, 112;
  --ps-perpetual-purple-900: #f1eef4;
  --ps-perpetual-purple-850: #ede8f1;
  --ps-perpetual-purple-800: #dbd2e2;
  --ps-perpetual-purple-750: #c8bbd4;
  --ps-perpetual-purple-700: #b6a5c6;
  --ps-perpetual-purple-650: #a48eb8;
  --ps-perpetual-purple-600: #9277a9;
  --ps-perpetual-purple-550: #80619b;
  --ps-perpetual-purple-500: #6d4a8d;
  --ps-perpetual-purple-450: #5b347e;
  --ps-perpetual-purple-400: #491d70;
  --ps-perpetual-purple-350: #421a65;
  --ps-perpetual-purple-300: #3a175a;
  --ps-perpetual-purple-250: #33144e;
  --ps-perpetual-purple-200: #2c1143;
  --ps-perpetual-purple-150: #250f38;
  --ps-perpetual-purple-100: #1d0c2d;
  --ps-perpetual-purple-50: #160922;
  --ps-perpetual-purple-0: #0f0616;
  --ps-invent-orange-rgb: 238, 131, 0;
  --ps-invent-orange-900: #fdf6ec;
  --ps-invent-orange-850: #fdf3e6;
  --ps-invent-orange-800: #fbe6cc;
  --ps-invent-orange-750: #f8dab3;
  --ps-invent-orange-700: #f6cd99;
  --ps-invent-orange-650: #f4c180;
  --ps-invent-orange-600: #f2b566;
  --ps-invent-orange-550: #f0a84d;
  --ps-invent-orange-500: #ed9c33;
  --ps-invent-orange-450: #eb8f1a;
  --ps-invent-orange-400: #E98300;
  --ps-invent-orange-350: #d27600;
  --ps-invent-orange-300: #ba6900;
  --ps-invent-orange-250: #a35c00;
  --ps-invent-orange-200: #8c4f00;
  --ps-invent-orange-150: #754200;
  --ps-invent-orange-100: #5d3400;
  --ps-invent-orange-50: #462700;
  --ps-invent-orange-0: #2f1a00;
  --ps-keystone-yellow-rgb: 255, 209, 0;
  --ps-keystone-yellow-900: #fffcec;
  --ps-keystone-yellow-850: #fffae6;
  --ps-keystone-yellow-800: #fff6cc;
  --ps-keystone-yellow-750: #fff1b3;
  --ps-keystone-yellow-700: #ffed99;
  --ps-keystone-yellow-650: #ffe880;
  --ps-keystone-yellow-600: #ffe366;
  --ps-keystone-yellow-550: #ffdf4d;
  --ps-keystone-yellow-500: #ffda33;
  --ps-keystone-yellow-450: #ffd61a;
  --ps-keystone-yellow-400: #FFD100;
  --ps-keystone-yellow-350: #e6bc00;
  --ps-keystone-yellow-300: #cca700;
  --ps-keystone-yellow-250: #b39200;
  --ps-keystone-yellow-200: #997d00;
  --ps-keystone-yellow-150: #806900;
  --ps-keystone-yellow-100: #665400;
  --ps-keystone-yellow-50: #4d3f00;
  --ps-keystone-yellow-0: #332a00;
  --ps-atherton-purple-rgb: 172, 141, 206;
  --ps-atherton-purple-900: #f9f6fb;
  --ps-atherton-purple-850: #f7f4fa;
  --ps-atherton-purple-800: #eee8f5;
  --ps-atherton-purple-750: #e6ddf0;
  --ps-atherton-purple-700: #ded1eb;
  --ps-atherton-purple-650: #d6c6e7;
  --ps-atherton-purple-600: #cdbbe2;
  --ps-atherton-purple-550: #c5afdd;
  --ps-atherton-purple-500: #bda4d8;
  --ps-atherton-purple-450: #b498d3;
  --ps-atherton-purple-400: #AC8DCE;
  --ps-atherton-purple-350: #9b7fb9;
  --ps-atherton-purple-300: #8a71a5;
  --ps-atherton-purple-250: #786390;
  --ps-atherton-purple-200: #67557c;
  --ps-atherton-purple-150: #564767;
  --ps-atherton-purple-100: #453852;
  --ps-atherton-purple-50: #342a3e;
  --ps-atherton-purple-0: #221c29;
  --ps-forest-green-rgb: 74,119,41;
  --ps-forest-green-900: #f1f5ef;
  --ps-forest-green-850: #edf1ea;
  --ps-forest-green-800: #dbe4d4;
  --ps-forest-green-750: #c9d6bf;
  --ps-forest-green-700: #b7c9a9;
  --ps-forest-green-650: #a5bb94;
  --ps-forest-green-600: #92ad7f;
  --ps-forest-green-550: #80a069;
  --ps-forest-green-500: #6e9254;
  --ps-forest-green-450: #5c853e;
  --ps-forest-green-400: #4A7729;
  --ps-forest-green-350: #436b25;
  --ps-forest-green-300: #3b5f21;
  --ps-forest-green-250: #34531d;
  --ps-forest-green-200: #2c4719;
  --ps-forest-green-150: #253c15;
  --ps-forest-green-100: #1e3010;
  --ps-forest-green-50: #16240c;
  --ps-forest-green-0: #0f1808;
  --ps-opportunity-green-rgb: 0,135,85;
  --ps-opportunity-green-900: #ecf6f2;
  --ps-opportunity-green-850: #e6f3ee;
  --ps-opportunity-green-800: #cce7dd;
  --ps-opportunity-green-750: #b3dbcc;
  --ps-opportunity-green-700: #99cfbb;
  --ps-opportunity-green-650: #80c3aa;
  --ps-opportunity-green-600: #66b799;
  --ps-opportunity-green-550: #4dab88;
  --ps-opportunity-green-500: #339f77;
  --ps-opportunity-green-450: #1a9366;
  --ps-opportunity-green-400: #008755;
  --ps-opportunity-green-350: #007a4d;
  --ps-opportunity-green-300: #006c44;
  --ps-opportunity-green-250: #005f3c;
  --ps-opportunity-green-200: #005133;
  --ps-opportunity-green-150: #00442b;
  --ps-opportunity-green-100: #003622;
  --ps-opportunity-green-50: #00291a;
  --ps-opportunity-green-0: #001b11;
  --ps-turtle-green-rgb: 109,157,144;
  --ps-turtle-green-900: #f4f8f7;
  --ps-turtle-green-850: #f0f5f4;
  --ps-turtle-green-800: #e2ebe9;
  --ps-turtle-green-750: #d3e2de;
  --ps-turtle-green-700: #c5d8d3;
  --ps-turtle-green-650: #b6cec8;
  --ps-turtle-green-600: #a7c4bc;
  --ps-turtle-green-550: #99bab1;
  --ps-turtle-green-500: #8ab1a6;
  --ps-turtle-green-450: #7ca79b;
  --ps-turtle-green-400: #6D9D90;
  --ps-turtle-green-350: #628d82;
  --ps-turtle-green-300: #577e73;
  --ps-turtle-green-250: #4c6e65;
  --ps-turtle-green-200: #415e56;
  --ps-turtle-green-150: #374f48;
  --ps-turtle-green-100: #2c3f3a;
  --ps-turtle-green-50: #212f2b;
  --ps-turtle-green-0: #161f1d;
  --ps-shrine-tan-rgb: 164,155,136;
  --ps-shrine-tan-900: #f8f8f6;
  --ps-shrine-tan-850: #f6f5f3;
  --ps-shrine-tan-800: #edebe7;
  --ps-shrine-tan-750: #e4e1db;
  --ps-shrine-tan-700: #dbd7cf;
  --ps-shrine-tan-650: #d2cdc4;
  --ps-shrine-tan-600: #c8c3b8;
  --ps-shrine-tan-550: #bfb9ac;
  --ps-shrine-tan-500: #b6afa0;
  --ps-shrine-tan-450: #ada594;
  --ps-shrine-tan-400: #A49B88;
  --ps-shrine-tan-350: #948c7a;
  --ps-shrine-tan-300: #837c6d;
  --ps-shrine-tan-250: #736d5f;
  --ps-shrine-tan-200: #625d52;
  --ps-shrine-tan-150: #524e44;
  --ps-shrine-tan-100: #423e36;
  --ps-shrine-tan-50: #312f29;
  --ps-shrine-tan-0: #211f1b;
  --ps-link-blue-rgb: 0, 81, 170;
  --ps-link-blue-900: #ecf2f9;
  --ps-link-blue-850: #e6eef7;
  --ps-link-blue-800: #ccdcee;
  --ps-link-blue-750: #b3cbe6;
  --ps-link-blue-700: #99b9dd;
  --ps-link-blue-650: #80a8d5;
  --ps-link-blue-600: #6697cc;
  --ps-link-blue-550: #4d85c4;
  --ps-link-blue-500: #3374bb;
  --ps-link-blue-450: #1a62b3;
  --ps-link-blue-400: #0051aa;
  --ps-link-blue-350: #004999;
  --ps-link-blue-300: #004188;
  --ps-link-blue-250: #003977;
  --ps-link-blue-200: #003166;
  --ps-link-blue-150: #002955;
  --ps-link-blue-100: #002044;
  --ps-link-blue-50: #001833;
  --ps-link-blue-0: #001022;
  --white-rgb: 73,75,78;
  --white: var(--ps-limestone-gray-150);
  --black: var(--ps-nittany-navy-150);
  --primary-text-color: var(--ps-limestone-gray-650);
  --primary-link-color: var(--ps-link-blue-850);
  --primary-link-color-rgb: var(--ps-link-blue-rgb); /* - need a light rgb */
  --link-color: var(--primary-link-color);
  --link-color-hover: var(--ps-link-blue-700);
  --link-light-color: var(--ps-link-blue-850);
}

[data-theme=dark] body {
  background: var(--ps-nittany-navy-50);
  color: var(--primary-text-color);
}
[data-theme=dark] .theme-clean-modern,
[data-theme=dark] .theme-vibrant-blue,
[data-theme=dark] .theme-traditional {
  --color-primary-header: var(--ps-pugh-blue-750);
  --color-primary-accent: var(--ps-pugh-blue-750);
  --color-primary-accent-rgb: var(--ps-pugh-blue-rgb); /* - need a light rgb */
  --color-standard-border: rgba(var(--color-primary-accent-rgb), 0.5); /* - need a light rgb */
  --bg-color-primary-button: var(--ps-link-blue-300);
  --bg-color-primary-button-hover: var(--ps-link-blue-200);
  --color-primary-button-text: var(--white);
  --color-primary-button-text-hover: var(--white);
  --bg-color-secondary-button: var(--ps-pugh-blue-300);
  --bg-color-secondary-button-hover: var(--ps-pugh-blue-200);
  --color-secondary-button-text: var(--white);
  --color-secondary-button-text-hover: var(--white);
  --reverse-text-color: var(--primary-text-color);
  --reverse-header-color: var(--ps-pugh-blue-750);
  --reverse-link-color: var(--primary-link-color);
  --link-light-color: var(--ps-sky-blue-800);
  /* elements that were reverse need to invert font color */
  /* elements that were reverse need to invert font color */
}
[data-theme=dark] .theme-clean-modern .bg-white,
[data-theme=dark] .theme-clean-modern .bg-tan,
[data-theme=dark] .theme-clean-modern .bg-light-tan,
[data-theme=dark] .theme-clean-modern .bg-light-green,
[data-theme=dark] .theme-clean-modern .bg-light-gray,
[data-theme=dark] .theme-clean-modern .bg-light-blue,
[data-theme=dark] .theme-clean-modern .bg-light-creek,
[data-theme=dark] .theme-clean-modern .bg-black,
[data-theme=dark] .theme-vibrant-blue .bg-white,
[data-theme=dark] .theme-vibrant-blue .bg-tan,
[data-theme=dark] .theme-vibrant-blue .bg-light-tan,
[data-theme=dark] .theme-vibrant-blue .bg-light-green,
[data-theme=dark] .theme-vibrant-blue .bg-light-gray,
[data-theme=dark] .theme-vibrant-blue .bg-light-blue,
[data-theme=dark] .theme-vibrant-blue .bg-light-creek,
[data-theme=dark] .theme-vibrant-blue .bg-black,
[data-theme=dark] .theme-traditional .bg-white,
[data-theme=dark] .theme-traditional .bg-tan,
[data-theme=dark] .theme-traditional .bg-light-tan,
[data-theme=dark] .theme-traditional .bg-light-green,
[data-theme=dark] .theme-traditional .bg-light-gray,
[data-theme=dark] .theme-traditional .bg-light-blue,
[data-theme=dark] .theme-traditional .bg-light-creek,
[data-theme=dark] .theme-traditional .bg-black {
  background-color: var(--black);
}
[data-theme=dark] .theme-clean-modern .container-grid-builder.bg-color,
[data-theme=dark] .theme-vibrant-blue .container-grid-builder.bg-color,
[data-theme=dark] .theme-traditional .container-grid-builder.bg-color {
  border-top: 2px solid var(--color-standard-border);
}
[data-theme=dark] .theme-clean-modern .bg-beaver-blue,
[data-theme=dark] .theme-vibrant-blue .bg-beaver-blue,
[data-theme=dark] .theme-traditional .bg-beaver-blue {
  background-color: var(--ps-beaver-blue-300);
}
[data-theme=dark] .theme-clean-modern .bg-slate,
[data-theme=dark] .theme-vibrant-blue .bg-slate,
[data-theme=dark] .theme-traditional .bg-slate {
  background-color: var(--ps-slate-gray-250);
}
[data-theme=dark] .theme-clean-modern .bg-dark-pugh-blue,
[data-theme=dark] .theme-vibrant-blue .bg-dark-pugh-blue,
[data-theme=dark] .theme-traditional .bg-dark-pugh-blue {
  background-color: var(--ps-pugh-blue-50);
}
[data-theme=dark] .theme-clean-modern .bg-dark-purple,
[data-theme=dark] .theme-vibrant-blue .bg-dark-purple,
[data-theme=dark] .theme-traditional .bg-dark-purple {
  background-color: var(--ps-perpetual-purple-350);
}
[data-theme=dark] .theme-clean-modern .bg-light-gradient,
[data-theme=dark] .theme-vibrant-blue .bg-light-gradient,
[data-theme=dark] .theme-traditional .bg-light-gradient {
  background: linear-gradient(135deg, var(--ps-slate-gray-300) 25%, var(--ps-slate-gray-100) 100%);
}
[data-theme=dark] .theme-clean-modern .bg-light-gray-gradient,
[data-theme=dark] .theme-vibrant-blue .bg-light-gray-gradient,
[data-theme=dark] .theme-traditional .bg-light-gray-gradient {
  background: linear-gradient(135deg, var(--ps-limestone-gray-100) 25%, var(--ps-limestone-gray-0) 100%);
}
[data-theme=dark] .theme-clean-modern .bg-purple-blue-gradient,
[data-theme=dark] .theme-vibrant-blue .bg-purple-blue-gradient,
[data-theme=dark] .theme-traditional .bg-purple-blue-gradient {
  background: linear-gradient(135deg, var(--ps-atherton-purple-100) 25%, var(--ps-sky-blue-100) 100%);
}
[data-theme=dark] .theme-clean-modern .bg-pink-purple-gradient,
[data-theme=dark] .theme-vibrant-blue .bg-pink-purple-gradient,
[data-theme=dark] .theme-traditional .bg-pink-purple-gradient {
  background: linear-gradient(135deg, var(--ps-original-pink-300) 25%, var(--ps-atherton-purple-200) 100%);
}
[data-theme=dark] .theme-clean-modern .bg-yellow-salmon-gradient,
[data-theme=dark] .theme-vibrant-blue .bg-yellow-salmon-gradient,
[data-theme=dark] .theme-traditional .bg-yellow-salmon-gradient {
  background: linear-gradient(135deg, var(--ps-discovery-salmon-200) 25%, var(--ps-discovery-salmon-350) 100%);
}
[data-theme=dark] .theme-clean-modern .full-width-nav .primary-brand-bar,
[data-theme=dark] .theme-vibrant-blue .full-width-nav .primary-brand-bar,
[data-theme=dark] .theme-traditional .full-width-nav .primary-brand-bar {
  background-color: var(--ps-beaver-blue-400);
  background: linear-gradient(to left, var(--ps-beaver-blue-100) 0, var(--ps-beaver-blue-100) 31%, var(--ps-beaver-blue-400) 76%, var(--ps-beaver-blue-100) 100%); /* swap direction on psu bar */
}
[data-theme=dark] .theme-clean-modern a:not(.button):link,
[data-theme=dark] .theme-clean-modern a:not(.button):visited,
[data-theme=dark] .theme-vibrant-blue a:not(.button):link,
[data-theme=dark] .theme-vibrant-blue a:not(.button):visited,
[data-theme=dark] .theme-traditional a:not(.button):link,
[data-theme=dark] .theme-traditional a:not(.button):visited {
  text-decoration: underline;
}
[data-theme=dark] .theme-clean-modern a:not(.button):link:hover,
[data-theme=dark] .theme-clean-modern a:not(.button):visited:hover,
[data-theme=dark] .theme-vibrant-blue a:not(.button):link:hover,
[data-theme=dark] .theme-vibrant-blue a:not(.button):visited:hover,
[data-theme=dark] .theme-traditional a:not(.button):link:hover,
[data-theme=dark] .theme-traditional a:not(.button):visited:hover {
  color: var(--link-color-hover);
}
[data-theme=dark] .theme-clean-modern .toggle-search,
[data-theme=dark] .theme-vibrant-blue .toggle-search,
[data-theme=dark] .theme-traditional .toggle-search {
  color: var(--primary-link-color);
}
[data-theme=dark] .theme-clean-modern .cta-card a:link,
[data-theme=dark] .theme-clean-modern .cta-card a:visited,
[data-theme=dark] .theme-clean-modern .shield-buttons a:link,
[data-theme=dark] .theme-clean-modern .shield-buttons a:visited,
[data-theme=dark] .theme-clean-modern .directory-card h3 a:link,
[data-theme=dark] .theme-clean-modern .directory-card h3 a:visited,
[data-theme=dark] .theme-clean-modern .preview-card h2 a:link,
[data-theme=dark] .theme-clean-modern .preview-card h2 a:visited,
[data-theme=dark] .theme-vibrant-blue .cta-card a:link,
[data-theme=dark] .theme-vibrant-blue .cta-card a:visited,
[data-theme=dark] .theme-vibrant-blue .shield-buttons a:link,
[data-theme=dark] .theme-vibrant-blue .shield-buttons a:visited,
[data-theme=dark] .theme-vibrant-blue .directory-card h3 a:link,
[data-theme=dark] .theme-vibrant-blue .directory-card h3 a:visited,
[data-theme=dark] .theme-vibrant-blue .preview-card h2 a:link,
[data-theme=dark] .theme-vibrant-blue .preview-card h2 a:visited,
[data-theme=dark] .theme-traditional .cta-card a:link,
[data-theme=dark] .theme-traditional .cta-card a:visited,
[data-theme=dark] .theme-traditional .shield-buttons a:link,
[data-theme=dark] .theme-traditional .shield-buttons a:visited,
[data-theme=dark] .theme-traditional .directory-card h3 a:link,
[data-theme=dark] .theme-traditional .directory-card h3 a:visited,
[data-theme=dark] .theme-traditional .preview-card h2 a:link,
[data-theme=dark] .theme-traditional .preview-card h2 a:visited {
  text-decoration: none;
}
[data-theme=dark] .theme-clean-modern a.block:link, [data-theme=dark] .theme-clean-modern a.block:visited,
[data-theme=dark] .theme-clean-modern a.block .block-content h2,
[data-theme=dark] .theme-clean-modern a.block .block-content h3,
[data-theme=dark] .theme-clean-modern .button a:link,
[data-theme=dark] .theme-clean-modern .button a:visited,
[data-theme=dark] .theme-clean-modern .social-icons a:link,
[data-theme=dark] .theme-clean-modern .social-icons a:visited,
[data-theme=dark] .theme-clean-modern .social-icons a:hover,
[data-theme=dark] .theme-vibrant-blue a.block:link,
[data-theme=dark] .theme-vibrant-blue a.block:visited,
[data-theme=dark] .theme-vibrant-blue a.block .block-content h2,
[data-theme=dark] .theme-vibrant-blue a.block .block-content h3,
[data-theme=dark] .theme-vibrant-blue .button a:link,
[data-theme=dark] .theme-vibrant-blue .button a:visited,
[data-theme=dark] .theme-vibrant-blue .social-icons a:link,
[data-theme=dark] .theme-vibrant-blue .social-icons a:visited,
[data-theme=dark] .theme-vibrant-blue .social-icons a:hover,
[data-theme=dark] .theme-traditional a.block:link,
[data-theme=dark] .theme-traditional a.block:visited,
[data-theme=dark] .theme-traditional a.block .block-content h2,
[data-theme=dark] .theme-traditional a.block .block-content h3,
[data-theme=dark] .theme-traditional .button a:link,
[data-theme=dark] .theme-traditional .button a:visited,
[data-theme=dark] .theme-traditional .social-icons a:link,
[data-theme=dark] .theme-traditional .social-icons a:visited,
[data-theme=dark] .theme-traditional .social-icons a:hover {
  text-decoration: none;
}
[data-theme=dark] .theme-clean-modern .cta-button:hover,
[data-theme=dark] .theme-clean-modern .cta-button:visited:hover,
[data-theme=dark] .theme-vibrant-blue .cta-button:hover,
[data-theme=dark] .theme-vibrant-blue .cta-button:visited:hover,
[data-theme=dark] .theme-traditional .cta-button:hover,
[data-theme=dark] .theme-traditional .cta-button:visited:hover {
  background-color: var(--ps-link-blue-300);
}
[data-theme=dark] .theme-clean-modern .cta-card a:hover span.button, [data-theme=dark] .theme-clean-modern .cta-card a:focus span.button,
[data-theme=dark] .theme-clean-modern .shield-buttons a:hover .button, [data-theme=dark] .theme-clean-modern .shield-buttons a:focus .button,
[data-theme=dark] .theme-vibrant-blue .cta-card a:hover span.button,
[data-theme=dark] .theme-vibrant-blue .cta-card a:focus span.button,
[data-theme=dark] .theme-vibrant-blue .shield-buttons a:hover .button,
[data-theme=dark] .theme-vibrant-blue .shield-buttons a:focus .button,
[data-theme=dark] .theme-traditional .cta-card a:hover span.button,
[data-theme=dark] .theme-traditional .cta-card a:focus span.button,
[data-theme=dark] .theme-traditional .shield-buttons a:hover .button,
[data-theme=dark] .theme-traditional .shield-buttons a:focus .button {
  border: 2px solid var(--ps-link-blue-400);
  background-color: var(--ps-link-blue-300);
}
[data-theme=dark] .theme-clean-modern .cta-button:hover,
[data-theme=dark] .theme-clean-modern .cta-button:visited:hover,
[data-theme=dark] .theme-clean-modern .full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .cta-button:hover,
[data-theme=dark] .theme-clean-modern .full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .cta-button:focus,
[data-theme=dark] .theme-vibrant-blue .cta-button:hover,
[data-theme=dark] .theme-vibrant-blue .cta-button:visited:hover,
[data-theme=dark] .theme-vibrant-blue .full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .cta-button:hover,
[data-theme=dark] .theme-vibrant-blue .full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .cta-button:focus,
[data-theme=dark] .theme-traditional .cta-button:hover,
[data-theme=dark] .theme-traditional .cta-button:visited:hover,
[data-theme=dark] .theme-traditional .full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .cta-button:hover,
[data-theme=dark] .theme-traditional .full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .cta-button:focus {
  color: var(--primary-link-color);
}
[data-theme=dark] .theme-clean-modern .callout-box-content,
[data-theme=dark] .theme-vibrant-blue .callout-box-content,
[data-theme=dark] .theme-traditional .callout-box-content {
  border: 1px solid var(--color-standard-border);
}
[data-theme=dark] .theme-clean-modern .footer-general-contact p,
[data-theme=dark] .theme-vibrant-blue .footer-general-contact p,
[data-theme=dark] .theme-traditional .footer-general-contact p {
  color: var(--primary-text-color);
}
[data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-warning h3, [data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-warning p, [data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-warning ul, [data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-warning li,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-warning h3,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-warning p,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-warning ul,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-warning li,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-warning h3,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-warning p,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-warning ul,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-warning li {
  color: var(--primary-text-color);
}
[data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-warning a:link, [data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-warning a:visited,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-warning a:link,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-warning a:visited,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-warning a:link,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-warning a:visited {
  color: var(--primary-link-color);
}
[data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-warning .button,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-warning .button,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-warning .button {
  border-color: var(--primary-link-color);
}
[data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-important,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-important,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-important {
  --color-primary-accent: var(--ps-pugh-blue-250);
}
[data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-important h3, [data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-important p, [data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-important ul, [data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-important li,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-important h3,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-important p,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-important ul,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-important li,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-important h3,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-important p,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-important ul,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-important li {
  color: var(--ps-limestone-gray-50);
}
[data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-important a:not(.button):link, [data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-important a:not(.button):visited,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-important a:not(.button):link,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-important a:not(.button):visited,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-important a:not(.button):link,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-important a:not(.button):visited {
  color: var(--ps-link-blue-250);
}
[data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-important .separating-line-secondary,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-important .separating-line-secondary,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-important .separating-line-secondary {
  background-color: var(--black);
}
[data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-important .button,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-important .button,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-important .button {
  background: var(--bg-color-primary-button);
  border: none;
}
[data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-important .button:hover,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-important .button:hover,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-important .button:hover {
  background: var(--bg-color-primary-button-hover);
}
[data-theme=dark] .theme-clean-modern .callout-box-content .button:hover, [data-theme=dark] .theme-clean-modern .callout-box-content .button:focus,
[data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-warning a.button:hover, [data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-warning a.button:hover,
[data-theme=dark] .theme-vibrant-blue .callout-box-content .button:hover,
[data-theme=dark] .theme-vibrant-blue .callout-box-content .button:focus,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-warning a.button:hover,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-warning a.button:hover,
[data-theme=dark] .theme-traditional .callout-box-content .button:hover,
[data-theme=dark] .theme-traditional .callout-box-content .button:focus,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-warning a.button:hover,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-warning a.button:hover {
  background-color: var(--ps-link-blue-300);
}
[data-theme=dark] .theme-clean-modern .full-width-nav #navigation.primary-nav-bar,
[data-theme=dark] .theme-vibrant-blue .full-width-nav #navigation.primary-nav-bar,
[data-theme=dark] .theme-traditional .full-width-nav #navigation.primary-nav-bar {
  background-color: var(--ps-beaver-blue-400);
}
[data-theme=dark] .theme-clean-modern #navigation .brand > ul > li > .dropdown-content,
[data-theme=dark] .theme-vibrant-blue #navigation .brand > ul > li > .dropdown-content,
[data-theme=dark] .theme-traditional #navigation .brand > ul > li > .dropdown-content {
  background-color: var(--black);
}
[data-theme=dark] .theme-clean-modern #navigation .brand > ul > li.open > .dropdown-content:after,
[data-theme=dark] .theme-vibrant-blue #navigation .brand > ul > li.open > .dropdown-content:after,
[data-theme=dark] .theme-traditional #navigation .brand > ul > li.open > .dropdown-content:after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="%23001229"><path d="M16 16 L48 16 L32 0 Z"></path></svg>');
}
[data-theme=dark] .theme-clean-modern .brand .submenu-links > ul > li > a,
[data-theme=dark] .theme-vibrant-blue .brand .submenu-links > ul > li > a,
[data-theme=dark] .theme-traditional .brand .submenu-links > ul > li > a {
  color: var(--reverse-link-color);
}
[data-theme=dark] .theme-clean-modern .full-menu-update .container-supporting-nav a,
[data-theme=dark] .theme-clean-modern .full-menu-update ul li.open > a,
[data-theme=dark] .theme-clean-modern .container-main-nav ul#modal-main-nav > li a,
[data-theme=dark] .theme-clean-modern .brand .submenu-links > ul > li > a,
[data-theme=dark] .theme-vibrant-blue .full-menu-update .container-supporting-nav a,
[data-theme=dark] .theme-vibrant-blue .full-menu-update ul li.open > a,
[data-theme=dark] .theme-vibrant-blue .container-main-nav ul#modal-main-nav > li a,
[data-theme=dark] .theme-vibrant-blue .brand .submenu-links > ul > li > a,
[data-theme=dark] .theme-traditional .full-menu-update .container-supporting-nav a,
[data-theme=dark] .theme-traditional .full-menu-update ul li.open > a,
[data-theme=dark] .theme-traditional .container-main-nav ul#modal-main-nav > li a,
[data-theme=dark] .theme-traditional .brand .submenu-links > ul > li > a {
  text-decoration: none;
}
[data-theme=dark] .theme-clean-modern .standard-hero h1,
[data-theme=dark] .theme-vibrant-blue .standard-hero h1,
[data-theme=dark] .theme-traditional .standard-hero h1 {
  color: var(--color-primary-header);
}
[data-theme=dark] .theme-clean-modern .cta-card p.h2,
[data-theme=dark] .theme-vibrant-blue .cta-card p.h2,
[data-theme=dark] .theme-traditional .cta-card p.h2 {
  color: var(--color-primary-header);
}
[data-theme=dark] .theme-clean-modern .cta-card .button-dark-bkg,
[data-theme=dark] .theme-vibrant-blue .cta-card .button-dark-bkg,
[data-theme=dark] .theme-traditional .cta-card .button-dark-bkg {
  border: 2px solid var(--color-standard-border);
}
[data-theme=dark] .theme-clean-modern .col p.button.button-subtle:hover,
[data-theme=dark] .theme-clean-modern .col p.button.button-subtle:visited:hover,
[data-theme=dark] .theme-clean-modern .col .button.button-subtle:hover,
[data-theme=dark] .theme-clean-modern .col .button.button-subtle:visited:hover,
[data-theme=dark] .theme-vibrant-blue .col p.button.button-subtle:hover,
[data-theme=dark] .theme-vibrant-blue .col p.button.button-subtle:visited:hover,
[data-theme=dark] .theme-vibrant-blue .col .button.button-subtle:hover,
[data-theme=dark] .theme-vibrant-blue .col .button.button-subtle:visited:hover,
[data-theme=dark] .theme-traditional .col p.button.button-subtle:hover,
[data-theme=dark] .theme-traditional .col p.button.button-subtle:visited:hover,
[data-theme=dark] .theme-traditional .col .button.button-subtle:hover,
[data-theme=dark] .theme-traditional .col .button.button-subtle:visited:hover {
  background-color: var(--ps-link-blue-300);
}
[data-theme=dark] .theme-clean-modern ol.breadcrumb a:link, [data-theme=dark] .theme-clean-modern ol.breadcrumb a:visited,
[data-theme=dark] .theme-vibrant-blue ol.breadcrumb a:link,
[data-theme=dark] .theme-vibrant-blue ol.breadcrumb a:visited,
[data-theme=dark] .theme-traditional ol.breadcrumb a:link,
[data-theme=dark] .theme-traditional ol.breadcrumb a:visited {
  color: var(--reverse-link-color);
}
[data-theme=dark] .theme-clean-modern .col p.button a:link, [data-theme=dark] .theme-clean-modern .col p.button a:visited,
[data-theme=dark] .theme-clean-modern .button.button-primary, [data-theme=dark] .theme-clean-modern .button.button-secondary, [data-theme=dark] .theme-clean-modern .button.button-subtle,
[data-theme=dark] .theme-clean-modern .shield-buttons a .button,
[data-theme=dark] .theme-vibrant-blue .col p.button a:link,
[data-theme=dark] .theme-vibrant-blue .col p.button a:visited,
[data-theme=dark] .theme-vibrant-blue .button.button-primary,
[data-theme=dark] .theme-vibrant-blue .button.button-secondary,
[data-theme=dark] .theme-vibrant-blue .button.button-subtle,
[data-theme=dark] .theme-vibrant-blue .shield-buttons a .button,
[data-theme=dark] .theme-traditional .col p.button a:link,
[data-theme=dark] .theme-traditional .col p.button a:visited,
[data-theme=dark] .theme-traditional .button.button-primary,
[data-theme=dark] .theme-traditional .button.button-secondary,
[data-theme=dark] .theme-traditional .button.button-subtle,
[data-theme=dark] .theme-traditional .shield-buttons a .button {
  color: var(--link-color);
}
[data-theme=dark] .theme-clean-modern .callout-box-content.callout-box-white,
[data-theme=dark] .theme-vibrant-blue .callout-box-content.callout-box-white,
[data-theme=dark] .theme-traditional .callout-box-content.callout-box-white {
  background-color: var(--black);
}
[data-theme=dark] .theme-clean-modern p.highlighted,
[data-theme=dark] .theme-vibrant-blue p.highlighted,
[data-theme=dark] .theme-traditional p.highlighted {
  background-color: var(--ps-invent-orange-300);
}
[data-theme=dark] .theme-clean-modern pre,
[data-theme=dark] .theme-vibrant-blue pre,
[data-theme=dark] .theme-traditional pre {
  color: var(--white);
}
[data-theme=dark] .theme-clean-modern .reverse .preview-cards-standard a.block h2, [data-theme=dark] .theme-clean-modern .reverse .preview-cards-standard a.block h3, [data-theme=dark] .theme-clean-modern .reverse .preview-cards-icon a.block h2, [data-theme=dark] .theme-clean-modern .reverse .preview-cards-icon a.block h3,
[data-theme=dark] .theme-vibrant-blue .reverse .preview-cards-standard a.block h2,
[data-theme=dark] .theme-vibrant-blue .reverse .preview-cards-standard a.block h3,
[data-theme=dark] .theme-vibrant-blue .reverse .preview-cards-icon a.block h2,
[data-theme=dark] .theme-vibrant-blue .reverse .preview-cards-icon a.block h3,
[data-theme=dark] .theme-traditional .reverse .preview-cards-standard a.block h2,
[data-theme=dark] .theme-traditional .reverse .preview-cards-standard a.block h3,
[data-theme=dark] .theme-traditional .reverse .preview-cards-icon a.block h2,
[data-theme=dark] .theme-traditional .reverse .preview-cards-icon a.block h3 {
  color: var(--link-color);
}
[data-theme=dark] .theme-clean-modern .reverse .preview-cards-standard a.block:hover h2, [data-theme=dark] .theme-clean-modern .reverse .preview-cards-standard a.block:hover h3,
[data-theme=dark] .theme-clean-modern .reverse .preview-cards-icon a.block:hover h2,
[data-theme=dark] .theme-clean-modern .reverse .preview-cards-icon a.block:hover h3,
[data-theme=dark] .theme-vibrant-blue .reverse .preview-cards-standard a.block:hover h2,
[data-theme=dark] .theme-vibrant-blue .reverse .preview-cards-standard a.block:hover h3,
[data-theme=dark] .theme-vibrant-blue .reverse .preview-cards-icon a.block:hover h2,
[data-theme=dark] .theme-vibrant-blue .reverse .preview-cards-icon a.block:hover h3,
[data-theme=dark] .theme-traditional .reverse .preview-cards-standard a.block:hover h2,
[data-theme=dark] .theme-traditional .reverse .preview-cards-standard a.block:hover h3,
[data-theme=dark] .theme-traditional .reverse .preview-cards-icon a.block:hover h2,
[data-theme=dark] .theme-traditional .reverse .preview-cards-icon a.block:hover h3 {
  color: var(--link-color-hover);
}
[data-theme=dark] .theme-clean-modern a.more-from-section-link,
[data-theme=dark] .theme-vibrant-blue a.more-from-section-link,
[data-theme=dark] .theme-traditional a.more-from-section-link {
  color: var(--white);
}
[data-theme=dark] .theme-clean-modern img,
[data-theme=dark] .theme-clean-modern a.block .block-image img,
[data-theme=dark] .theme-clean-modern .media-embed,
[data-theme=dark] .theme-vibrant-blue img,
[data-theme=dark] .theme-vibrant-blue a.block .block-image img,
[data-theme=dark] .theme-vibrant-blue .media-embed,
[data-theme=dark] .theme-traditional img,
[data-theme=dark] .theme-traditional a.block .block-image img,
[data-theme=dark] .theme-traditional .media-embed {
  filter: brightness(0.8) contrast(1.1);
}
[data-theme=dark] .theme-clean-modern .logo-wrap img,
[data-theme=dark] .theme-vibrant-blue .logo-wrap img,
[data-theme=dark] .theme-traditional .logo-wrap img {
  filter: brightness(0.75);
}
[data-theme=dark] .theme-clean-modern .logo-wrap li,
[data-theme=dark] .theme-vibrant-blue .logo-wrap li,
[data-theme=dark] .theme-traditional .logo-wrap li {
  background-color: var(--ps-limestone-gray-500);
  margin: 1px;
}
[data-theme=dark] .theme-clean-modern a.block:hover .block-image img, [data-theme=dark] .theme-clean-modern a.block:focus .block-image img,
[data-theme=dark] .theme-vibrant-blue a.block:hover .block-image img,
[data-theme=dark] .theme-vibrant-blue a.block:focus .block-image img,
[data-theme=dark] .theme-traditional a.block:hover .block-image img,
[data-theme=dark] .theme-traditional a.block:focus .block-image img {
  filter: brightness(0.8) contrast(1.2);
}
[data-theme=dark] .theme-clean-modern .in-page-nav.in-page-nav-horizontal ul li.in-page-nav-label span,
[data-theme=dark] .theme-vibrant-blue .in-page-nav.in-page-nav-horizontal ul li.in-page-nav-label span,
[data-theme=dark] .theme-traditional .in-page-nav.in-page-nav-horizontal ul li.in-page-nav-label span {
  background-color: rgba(var(--color-primary-accent-rgb), 0.25);
}
[data-theme=dark] .theme-clean-modern .preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row,
[data-theme=dark] .theme-vibrant-blue .preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row,
[data-theme=dark] .theme-traditional .preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row {
  background-color: var(--black);
}
[data-theme=dark] .theme-clean-modern .preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row:hover,
[data-theme=dark] .theme-vibrant-blue .preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row:hover,
[data-theme=dark] .theme-traditional .preview-cards-wrap.preview-cards-wrap-rows .preview-cards .card-row:hover {
  background-color: var(--ps-link-blue-200);
}
[data-theme=dark] .theme-clean-modern .directory-card,
[data-theme=dark] .theme-clean-modern a.documents-preview,
[data-theme=dark] .theme-clean-modern .preview-cards-wrap.preview-cards-small .preview-cards .card-content,
[data-theme=dark] .theme-clean-modern .preview-cards-wrap.preview-cards-textCards a.block,
[data-theme=dark] .theme-clean-modern .offset-preview-block::before,
[data-theme=dark] .theme-vibrant-blue .directory-card,
[data-theme=dark] .theme-vibrant-blue a.documents-preview,
[data-theme=dark] .theme-vibrant-blue .preview-cards-wrap.preview-cards-small .preview-cards .card-content,
[data-theme=dark] .theme-vibrant-blue .preview-cards-wrap.preview-cards-textCards a.block,
[data-theme=dark] .theme-vibrant-blue .offset-preview-block::before,
[data-theme=dark] .theme-traditional .directory-card,
[data-theme=dark] .theme-traditional a.documents-preview,
[data-theme=dark] .theme-traditional .preview-cards-wrap.preview-cards-small .preview-cards .card-content,
[data-theme=dark] .theme-traditional .preview-cards-wrap.preview-cards-textCards a.block,
[data-theme=dark] .theme-traditional .offset-preview-block::before {
  background: var(--black);
}
[data-theme=dark] .full-menu-wrap {
  background: var(--ps-nittany-navy-400);
}
[data-theme=dark] .full-menu-update p.h3,
[data-theme=dark] .full-menu-update p.h4 {
  background: var(--black);
}
[data-theme=dark] .full-menu-update a {
  color: var(--reverse-link-color);
}
[data-theme=dark] .full-menu-update ul li.has-submenu button > span::before,
[data-theme=dark] .full-menu-update ul li.has-submenu button > span::after {
  background: var(--reverse-link-color);
}
[data-theme=dark] .full-menu-update ul li.open ul li a {
  color: var(--reverse-link-color);
}
[data-theme=dark] .full-menu-update .close-menu {
  color: var(--reverse-link-color);
}
[data-theme=dark] .full-menu-update .close-menu span::before,
[data-theme=dark] .full-menu-update .close-menu span::after {
  background-color: var(--reverse-link-color);
}
[data-theme=dark] .image-gallery .accordion-content dl dt button[aria-expanded=true] span::after, [data-theme=dark] .offset-top-project .accordion-content dl dt button[aria-expanded=true] span::after, [data-theme=dark] .hero-img-wrapper .accordion-content dl dt button[aria-expanded=true] span::after, [data-theme=dark] .non-homepage-hero-short-wrap .accordion-content dl dt button[aria-expanded=true] span::after, [data-theme=dark] .hero-text-primary-image .accordion-content dl dt button[aria-expanded=true] span::after, [data-theme=dark] figure.element .accordion-content dl dt button[aria-expanded=true] span::after {
  background-color: var(--ps-pugh-blue-600);
}
[data-theme=dark] .component .content-block ul.social-icons a svg, [data-theme=dark] ul.social-icons a svg, [data-theme=dark] main .social-cta-color ul a svg {
  fill: var(--ps-link-blue-600);
}
[data-theme=dark] .component .content-block ul.social-icons a svg.stroke-no-fill, [data-theme=dark] ul.social-icons a svg.stroke-no-fill, [data-theme=dark] main .social-cta-color ul a svg.stroke-no-fill {
  stroke: var(--ps-link-blue-600);
}
[data-theme=dark] .button.button-light-bkg {
  background-color: var(--bg-color-primary-button);
  color: var(--primary-link-color);
}
[data-theme=dark] .main .course-form button.fui-btn.fui-submit,
[data-theme=dark] .main .fui-form button.fui-btn.fui-submit,
[data-theme=dark] .main .signup-form button.fui-btn.fui-submit {
  background-color: var(--bg-color-primary-button);
  color: var(--primary-link-color);
}
[data-theme=dark] .main .fui-input,
[data-theme=dark] .main .iti__country-name,
[data-theme=dark] .main .iti__dial-code {
  color: var(--primary-text-color);
}
[data-theme=dark] .main .fui-i .iti__arrow {
  border-top: 4px solid var(--primary-text-color);
}
[data-theme=dark] .main .iti__country-list {
  background: var(--fui-input-background-color);
}
[data-theme=dark] .main .fui-rich-text-toolbar {
  background: var(--ps-limestone-gray-700);
}
[data-theme=dark] .component table th,
[data-theme=dark] .component table tr:nth-of-type(even) {
  background-color: var(--ps-pugh-blue-0);
}
[data-theme=dark] .footer-wrap {
  background-color: var(--ps-beaver-blue-100);
}
[data-theme=dark] .theme-clean-modern header .header-logo-primary,
[data-theme=dark] .theme-clean-modern footer .footer-logo-primary,
[data-theme=dark] .theme-clean-modern header .header-subsite-logo-reverse,
[data-theme=dark] .theme-clean-modern footer .footer-subsite-logo-reverse {
  display: block;
}
[data-theme=dark] .theme-clean-modern header .header-logo-secondary,
[data-theme=dark] .theme-clean-modern footer .footer-logo-secondary,
[data-theme=dark] .theme-clean-modern header .header-subsite-logo-standard,
[data-theme=dark] .theme-clean-modern footer .footer-subsite-logo-standard {
  display: none;
}

.reverse .quote-with-media-wrap .quote-with-media .quote-copy p {
  color: var(--reverse-text-color);
}

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

.reverse .bg-color:not(.reverse) .bg-transparent .component.preview-cards-standard a.block:hover h2, .reverse .bg-color:not(.reverse) .bg-transparent .component.preview-cards-standard a.block:hover h3, .reverse .bg-color:not(.reverse) .bg-transparent .component.preview-cards-icon a.block:hover h2, .reverse .bg-color:not(.reverse) .bg-transparent .component.preview-cards-icon a.block:hover h3,
.reverse .bg-transparent .bg-color:not(.reverse) .component.preview-cards-standard a.block:hover h2,
.reverse .bg-transparent .bg-color:not(.reverse) .component.preview-cards-standard a.block:hover h3,
.reverse .bg-transparent .bg-color:not(.reverse) .component.preview-cards-icon a.block:hover h2,
.reverse .bg-transparent .bg-color:not(.reverse) .component.preview-cards-icon a.block:hover h3 {
  color: var(--link-color-hover);
  text-decoration: solid underline 1px var(--link-color-hover);
}
.reverse .bg-color:not(.reverse) .bg-transparent .component.preview-cards-standard a.block .block-content p, .reverse .bg-color:not(.reverse) .bg-transparent .component.preview-cards-icon a.block .block-content p,
.reverse .bg-transparent .bg-color:not(.reverse) .component.preview-cards-standard a.block .block-content p,
.reverse .bg-transparent .bg-color:not(.reverse) .component.preview-cards-icon a.block .block-content p {
  color: var(--primary-text-color);
}

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

.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(--reverse-link-color);
  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;
}

.reverse .bg-color:not(.reverse) .bg-transparent .component a:link,
.reverse .bg-color:not(.reverse) .bg-transparent .component a:visited,
.reverse .bg-transparent .bg-color:not(.reverse) .component a:link,
.reverse .bg-transparent .bg-color:not(.reverse) .component a:visited {
  color: var(--link-color);
  text-decoration: none;
}
.reverse .bg-color:not(.reverse) .bg-transparent .component a:link:active,
.reverse .bg-color:not(.reverse) .bg-transparent .component a:visited:active,
.reverse .bg-transparent .bg-color:not(.reverse) .component a:link:active,
.reverse .bg-transparent .bg-color:not(.reverse) .component a:visited:active {
  color: var(--link-color);
}
.reverse .bg-color:not(.reverse) .bg-transparent .component a:link:hover,
.reverse .bg-color:not(.reverse) .bg-transparent .component a:visited:hover,
.reverse .bg-transparent .bg-color:not(.reverse) .component a:link:hover,
.reverse .bg-transparent .bg-color:not(.reverse) .component a:visited:hover {
  color: var(--link-color-hover);
}

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

.footer-general-contact p {
  color: var(--reverse-text-color);
}

.full-menu-update .social-menu ul li a i:hover {
  opacity: 0.75;
}
.full-menu-update .social-menu ul li a svg {
  fill: currentColor;
}
.full-menu-update .social-menu ul li a svg:hover {
  opacity: 0.75;
}

@media (min-width: 768px) {
  .entry_type_homePage .block-psucampus-homepage-hero + .bg-color {
    margin-top: 0;
  }
  .entry_type_homePage .block-psucampus-homepage-hero {
    /* height: calc(100vw / 16 * 9);
    min-height: 532px; 
    aspect-ratio: 16 / 9;
    adjustments - july 2025 */
    height: 100%;
    max-height: calc(100vh - 179px); /* adjust from 112 for taller primary nav */
    width: 100%;
    aspect-ratio: 16/7;
  }
  .entry_type_homePage .block-psucampus-homepage-hero.slim-hero {
    height: 100%;
    width: 100%;
    aspect-ratio: 16/5;
  }
}
@media (min-width: 1080px) {
  .block-psucampus-homepage-hero + .bg-color {
    margin-top: 0;
  }
  .block-psucampus-homepage-hero {
    /* height: calc(100vw / 16 * 9);
    min-height: 532px;
    aspect-ratio: 16 / 9; 
    adjustments - july 2025 */
    height: 100%;
    max-height: calc(100vh - 179px); /* adjust from 112 for taller primary nav */
    width: 100%;
    aspect-ratio: 16/7;
  }
  .block-psucampus-homepage-hero.slim-hero {
    aspect-ratio: 16/5;
    min-height: auto;
  }
}
.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(--reverse-text-color);
  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(--reverse-link-color);
  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(--reverse-link-color);
}

#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%;
  margin: 0 auto;
}
.full-width-nav .mobile-brand-tier-three {
  display: block;
  color: var(--reverse-text-color);
  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(--reverse-link-color);
}
.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(--reverse-text-color);
  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(--reverse-link-color);
}
.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 {
  /* 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(--reverse-text-color);
  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(--reverse-link-color);
}
.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: $screen-tablet-min) {
  	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 {
  opacity: 0.75;
}
.full-menu-update .social-menu ul li a svg {
  fill: currentColor;
}
.full-menu-update .social-menu ul li a svg:hover {
  opacity: 0.75;
}
.full-menu-update .social-menu ul li a span {
  font-size: 0;
  display: inline-block;
}

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

.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(--reverse-link-color);
}
@media (min-width: 768px) {
  .header-buttons .btn-wrap .cta-button {
    display: inline-block;
    padding: 6px var(--spacing-16);
  }
}

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

.reverse a:link,
.reverse a:visited,
.reverse .component a:link,
.reverse .component a:visited {
  color: var(--reverse-link-color);
}

.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(--reverse-text-color);
}
.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(--reverse-text-color);
}
.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(--reverse-text-color);
}
.theme-vibrant-blue footer div.social-footer ul li a svg,
.theme-traditional footer div.social-footer ul li a svg {
  fill: var(--reverse-text-color);
}
.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(--reverse-link-color);
}

.footer-wrap {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg width="450px" height="401px" viewBox="0 0 450 401" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com --><title>Group 5</title><desc>Created with Sketch.</desc><defs><linearGradient x1="50.0004555%" y1="100%" x2="50.0004555%" y2="0.0057237901%" id="linearGradient-1"><stop stop-color="%236FC9C4" stop-opacity="0" offset="10%"></stop><stop stop-color="%236FC9C4" stop-opacity="0.13" offset="15%"></stop><stop stop-color="%236FC9C4" stop-opacity="0.39" offset="25%"></stop><stop stop-color="%236FC9C4" stop-opacity="0.61" offset="35%"></stop><stop stop-color="%236FC9C4" stop-opacity="0.78" offset="45%"></stop><stop stop-color="%236FC9C4" stop-opacity="0.9" offset="54%"></stop><stop stop-color="%236FC9C4" stop-opacity="0.97" offset="63%"></stop><stop stop-color="%236FC9C4" offset="69%"></stop></linearGradient><linearGradient x1="50.0026111%" y1="100%" x2="50.0026111%" y2="-1.8655996%" id="linearGradient-2"><stop stop-color="%23F7901E" stop-opacity="0" offset="0%"></stop><stop stop-color="%23F7901E" stop-opacity="0.11" offset="8%"></stop><stop stop-color="%23F7901E" stop-opacity="0.4" offset="25%"></stop><stop stop-color="%23F7901E" stop-opacity="0.85" offset="50%"></stop><stop stop-color="%23F7901E" offset="58%"></stop></linearGradient><linearGradient x1="72.9241487%" y1="93.180778%" x2="48.1963897%" y2="18.1693364%" id="linearGradient-3"><stop stop-color="%23FFDF00" offset="0%"></stop><stop stop-color="%23FDD304" stop-opacity="0.91" offset="13%"></stop><stop stop-color="%23FAB111" stop-opacity="0.64" offset="55%"></stop><stop stop-color="%23F79C19" stop-opacity="0.47" offset="85%"></stop><stop stop-color="%23F7941D" stop-opacity="0.4" offset="100%"></stop><stop stop-color="%23F7901E" stop-opacity="0.2" offset="100%"></stop><stop stop-color="%23F7941D" stop-opacity="0.45" offset="100%"></stop></linearGradient><linearGradient x1="50.2656845%" y1="92.0179391%" x2="43.3519482%" y2="18.894306%" id="linearGradient-4"><stop stop-color="%2300458C" stop-opacity="0" offset="13%"></stop><stop stop-color="%2300458C" stop-opacity="0.53" offset="44%"></stop><stop stop-color="%2300458C" offset="73%"></stop></linearGradient></defs><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.15"><g id="Group-5" fill-rule="nonzero"><path d="M25.1912557,382.61017 C14.4197052,393.22114 18.086616,402 33.2126231,402 L358.498169,402 C373.624176,402 386,389.633258 386,374.518352 L386,52.2196863 C386,37.1047796 377.214693,33.4405599 366.519536,44.1278676 L25.1912557,382.61017 Z" id="Path" fill="url(%23linearGradient-1)"></path><path d="M139.128789,384.340123 C127.504577,394.049233 130.41063,402 145.552696,402 L422.46897,402 C437.611037,402 450,389.615151 450,374.478113 L450,152.009529 C450,136.872491 440.51709,132.438409 428.892877,142.14752 L139.128789,384.416572 L139.128789,384.340123 Z" id="Path" fill="url(%23linearGradient-2)"></path><polygon id="Path" fill="url(%23linearGradient-3)" points="386 178 386 345 291 257.181693"></polygon><path d="M427.426928,383.27975 C438.525944,393.59499 435.234512,402 420.078614,402 L27.5561773,402 C12.4002798,402 0,389.621712 0,374.492694 L0,14.5290265 C0,-0.599991936 9.10884751,-4.57326952 20.2078634,5.74197036 L427.426928,383.27975 Z" id="Path" fill="url(%23linearGradient-4)"></path></g></g></svg>');
  background-size: cover;
  background-position: bottom center;
}
@media (min-width: 768px) {
  .footer-wrap {
    background-size: 80%;
    background-position: 240% bottom;
  }
}
@media (min-width: 1080px) {
  .footer-wrap {
    background-size: 60%;
    background-position: 120% bottom;
  }
}

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

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: var(--white);
}
.component-offset-preview-image-primary .offset-preview-block-content.bg-light-blue {
  background-color: var(--ps-pugh-blue-150);
}
.component-offset-preview-image-primary .offset-preview-block-content.bg-light-gray {
  background-color: var(--ps-limestone-gray-100);
}
.component-offset-preview-image-primary .offset-preview-block-content.bg-light-tan {
  background-color: var(--ps-shrine-tan-100);
}
.component-offset-preview-image-primary .offset-preview-block-content.bg-beaver-blue {
  background-color: var(--ps-beaver-blue-700);
}
.component-offset-preview-image-primary .offset-preview-block-content.bg-perpetual-purple {
  background: var(--ps-perpetual-purple-500);
}
@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%;
  }
}

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

NEW COMPACT OFFSET PREVIEW

---------------------------------------------------------- */
.page-content .component-offset-preview-compact .offset-preview-block {
  padding: 0;
  margin: var(--spacing-small) 0;
}
.page-content .component-offset-preview-compact .offset-preview-block .row {
  display: block;
  padding: var(--spacing-small);
}
.page-content .component-offset-preview-compact .offset-preview-col {
  width: 25%;
}
.page-content .component-offset-preview-compact .offset-preview-col.offset-preview-block-content {
  width: 100%;
}
.page-content .component-offset-preview-compact .offset-preview-block-content {
  padding: 0;
}
.page-content .component-offset-preview-compact .offset-preview-block-content h2 {
  font-size: var(--h3);
  padding-top: var(--spacing-small);
}
.page-content .component-offset-preview-compact .offset-preview-block-content h2::after {
  content: none;
}
.page-content .component-offset-preview-compact .offset-preview-block-content p {
  padding-top: var(--spacing-xx-small);
  line-height: var(--line-height-base);
}
@media (min-width: 768px) {
  .page-content .component-offset-preview-compact .offset-preview-block-img {
    width: 15%;
  }
  .page-content .component-offset-preview-compact .offset-preview-col.offset-preview-block-content {
    width: 85%;
    padding: 0 0 0 var(--spacing-standard);
  }
  .page-content .component-offset-preview-compact .offset-preview-block {
    padding: 0;
  }
  .page-content .component-offset-preview-compact .offset-preview-block .row {
    align-items: flex-start;
    display: flex;
  }
  .page-content .component-offset-preview-compact .offset-preview-block::before {
    width: 100%;
  }
}

@media (min-width: 1440px) {
  .page-content.page-content-sidenav .component-offset-preview-compact .offset-preview-block .offset-preview-block-img {
    width: 15%;
  }
}
.component table {
  color: var(--primary-text-color);
}

.main { /* alert is outside of .fui-form */
  --fui-input-background-color: var(--white);
}

.main .course-form label,
.main .course-form .fui-label, .main .course-form .fui-legend,
.main .fui-form label,
.main .fui-form .fui-label,
.main .fui-form .fui-legend,
.main .signup-form label,
.main .signup-form .fui-label,
.main .signup-form .fui-legend {
  font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
  font-size: calc(var(--fui-label-font-size) * 1.375) !important;
  color: var(--color-primary-header);
}
.main .course-form textarea:hover, .main .course-form textarea:focus,
.main .course-form input[type=text]:hover, .main .course-form input[type=text]:focus,
.main .course-form input[type=password]:hover, .main .course-form input[type=password]:focus,
.main .course-form input[type=email]:hover, .main .course-form input[type=email]:focus,
.main .course-form input[type=tel]:hover, .main .course-form input[type=tel]:focus,
.main .course-form textarea:hover, .main .course-form textarea:focus,
.main .course-form input.file:hover, .main .course-form input.file:focus,
.main .fui-form textarea:hover,
.main .fui-form textarea:focus,
.main .fui-form input[type=text]:hover,
.main .fui-form input[type=text]:focus,
.main .fui-form input[type=password]:hover,
.main .fui-form input[type=password]:focus,
.main .fui-form input[type=email]:hover,
.main .fui-form input[type=email]:focus,
.main .fui-form input[type=tel]:hover,
.main .fui-form input[type=tel]:focus,
.main .fui-form textarea:hover,
.main .fui-form textarea:focus,
.main .fui-form input.file:hover,
.main .fui-form input.file:focus,
.main .signup-form textarea:hover,
.main .signup-form textarea:focus,
.main .signup-form input[type=text]:hover,
.main .signup-form input[type=text]:focus,
.main .signup-form input[type=password]:hover,
.main .signup-form input[type=password]:focus,
.main .signup-form input[type=email]:hover,
.main .signup-form input[type=email]:focus,
.main .signup-form input[type=tel]:hover,
.main .signup-form input[type=tel]:focus,
.main .signup-form textarea:hover,
.main .signup-form textarea:focus,
.main .signup-form input.file:hover,
.main .signup-form input.file:focus {
  background-color: rgba(var(--ps-pugh-blue-rgb), 0.15);
  opacity: 1;
  transition: var(--transition-base);
}
.main .course-form .fui-input textarea,
.main .course-form .fui-input,
.main .course-form input[type=text].fui-input,
.main .course-form .fui-select,
.main .fui-form .fui-input textarea,
.main .fui-form .fui-input,
.main .fui-form input[type=text].fui-input,
.main .fui-form .fui-select,
.main .signup-form .fui-input textarea,
.main .signup-form .fui-input,
.main .signup-form input[type=text].fui-input,
.main .signup-form .fui-select {
  font-size: var(--font-size-base) !important;
  color: var(--primary-text-color);
}

.block-psucampus-homepage-hero {
  overflow: hidden;
}

.block-psucampus-homepage-hero.standard-hero .hero-container .hero-group-text {
  position: relative;
}
@media (min-width: 1080px) {
  .block-psucampus-homepage-hero.standard-hero .hero-container .hero-group-text::after {
    content: "";
    content: "";
    width: 675px;
    height: 603px;
    background-image: url("/assets/uploads/globals/cpa-spotlights-transparent.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-flex;
    opacity: 0.2;
    position: absolute;
    left: -1.5rem;
    left: -25%;
    bottom: -0.5rem;
  }
}

.component-text p a,
.component-text ul li a,
.component-aside p a,
.component-aside ul li a,
.component-flexible-list p a,
.component-flexible-list ul li a,
.component-offset-preview p a,
.component-offset-preview ul li a,
.callout-box-content p a,
.callout-box-content ul li a,
.accordion-content dd p a,
.accordion-content dd ul li a {
  text-wrap: wrap;
  word-break: break-all;
  word-break: break-word;
}

.cpa-program-notes .header-logo {
  pointer-events: none;
}
.cpa-program-notes .header-cta-buttons,
.cpa-program-notes .primary-nav-bar,
.cpa-program-notes .more-menu-buttons,
.cpa-program-notes .notTierThree.full-width-nav .brand-cta .more-menu-buttons,
.cpa-program-notes .footer-wrap,
.cpa-program-notes .footer-universal-messaging {
  display: none;
}
@media (min-width: 1080px) {
  .cpa-program-notes .full-width-nav.notTierThree .primary-nav-bar,
  .cpa-program-notes .full-width-nav .primary-brand-bar .header-cta-buttons {
    display: none;
  }
}
.cpa-program-notes .accordion-content dl.faq dd.desc,
.cpa-program-notes .accordion-content dl.faq dt button[aria-expanded=true] {
  background-color: var(--ps-nittany-navy-400);
}
.cpa-program-notes .component-in-page-navigation {
  position: sticky;
  top: 0;
  background-color: var(--ps-nittany-navy-50); /* 0,9,20 */
  background: linear-gradient(to bottom, rgb(0, 9, 20) 0%, rgb(0, 9, 20) 75%, rgba(0, 9, 20, 0) 100%);
  padding-bottom: var(--spacing-standard);
  z-index: 9999;
}
.cpa-program-notes .component-in-page-navigation .in-page-nav.in-page-nav-horizontal ul li {
  font-size: var(--small-1);
}
@media (min-width: 768px) {
  .cpa-program-notes .component-in-page-navigation .in-page-nav.in-page-nav-horizontal ul li {
    font-size: var(--font-size-xl);
  }
}
.cpa-program-notes .component-in-page-navigation .in-page-nav.in-page-nav-horizontal ul li.in-page-nav-label span {
  font-size: var(--font-size-base);
}
@media (min-width: 768px) {
  .cpa-program-notes .component-in-page-navigation .in-page-nav.in-page-nav-horizontal ul li.in-page-nav-label span {
    font-size: var(--font-size-xl);
  }
}
.cpa-program-notes .component-in-page-navigation .in-page-nav li svg {
  filter: invert(0.25);
}

.theme-traditional .hero-group-text p.hero-header {
  font-family: var(--font-sans);
}

.full-width-nav .primary-brand-bar .header-cta-buttons .btn-wrap .cta-button {
  font-size: var(--font-size-base);
}
.full-width-nav .primary-brand-bar .header-cta-buttons .button {
  font-style: normal;
  text-transform: none;
}

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

.full-width-nav .primary-brand-bar .brand-tier-three {
  text-transform: uppercase;
}

.col-event-individual .event-related-events a:link,
.col-event-individual .event-related-events a:visited,
.event-details .event-related-events a:link,
.event-details .event-related-events a:visited {
  text-decoration: solid underline 1px transparent;
  text-underline-offset: var(--link-underline-offset);
  text-decoration-skip-ink: var(--link-underline-skip-ink);
  transform: var(--link-transition);
}

.col-event-individual .image-gallery img {
  float: unset;
  margin-left: unset;
  width: unset;
}

.full-width-nav .primary-brand-bar .brand-tier-three {
  font-size: var(--h4);
}
@media (min-width: 768px) {
  .full-width-nav .primary-brand-bar .brand-tier-three {
    font-size: var(--h4);
  }
}

h1, p.h1,
p.hero-header,
.hero-group-text p.hero-header {
  letter-spacing: var(--letter-spacing-x-small);
}

h2, p.h2 {
  letter-spacing: var(--letter-spacing-xx-small);
}

h2, p.h2,
h3, p.h3,
h4, p.h4 {
  font-weight: var(--font-weight-normal);
}

h1, p.h1,
p.hero-header,
.hero-group-text p.hero-header,
h1.hero-header,
.standard-hero h1 {
  text-wrap: balance;
}

.entry_type_homePage .block-psucampus-homepage-hero .hero-container {
  background: var(--ps-nittany-navy-500);
}
@media (min-width: 1080px) {
  .entry_type_homePage .block-psucampus-homepage-hero .hero-container {
    background: transparent;
  }
}

.entry_type_homePage .block-psucampus-homepage-hero .hero-img-wrapper > div {
  background: linear-gradient(to top, var(--black), rgba(var(--black-rgb), 0.25) 25%, transparent);
}
@media (min-width: 768px) {
  .entry_type_homePage .block-psucampus-homepage-hero .hero-img-wrapper > div {
    background: linear-gradient(20deg, var(--black) 2%, rgba(var(--black-rgb), 0.25) 50%, transparent);
    background: linear-gradient(30deg, rgba(var(--black-rgb), 0.95) 25%, rgba(var(--black-rgb), 0.15) 70%, transparent);
  }
}

.hero-group-text p.hero-time-location {
  line-height: var(--line-height-small);
  padding-top: var(--spacing-minimum);
  padding-left: var(--spacing-small);
  border-left: 1px solid var(--ps-creek-500);
  margin-left: var(--spacing-small);
  margin-top: var(--spacing-xx-small);
  padding-bottom: var(--spacing-x-small);
}
.hero-group-text p.hero-time-location strong::after {
  content: "•";
  display: inline-block;
  color: var(--ps-creek-500);
}

@media (min-width: 1080px) {
  .entry_type_homePage .block-psucampus-homepage-hero .hero-container .hero-group-text {
    padding-bottom: var(--spacing-large);
  }
}
.col .channel-listing.channel-listing-events a.button.button-small {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: var(--spacing-x-small);
  height: 100%;
  display: flex;
  align-items: center;
  padding: var(--spacing-minimum) var(--spacing-small);
}

.channel-listing.channel-listing-events p.channel-listing-find-by,
.channel-listing.channel-listing-events form.search-form .input-group,
.channel-listing.channel-listing-events select,
.channel-listing.channel-listing-events .wrap-clear-button {
  margin-bottom: var(--spacing-x-small);
}

body .search-form .input-group.input-group-date-filter {
  border: none;
  background-color: var(--ps-pugh-blue-50);
  border-radius: var(--spacing-small);
  padding: var(--spacing-x-small) var(--spacing-medium-small);
  margin-left: var(--spacing-x-small);
  border: 1px solid var(--ps-pugh-blue-250);
  box-shadow: 2px 2px 0 var(--ps-pugh-blue-250);
}
body .search-form .input-group.input-group-date-filter label {
  display: inline-block;
  margin-right: var(--spacing-xx-small);
  font-weight: var(--font-weight-bold);
}

.find-by-date {
  align-items: center;
}

.find-by-date,
.find-by-filters {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

#dateError {
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-xx-small);
  margin-left: var(--spacing-small);
  color: var(--ps-danger-red);
}

.channel-listing.channel-listing-events form {
  font-size: var(--small-1);
}

.channel-listing form.search-form .input-group.input-group-search:focus-within {
  border: 3px dotted var(--ps-sky-blue-500);
}
@media (min-width: 768px) {
  .channel-listing form.search-form .input-group.input-group-search {
    width: 25%;
    margin-right: var(--spacing-small);
  }
}

.channel-listing form.search-form .input-group.input-group-date-filter {
  align-items: center;
}
@media (min-width: 768px) {
  .channel-listing form.search-form .input-group.input-group-date-filter {
    width: auto;
  }
}

body .channel-listing-events .search-form input[type=search] {
  font-size: var(--small-1);
  height: auto;
  padding: 0;
}

.presenter-no-results-msg {
  text-align: center;
  padding: var(--spacing-standard);
  font-size: var(--h4);
  font-weight: var(--font-weight-bold);
  background: var(--ps-keystone-yellow-100);
  margin-top: var(--spacing-small);
}

@media (min-width: 768px) {
  .hero-text-primary.antihero .container.container-fixed-wide {
    grid-template-columns: 6fr 4fr;
  }
}
@media (min-width: 1080px) {
  .hero-text-primary.antihero .container.container-fixed-wide {
    grid-template-columns: 6fr 6fr;
  }
}

@media (min-width: 1080px) {
  .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;
  }
}
.promo-bar {
  background: var(--ps-creek-200);
  text-align: center;
  padding: var(--spacing-standard);
}
.promo-bar p {
  font-weight: var(--font-weight-medium);
  color: var(--color-primary-header);
  font-size: var(--h5);
  padding-top: 0;
}
@media (min-width: 768px) {
  .promo-bar {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .promo-bar p {
    margin-right: var(--spacing-xx-small);
  }
}
.promo-bar a {
  height: var(--spacing-x-large);
  padding: 0;
  margin-left: var(--spacing-xx-small);
  margin-right: var(--spacing-xx-small);
}
@media (min-width: 768px) {
  .promo-bar a {
    height: var(--spacing-large);
    margin-top: 0;
  }
}
.promo-bar a img {
  height: 100%;
  width: auto;
}
.promo-bar + .container-standard-y-padding {
  padding-top: 0;
}

.preview-cards a.block .block-content h3.arts-event {
  line-height: var(--line-height-xx-small);
  font-size: var(--h5);
  font-weight: var(--font-weight-medium);
  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);
}
@media (min-width: 1440px) {
  .preview-cards a.block .block-content h3.arts-event {
    font-size: var(--h4);
  }
}
.preview-cards a.block .block-content p {
  line-height: var(--line-height-base);
  font-size: var(--font-size-lg);
}
.preview-cards a.block .block-content p.event-date {
  font-weight: var(--font-weight-bold);
}
.preview-cards a.block .block-content p.event-date,
.preview-cards a.block .block-content p.event-location {
  display: flex;
}
.preview-cards a.block .block-content p.event-date svg,
.preview-cards a.block .block-content p.event-location svg {
  width: var(--spacing-medium-small);
  height: auto;
  margin-right: var(--spacing-xx-small);
  fill: var(--ps-beaver-blue-500);
  flex-shrink: 0;
}
.preview-cards .date {
  position: absolute;
  top: calc(-1 * var(--spacing-xx-small));
  left: calc(-1 * var(--spacing-xx-small));
  z-index: 2;
  background-color: var(--white);
  border: 1px solid var(--ps-creek-500);
}
.preview-cards .date div {
  display: flex;
  flex-direction: column;
}
.preview-cards .date p.month {
  background-color: var(--ps-creek-500);
  text-align: center;
  font-size: var(--font-size-base);
  color: var(--white);
  padding: 0 var(--spacing-xx-small);
  text-transform: uppercase;
  line-height: var(--line-height-large);
  font-weight: var(--font-weight-bold);
}
.preview-cards .date p.day {
  display: block;
  text-align: center;
  font-size: var(--h4);
  font-weight: var(--font-weight-bold);
  text-decoration: none;
  padding: 0 var(--spacing-minimum);
  line-height: var(--line-height-medium);
}

.preview-cards-wrap.preview-cards-wrap-rows.preview-cards-ticket-alert a.card-row {
  padding: 0;
  box-shadow: none;
  border: none;
}
.preview-cards-wrap.preview-cards-wrap-rows.preview-cards-ticket-alert a.card-row:hover {
  border: none;
}
@media (min-width: 576px) {
  .preview-cards-wrap.preview-cards-wrap-rows.preview-cards-ticket-alert a.card-row {
    display: grid;
    grid-template-columns: 2fr 2fr;
  }
}
@media (min-width: 1080px) {
  .preview-cards-wrap.preview-cards-wrap-rows.preview-cards-ticket-alert a.card-row {
    grid-template-columns: 2fr 3fr;
  }
}
@media (min-width: 576px) {
  .preview-cards-wrap.preview-cards-wrap-rows.preview-cards-ticket-alert .block-image {
    order: 1;
  }
  .preview-cards-wrap.preview-cards-wrap-rows.preview-cards-ticket-alert .block-content {
    order: 2;
  }
}

ul.on-sale-dates {
  background: var(--ps-creek-200);
  box-shadow: 4px 4px 0 var(--ps-beaver-blue-500);
  padding: var(--spacing-medium-small);
  margin-top: var(--spacing-medium-small);
  margin-bottom: 0;
  margin-left: var(--spacing-medium-small);
  width: auto;
  display: inline-block;
}
ul.on-sale-dates li {
  font-size: var(--small-2);
  line-height: var(--line-height-small);
  font-weight: var(--font-weight-regular);
  margin: 0 0 var(--spacing-x-small);
}
ul.on-sale-dates li:last-of-type {
  margin-bottom: 0;
}

.preview-cards a.block .block-content ul.on-sale-dates {
  margin-top: var(--spacing-x-small);
  margin-left: var(--spacing-x-small);
}
.preview-cards a.block .block-content ul.on-sale-dates li {
  font-size: var(--font-size-regular);
}

.event-header-content ul.on-sale-dates li {
  font-size: var(--font-size-lg);
  margin-bottom: var(--spacing-x-small);
}
.event-header-content ul.on-sale-dates li:last-of-type {
  margin-bottom: 0;
}

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

.container-acknowledgements dl {
  margin-top: 0;
  margin-bottom: 0;
  text-wrap: balance;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 576px) {
  .container-acknowledgements dl {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.container-acknowledgements dl div {
  padding: var(--spacing-standard) var(--spacing-standard) var(--spacing-large) var(--spacing-standard);
  background-color: rgba(var(--white-rgb), 0.35);
  width: 100%;
}
@media (min-width: 576px) {
  .container-acknowledgements dl div {
    width: calc(50% - 2 * var(--spacing-standard));
  }
}
@media (min-width: 1080px) {
  .container-acknowledgements dl div {
    width: calc(33.33% - 2 * var(--spacing-standard));
  }
}
.container-acknowledgements dl dt {
  font-size: var(--font-size-xl);
  color: var(--ps-beaver-blue-500);
  font-weight: var(--font-weight-normal);
}
.container-acknowledgements dl dt::after {
  content: "";
  height: 4px;
  width: 4rem;
  background-color: rgba(var(--ps-beaver-blue-rgb), 0.25);
  display: block;
  margin: var(--spacing-x-small) auto;
}
.container-event-header {
  background-color: var(--ps-pugh-blue-200);
  padding-top: var(--spacing-large);
  padding-bottom: var(--spacing-large);
}
.container-event-header.bg-color.bg-light-blue-gradient {
  background: linear-gradient(135deg, var(--ps-pugh-blue-100) 0%, var(--ps-pugh-blue-250) 100%);
}
.container-event-header.bg-color.bg-light-green-gradient {
  background: linear-gradient(135deg, var(--ps-creek-50) 0%, var(--ps-creek-200) 100%);
}
.container-event-header.bg-color.bg-light-purple-gradient {
  background: linear-gradient(135deg, var(--ps-atherton-purple-100) 0%, var(--ps-atherton-purple-250) 100%);
}
.container-event-header.bg-color.bg-light-yellow-gradient {
  background: linear-gradient(135deg, var(--ps-keystone-yellow-150) 0%, var(--ps-keystone-yellow-300) 100%);
}
.container-event-header.bg-color.bg-light-creek-orange-gradient {
  background: linear-gradient(135deg, var(--ps-creek-150) 33.33%, var(--ps-invent-orange-250) 100%);
}
.container-event-header.bg-color.bg-light-sky-creek-gradient {
  background: linear-gradient(135deg, var(--ps-sky-blue-100) 25%, var(--ps-creek-150) 100%);
}
.container-event-header.bg-color.bg-light-purple-salmon-gradient {
  background: linear-gradient(135deg, var(--ps-atherton-purple-200) 50%, var(--ps-discovery-salmon-200) 100%);
}
.container-event-header.bg-color.bg-light-blue-green-gradient {
  background: linear-gradient(135deg, var(--ps-pugh-blue-200) 33.33%, var(--ps-future-green-150) 100%);
}

.container-event-header h1 span {
  display: block;
  font-size: 50%;
  font-weight: var(--font-weight-regular);
  padding-top: var(--spacing-xx-small);
}

.event-header-overlay {
  background-color: rgba(var(--white-rgb), 0.5);
  padding-top: var(--spacing-medium-large);
  padding-bottom: var(--spacing-medium-large);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.3) 100%);
}

ul.list-inline:not(.list-bio-contact) {
  padding-top: var(--spacing-minimum);
  margin-top: 0;
  font-size: var(--font-size-lg);
}
ul.list-inline:not(.list-bio-contact) li::after {
  content: "•";
  color: var(--ps-beaver-blue-500);
  padding-left: var(--spacing-xx-small);
  padding-right: var(--spacing-minimum);
  display: inline-block;
}
ul.list-inline:not(.list-bio-contact) li:last-of-type::after {
  content: none;
  padding-right: 0;
}

ul.list-inline.list-presented-by {
  font-size: var(--font-size-xl);
  font-style: italic;
  color: var(--text-color-accessible-gray);
  margin-top: var(--spacing-standard);
}
@media (min-width: 768px) {
  ul.list-inline.list-presented-by {
    margin-top: 0;
  }
}
ul.list-inline.list-presented-by li:first-of-type {
  font-weight: var(--font-weight-bold);
  font-style: normal;
}
ul.list-inline.list-presented-by li:first-of-type::after {
  content: none;
  padding-right: 0;
}

.event-pricing p {
  color: var(--ps-beaver-blue-500);
  font-size: var(--h3);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-small);
  padding-top: 0;
}
.event-pricing p:first-of-type {
  padding-top: var(--spacing-medium-small);
}
.event-pricing p.disclaimer {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-base);
  color: var(--primary-text-color);
  line-height: var(--line-height-medium);
  margin-top: var(--spacing-x-small);
}

.event-header-image {
  order: 1;
}
@media (min-width: 768px) {
  .event-header-image {
    order: 2;
  }
}

.event-header-content {
  order: 2;
}
@media (min-width: 768px) {
  .event-header-content {
    order: 1;
  }
}

.event-header-content h1 {
  padding-top: var(--spacing-small);
}
@media (min-width: 1080px) {
  .event-header-content h1 {
    font-size: var(--display-5);
  }
}
.event-header-content .full-billing-details {
  margin-bottom: var(--spacing-xx-small);
  padding-top: var(--spacing-small);
  /* archived events have no formatting on import */
  color: var(--color-primary-header);
  font-size: var(--h5);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-small);
}
.event-header-content .full-billing-details p {
  color: var(--color-primary-header);
  font-size: var(--h5);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-small);
  padding-top: 0;
}
@media (min-width: 1080px) {
  .event-header-content .full-billing-details p {
    font-size: var(--h4);
  }
}
@media (min-width: 1080px) {
  .event-header-content .full-billing-details {
    font-size: var(--h4);
  }
}

.event-header-image figure,
.event-header-content figure {
  margin-top: 0;
  position: relative;
}

.container.container-event-layout {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
@media (min-width: 1440px) {
  .container.container-event-layout {
    max-width: calc(1440px - 2 * var(--spacing-standard));
  }
}
@media (min-width: 768px) {
  .container.container-event-layout {
    display: flex;
    grid-gap: var(--spacing-standard);
  }
  .container.container-event-layout .event-header-content {
    width: 60%;
  }
  .container.container-event-layout .event-header-image {
    width: 40%;
  }
}
.container.container-event-layout figure.hide-tablet-up {
  display: block;
}
@media (min-width: 768px) {
  .container.container-event-layout figure.hide-tablet-up {
    display: none;
  }
}
.container.container-event-layout figure.hide-mobile {
  display: none;
}
@media (min-width: 768px) {
  .container.container-event-layout figure.hide-mobile {
    display: block;
  }
}
.container.container-event-layout p.h4 {
  color: var(--ps-beaver-blue-500);
  font-size: var(--h5);
  font-weight: var(--font-weight-medium);
}

@media (max-width: 768px) {
  .cpa-event-archival .container.container-event-layout .event-header-image {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .cpa-event-archival .event-header-image {
    order: 1;
  }
  .cpa-event-archival .event-header-content {
    order: 2;
  }
  .cpa-event-archival .container.container-event-layout .event-header-content {
    width: 85%;
  }
  .cpa-event-archival .container.container-event-layout .event-header-image {
    width: 15%;
  }
}

ul.list-accessibility-services {
  margin-top: var(--spacing-medium-small);
  margin-left: var(--spacing-medium-small);
  background: rgba(var(--white-rgb), 0.5);
  padding: var(--spacing-xx-small) var(--spacing-small);
  margin-top: var(--spacing-small);
  border: 1px solid rgba(var(--white-rgb), 0.75);
  display: inline-block;
}
ul.list-accessibility-services li.list-header {
  color: var(--color-primary-header);
  font-weight: var(--font-weight-bold);
  padding-right: var(--spacing-xx-small);
}
ul.list-accessibility-services li.list-header:after {
  content: none;
}

.event-time-and-location {
  font-size: var(--h6);
  margin-top: var(--spacing-x-small);
}
@media (min-width: 768px) {
  .event-time-and-location {
    display: flex;
  }
  .event-time-and-location .event-location {
    border-left: 1px solid var(--color-standard-border);
  }
}
.event-time-and-location .event-time,
.event-time-and-location .event-location {
  display: flex;
  align-items: center;
  padding: var(--spacing-x-small) var(--spacing-medium-small);
}
.event-time-and-location .event-time svg,
.event-time-and-location .event-location svg {
  margin-right: var(--spacing-x-small);
  fill: var(--ps-beaver-blue-500);
  width: 1.8rem;
  height: auto;
  flex-shrink: 0;
}
.event-time-and-location .event-time svg .ticketmaster-event-icon,
.event-time-and-location .event-time svg .ticketmaster-location-icon,
.event-time-and-location .event-location svg .ticketmaster-event-icon,
.event-time-and-location .event-location svg .ticketmaster-location-icon {
  fill: var(--ps-beaver-blue-500);
}

[data-theme=dark] .event-time-and-location .event-time svg .ticketmaster-event-icon,
[data-theme=dark] .event-time-and-location .event-time svg .ticketmaster-location-icon,
[data-theme=dark] .event-time-and-location .event-location svg .ticketmaster-event-icon,
[data-theme=dark] .event-time-and-location .event-location svg .ticketmaster-location-icon {
  fill: var(--ps-beaver-blue-750);
}
[data-theme=dark] ul.list-accessibility-services {
  border: 1px solid var(--color-standard-border);
}

@media (min-width: 1080px) {
  .entry_type_homePage .preview-cards-ticket-alert .preview-cards a:nth-of-type(4) {
    display: none;
  }
}
@media (min-width: 1440px) {
  .entry_type_homePage .preview-cards-ticket-alert .preview-cards a:nth-of-type(4) {
    display: block;
  }
}
.entry_type_homePage .event-time-and-location {
  color: var(--white);
}
.entry_type_homePage .event-time-and-location .event-time svg,
.entry_type_homePage .event-time-and-location .event-location svg {
  fill: var(--white);
  width: 1.75rem;
}
.entry_type_homePage .event-time-and-location .event-time svg .ticketmaster-event-icon,
.entry_type_homePage .event-time-and-location .event-time svg .ticketmaster-location-icon,
.entry_type_homePage .event-time-and-location .event-location svg .ticketmaster-event-icon,
.entry_type_homePage .event-time-and-location .event-location svg .ticketmaster-location-icon {
  fill: var(--white);
}

.container-more-event-details {
  padding: var(--spacing-large) 0 var(--spacing-x-large) 0;
}

.event-header-content .event-time-and-location {
  margin-top: 0;
}
.event-header-content .event-time-and-location .event-time,
.event-header-content .event-time-and-location .event-location {
  padding: var(--spacing-medium-small);
}
.event-header-content .event-time-and-location .event-time svg,
.event-header-content .event-time-and-location .event-location svg {
  width: 2.4rem;
}

.other-event-dates {
  margin: var(--spacing-standard) var(--spacing-medium-small) 0 var(--spacing-medium-small);
  padding-top: var(--spacing-small);
  border-top: 1px solid var(--color-standard-border);
  border-bottom: 1px solid var(--color-standard-border);
  font-weight: var(--font-weight-medium);
  color: var(--color-primary-header);
  font-size: var(--font-size-xl);
  padding-bottom: var(--spacing-small);
  padding-left: var(--spacing-medium-small);
}

.other-event-dates a {
  margin: 2px;
  padding: 2px 8px;
  /* opacity: 0.5; */
  border-radius: 0.75rem;
  font-size: var(--small-1);
  display: inline-block;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-medium);
  background: var(--white);
}

@media (max-width: 768px) {
  .container.container-arts-event { /* no extra margin for mobile event view */
    margin-left: 0;
    margin-right: 0;
  }
}
.container-arts-event .col {
  grid-area: auto;
}

@media (min-width: 768px) {
  .col-event-individual img {
    float: none;
    margin-left: 0;
    width: 100%;
  }
}
.col-event-individual ul.social-icons {
  display: block;
  padding-left: var(--spacing-standard);
}
.col-event-individual ul.social-icons a {
  display: flex;
  align-items: center;
  font-size: var(--h4);
}
.col-event-individual ul.social-icons svg {
  margin-right: var(--spacing-small);
}

ul.logo-wrap {
  width: 100%;
}
ul.logo-wrap li {
  padding: var(--spacing-medium-small);
  width: 100%;
}
ul.logo-wrap.logo-wrap-full-lock-up li {
  width: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: 100%;
  padding: 0;
}
@media (min-width: 576px) {
  ul.logo-wrap.logo-wrap-full-lock-up li {
    width: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
ul.logo-wrap.logo-wrap-tier-one li {
  width: 50%;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
@media (min-width: 576px) {
  ul.logo-wrap.logo-wrap-tier-one li {
    width: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  ul.logo-wrap.logo-wrap-tier-one li {
    width: 33.33%;
    -webkit-flex-basis: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
}
ul.logo-wrap.logo-wrap-tier-two li {
  width: 33.33%;
  -webkit-flex-basis: 33.33%;
  flex-basis: 33.33%;
  max-width: 33.33%;
}
@media (min-width: 576px) {
  ul.logo-wrap.logo-wrap-tier-two li {
    width: 33.33%;
    -webkit-flex-basis: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
}
@media (min-width: 768px) {
  ul.logo-wrap.logo-wrap-tier-two li {
    width: 20%;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
}
ul.logo-wrap.logo-wrap-tier-three li {
  width: 25%;
  -webkit-flex-basis: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
@media (min-width: 576px) {
  ul.logo-wrap.logo-wrap-tier-three li {
    width: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media (min-width: 768px) {
  ul.logo-wrap.logo-wrap-tier-three li {
    width: 16.667%;
    -webkit-flex-basis: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
}

.wrap-cta .cta-button {
  text-transform: none;
  font-style: normal;
  font-weight: var(--font-weight-bold);
}

.container.container-event-layout a.button.button-primary,
.block-psucampus-homepage-hero .hero-container .hero-group-text .hero-button a.button.button-primary {
  background: var(--bg-color-primary-button);
  color: var(--color-primary-button-text);
  border-radius: 2rem;
  box-shadow: 4px 4px 0 var(--ps-creek-500);
  font-size: var(--h4);
  padding: var(--spacing-small) var(--spacing-xx-large);
  margin-top: var(--spacing-standard);
  background: linear-gradient(-135deg, rgb(255, 227, 102) 25%, rgb(242, 181, 102) 100%);
  border: 1px solid transparent;
  border-right: 1px solid var(--ps-creek-500);
}
.container.container-event-layout a.button.button-primary:hover,
.block-psucampus-homepage-hero .hero-container .hero-group-text .hero-button a.button.button-primary:hover {
  background: var(--bg-color-primary-button-hover);
  background: linear-gradient(135deg, rgb(255, 227, 102) 25%, rgb(242, 181, 102) 100%);
  border: 1px solid var(--ps-creek-500);
}

.block-psucampus-homepage-hero .hero-container .hero-group-text .hero-button a.button.button-primary {
  padding: var(--spacing-small) var(--spacing-standard);
  font-size: var(--h6);
  margin-top: var(--spacing-medium-small);
}

p.past-event-alert {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-medium);
  display: inline-block;
  color: var(--ps-discovery-salmon-750);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-small);
}
p.past-event-alert span {
  background: var(--ps-discovery-salmon-200);
  padding: var(--spacing-minimum) var(--spacing-x-small);
}

.col-event-details p.detail-event-title {
  font-size: var(--h4);
  color: var(--ps-beaver-blue-500);
  font-weight: var(--font-weight-bold);
  padding-top: 0;
  line-height: var(--line-height-x-small);
}
.col-event-details p.detail-event-title span {
  display: block;
  font-size: 65%;
  font-weight: var(--font-weight-medium);
  padding-top: var(--spacing-minimum);
}
.col-event-details p.h4 {
  color: var(--ps-beaver-blue-500);
  font-size: var(--h6);
  padding-top: var(--spacing-small);
  font-weight: var(--font-weight-medium);
}
.col-event-details ul.list-inline {
  font-size: var(--font-size-base);
}
.col-event-details .event-pricing p.disclaimer {
  font-size: var(--small-2);
  line-height: var(--line-height-medium);
  font-weight: var(--font-weight-base);
  color: var(--primary-text-color);
}
.col-event-details .event-pricing p {
  font-size: var(--font-size-xl);
  padding-top: 0;
}
.col-event-details .event-pricing p:first-of-type {
  padding-top: var(--spacing-x-small);
}
.col-event-details .event-time-and-location {
  font-size: var(--font-size-lg);
  margin-top: var(--spacing-minimum);
}
@media (min-width: 768px) {
  .col-event-details .event-time-and-location {
    display: block;
  }
  .col-event-details .event-time-and-location .event-location {
    border-left: none;
  }
}
.col-event-details .event-time-and-location .event-time,
.col-event-details .event-time-and-location .event-location {
  padding: var(--spacing-minimum) var(--spacing-medium-small) 0 0;
  font-size: var(--font-size-base);
}
.col-event-details p.disclaimer img {
  margin-right: 0;
  margin-bottom: var(--spacing-xx-small);
}
.col-event-details .details-wrap { /* sticky! */
  border: 2px solid var(--ps-pugh-blue-300);
  background-color: var(--ps-pugh-blue-50);
  padding: var(--spacing-medium-small);
}
@media (min-width: 1080px) {
  .col-event-details .details-wrap {
    position: sticky;
    top: 5rem;
    overflow-y: auto;
    max-height: 90vh;
  }
}
.col-event-details p.past-event-alert {
  font-size: var(--font-size-base);
}
.col-event-details a.button.button-primary {
  border-radius: 2rem;
  box-shadow: 4px 4px 0 var(--ps-creek-500);
  margin-top: var(--spacing-medium-small);
  background: linear-gradient(-135deg, rgb(255, 227, 102) 25%, rgb(242, 181, 102) 100%);
  border: 1px solid transparent;
  border-right: 1px solid var(--ps-creek-500);
  font-size: var(--font-size-base);
  padding: var(--spacing-x-small) var(--spacing-standard);
}
.col-event-details a.button.button-primary:hover {
  background: var(--bg-color-primary-button-hover);
  background: linear-gradient(135deg, rgb(255, 227, 102) 25%, rgb(242, 181, 102) 100%);
  border: 1px solid var(--ps-creek-500);
}

.bg-light-yellow-gradient .container-event-layout a.button.button-primary {
  border: 1px solid var(--ps-creek-500);
}

.footer-wrap {
  background-color: var(--ps-beaver-blue-800);
}

.footer-general-contact p + p {
  padding-top: var(--spacing-small);
}

footer .footer-list-wrap {
  grid-gap: var(--spacing-standard);
}

footer li.footer-list {
  width: fit-content;
}

footer div.office-hours-wrapper.footer-list {
  width: 100%;
}
@media (min-width: 768px) {
  footer div.office-hours-wrapper.footer-list {
    width: fit-content;
    max-width: calc(50% - var(--spacing-standard));
  }
}

.office-location-hours table {
  color: var(--white);
}
.office-location-hours table th {
  text-align: left;
}
.office-location-hours table th, .office-location-hours table td {
  padding: 0.375rem;
}
.office-location-hours table th:last-of-type {
  padding: 0;
}
@media (min-width: 576px) {
  .office-location-hours table th, .office-location-hours table td {
    padding: var(--spacing-xx-small);
  }
  .office-location-hours table th:last-of-type {
    padding: 0;
  }
}
.office-location-hours table tr.today {
  position: relative;
  outline: 1px solid var(--color-primary-accent);
}
.office-location-hours table td.td-exception {
  padding: 0;
}
.office-location-hours table td.td-exception svg {
  width: var(--spacing-medium-small);
}
.office-location-hours table td span {
  cursor: help;
  background: var(--ps-danger-red);
  display: flex;
  aspect-ratio: 1/1;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  align-items: center;
  padding: var(--spacing-xx-small);
  width: 70%;
  height: 70%;
}
.office-location-hours .office-exceptions-list {
  color: var(--white);
}
.office-location-hours .office-exceptions-list ul {
  padding-left: var(--spacing-small);
}
.office-location-hours .office-exceptions-list ul li {
  font-weight: var(--font-weight-regular);
  font-family: var(--font-sans);
}
.office-location-hours .office-exceptions-list span.icon-exception {
  background: var(--ps-danger-red);
  display: inline-flex;
  aspect-ratio: 1/1;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  align-items: center;
  padding: var(--spacing-xx-small);
  margin-right: var(--spacing-xx-small);
  width: var(--spacing-standard);
  height: var(--spacing-standard);
}
.office-location-hours .office-exceptions-list h3 {
  font-size: var(--font-size-xl);
  color: var(--white);
  font-weight: var(--font-weight-medium);
  padding-top: var(--spacing-x-small);
  border-top: 1px solid rgba(var(--white-rgb), 0.25);
  margin-top: var(--spacing-x-small);
}

@media (min-width: 1080px) {
  .footer-general-contact p.footer-contact-other {
    padding-top: var(--spacing-small);
  }
}
@media (max-width: 768px) { /* max-width - mobile */
  .footer-general-contact p.footer-contact-address {
    margin-top: var(--spacing-medium-large);
  }
}
@media (max-width: 1080px) { /* max-width - mobile */
  footer .footer-list-wrap {
    margin-top: var(--spacing-large);
  }
}
footer div.footer-list, footer li.footer-list {
  margin-bottom: 0;
}

@media (min-width: 730px) {
  footer div.social-footer { /* don't grow social height */
    flex-grow: 0;
  }
}
.footer-universal-messaging {
  background-color: var(--ps-beaver-blue-800);
  padding-bottom: var(--spacing-standard);
  /* text-align: center; */
  text-align: left;
}
.footer-universal-messaging p {
  color: var(--white);
  font-size: var(--font-size-base);
  line-height: var(--line-height-small);
  font-weight: var(--font-weight-medium);
  padding-top: 0;
}
.footer-universal-messaging p::before {
  content: "";
  background: url("../../uploads/globals/ticketmaster-logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  height: 17px;
  /* margin: 0 auto var(--spacing-x-small) auto; */
  margin: 0 0 var(--spacing-x-small) 0;
  display: block;
}

.logo-aa-footer {
  padding-bottom: var(--spacing-large);
}
.logo-aa-footer img {
  height: 68px;
  width: auto;
}

@media (min-width: 1080px) {
  .arts-tickets-ctas {
    display: flex;
    align-items: center;
    text-align: center;
  }
}
.arts-tickets-ctas .events-cta {
  padding: var(--spacing-small);
}
@media (min-width: 1080px) {
  .arts-tickets-ctas .events-cta {
    padding: var(--spacing-standard);
  }
}
.arts-tickets-ctas .app-cta {
  padding: var(--spacing-small);
}
@media (min-width: 1080px) {
  .arts-tickets-ctas .app-cta {
    padding: var(--spacing-standard);
  }
}

.hero-text-primary.antihero .container.container-fixed-wide {
  grid-gap: 0;
}
@media (min-width: 1080px) {
  .hero-text-primary.antihero .container.container-fixed-wide {
    grid-gap: var(--spacing-standard);
  }
}

.hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-image {
  display: block;
}

.entry_type_homePage .standard-hero-wrap.bg-white {
  /* background-color: var(--ps-pugh-blue-150); */
  background-color: #000;
  border-bottom: var(--ps-creek-350) solid 0.5rem;
}
@media (min-width: 768px) {
  .entry_type_homePage .standard-hero-wrap.bg-white {
    background-color: var(--ps-pugh-blue-150);
    background-color: #000;
    background-image: url(../../assets/uploads/globals/bg-lighting-texture.jpg);
    background-size: contain;
    background-position: top center;
  }
}
.entry_type_homePage .standard-hero-wrap.bg-white .hero-text-primary-image {
  background-color: var(--ps-pugh-blue-150);
  background-color: #000;
  /* img {
  	mix-blend-mode: darken;
  	} */
}
.entry_type_homePage .standard-hero-wrap.bg-white .hero-button a.button.button-subtle {
  padding: var(--spacing-x-small) var(--spacing-small);
  transition: var(--transition-base);
  color: var(--black);
  font-size: var(--small-1);
  font-weight: var(--font-weight-medium);
  border: 1px solid var(--color-primary-accent);
  background: transparent;
}
@media (min-width: 768px) {
  .entry_type_homePage .standard-hero-wrap.bg-white .hero-button a.button.button-subtle {
    color: var(--reverse-link-color);
  }
}
.entry_type_homePage .standard-hero-wrap.bg-white .separating-line-primary {
  display: none;
}
@media (min-width: 768px) {
  .entry_type_homePage .standard-hero-wrap.bg-white .separating-line-primary {
    display: block;
  }
}

.entry_type_homePage .hero-group-text p,
.entry_type_homePage .hero-group-text p.hero-header {
  color: var(--white);
}
@media (min-width: 1080px) {
  .entry_type_homePage .hero-group-text p.hero-header {
    font-size: var(--display-4);
  }
}
.entry_type_homePage .hero-group-text p.presale-begins {
  font-weight: var(--font-weight-medium);
  font-style: italic;
  margin-left: var(--spacing-medium-small);
}

a.block .block-content p.presale-begins {
  display: inline-block;
  padding: var(--spacing-xx-small) var(--spacing-x-small);
  font-size: var(--small-1);
  margin-top: var(--spacing-xx-small);
  background: var(--ps-creek-200);
  display: inline-block;
  line-height: var(--line-height-medium);
  font-weight: var(--font-weight-bold);
}

.entry_type_homePage.theme-traditional .hero-group-text p.hero-header {
  font-family: var(--font-sans);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35), 2px 2px 2px rgba(0, 0, 0, 0.35), 4px 4px 4px rgba(0, 0, 0, 0.35), 6px 6px 6px rgba(0, 0, 0, 0.35);
}

.hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text.reverse {
  padding: 0 var(--spacing-standard) var(--spacing-standard) var(--spacing-standard);
}
.hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text.reverse p.app-text {
  color: var(--color-primary-header);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  padding-top: 0;
}
.hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text.reverse p.disclaimer-text {
  font-size: var(--small-2);
}
@media (min-width: 768px) {
  .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text.reverse {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text.reverse p.app-text {
    color: var(--reverse-header-color);
  }
  .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text.reverse p.hero-header {
    font-size: var(--display-6);
  }
}
@media (min-width: 1080px) {
  .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text.reverse p.hero-header {
    font-size: var(--display-4);
  }
}
@media (min-width: 1440px) {
  .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text.reverse p.hero-header {
    font-size: var(--display-4);
  }
}

.full-width-nav .mobile-brand-tier-three {
  text-transform: uppercase;
}

.hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text p.lead {
  font-size: var(--h6);
  line-height: var(--line-height-medium);
}
@media (min-width: 768px) {
  .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text p.lead {
    font-size: var(--h5);
  }
}

.entry_type_homePage .container-fluid.hero-text-primary.antihero .container {
  padding: 0;
}
.entry_type_homePage .container-fluid.hero-text-primary.antihero .container.container-fixed-max {
  margin-left: 0;
}

.hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text {
  order: 2;
}
@media (min-width: 768px) {
  .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-text {
    order: 1;
  }
}

.hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-image {
  order: 1;
}
@media (min-width: 768px) {
  .hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-image {
    order: 2;
  }
}
.hero-text-primary.antihero .container.container-fixed-wide .hero-text-primary-image img {
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .hero-text-primary.antihero .container.container-fixed-wide {
    grid-template-columns: 6fr 6fr;
  }
}
@media (min-width: 1080px) {
  .hero-text-primary.antihero .container.container-fixed-wide {
    grid-template-columns: 6fr 6fr;
    grid-auto-flow: column;
    align-items: center;
  }
}
p.eyebrow.eyebrow-presenter span {
  padding: var(--spacing-minimum) var(--spacing-x-small);
  font-size: var(--small-2);
  font-weight: var(--font-weight-bold);
  border-radius: 0.5em;
}
p.eyebrow.eyebrow-presenter span.center-for-the-performing-arts {
  background-color: var(--ps-creek-150);
}
p.eyebrow.eyebrow-presenter span.pa-chamber-orchestra {
  background-color: var(--ps-shrine-tan-150);
}
p.eyebrow.eyebrow-presenter span.penn-state-centre-stage {
  background-color: var(--ps-atherton-purple-150);
}
p.eyebrow.eyebrow-presenter span.school-of-music {
  background-color: var(--ps-pugh-blue-150);
}
p.eyebrow.eyebrow-presenter span.state-college-choral-society {
  background-color: var(--ps-keystone-yellow-150);
}

.event-run-time-notes {
  margin-top: var(--spacing-xx-small);
  margin-left: var(--spacing-medium-small);
}
.event-run-time-notes p {
  padding-top: 0;
  font-size: var(--font-size-base);
  line-height: var(--line-height-medium);
  font-style: italic;
}

.artist-support p {
  font-size: var(--small-1);
  line-height: var(--line-height-medium);
  padding-top: var(--spacing-xx-small);
}
.artist-support p:first-of-type {
  padding-top: 0;
}
.artist-support ul.logo-wrap {
  margin-top: 0;
}
.artist-support ul.logo-wrap li {
  padding: var(--spacing-small);
}

.video-description p {
  font-size: var(--h4);
  line-height: var(--line-height-large);
  padding-top: var(--spacing-xx-small);
  font-weight: var(--font-weight-medium);
}

div.event-credits {
  text-align: center;
  color: var(--primary-text-color);
}
@media (min-width: 576px) {
  div.event-credits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--spacing-standard);
  }
}
@media (min-width: 1080px) {
  div.event-credits {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
div.event-credits div {
  break-inside: avoid;
  padding-bottom: var(--spacing-medium-small);
  margin-top: var(--spacing-standard);
  background: rgba(var(--white-rgb), 0.25);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding: var(--spacing-medium-small);
}
div.event-credits p.credit-heading {
  font-weight: var(--font-weight-medium);
  color: var(--color-primary-header);
  font-size: var(--font-size-xl);
  padding-top: 0;
  line-height: var(--line-height-xx-small);
}
div.event-credits p {
  font-size: var(--font-size-base);
  line-height: var(--line-height-medium);
  padding-top: var(--spacing-large);
}
div.event-credits ul {
  padding-left: 0;
  font-size: var(--font-size-base);
  line-height: var(--line-height-medium);
  margin-top: 0;
}
div.event-credits ul li {
  padding-top: var(--spacing-xx-small);
  list-style: none;
  list-style-position: inside;
  align-items: center;
  justify-content: center;
  text-wrap: balance;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
div.event-credits ul li:before {
  content: "";
  height: 2px;
  width: 10%;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--color-primary-accent);
  display: block;
  top: 0;
  margin-top: var(--spacing-xx-small);
  margin-bottom: var(--spacing-x-small);
}

.bg-cpa-lights {
  background-image: url("../../../assets/uploads/globals/cpa-gradient-for-light-bg.svg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.reverse .bg-cpa-lights {
  background-image: url("../../../assets/uploads/globals/cpa-gradient.svg");
}

.w-100 {
  width: 100%;
}

.event-related-events p.event-location {
  border-bottom: 0 !important;
}

.event-related-events p.event-title {
  font-size: 1.5em !important;
}

ul.list-flexible li,
ol.list-flexible li {
  width: 90%;
  font-size: var(--font-size-xl);
  margin: 0 0 0 var(--spacing-standard);
  color: var(--primary-text-color);
  padding-bottom: var(--spacing-medium-small);
}

.search-results .card {
  display: flex;
  flex-direction: row-reverse;
}
@media (min-width: 768px) {
  .search-results .card {
    flex-direction: row;
  }
}

.search-results .card .card-search-content {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  flex-direction: column;
  overflow-wrap: anywhere;
}

.search-results .card .card-search-image {
  width: 90px;
  height: 90px;
  margin-bottom: var(--spacing-small);
  margin-left: var(--spacing-medium-small);
  margin-right: 0;
  display: flex;
  flex-grow: 0;
}
.search-results .card .card-search-image img {
  float: none;
  margin-left: 0;
  margin-left: 0;
}
@media (min-width: 768px) {
  .search-results .card .card-search-image {
    width: 120px;
    height: 120px;
    float: none;
    margin-right: var(--spacing-medium-small);
    margin-left: 0;
  }
}

/* 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,
   .hero-group-text p.hero-header,
   .hero-group-text,
   .hero-group-text p {
    color: var(--white);
    }
  } */
}
@media (min-width: 1080px) { /* above desktop 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,
  .entry_type_homePage .block-psucampus-homepage-hero.slim-hero {
    height: 100%;
    width: 100%;
    aspect-ratio: unset;
  }
  .entry_type_homePage .block-psucampus-homepage-hero .hero-container {
    position: relative;
  }
}
@media (min-width: 1080px) {
  .block-psucampus-homepage-hero {
    height: 100%;
    min-height: auto;
    max-height: calc(100vh - 179px);
    width: 100%;
    aspect-ratio: 16/7;
    position: relative;
  }
  .entry_type_homePage .block-psucampus-homepage-hero { /* seems redundant - but here for backwards compatability */
    /* height: calc(100vw / 16 * 9);
    min-height: 532px; 
    aspect-ratio: 16 / 9;
    adjustments - july 2025 */
    height: 100%;
    min-height: auto;
    max-height: calc(100vh - 179px); /* adjust from 112 for taller primary nav */
    width: 100%;
    aspect-ratio: 16/7;
    position: relative;
  }
  .entry_type_homePage .block-psucampus-homepage-hero.slim-hero {
    height: 100%;
    width: 100%;
    aspect-ratio: 16/5;
  }
  .entry_type_homePage .block-psucampus-homepage-hero + .bg-color,
  .block-psucampus-homepage-hero + .bg-color {
    margin-top: 0;
  }
  .block-psucampus-homepage-hero {
    /* height: calc(100vw / 16 * 9);
    min-height: 532px;
    aspect-ratio: 16 / 9; 
    adjustments - july 2025 */
    height: 100%;
    max-height: calc(100vh - 179px); /* adjust from 112 for taller primary nav */
    width: 100%;
    aspect-ratio: 16/7;
  }
  .block-psucampus-homepage-hero.slim-hero {
    aspect-ratio: 16/5;
    min-height: auto;
  }
}
.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-large);
  }
}

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

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

@media (min-width: 1080px) {
  .entry_type_homePage .block-psucampus-homepage-hero.slim-hero .hero-container .hero-group-text,
  .home-page .block-psucampus-homepage-hero.slim-hero .hero-container .hero-group-text {
    padding-bottom: var(--spacing-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 .hero-grid {
    height: 100%;
  }
  .entry_type_homePage .block-psucampus-homepage-hero .hero-container .hero-group-text {
    grid-column: 1/span 8;
  }
  .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: calc(100vw / 16 * 9);
  aspect-ratio: 16 / 9; 
  adjustments - july 2025*/
  height: 100%;
  aspect-ratio: 16/7;
  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.slim-hero .hero-img-wrapper {
  aspect-ratio: 16/5;
}

.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: calc(100vw / 16 * 9);
   aspect-ratio: 16 / 9; 
   adjustments - july 2025*/
  height: 100%;
  aspect-ratio: 16/7;
  background-color: var(--ps-nittany-navy-500);
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.block-psucampus-homepage-hero.slim-hero .hero-vid-wrapper {
  aspect-ratio: 16/5;
}

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

@media (min-width: 768px) {
  .block-psucampus-homepage-hero.slim-hero .hero-vid-wrapper {
    aspect-ratio: 16/5;
    height: 100%;
  }
  .block-psucampus-homepage-hero .hero-vid-wrapper {
    /* aspect-ratio: unset; rm as this was hiding video - this should be desktop
    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);
  }
}
@media (min-width: 1080px) {
  .block-psucampus-homepage-hero.slim-hero .hero-vid-wrapper {
    aspect-ratio: 16/5;
    position: absolute;
    height: 100%;
  }
  .block-psucampus-homepage-hero .hero-vid-wrapper {
    aspect-ratio: unset;
    position: absolute;
    height: 100%;
  }
}
.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-x-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%);
}

.image-gallery-wrap .image-gallery .slick-current figure figcaption .caption-wrap { /* added to core */
  padding-left: 1rem; /* required as position will cut off text at left at certain breaks */
}
