/*** Bellisario Student Media Custom Styles ***/
/* need these variables to pre-process */
.hamburger-menu {
  display: none;
}

h1, p.h1,
h2, p.h2,
p.hero-header {
  font-weight: var(--font-weight-black);
  letter-spacing: var(--letter-spacing-xx-small);
  line-height: var(--line-height-xx-small);
}

h4, p.h4 {
  font-weight: var(--font-weight-bold);
}

dt a:link:hover,
dt a:visited:hover,
dd a:link:hover,
dd a:visited:hover {
  text-decoration: underline;
}

/* element sizing - applied to components - testing on Aside */
main.main {
  background: linear-gradient(to bottom, rgba(var(--ps-pugh-blue-rgb), 0.125) 0%, rgba(var(--ps-pugh-blue-rgb), 0) 100%);
  background-repeat: no-repeat;
  background-size: 100% 25vh;
}

.article-subtitle p {
  padding-bottom: var(--spacing-x-small);
}

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

.shorthand-story .article-head {
  display: none;
}
.shorthand-story .Theme-Logos,
.shorthand-story .Theme-HeaderContainer {
  height: 0;
  display: none;
}
@media (min-width: 900px) {
  .shorthand-story .Theme-Logos,
  .shorthand-story .Theme-HeaderContainer {
    height: 0;
    display: none;
  }
}
@media (min-width: 1100px) {
  .shorthand-story .Theme-Logos,
  .shorthand-story .Theme-HeaderContainer {
    height: 0;
    display: none;
  }
}

.storyscrolling-header {
  text-align: center;
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 80vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.storyscrolling-container {
  background: rgba(255, 255, 255, 0.85);
  padding: var(--spacing-standard);
  position: relative;
}

.storyscrolling-container .award-banner,
.article-head .award-banner,
.hero-group-text .award-banner {
  position: relative;
  top: 0;
  left: 0;
}

.article-head .award-banner {
  display: flex;
}

.storyscrolling-container .award-banner {
  display: inline-flex;
}

.hero-group-text .award-banner {
  display: flex;
  padding-bottom: var(--spacing-small);
}

.article-wrap .article-head .award-banner {
  margin-top: var(--spacing-standard);
}

.article-wrap .portrait-image-wrap .award-banner + p.post-date {
  margin-top: var(--spacing-standard);
}

.hero-two-col {
  position: relative;
}
.hero-two-col h2.hero-header {
  font-size: var(--display-5);
}
@media (min-width: 768px) {
  .hero-two-col h2.hero-header {
    line-height: 1.5;
    font-size: var(--h2);
  }
}
@media (min-width: 1800px) {
  .hero-two-col h2.hero-header {
    line-height: 1.6;
    font-size: var(--display-5);
  }
}
.hero-two-col .award-banner.display-mobile-only {
  display: flex;
  position: absolute;
}
@media (min-width: 768px) {
  .hero-two-col .award-banner.display-mobile-only {
    display: none;
  }
}

.award-banner.award-banner-large {
  display: none;
}
@media (min-width: 768px) {
  .award-banner.award-banner-large {
    display: flex;
    position: relative;
  }
}

.award-banner.award-banner-large p {
  font-size: var(--font-size-base);
  padding: var(--spacing-minimum) var(--spacing-x-small) var(--spacing-minimum) 2.5rem;
}
.award-banner.award-banner-large p::before {
  width: 60px;
  height: 60px;
  background-size: 40px 40px;
}

h1.h1-homepage {
  padding-top: var(--spacing-large);
  padding-bottom: var(--spacing-small);
  position: relative;
}
h1.h1-homepage::after {
  content: "";
  height: var(--spacing-xx-small);
  background-image: linear-gradient(45deg, rgba(var(--ps-pugh-blue-rgb), 0.75) 10%, #ffffff 10%, #ffffff 50%, rgba(var(--ps-pugh-blue-rgb), 0.75) 50%, rgba(var(--ps-pugh-blue-rgb), 0.75) 60%, #ffffff 60%, #ffffff 100%);
  background-size: 7.07px 7.07px;
  flex-grow: 1;
  position: absolute;
  height: 300%;
  width: 75%;
  left: 5.5rem;
  top: 5.5rem;
  z-index: -1;
}

@media (min-width: 1080px) {
  .hero-two-col .award-banner {
    top: 2rem;
    left: -1.5rem;
  }
  .hero-two-col .award-banner p {
    font-size: var(--font-size-base);
    padding: var(--spacing-minimum) var(--spacing-x-small) var(--spacing-minimum) 2.5rem;
  }
  .hero-two-col .award-banner p::before {
    width: 60px;
    height: 60px;
    background-size: 40px 40px;
  }
}
.notes-credits {
  border-top: 1px solid var(--color-standard-border);
  margin: var(--spacing-medium-large) 0 var(--spacing-standard) 0;
  padding-top: var(--spacing-small);
}
.notes-credits p {
  font-size: var(--font-size-lg);
}
.notes-credits p.h3 {
  font-size: var(--h4);
  margin-top: var(--spacing-standard);
  padding: var(--spacing-x-small);
  background-color: var(--color-standard-border);
  display: inline-block;
}
.notes-credits dl {
  text-align: center;
  color: var(--primary-text-color);
}
@media (min-width: 576px) {
  .notes-credits dl {
    column-count: 2;
    column-gap: var(--spacing-standard);
  }
}
@media (min-width: 1080px) {
  .notes-credits dl {
    column-count: 3;
  }
}
.notes-credits dl div {
  break-inside: avoid;
  padding-bottom: var(--spacing-medium-small);
}
.notes-credits dl dt {
  font-weight: var(--font-weight-bold);
}
#scrolly {
  position: relative;
}

#scrolly article {
  position: relative;
  padding: 0 1rem;
  margin: 0 auto;
  width: 33%;
}

