/* BADROLLS textured section system: light / dark alternating */
.hero,
.about,
.people{
  background-color:#F3EFE6;
  background-image:linear-gradient(rgba(243,239,230,.76),rgba(243,239,230,.76)),url('badrolls-hero-texture.png');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.hero:before{display:none}

.seasons,
.playing,
footer{
  background-color:#12110F;
  background-image:linear-gradient(rgba(18,17,15,.60),rgba(18,17,15,.60)),url('badrolls-dark-texture.png');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.seasons{color:#F3EFE6}
.seasons .section-label,
.season-summary p,
.season-dropdown summary small,
.season-main p,
.season-empty{color:#DED6C7}
.season-summary,
.season-dropdown{border-color:#F3EFE6}
.season-list,
.season-episode{border-color:rgba(243,239,230,.32)}
.season-dropdown summary:hover,
.season-episode:hover{color:#12110F}
.season-dropdown summary:hover small,
.season-episode:hover .season-main p{color:#5F5A52}
.season-actions a{color:#F3EFE6}
.season-actions a:first-child .spotify-disc{fill:#F3EFE6}
.season-actions a:first-child .spotify-wave{fill:#12110F}
.season-actions .season-ivoox svg,
.season-actions .season-ivoox svg *{fill:#F3EFE6!important}
.season-episode:hover .season-actions a{color:#12110F}
.season-episode:hover .season-actions a:first-child .spotify-disc{fill:#12110F}
.season-episode:hover .season-actions a:first-child .spotify-wave{fill:#D1E23F}
.season-episode:hover .season-actions .season-ivoox svg,
.season-episode:hover .season-actions .season-ivoox svg *{fill:#12110F!important}

.about{background-attachment:scroll}
.people{background-position:center top}
.playing{background-position:center top}
footer{background-position:center bottom}

@media (max-width:1100px){
  .section-label{font-size:13px}
  .about-grid,.about-heading,.about-copy{width:100%;max-width:none}
  .about-intro{width:100%;max-width:none;font-size:32px;line-height:1.45;text-align:justify!important;text-align-last:left;text-justify:inter-word;hyphens:none!important;-webkit-hyphens:none!important}
  .about-copy p:not(.about-punch){width:100%;font-size:30px;line-height:1.58;margin-bottom:42px;color:#1f1d1a;text-align:justify!important;text-align-last:left;text-justify:inter-word;hyphens:none!important;-webkit-hyphens:none!important}
  .about-copy blockquote{width:100%;max-width:none;font-size:34px;line-height:1.34;text-align:justify!important;text-align-last:left;text-justify:inter-word;hyphens:none!important;-webkit-hyphens:none!important}
  .people p{font-size:26px;line-height:1.6;color:#1f1d1a;text-align:justify!important;text-align-last:left;text-justify:inter-word;hyphens:none!important;-webkit-hyphens:none!important}
  .lead{font-size:28px;line-height:1.5}
}

@media (max-width:720px){
  .hero,.about,.people{background-image:linear-gradient(rgba(243,239,230,.80),rgba(243,239,230,.80)),url('badrolls-hero-texture.png');background-position:center top}
  .seasons,.playing,footer{background-image:linear-gradient(rgba(18,17,15,.64),rgba(18,17,15,.64)),url('badrolls-dark-texture.png');background-position:center top}
  .about,.people,.section{padding-left:22px!important;padding-right:22px!important}
  .lead{font-size:29px;line-height:1.5}
  .about-intro{font-size:33px;line-height:1.44;text-align:justify!important}
  .about-copy p:not(.about-punch){font-size:30px;line-height:1.58;margin-bottom:42px;text-align:justify!important}
  .about-copy blockquote{font-size:35px;line-height:1.34;text-align:justify!important}
  .people p{font-size:26px;line-height:1.6;text-align:justify!important}
  .about-punch{margin-left:0!important;margin-right:0!important;width:100%!important}
  .hero-episode h2{font-size:clamp(31px,8.4vw,38px)}
  .section-label{font-size:13px}
  .listen-label{font-size:13px}
  .platform-link.spotify{font-size:15px}
  .episode-meta{font-size:13px}
}

@media (max-width:390px){
  .about,.people,.section{padding-left:18px!important;padding-right:18px!important}
  .lead{font-size:27px}
  .about-intro{font-size:31px;text-align:justify!important}
  .about-copy p:not(.about-punch){font-size:28px;line-height:1.56;text-align:justify!important}
  .about-copy blockquote{font-size:33px;text-align:justify!important}
  .people p{font-size:24px;text-align:justify!important}
}