.podcast-blade-wrapper {
  padding: 0; }

.podcast-episode-content {
  padding: 100px 10px 120px 10px; }

.podcast-button-link {
  border-radius: 4px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 16px;
  text-transform: uppercase;
  margin-top: 10px; }

.podcast-date {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: normal; }

.subscribe-row {
  margin: 20px 1px; }
  .subscribe-row .subscribe-divider-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; }
    .subscribe-row .subscribe-divider-wrapper .divider-line {
      height: 2px;
      width: 100%;
      background-color: #fff;
      position: relative; }
      .subscribe-row .subscribe-divider-wrapper .divider-line.left-divider-line::before {
        content: '';
        background-color: #fff;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        position: absolute;
        margin-top: -4px; }
      .subscribe-row .subscribe-divider-wrapper .divider-line.right-divider-line::after {
        content: '';
        background-color: #fff;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        position: absolute;
        margin-top: -4px;
        right: 0; }

.subscribe-buttons-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 20px; }
  .subscribe-buttons-wrapper .subscribe-button {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    opacity: 0.8; }
    .subscribe-buttons-wrapper .subscribe-button.apple-subscribe-button {
      background-image: url(/assets/icon_apple_podcasts_grey-c78c9e60a1e1cc99a8502e78e8452652f5a2411fc90c5f863ac6600aac040ebd.svg);
      background-size: 84%;
      background-position: center 4px; }
    .subscribe-buttons-wrapper .subscribe-button.google-subscribe-button {
      background-image: url(/assets/icon_google_podcasts_grey-e1daa8a0141843c36d5a6e2520339e19edb34f4162e2753739c91d418e4ca635.svg);
      background-size: 63%; }
    .subscribe-buttons-wrapper .subscribe-button.spotify-subscribe-button {
      background-image: url(/assets/icon_spotify_grey-d12faea4b2a469c0256daca387821cf091fb0312ce2e63e5c2bcae2186048650.svg);
      background-size: 68%; }
    .subscribe-buttons-wrapper .subscribe-button.stitcher-subscribe-button {
      background-image: url(/assets/icon_stitcher_grey-6b4ed887bc54857a4842c3481db21b894ebf9598cfe85c4797b13816e0323dd9.svg);
      background-size: 70%; }
    .subscribe-buttons-wrapper .subscribe-button:hover {
      opacity: 1; }

.subscribe-text {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px; }

#tt-blade-row {
  background-color: #243b47;
  background-image: linear-gradient(127deg, #213a48 0%, #233a47 70%, #006bb6 90%, #1e8acb 100%); }

#tt-home-blade {
  max-width: 1700px;
  margin: auto; }

#tt-blade-content-wrapper {
  width: 100%;
  max-width: 1800px;
  margin: 0;
  background-repeat: no-repeat;
  background-image: url(/assets/tt_podcast_bg-a6546e0d738319df55631a849c7408f618a6b36f2a30ed0888d045a155e7013c.png);
  background-size: 1100px auto;
  background-position: center top -90px;
  padding-top: 350px; }
  #tt-blade-content-wrapper .button-wrapper .podcast-button-link {
    background-color: #323335;
    color: #fff;
    margin: 10px 0 0 0; }
    #tt-blade-content-wrapper .button-wrapper .podcast-button-link:hover {
      background-color: #ea6f23; }
  #tt-blade-content-wrapper h3 {
    margin-bottom: 58px;
    text-align: center; }
  #tt-blade-content-wrapper .podcast-date {
    margin-bottom: 30px;
    margin-top: -43px;
    margin-left: -20px;
    opacity: 0.6; }

.podcast-episodes-wrapper {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 30px;
  flex-direction: column; }

.podcast-indv-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-bottom: 50px; }

@media (min-width: 700px) {
  .podcast-episodes-wrapper {
    flex-direction: row; }
  .podcast-indv-wrapper {
    margin-bottom: inherit;
    width: 50%; } }

.tt-podcast-ep-wrapper {
  display: flex;
  flex-flow: column nowrap;
  flex-direction: column;
  justify-content: space-between;
  background-color: #ffffff1c;
  border-radius: 6px;
  padding: 20px;
  text-overflow: ellipsis; }
  .tt-podcast-ep-wrapper p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25em;
    text-overflow: ellipsis; }
    .tt-podcast-ep-wrapper p a {
      color: #fff;
      text-decoration: none;
      box-shadow: 0 1px 0 0 #f19615; }
  .tt-podcast-ep-wrapper h5 {
    font-size: 22px;
    margin-bottom: 20px; }

@media (min-width: 1200px) {
  #tt-blade-content-wrapper {
    background-size: 1100px auto;
    background-position: calc(50% - 410px) top;
    padding-top: 0; }
    #tt-blade-content-wrapper h3 {
      text-align: left; } }

@media (min-width: 1300px) {
  #tt-blade-content-wrapper {
    background-position: calc(50% - 445px) top; } }

@media (min-width: 1400px) {
  #tt-blade-content-wrapper {
    background-position: calc(50% - 490px) top; } }

@media (min-width: 1500px) {
  #tt-blade-content-wrapper {
    background-size: 1300px auto;
    background-position: calc(50% - 488px) -60px; } }

@media (min-width: 1550px) {
  #tt-blade-content-wrapper {
    background-size: 1400px auto;
    background-position: calc(50% - 590px) -60px; } }