.scrolling-targets {
  position: relative;
  padding: 0;
  max-width: 50vw;
  margin: 0 auto;
}

.sticky-thing {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  width: 100%;
  margin: 0;
  background-color: #8a8a8a;
  z-index: 0;
  top: 0;
  height: 100vh;
  /* Center everything inside */
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center center;
  transition: background-image 1s;
}

.step {
  margin: 0 auto 2rem auto;
  /*        padding-bottom: 50vh; */
  height: 75vh;
  color: #fff;
}

.step:last-child {
  /*  margin-bottom: 0; */
}

.step p {
  color: #3b3b3b;
  text-align: center;
  padding: 1rem;
  font-size: 1.5rem;
  background-color: rgba(255, 255, 255, 0.85);
}

#scrolly.side-by-side {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#scrolly.side-by-side > * {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#scrolly.side-by-side .scrolling-targets {
  position: relative;
  padding: 0 1rem;
  width: 50%;
}

#scrolly.side-by-side .step {
  height: auto;
}
#scrolly.side-by-side .step:last-child {
  margin-bottom: 0;
}
#scrolly.side-by-side .step p {
  text-align: left;
}

a.block {
  position: relative;
}

a.block .block-content h2,
a.block .block-content h3 {
  padding-top: var(--spacing-minimum);
}

.preview-cards .award-banner,
.award-banner.display-mobile-only {
  top: 1rem;
  left: -0.75rem;
}

.award-banner { /* stripe banner across images for award winners on preview cards */
  position: absolute;
  top: 3rem;
  left: 0;
  z-index: 2;
}
.award-banner p {
  font-size: var(--small-3);
  padding-top: 0;
  background-color: var(--ps-pugh-blue-150);
  padding: var(--spacing-minimum) var(--spacing-xx-small) var(--spacing-minimum) var(--spacing-small);
  display: flex;
  align-items: center;
  margin-left: 1.5rem;
  line-height: var(--line-height-small);
}
.award-banner p::before {
  content: "";
  background-image: url("../../uploads/accents/trophy-icon.svg");
  background-size: 32px 32px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  background-color: var(--ps-keystone-yellow-250);
  border-radius: 2rem;
  margin-right: 0.2em;
  position: absolute;
  display: inline-flex;
  left: -0.25rem;
  background-size: 30px 30px;
}

