:root {
    --primary-color: #214E8A;--primary-light-color: rgba(33,78,138,0.1);--text-color: #1F2937;--inverse-color: #1F2937;--text-light-color: #1F2937;--heading-color: #1F2937;--bg-color: #FAFAF8;--bg-component-color: #fefefe;--bg-lightest-color: #FAFAF8;--border-color: rgba(31,41,55,0.1);--link-color: #17375E;--btn-color: #214E8A;--btn-text-color: #FFFFFF;--badge-bg-color: rgba(31,41,55,0.1);--badge-text-color: #1F2937;--card-bg-color: #FFFFFF;--card-border-color: rgba(31,41,55,0.1);--announcement-bg-color: #17375E;--announcement-text-color: #FFFFFF;--footer-bg-color: #17375E;--footer-header-color: #FFFFFF;--footer-text-color: #FFFFFF;--footer-link-color: #AFC8E8;--input-bg-color: #fefefe;--input-text-color: #1F2937;--input-placeholder-color: rgba(31,41,55,0.6);--input-border-color: rgba(31,41,55,0.1);--nav-bg-color: #17375E;--nav-link-color: #F5F8FB;--nav-btn-bg-color: #FFFFFF;--nav-btn-text-color: #17375E;--header-text-color: #1F2937;--header-bg-color: #FAFAF8;--global-header-text-color: #1F2937;--global-header-bg-color: #FFFFFF;--accent-1-color: #214E8A;--accent-2-color: #796FF6;--accent-3-color: #42D2F0;--accent-4-color: #617DEF;--accent-5-color: #A377F8;--orb-1-color: #337FE6;--orb-2-color: #503ADF;--orb-3-color: #21D0DE;--orb-4-color: #26D998;

    --h1-font-size: 40px;
    --h1-font-weight: 600;
    --h2-font-size: 32px;
    --h2-font-weight: 600;
    --h3-font-size: 24px;
    --h3-font-weight: 600;
    --subpage-header-subtitle-font-size: 20px;
    --subpage-header-subtitle-font-weight: 500;
    --nav-bar-link-font-size: 1.0rem;
    --nav-bar-link-font-weight: 500;
    --pagination-font-size: 14px;
    --border-radius-button: 4px 20px 4px 4px;
    --border-radius-card: 10px 100px 10px 10px;
    --border-radius-image: 8px 8px 8px 8px;
    --card-body-padding: 50px 50px 50px 50px;
    --nav-bar-logo-height: 50px;
    
    --card-padding: 0px;
    
    
    --heading-font-weight: 600;
    --nav-bar-bg-filler-height: 44px;
    --heading-highlight-color: var(--primary-color);
    --scroll-anim-start: translateY(0px);
    
    
    
    --card-shadow-style: 0 2px 12px rgba(0,0,0,0.06);
    
    
    --nav-bar-link-font-case: capitalize;
    
}


@font-face{font-family:"Poppins Fallback";src:local("Arial");size-adjust:112.1577%;ascent-override:93.6182%;descent-override:31.2061%;line-gap-override:8.916%}:root{--heading-font:"Poppins","Poppins Fallback"}.heading,.display,.show-page .navbar-brand,.section-title .section-title-inner,h1,h2,h3,h4,h5,h6{font-family:"Poppins","Poppins Fallback" !important}@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:107.1194%;ascent-override:90.4365%;descent-override:22.518%;line-gap-override:0.0%}:root{--body-font:"Inter","Inter Fallback"}body,p,.navbar-nav .nav-link,.btn{font-family:"Inter","Inter Fallback" !important}


.container.navbar-container {max-width: 100% !important; padding-left: 24px; padding-right: 24px;}



  .heading, .heading>a, .display {font-weight: var(--heading-font-weight) !important;}








  #header-hero {background-color:transparent !important;}
  #header-hero .section-wrapper {background-color:var(--header-bg-color) !important; border-radius: 40px;}
  #header-hero .section-inner-wrapper { padding: 0 40px !important}



#header-hero.episode-header #c-text>div {
  background-color: var(--bg-color) !important;
  padding: 48px;
}

#header-hero.episode-header #header-content-wrapper {
  padding-bottom: 0 !important;
}



  @media (max-width: 575px) {
    .podcast-home-page #header-hero-banner-section,
    .podcast-home-page #header-hero {
      display: none !important;
    }
  }





.card,
.pp-card {
  background-color: var(--card-bg-color) !important;
  border-color: var(--border-color) !important;
  overflow: hidden;
  border-radius: var(--border-radius-card) !important;
}




.card:not(.p-0) .card-body,
.pp-card:not(.p-0) .pp-card-body {
  padding: var(--card-body-padding) !important;
}







#header-hero{position:relative !important;}#header-hero #header-content-wrapper{max-width:100% !important;padding-top:48px !important;padding-bottom:48px !important;}#header-hero #c-text{flex:50% !important;max-width:50% !important;text-align:left !important;}#header-hero #c-text #homepage-header-title{font-size:45px !important;font-weight:600 !important;}#header-hero #c-text #homepage-header-description{font-size:16px !important;font-weight:400 !important;}#header-hero #c-artwork{flex:45.0% !important;max-width:45.0% !important;margin-left:auto !important;order:2 !important;}@media (max-width: 992px) {#header-hero #c-text {flex: 100% !important; max-width: 100% !important;}#header-hero #c-artwork{flex: 100% !important; max-width: 100% !important}}


  @media (min-width: 800px) {
    .subscribe-page {
        margin-top: -42px;
        margin-bottom: -42px;
    }
  }



  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  #newsletter-section .section-wrapper {
      background-color: #FFFBFE !important; border:0 !important;
      
      border-radius: 40px !important;
    }
    #newsletter-section .section-inner-wrapper { padding: 24px !important}
  

  

  

  





.scroll-animate {
  opacity: 0;
  transform: var(--scroll-anim-start);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.scroll-animate.visible {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .scroll-animate { opacity: 1 !important; transform: none !important; transition: none !important; }
}











.card, .pp-card { box-shadow: var(--card-shadow-style) !important; }





@keyframes heroFadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}
#header-hero #header-content-wrapper > * {
    opacity: 0;
    animation: heroFadeUp 0.7s ease-out forwards;
}
#header-hero #header-content-wrapper > *:nth-child(1) { animation-delay: 0.1s; }
#header-hero #header-content-wrapper > *:nth-child(2) { animation-delay: 0.25s; }
#header-hero #header-content-wrapper > *:nth-child(3) { animation-delay: 0.4s; }
#header-hero #header-content-wrapper > *:nth-child(4) { animation-delay: 0.55s; }
#header-hero #header-content-wrapper > *:nth-child(5) { animation-delay: 0.7s; }
#header-hero .header-image-wrapper {
    opacity: 0;
    animation: heroFadeUp 0.8s ease-out 0.2s forwards;
}
@media (prefers-reduced-motion: reduce) {
    #header-hero #header-content-wrapper > *,
    #header-hero .header-image-wrapper { animation: none; opacity: 1; }
}




















