/* Podcast-specific media composition. Typography, gutters and chrome are shared. */
.community-podcasts-page .lg-feature {
  padding:0 0 var(--space-lg);
}

.community-podcasts-page .lg-feature > .container {
  width:100%;
  max-width:var(--content-width);
  padding:0 var(--page-gutter);
}

.community-podcasts-page .lg-feature__item {
  display:block;
  margin:var(--space-lg) 0 var(--space-xl);
}

.community-podcasts-page .lg-feature__item + .lg-feature__item {
  margin-top:var(--space-lg);
}

.community-podcasts-page .lg-feature__item:first-child {
  margin-bottom:var(--space-lg);
}

.community-podcasts-page .lg-feature__cover {
  aspect-ratio:16/9;
  border-radius:0;
  overflow:visible;
}

.community-podcasts-page .lg-feature__body {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:0;
  margin-top:var(--space-md);
}

.community-podcasts-page .lg-feature__item:first-child .lg-feature__body {
  margin-top:var(--space-lg);
}

.community-podcasts-page .lg-feature__ident {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-md);
  width:20%;
}

.community-podcasts-page .lg-feature__detail {
  width:72%;
}

.community-podcasts-page .lg-feature__logo {
  width:auto;
  height:48px;
  max-width:100%;
  max-height:48px;
  margin:0;
  object-fit:contain;
}

.community-podcasts-page .lg-feature__cta {
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:var(--space-md);
  margin-top:var(--space-md);
}

.community-podcasts-page .lg-feature__cta > .label {
  margin:0;
  flex:none;
}

.community-podcasts-page .lg-feature__links a:hover {
  opacity:.65;
}

.community-podcasts-page .lg-feature__links {
  display:flex;
  flex:1;
  flex-wrap:wrap;
  gap:var(--space-md);
  margin:0;
  padding:0;
}

.community-podcasts-page .lg-feature__links li {
  margin:0;
  padding:0;
}

.community-podcasts-page .lg-feature__links a {
  display:flex;
  align-items:center;
  gap:2px;
  font:500 var(--type-action)/var(--leading-action) var(--font-sans);
  letter-spacing:var(--tracking-action);
  text-decoration:none;
}

.community-podcasts-page .lg-feature__links a::after {
  content:none;
}

.community-podcasts-page .lg-feature__external-icon {
  transform:rotate(-45deg);
  flex:none;
}

.community-podcasts-page .lg-feature__hosts {
  top:var(--space-md);
  right:var(--space-md);
  gap:var(--space-xs);
  margin:0;
  padding:0;
}

.community-podcasts-page .lg-feature__hosts li {
  width:100px;
  padding:0;
  margin:0;
  text-align:left;
}

.community-podcasts-page .lg-feature__hosts img {
  width:100%;
  height:auto;
  aspect-ratio:1;
  object-fit:cover;
  border:.5px solid var(--neutral500);
  border-radius:6px;
  corner-shape:round;
}

.community-podcasts-page .lg-feature__hosts span {
  display:block;
  padding:0 4px;
  margin-top:4px;
  font:500 var(--type-footer-link)/var(--leading-h6) var(--font-sans);
}

.community-podcasts-page .lg-feature__item:nth-child(2) .lg-feature__hosts {
  left:var(--space-md);
  right:auto;
}

.community-podcasts-page .lg-feature__item:nth-child(3) .lg-feature__hosts {
  color:var(--secondary400);
}

.community-podcasts-page .lg-feature__trailer-bttn,.community-podcasts-page .lg-feature__trailer-close {
  position:absolute;
  bottom:3.5%;
  left:2%;
  display:flex;
  align-items:center;
  gap:var(--space-xs);
  padding:var(--space-xs) var(--space-sm);
  background:var(--white);
  border:0;
  border-radius:4px;
  color:var(--secondary400);
  font:500 var(--type-footer-link)/var(--leading-h6) var(--font-sans);
  cursor:pointer;
  z-index:2;
}

.community-podcasts-page .lg-feature__trailer-bttn[hidden] {
  display:none;
}

.community-podcasts-page .lg-feature__trailer-close {
  top:-50px;
  bottom:auto;
  left:auto;
  right:10px;
}

.community-podcasts-page .lg-feature__trailer {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  z-index:1;
}

@media(max-width:991px) {
  .community-podcasts-page .lg-feature__item {
    margin-bottom:var(--space-lg);
  }

  .community-podcasts-page .lg-feature__item:first-child .lg-feature__body {
    margin-top:var(--space-lg);
  }

  .community-podcasts-page .lg-feature__hosts li {
    width:80px;
  }

}

@media(max-width:767px) {
  .community-podcasts-page .lg-feature__detail {
    width:76%;
  }

  .community-podcasts-page .lg-feature__cta {
    flex-direction:column;
    align-items:flex-start;
    gap:var(--space-sm);
  }

  .community-podcasts-page .lg-feature__links {
    gap:var(--space-sm);
  }

  .community-podcasts-page .lg-feature__hosts li {
    width:70px;
  }

  .community-podcasts-page .lg-feature__hosts span {
    display:none;
  }

}

@media(max-width:479px) {
  .community-podcasts-page .lg-feature__item,.community-podcasts-page .lg-feature__item + .lg-feature__item {
    margin:var(--space-lg) 0;
  }

  .community-podcasts-page .lg-feature__item:first-child {
    margin-bottom:var(--space-lg);
  }

  .community-podcasts-page .lg-feature__body {
    flex-direction:column;
    gap:var(--space-md);
    margin-top:var(--space-md);
  }

  .community-podcasts-page .lg-feature__item:first-child .lg-feature__body {
    margin-top:var(--space-md);
  }

  .community-podcasts-page .lg-feature__ident {
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    width:100%;
  }

  .community-podcasts-page .lg-feature__logo {
    order:-1;
  }

  .community-podcasts-page .lg-feature__detail {
    width:100%;
  }

  .community-podcasts-page .lg-feature__hosts {
    display:none;
  }

}

.community-podcasts-page .lg-feature__hosts {
  color:var(--secondary200);
}

.community-podcasts-page .lg-feature__external-icon {
  color:var(--dark-slate);
}

.community-podcasts-page .lg-feature__hosts img {
  margin-bottom:0;
}

.community-podcasts-page .lg-feature__hosts span {
  color:var(--secondary200);
}

.community-podcasts-page .lg-feature__item:nth-child(3) .lg-feature__hosts span {
  color:var(--secondary400);
}

.community-podcasts-page .lg-feature__trailer-bttn {
  letter-spacing:normal;
  corner-shape:round;
}

.community-podcasts-page .lg-feature__trailer-bttn:hover {
  background:var(--white);
  opacity:.65;
}

.community-podcasts-page .lg-feature__trailer-close {
  background:#eee;
}

.community-podcasts-page .lg-feature__trailer-close::before {
  content:'×';
  font-size:26px;
  width:25px;
  line-height:24px;
}