@font-face {
  font-family: 'Inter Black';
  src: url("./Inter-Black.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

body {
  --color-brand: #0172F0 ;
  --color-primary: #005587;
  --color-black: #181724;
  --color-player: #0172F0 ;
  --color-font-player: #fff;
  --color-secondary: #8d8a9e;
  color: #1A1B1B;
}

.player-container {
  background: #005587 !important;
}

.episode-card-title > div.episode-card-title-link > a > div {
  color: #1A1B1B;
}

div.font-bold.podcast-title {
  color: #1A1B1B;
}

.episode-list-item > div.min-w-0.relative.flex-auto.ml-3 > h2 {
  color: #1A1B1B;
}

div.flex.justify-between.items-start.space-x-4.md\:space-x-0.text-black.md\:text-secondary > div > div > h1 {
  color: #1A1B1B;
}

div.block.footer > footer > div > div.text-center.md\:text-right > ul > li > a {
  color: #fff !important;
}

#pi-cmp-choice > a {
  color: #fff !important;
}

div.block.footer > footer > div > div.text-center.md\:text-right > div > a {
  color: #fff !important;
}

.player-container > div.container--fluid > div > div.flex.items-center.overflow-hidden.md\:w-1\/2.mr-auto > div.overflow-hidden > div:nth-child(1) > a > div {
  color: #fff !important;
}

.episode-page.flex-shrink > div.relative.md\:w-1\/2.flex.text-white > div > div.md\:mb-8.text-center.p-5.md\:p-0.overflow-hidden.flex-shrink-0 > div.episode-item2.flex.items-center.justify-center.mb-4.relative > div.absolute.top-0.left-0.right-0.flex.items-center.justify-between > a {
  color: #fff !important;
}

.player-container > div.container--fluid > div > div.flex.items-center.overflow-hidden.md\:w-1\/2.mr-auto > div.overflow-hidden > div:nth-child(2) > a > div > div {
  color: #fff !important;
}

.episode-page.flex-shrink > div.relative.md\:w-1\/2.flex.text-white > div > div.md\:mb-8.text-center.p-5.md\:p-0.overflow-hidden.flex-shrink-0 > div.flex.flex-row.justify-center.text-xs.md\:text-sm.mb-4.text-white > div > a {
  color: #fff !important;
}

.episode-page.flex-shrink > div.relative.md\:w-1\/2.flex.text-white > div > div.md\:mb-8.text-center.p-5.md\:p-0.overflow-hidden.flex-shrink-0 > div.flex.flex-row.justify-center.text-xs.md\:text-sm.mb-4.text-white > span > div > a {
  color: #fff !important;
}

.episode-page.flex-shrink > div.hidden.md\:flex.flex.md\:w-1\/2.bg-black.text-white a {
  color: #fff !important;
}

.footer #pi-cmp-choice > a {
  color: #fff !important;
}

#pi-cmp-choice > a {
  color: #1A1B1B !important;
}

div.flex.items-center.md\:flex-row.justify-between.container--left.py-4 > div > form > input{
  padding-left: 30px !important;
}

#didomi-popup > div > div > div > div.didomi-popup-notice-logo-container > img {
  margin: auto;
}

.footer > footer > div > div.text-center.md\:text-left > a {
  margin-bottom: 0;
}

.home-left-col > h1 {
  font-size : 36px !important;
  line-height : 42px !important;
  font-family: "Inter Black", sans-serif !important;
}

div > h2.text-color-domain {
  font-size : 32px !important;
  line-height : 38px !important;
  font-family: "Inter Black", sans-serif !important;
}

footer > div {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

body.embed {
  --player-slide-background-before: #0172F0 ;
  --player-slide-position-circle-color: #005587;
  --podcasts-title-color: #4c4d4e;
  --player-btn-color: #0172F0 ;
  --btn-primary-color: #0172F0 ;
  --btn-primary-background: #0172F0 ;
  --btn-primary-background-hover: #005587;
}

/**
 * Only for mobile
 */
@media screen and (max-width: 768px) {
  div.home-page {
    margin-top: 2rem;
  }

  div.transition-all.program-page {
    margin-top: 2rem;
  }

  div.transition-all.episode-page {
    margin-top: 2rem;
  }

  .is-expanded div.episode-item {
    margin-top: 2rem;
  }

  .episode-list-item > div.min-w-0.relative.flex-auto.ml-3 > h2 {
    color: #fff;
  }

  .episode-page.flex-shrink > div.relative.md\:w-1\/2.flex.text-white > div > div.md\:relative.md\:bg-lightGrey.rounded-t-xl.md\:text-black.md\:rounded-xl.mb-0.md\:mb-6 > div > div > article > div.episode-list-item > div.min-w-0.relative.flex-auto.ml-3 > h2 > div > a {
    color: #fff !important;
  }

  .episode-page.flex-shrink > div.relative.md\:w-1\/2.flex.text-white > div > div.md\:relative.md\:bg-lightGrey.rounded-t-xl.md\:text-black.md\:rounded-xl.mb-0.md\:mb-6 > div > div > article > div.episode-list-item > div.min-w-0.relative.flex-auto.ml-3 > div > div > span.underline.px-1 > span > div > a {
    color: #fff !important;
  }
}