#bwt-home-blade {
  background-color: #d86111;
  background-image: url(/binary_background_brighter.svg), radial-gradient(circle at top, #eebb56 7%, #ffad06 22%, #ea6513 70%);
  background-size: 500px, auto;
  background-repeat: repeat, no-repeat; }
  #bwt-home-blade h3 {
    color: #000000;
    margin-bottom: 30px; }
  #bwt-home-blade .podcast-date {
    color: #000000;
    margin-bottom: 8px; }
  #bwt-home-blade .podcast-button-link {
    background-color: #323335;
    color: #fff; }
  #bwt-home-blade .podcast-episode-content {
    padding-top: 0; }

#bwt-blade-content-wrapper {
  max-width: 1600px;
  margin: auto; }

#bwt-badge {
  background-image: url(/beers-with-talos-blade-badge.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 370px;
  background-size: contain;
  margin-top: -123px; }

@media (min-width: 500px) {
  #bwt-badge {
    height: 450px; }
  .subscribe-row {
    margin: 30px 0 0 0; } }

@media (min-width: 1000px) {
  #bwt-badge {
    height: 550px;
    margin-top: -150px; }
  #bwt-home-blade h3 {
    margin-top: 20px; } }

.podcast-speaker-head {
  min-width: 150px;
  min-height: 160px;
  flex-basis: 150px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1; }

.podcast-quote-col {
  position: relative; }

.podcast-quote-bubble {
  background-color: #fcecd3a6;
  border-radius: 12px;
  padding: 20px;
  width: auto;
  max-width: 300px;
  color: #323335;
  font-weight: 600;
  line-height: 1em;
  font-size: 24px;
  min-height: 136px; }

.podcast-episode-block {
  display: flex;
  flex-direction: row;
  margin-top: 0;
  padding: 0 2px; }
  .podcast-episode-block.podcast-ep-1-col {
    justify-content: flex-start; }
    .podcast-episode-block.podcast-ep-1-col .podcast-speaker-head {
      background-position: top left;
      margin-top: 0;
      margin-left: -12px; }
    .podcast-episode-block.podcast-ep-1-col .podcast-quote-col {
      margin-top: 20px; }
  .podcast-episode-block.podcast-ep-2-col {
    justify-content: flex-start;
    margin-bottom: 50px; }
    .podcast-episode-block.podcast-ep-2-col .podcast-speaker-head {
      background-position: bottom right;
      margin-left: -10px;
      margin-top: -60px;
      margin-right: -23px; }
    .podcast-episode-block.podcast-ep-2-col .podcast-quote-col {
      margin-top: 20px; }

@media (min-width: 500px) {
  .podcast-episode-block {
    padding: 0 12px; }
    .podcast-episode-block.podcast-ep-1-col .podcast-quote-col {
      margin-top: 30px; }
    .podcast-episode-block.podcast-ep-1-col .podcast-speaker-head {
      margin-left: 0; }
    .podcast-episode-block.podcast-ep-2-col .podcast-speaker-head {
      margin-left: 10px;
      margin-top: -10px; } }

@media (min-width: 1000px) {
  .podcast-episode-block {
    margin-top: 25px; }
    .podcast-episode-block.podcast-ep-1-col .podcast-quote-col {
      margin-top: 50px; } }

@media (min-width: 1200px) {
  .podcast-episode-block.podcast-ep-2-col .podcast-speaker-head {
    margin-left: -10px; } }

@media (min-width: 660px) and (max-width: 1200px) {
  #bwt-home-blade .podcast-episode-block {
    max-width: 620px;
    margin: auto; }
    #bwt-home-blade .podcast-episode-block.podcast-ep-1-col {
      margin-top: 0; } }

@media (min-width: 992px) {
  #bwt-home-blade .podcast-episode-content {
    justify-content: center; }
  #bwt-home-blade .podcast-episode-block.podcast-ep-1-col {
    justify-content: flex-end; }
  #bwt-home-blade .podcast-episode-block.podcast-ep-2-col {
    justify-content: flex-start; }
    #bwt-home-blade .podcast-episode-block.podcast-ep-2-col .podcast-quote-col {
      margin-top: 50px; } }

@media (min-width: 1200px) {
  #bwt-home-blade {
    background-image: url(/binary_background_brighter.svg), radial-gradient(circle at 12% center, #eebb56 7%, #ffad06 22%, #ea6513 70%);
    background-size: 500px, auto 100%; }
    #bwt-home-blade .podcast-episode-content {
      padding-top: 100px; }
  #bwt-badge {
    height: 550px;
    background-position: center right;
    margin-top: 50px; } }

.podcast-speaker-head.speaker-head-mitch {
  background-image: url(/speaker_head_mitch.png);
  min-height: 235px; }

.podcast-speaker-head.speaker-head-lurene {
  background-image: url(/speaker_head_lurene.png);
  min-height: 312px;
  min-width: 170px;
  background-size: 107%; }

.podcast-speaker-head.speaker-head-matt {
  background-image: url(/speaker_head_matt.png);
  background-size: 100%;
  min-width: 175px;
  min-height: 248px; }

.podcast-episode-block.podcast-ep-2-col .podcast-speaker-head.speaker-head-lurene {
  margin-bottom: -30px; }

.podcast-episode-block.podcast-ep-1-col .podcast-quote-bubble::before {
  content: '';
  display: block;
  position: absolute;
  margin-left: -36px;
  top: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 16px 16px 0;
  border-color: transparent #fcecd3a6 transparent transparent; }

.podcast-episode-block.podcast-ep-2-col .podcast-quote-bubble::before {
  content: '';
  display: block;
  position: absolute;
  right: -20px;
  top: 100px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 0 0 20px;
  border-color: transparent transparent transparent #fcecd3a6; }
