.hero.basic.podcast {
  height: auto;
  grid-template-rows: auto;
}
.hero.basic.podcast .content {
  text-align: left;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.hero.basic.podcast .content .cover {
  display: none;
}
@media (min-width: 767px) {
  .hero.basic.podcast .content .cover {
    display: block;
    grid-area: 1/1/1/2;
  }
}
.hero.basic.podcast .content .description {
  grid-area: 1/1/1/5;
  align-self: center;
}
@media (min-width: 767px) {
  .hero.basic.podcast .content .description {
    grid-area: 1/2/1/5;
  }
}
.hero.basic.podcast .content .description h1 {
  font-size: 2.1875rem;
  line-height: 2.625rem;
  font-weight: 600;
  font-family: "Lato", sans-serif;
  margin-bottom: 20px;
}
.hero.basic.podcast .content .description p.guest {
  font-size: 1.375rem;
  line-height: 1.75rem;
}
.hero.basic.podcast .content .player {
  grid-area: 2/1/2/5;
}
@media (min-width: 767px) {
  .hero.basic.podcast .content .player {
    grid-area: 2/1/2/3;
  }
}
@media (min-width: 1024px) {
  .hero.basic.podcast .content .player {
    grid-area: 2/1/2/4;
  }
}
.hero.basic.podcast .content .share {
  display: none;
}
@media (min-width: 767px) {
  .hero.basic.podcast .content .share {
    display: block;
    grid-area: 2/3/2/5;
  }
}
@media (min-width: 1024px) {
  .hero.basic.podcast .content .share {
    grid-area: 2/4/2/5;
  }
}
.hero.basic.podcast .content .share ul, .hero.basic.podcast .content .share li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hero.basic.podcast .content .share ul {
  display: grid;
  grid-template-columns: repeat(4, 42px);
  gap: 4px;
}
.hero.basic.podcast .content .share ul a {
  background-color: #222;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
}
.hero.basic.podcast .content .share ul a svg {
  max-height: 23px;
}
.hero.basic.podcast .content .share ul a svg path {
  fill: #fff;
  transition: fill 0.25s ease-in-out;
}
.hero.basic.podcast .content .share ul a:hover svg path {
  fill: #91972A;
}
.hero.basic.podcast .photo img {
  position: absolute;
}

section.content .video {
  padding: 50px 0;
  text-align: center;
}
section.content .video .embed {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px;
}
section.content .video .embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@supports (aspect-ratio: 16/9) {
  section.content .video .embed {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    overflow: visible;
  }
  section.content .video .embed iframe {
    aspect-ratio: 16/9;
    position: static;
  }
}