.reverse .award-banner p,
.hero-group-text.hero-standard .award-banner p {
  background-color: var(--ps-beaver-blue-700);
  color: var(--white);
}

.hero-group-text.hero-full-color .award-banner p {
  color: var(--primary-text-color);
}

.portrait-image-wrap {
  background: var(--ps-nittany-navy-800);
  background: linear-gradient(135deg, rgba(var(--ps-beaver-blue-rgb)) 0%, rgba(var(--ps-nittany-navy-rgb)) 100%);
  padding: var(--spacing-standard);
}
@media (min-width: 768px) {
  .portrait-image-wrap {
    margin-top: 0;
    outline: none;
    padding: 0;
  }
  .portrait-image-wrap .article-head {
    width: 60%;
  }
  .portrait-image-wrap .article-feature-image {
    width: 40%;
  }
}

.full-width-nav .mobile-brand-tier-three {
  font-size: var(--h6);
  line-height: 1;
}

.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 {
  font-weight: var(--font-weight-bold);
  color: var(--ps-beaver-blue-500);
  letter-spacing: -0.0125em;
}

.full-width-nav .primary-brand-bar .brand-tier-three {
  font-weight: var(--font-weight-bold);
  line-height: 1;
}
.full-width-nav .primary-brand-bar .brand-tier-three a:link, .full-width-nav .primary-brand-bar .brand-tier-three a:visited {
  color: var(--ps-beaver-blue-500);
  letter-spacing: -0.0125em;
}
.full-width-nav .primary-brand-bar .brand-tier-three p.site-tagline {
  display: none;
}

.full-width-nav .primary-brand-bar .brand-cta {
  align-items: center; /* account for site tagline */
}

.full-width-nav .more-menu-buttons {
  margin-left: var(--spacing-medium-large);
}

@media (min-width: 768px) {
  .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 {
    display: block;
  }
  .full-width-nav .primary-brand-bar .brand-tier-three p.site-tagline {
    display: block;
    font-size: var(--small-1);
    font-weight: var(--font-weight-regular);
    padding-top: var(--spacing-minimum);
    line-height: var(--line-height-small);
  }
}
@media (min-width: 1080px) {
  .full-width-nav .primary-brand-bar .brand-tier-three {
    font-size: var(--h3);
  }
  .full-width-nav .primary-brand-bar .brand-tier-three p.site-tagline {
    font-size: var(--font-size-base);
  }
}
@media (min-width: 1080px) {
  .full-width-nav .primary-brand-bar .tiered-branding {
    flex: 4;
  }
  .full-width-nav .primary-brand-bar .header-cta-buttons {
    justify-content: flex-end;
    flex: 1;
  }
}
@media (min-width: 1440px) {
  .full-width-nav .primary-brand-bar .tiered-branding {
    flex: 2;
  }
  .full-width-nav .primary-brand-bar .header-cta-buttons {
    flex: 1;
  }
}
.display-tablet-down {
  display: flex;
  align-items: center;
  padding-top: var(--spacing-xx-small);
}
.display-tablet-down p.on-now {
  margin-left: var(--spacing-xx-small);
}
.display-tablet-down p.on-now strong {
  display: none;
}
@media (min-width: 1080px) {
  .display-tablet-down {
    display: none;
  }
}

p.on-now {
  padding-top: 0;
  font-size: var(--small-3);
  line-height: var(--line-height-small);
  margin-left: calc(var(--spacing-xx-small) + 32px);
}

.on-air-wrap h3 {
  display: none;
}

.stream {
  width: auto;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  display: flex;
  align-items: center;
}

.stream h3 {
  font-weight: normal;
  font-size: 1em;
}

