/* =========================================
   RESTORED BY LOVE PODCAST
   Brand colours
   ========================================= */

:root {
  --rbl-cream: #f7f4ea;
  --rbl-soft-cream: #fbfaf6;
  --rbl-olive: #55624a;
  --rbl-dark-olive: #35402f;
  --rbl-gold: #b18a3d;
  --rbl-text: #30342d;
  --rbl-muted: #6f746b;
  --rbl-border: #dedbce;
}


/* =========================================
   OVERALL PAGE
   ========================================= */

body,
.main-page {
  background-color: var(--rbl-soft-cream) !important;
  color: var(--rbl-text) !important;
}

.main-page {
  --playerColor: #55624a !important;
  --playerColorRGB: 85, 98, 74 !important;
}

.container {
  max-width: 1140px;
}


/* =========================================
   NAVIGATION
   ========================================= */

.navigation,
.cc-navigation1,
.navbar {
  background-color: var(--rbl-cream) !important;
}

.navigation {
  border-bottom: 1px solid var(--rbl-border);
}

.navbar {
  padding-top: 14px;
  padding-bottom: 14px;
}

.navbar .nav-link {
  color: var(--rbl-dark-olive) !important;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: var(--rbl-gold) !important;
}


/* =========================================
   PODCAST HEADER
   ========================================= */

.home-header-bg,
.cc-top-content {
  background-color: var(--rbl-cream) !important;
}

.cc-top-content {
  padding-top: 55px;
  padding-bottom: 55px;
}

.podcast-logo {
  border-radius: 22px;
  box-shadow: 0 12px 32px rgba(53, 64, 47, 0.13);
}

.text-content h1 {
  color: var(--rbl-dark-olive) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.cc-podcast-head-desc,
.p-description {
  color: var(--rbl-text) !important;
  font-size: 16px;
  line-height: 1.75;
}


/* =========================================
   LISTENING PLATFORMS
   ========================================= */

.podcast-available-on {
  padding-top: 30px;
  padding-bottom: 30px;
}

.cc-podcast-apps-content .title {
  color: var(--rbl-dark-olive);
  font-weight: 600;
}

.cc-podcast-apps li a {
  color: var(--rbl-text) !important;
  text-decoration: none;
}

.cc-podcast-apps li a:hover {
  color: var(--rbl-gold) !important;
}

.cc-podcast-apps img {
  box-shadow: 0 4px 14px rgba(53, 64, 47, 0.12);
  transition: transform 0.2s ease;
}

.cc-podcast-apps a:hover img {
  transform: translateY(-2px);
}


/* =========================================
   EPISODE SECTION
   ========================================= */

.cc-all-eposode-list,
.list-container {
  background-color: var(--rbl-soft-cream) !important;
}

.cc-episode-title,
.vertex-home-title,
.episode-list-header-title {
  color: var(--rbl-dark-olive) !important;
}

.cc-episode-title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: -0.015em;
}

.episode-list-header-title {
  font-weight: 600;
}


/* Individual episode cards */

.episode-content .card {
  background-color: #ffffff !important;
  border: 1px solid var(--rbl-border) !important;
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 24px;
  box-shadow: 0 7px 22px rgba(53, 64, 47, 0.07);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.episode-content .card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(53, 64, 47, 0.11);
}

.episode-logo,
.e-logo {
  overflow: hidden;
}

.episode-img {
  transition: transform 0.35s ease;
}

.episode-content .card:hover .episode-img {
  transform: scale(1.02);
}

.episode-content .card-body {
  padding: 22px;
}


/* Episode titles */

.episode-content .card-title,
.episode-content h3,
.episode-content h4,
.episode-content .episode-title {
  color: var(--rbl-dark-olive) !important;
  font-weight: 600;
  line-height: 1.35;
}

.episode-content a {
  color: var(--rbl-dark-olive);
}

.episode-content a:hover {
  color: var(--rbl-gold);
}


/* Episode date and supporting information */

.episode-date,
.text-gray,
.item-name {
  color: var(--rbl-muted) !important;
}

.e-l-date {
  background-color: rgba(247, 244, 234, 0.94) !important;
  color: var(--rbl-dark-olive) !important;
}


/* =========================================
   PLAY BUTTONS AND AUDIO PLAYER
   ========================================= */

.play-button-bg {
  background-color: var(--rbl-olive) !important;
  color: #ffffff !important;
}

.play-button:hover .play-button-bg {
  background-color: var(--rbl-dark-olive) !important;
}

audio {
  accent-color: var(--rbl-olive);
}


/* =========================================
   GENERAL BUTTONS
   ========================================= */

.btn-primary {
  background-color: var(--rbl-olive) !important;
  border-color: var(--rbl-olive) !important;
  border-radius: 999px;
}

.btn-primary:hover {
  background-color: var(--rbl-dark-olive) !important;
  border-color: var(--rbl-dark-olive) !important;
}


/* =========================================
   EPISODE DESCRIPTION LINKS
   ========================================= */

.p-description a,
.episode-content a,
.modal-body a {
  color: var(--rbl-olive) !important;
  text-decoration-color: rgba(85, 98, 74, 0.4);
  text-underline-offset: 3px;
}

.p-description a:hover,
.episode-content a:hover,
.modal-body a:hover {
  color: var(--rbl-gold) !important;
}


/* =========================================
   FOOTER
   ========================================= */

.cc-footer2,
.footer {
  background-color: var(--rbl-dark-olive) !important;
  color: var(--rbl-cream) !important;
  padding-top: 34px;
  padding-bottom: 28px;
}

.footer p,
.footer .copy-right,
.footer .by,
.footer a {
  color: var(--rbl-cream) !important;
}

.footer a:hover {
  color: #d6bd82 !important;
}

.footer .social-icon-content svg {
  color: var(--rbl-cream) !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .cc-top-content {
    padding-top: 30px;
    padding-bottom: 36px;
  }

  .podcast-logo {
    max-width: 260px;
    display: block;
    margin: 0 auto 28px;
  }

  .text-content {
    text-align: center;
  }

  .text-content h1 {
    font-size: 32px;
  }

  .cc-podcast-head-desc,
  .p-description {
    font-size: 15px;
    line-height: 1.65;
  }

  .episode-content .card {
    border-radius: 14px;
  }
}