.control {
  margin-left: 0;
  margin-right: 0;
  width: 24px;
  height: 24px;
  background-color: #000;
}
@media (min-width: 1080px) {
  .control {
    width: 32px;
    height: 32px;
  }
}

.control {
  background: url("../img/playbutton64-sprite2.png") 0px 0;
  background-size: 24px;
  background-repeat: no-repeat;
}
@media (min-width: 1080px) {
  .control {
    background-size: 32px;
  }
}

.playing {
  background: url("../img/playbutton64-sprite2.png") 0px -24px;
  background-size: 24px;
  background-repeat: no-repeat;
}
@media (min-width: 1080px) {
  .playing {
    background: url("../img/playbutton64-sprite2.png") 0px -32px;
    background-size: 32px;
  }
}

.stream span {
  color: #3063D3;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-lg);
  cursor: pointer;
  margin-left: var(--spacing-xx-small);
}

footer div.map-social-cta .logo-map-replacement {
  max-width: 280px;
}

.footer-wrap {
  background: var(--ps-pugh-blue-0);
  border-top: 1px solid var(--color-standard-border);
}
.footer-wrap .reverse a:link, .footer-wrap .reverse a:visited {
  color: var(--link-color);
}

footer li.footer-list h2,
footer li.footer-list h2 a:link,
footer li.footer-list h2 a:visited {
  color: var(--color-primary-header);
}

.image-only .image-browser-max {
  width: 100%;
  max-height: 90vh;
}
.image-only .image-browser-max img {
  margin: 0 auto;
  max-height: 90vh;
  width: auto;
  max-width: 100%;
}
@media (min-width: 768px) {
  .image-only figcaption {
    margin: var(--spacing-standard) auto 0 auto;
  }
}
@media (min-width: 1080px) {
  .image-only figcaption {
    width: 50%;
  }
}

.page-content .component-quick-facts {
  background-color: transparent;
}

.grid-builder-intro h2, .grid-builder-intro h3 {
  padding-top: var(--spacing-standard);
}

.page-content .component-quick-facts {
  margin-top: 0;
}

@media (min-width: 768px) {
  .block-psucampus-homepage-hero .hero-img-wrapper > div {
    background: linear-gradient(30deg, rgba(0, 15, 34, 0.75) 15%, rgba(0, 15, 34, 0.125) 100%, transparent);
  }
  .block-psucampus-homepage-hero .hero-container .hero-group-text {
    padding-bottom: var(--spacing-x-large);
  }
}
.block-psucampus-homepage-hero .hero-container .hero-group-text {
  justify-content: center;
}

.block-psucampus-homepage-hero .hero-container .hero-group-text.hero-full-color {
  justify-content: end;
}

.hero-group-text {
  position: relative;
  padding-top: var(--spacing-small);
}
.hero-group-text p {
  font-size: var(--font-size-xl);
}
.hero-group-text h1 {
  padding-bottom: var(--spacing-xx-small);
}
.hero-group-text .article-subtitle p {
  padding-top: 0;
  font-size: var(--h3);
  font-weight: var(--font-weight-medium);
}

@media (min-width: 768px) {
  .hero-full-color h1, .hero-full-color h2 {
    color: var(--white);
    line-height: 1.5;
  }
  .hero-full-color h1 span, .hero-full-color h2 span {
    background-color: var(--ps-beaver-blue-700);
    position: relative;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    left: var(--spacing-minimum);
    -webkit-box-shadow: calc(-1 * var(--spacing-minimum)) 0px 0px var(--ps-beaver-blue-700), var(--spacing-minimum) 0px 0px var(--ps-beaver-blue-700);
    box-shadow: calc(-1 * var(--spacing-minimum)) 0px 0px var(--ps-beaver-blue-700), var(--spacing-minimum) 0px 0px var(--ps-beaver-blue-700);
    padding: var(--spacing-minimum) var(--spacing-xx-small);
  }
  .hero-full-color .article-subtitle {
    display: flex;
  }
  .hero-full-color .article-subtitle p {
    color: var(--white);
    background-color: var(--ps-beaver-blue-500);
    position: relative;
    left: var(--spacing-xx-small);
    -webkit-box-shadow: calc(-1 * var(--spacing-minimum)) 0px 0px var(--ps-beaver-blue-500), var(--spacing-minimum) 0px 0px var(--ps-beaver-blue-500);
    box-shadow: calc(-1 * var(--spacing-minimum)) 0px 0px var(--ps-beaver-blue-500), var(--spacing-minimum) 0px 0px var(--ps-beaver-blue-500);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: var(--spacing-minimum) var(--spacing-minimum);
    display: inline;
  }
  .hero-meta {
    padding: var(--spacing-standard) 0;
  }
  .hero-meta p {
    padding: 0;
  }
}
@media (min-width: 1800px) {
  .hero-full-color h1 span {
    left: var(--spacing-xx-small);
    -webkit-box-shadow: calc(-1 * var(--spacing-xx-small)) 0px 0px var(--ps-beaver-blue-700), var(--spacing-xx-small) 0px 0px var(--ps-beaver-blue-700);
    box-shadow: calc(-1 * var(--spacing-xx-small)) 0px 0px var(--ps-beaver-blue-700), var(--spacing-xx-small) 0px 0px var(--ps-beaver-blue-700);
    padding: var(--spacing-xx-small) var(--spacing-x-small);
  }
}
.staggered-preview-cards {
  display: flex;
  flex-wrap: wrap;
}
.staggered-preview-cards a {
  width: 33.33%;
}

a.outline-hero-wrap .hero-img-wrapper img {
  width: 100%;
  opacity: 1;
  transition: var(--transition-base);
  transform: scale(1.05);
}
a.outline-hero-wrap:hover .hero-img-wrapper img {
  opacity: 0.75;
  transform: scale(1);
  filter: grayscale(0.9) contrast(1.5);
}

.divider img {
  height: 60px;
}

.hero-two-col {
  padding: var(--spacing-standard) 0 var(--spacing-medium-small) 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  grid-gap: var(--grid-gap-standard);
  align-items: start;
}
.hero-two-col a:nth-of-type(2) {
  display: none;
}
.hero-two-col .block-hero-small .award-banner {
  top: 1rem;
}
@media (max-width: 576px) {
  .hero-two-col .block-psucampus-homepage-hero .hero-container .hero-grid {
    margin-left: 0;
    margin-right: 0;
    display: block;
    display: grid;
  }
}
.hero-two-col .hero-group-text {
  padding-top: 0;
}
@media (min-width: 768px) {
  .hero-two-col {
    grid-gap: var(--grid-gap-standard);
    display: block;
  }
  .hero-two-col .block-psucampus-homepage-hero {
    aspect-ratio: unset;
  }
  .hero-two-col .outline-hero-wrap {
    height: 55vh;
  }
}
@media (min-width: 1080px) {
  .hero-two-col {
    display: flex;
    padding: var(--grid-gap-standard) 0 var(--spacing-medium-small) 0;
  }
  .hero-two-col a:nth-of-type(1) {
    flex: 5;
  }
  .hero-two-col a:nth-of-type(2) {
    display: block;
    flex: 3;
  }
}
@media (min-width: 1440px) {
  .hero-two-col .outline-hero-wrap {
    height: 75vh;
  }
}

@media (min-width: 768px) {
  .preview-cards.preview-cards-2up {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1080px) {
  .preview-cards.preview-cards-2up {
    grid-template-columns: repeat(6, 1fr);
  }
  .preview-cards.preview-cards-2up a {
    grid-column: span 3;
  }
}
@media (min-width: 1440px) {
  .preview-cards.preview-cards-2up {
    grid-template-columns: repeat(6, 1fr);
  }
  .preview-cards.preview-cards-2up a {
    grid-column: span 3;
  }
}

@media (min-width: 768px) {
  .block-psucampus-homepage-hero.hero-narrow .hero-container .hero-group-text {
    padding-bottom: var(--spacing-standard);
  }
  .block-psucampus-homepage-hero.hero-narrow .hero-container .hero-grid {
    margin: 0 var(--spacing-standard);
  }
}
@media (min-width: 1080px) {
  .preview-cards-featured a:nth-of-type(1) {
    display: none;
  }
  .preview-cards-featured.preview-cards a:first-child:nth-last-child(3n+1), .preview-cards-featured.preview-cards a:first-child:nth-last-child(3n+1) ~ * {
    grid-column: span 4;
  }
}
.preview-cards-featured a.block .block-content p.post-date {
  font-size: var(--font-size-lg);
}
.preview-cards-featured a.block .block-content h3 {
  font-size: var(--h3);
}

.hero-two-col {
  align-items: center;
}
.hero-two-col .outline-hero-wrap {
  overflow: unset;
}
.hero-two-col .block-psucampus-homepage-hero .hero-img-wrapper {
  /* width: calc(100% - (2 * var(--spacing-standard))); */
  aspect-ratio: unset;
}
.hero-two-col .hero-narrow {
  margin-bottom: 0;
}
@media (min-width: 1080px) {
  .hero-two-col .hero-narrow {
    margin-bottom: 0;
  }
}
.hero-two-col p.post-date.display-tablet-down {
  display: block;
}
@media (min-width: 768px) {
  .hero-two-col p.post-date.display-tablet-down {
    display: none;
  }
}
.hero-two-col p.post-date.display-tablet-up {
  display: none;
  font-weight: var(--font-weight-bold);
  text-shadow: 0.125rem 0.125rem rgba(var(--ps-black-rgb), 0.5);
  font-size: var(--h3);
  margin-left: var(--spacing-small);
}
@media (min-width: 768px) {
  .hero-two-col p.post-date.display-tablet-up {
    display: block;
    padding-top: 0;
  }
}
.hero-two-col a.block .block-content p.post-date {
  font-size: var(--font-size-xl);
}
.hero-two-col a.block .block-content h3 {
  font-size: var(--h3);
}

.social-cta-group div.social-cta {
  margin-bottom: var(--spacing-medium-large);
}
.social-cta-group p {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-black);
  padding-top: var(--spacing-small);
  line-height: var(--line-height-tiny);
}

footer .social-cta-group:first-of-type p {
  padding-top: 0;
}
footer div.footer-list,
footer li.footer-list {
  width: 100%;
  text-align: center;
}
footer div.footer-list .separating-line-secondary,
footer li.footer-list .separating-line-secondary {
  margin: 0 auto;
}
@media (min-width: 730px) {
  footer div.footer-list,
  footer li.footer-list {
    width: 25%;
    text-align: left;
  }
  footer div.footer-list .separting-line-secondary,
  footer li.footer-list .separting-line-secondary {
    margin: 0;
  }
}
footer a:not([href]) {
  pointer-events: none;
}
@media (min-width: 730px) {
  footer {
    padding-top: var(--spacing-large);
    padding-bottom: var(--spacing-standard);
  }
  footer div.social-cta {
    text-align: left;
  }
  footer div.footer-list,
  footer li.footer-list {
    width: 45%;
  }
  footer li.footer-list .separating-line-secondary {
    margin: 0;
  }
}
footer div.social-cta .social-cta-group ul {
  margin: 0;
  padding: var(--spacing-xx-small);
  border-bottom: none;
}

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

@media (min-width: 1080px) {
  .container-main-nav {
    flex: 2;
  }
}

@media (min-width: 1080px) {
  .container-supporting {
    flex: 1;
  }
}

.full-menu-update .social-menu ul {
  justify-content: flex-start;
  margin-bottom: 0;
}

.full-menu-update .container-supporting-nav li {
  border-bottom: none;
}

.full-menu-update .social-menu {
  padding-top: var(--spacing-standard);
}

a.block .block-content h2, a.block .block-content h3 {
  padding-top: var(--spacing-xx-small);
}

a.block .block-content p.post-date + h2,
a.block .block-content p.post-date + h3 {
  padding-top: var(--spacing-minimum);
}

/* override 2-up grid column from core */
@media (min-width: 1080px) {
  .preview-cards-standard .preview-cards a:first-child:nth-last-child(2),
  .preview-cards-standard .preview-cards a:first-child:nth-last-child(2) ~ *,
  .preview-cards-standard .preview-cards a:first-child:nth-last-child(3n+1),
  .preview-cards-standard .preview-cards a:first-child:nth-last-child(3n+1) ~ * {
    grid-column: span 4;
  }
}
@media (min-width: 1080px) {
  .preview-cards {
    grid-template-columns: repeat(12, 1fr);
  }
  .preview-cards a {
    grid-column: span 4;
  }
}

.channel-listing-commradioShows dl.preview-list dt {
  margin: 0;
  padding: 0;
  color: var(--color-primary-header);
  line-height: var(--line-height-x-small);
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.015em;
  font-size: var(--h3);
  padding-top: var(--spacing-standard);
}
.channel-listing-commradioShows dl.preview-list dt:first-child {
  padding-top: 0;
}
.channel-listing-commradioShows dl.preview-list dd {
  margin: var(--spacing-minimum);
  line-height: var(--line-height-medium);
  color: var(--black);
}
.channel-listing-commradioShows dl.preview-list dd p {
  font-size: var(--font-size-base);
  padding-top: 0;
}

.icon-link-external {
  display: inline;
  margin-left: var(--spacing-minimum);
}

.preview-cards-featured .icon-link-external {
  margin-left: var(--spacing-x-small);
  width: var(--h6);
  height: var(--h6);
}

.grid-builder-intro {
  margin-bottom: var(--spacing-standard);
}

@media (min-width: 1080px) { /* did not put on core yet as it will super narrow existing antihero */
  .antihero .container.container-fixed-wide {
    grid-template: "col ." auto/5fr 1fr;
  }
}
.style-preconfigured-introductoryBlock.container-standard-y-padding {
  padding-top: var(--spacing-large);
  padding-bottom: var(--spacing-standard);
}

.sgplayer-embed {
  margin: var(--spacing-small) 0;
}

.streamguys-embed .sgplayer {
  background: var(--ps-pugh-blue-150);
}

.streamguys-embed .sg-gdpr-body {
  font-size: var(--small-2);
}

.sgplayer-bootstrap .row.sg-player-title,
.streamguys-embed .sg-title {
  display: none;
}

.streamguys-embed .sgplayer-bootstrap .btn {
  color: #3063D3;
}

@media (max-width: 1080px) {
  .antihero .overlay .streamguys-embed .standard-hero {
    padding-bottom: 0;
  }
}
@media (min-width: 1080px) { /* did not put on core yet as it will super narrow existing antihero */
  .antihero .container.container-fixed-wide.streamguys-embed {
    grid-template: "col ." auto/2fr 1fr;
    align-items: center;
  }
}
.video-gallery {
  padding: var(--spacing-standard) 0 0 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  grid-gap: var(--grid-gap-standard);
  align-items: start;
}
@media (min-width: 768px) {
  .video-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
  .video-gallery .video-item {
    grid-column: span 2;
  }
}
@media (min-width: 1440px) {
  .video-gallery {
    grid-template-columns: repeat(12, 1fr);
    /* default is 4-up - 3/12 */
  }
  .video-gallery .video-item {
    grid-column: span 6;
  }
}

.reverse ul.logo-wrap li {
  background-color: var(--white);
}

.reverse .component .standard ul.logo-wrap li,
.reverse .bg-color:not(.reverse) .bg-transparent ul.logo-wrap li,
.reverse .bg-transparent .bg-color:not(.reverse) ul.logo-wrap li {
  background-color: transparent;
}