.elementor-kit-5012649{--e-global-color-primary:#6285BE;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:36px;font-weight:500;--e-global-typography-primary-line-height:1.15px;--e-global-typography-primary-letter-spacing:-0.01px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-line-height:1.15px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-line-height:1.8em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Inter";color:#2B3943;font-family:"Inter", Sans-serif;font-size:18px;line-height:1.7em;}.elementor-kit-5012649 button,.elementor-kit-5012649 input[type="button"],.elementor-kit-5012649 input[type="submit"],.elementor-kit-5012649 .elementor-button{background-color:#82B137;font-size:20px;font-weight:600;text-transform:uppercase;line-height:1em;color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-kit-5012649 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5012649 p{margin-block-end:12px;}.elementor-kit-5012649 a{color:#5A86C0;}.elementor-kit-5012649 a:hover{color:#5A86C0;}.elementor-kit-5012649 h1{color:#0E1822;font-family:"Inter", Sans-serif;font-size:48px;font-weight:800;line-height:1.15em;}.elementor-kit-5012649 h2{font-family:"Inter", Sans-serif;font-size:40px;font-weight:700;}.elementor-kit-5012649 h3{color:#333333;font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;line-height:1.15em;}.elementor-kit-5012649 h4{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;}.elementor-kit-5012649 h5{font-size:20px;font-weight:600;}.elementor-kit-5012649 h6{font-size:18px;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-5012649{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5012649{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===========================================
   MERGED CSS: Blog & Podcast Typography
   Preserves existing podcast styles while improving blog posts
   For Elementor Custom CSS on WordPress
   =========================================== */

/* ====================================
   SECTION 1: BLOG POST STYLES ONLY
   ==================================== */

/* 1. MAIN CONTENT CONTAINER - BLOG ONLY */
.single-post:not(.single-podcast) .elementor-widget-theme-post-content .elementor-widget-container,
.single-post.type-post .elementor-widget-theme-post-content .elementor-widget-container,
.single-post.category-uncategorized article .entry-content {
    max-width: 750px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
}

/* Ensure proper spacing from header for blog posts */
.single-post:not(.single-podcast) .elementor-section-wrap > .elementor-section:first-child,
.single-post.type-post .elementor > .elementor-section:first-child {
    padding-top: 60px !important;
}

/* 2. TYPOGRAPHY - BODY TEXT FOR BLOG ONLY */
.single-post:not(.single-podcast) .elementor-widget-theme-post-content p,
.single-post.type-post .elementor-widget-theme-post-content p {
    font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
    font-weight: 400 !important;
    color: #2c3e50 !important;
    margin-top: 0 !important;
    margin-bottom: 22px !important;
    letter-spacing: 0.01em !important;
}

/* 3. BLOG POST HEADINGS */
/* H1 - Main post title for BLOG ONLY */
.single-post:not(.single-podcast) h1,
.single-post:not(.single-podcast) h1.entry-title,
.single-post.type-post h1.entry-title {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 36px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: -0.02em !important;
}

/* Control blog title spacing at widget level */
.single-post:not(.single-podcast) .elementor-widget-theme-post-title,
.single-post.type-post .elementor-widget-theme-post-title {
    margin-top: 60px !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
}

/* H2 - Blog sections with left border */
.single-post:not(.single-podcast) .elementor-widget-theme-post-content h2,
.single-post.type-post .elementor-widget-theme-post-content h2 {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 28px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-top: 40px !important;
    margin-bottom: 18px !important;
    padding: 0 !important;
    letter-spacing: -0.01em !important;
    border-left: 4px solid #7c4dff !important;
    padding-left: 16px !important;
    margin-left: -20px !important;
}

/* H3 - Blog subsections */
.single-post:not(.single-podcast) .elementor-widget-theme-post-content h3,
.single-post.type-post .elementor-widget-theme-post-content h3 {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin-top: 20px !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
    letter-spacing: -0.005em !important;
}

/* ====================================
   SECTION 2: PODCAST STYLES (RESTORED)
   ==================================== */

/* Add subtle visual separators for h2 sections in PODCASTS */
.single-podcast .elementor-widget-theme-post-content h2 {
    position: relative;
    padding-top: 3rem;
}

.single-podcast .elementor-widget-theme-post-content h2:before {
    content: '';
    position: absolute;
    top: 1.5rem;
    left: 0;
    width: 40px;
    height: 3px;
    background: #7c4dff;
}

/* Enhanced body text readability for PODCASTS */
.single-podcast .elementor-widget-theme-post-content p {
    line-height: 1.7;
    color: #333;
}

/* Make links more obvious and interactive in PODCASTS */
.single-podcast .elementor-widget-theme-post-content a {
    color: #7c4dff;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease;
}

.single-podcast .elementor-widget-theme-post-content a:hover {
    border-bottom: 1px solid #7c4dff;
}

/* Style strong text for better scannability in PODCASTS */
.single-podcast .elementor-widget-theme-post-content p strong {
    color: #2c3e50;
    display: inline;
}

/* Add subtle left border to Key Lessons (paragraphs with strong tags) */
.single-podcast .elementor-widget-theme-post-content p:has(strong) {
    padding-left: 20px;
    border-left: 2px solid #f0f0f0;
    margin-left: 0;
    transition: all 0.3s ease;
}

.single-podcast .elementor-widget-theme-post-content p:has(strong):hover {
    border-left-color: #7c4dff;
    background: linear-gradient(90deg, #f8f9fb 0%, transparent 100%);
}

/* Add subtle shadow to CTA boxes in PODCASTS */
.single-podcast .elementor-widget-theme-post-content [style*="background: #f5f5f5"],
.single-podcast .elementor-widget-theme-post-content [style*="background:#f5f5f5"] {
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Ensure lists maintain good spacing in PODCASTS */
.single-podcast .elementor-widget-theme-post-content ul,
.single-podcast .elementor-widget-theme-post-content ol {
    line-height: 1.7;
}

.single-podcast .elementor-widget-theme-post-content li {
    margin-bottom: 0.5rem;
}

/* Polish for any buttons/toggles in PODCASTS */
.single-podcast button,
.single-podcast .elementor-button {
    transition: all 0.3s ease;
}

/* If you have transcript toggle from Shortcodes Ultimate in PODCASTS */
.single-podcast .su-spoiler {
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    margin: 30px 0 !important;
}

.single-podcast .su-spoiler-title {
    background: #f8f9fb !important;
    color: #333 !important;
    font-weight: 600 !important;
}

.single-podcast .su-spoiler-title:hover {
    background: #7c4dff !important;
    color: white !important;
}

/* ====================================
   SECTION 3: SHARED STYLES (BOTH)
   ==================================== */

/* Links - shared base styling */
.single-post .elementor-widget-theme-post-content a,
.single-podcast .elementor-widget-theme-post-content a {
    color: #7c4dff !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent !important;
    transition: all 0.3s ease !important;
}

.single-post .elementor-widget-theme-post-content a:hover,
.single-podcast .elementor-widget-theme-post-content a:hover {
    border-bottom: 1px solid #7c4dff !important;
}

/* Lists - shared improvements */
.single-post .elementor-widget-theme-post-content ul li::marker,
.single-podcast .elementor-widget-theme-post-content ul li::marker {
    color: #7c4dff !important;
}

/* Quick navigation styling if you add it */
.quick-nav {
    background: #f0f0f0;
    padding: 15px;
    border-radius: 8px;
    margin: 20px 0;
}

.quick-nav a {
    margin: 0 10px;
    font-weight: 500;
}

/* ====================================
   SECTION 4: COMMENTS (BLOG ONLY)
   ==================================== */

/* Comments section styling - BLOG ONLY */
.single-post:not(.single-podcast) #comments,
.single-post.type-post .comments-area {
    max-width: 750px !important;
    margin: 60px auto 40px !important;
    padding: 40px 20px !important;
    background: #ffffff !important;
    border-top: 3px solid #7c4dff !important;
}

/* Comments title */
.single-post:not(.single-podcast) #comments h2,
.single-post:not(.single-podcast) .comments-title,
.single-post:not(.single-podcast) #reply-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin-bottom: 30px !important;
    padding-top: 0 !important;
    position: static !important;
}

/* Remove the purple bar from comments h2 */
.single-post:not(.single-podcast) #comments h2:before,
.single-post:not(.single-podcast) .comments-title:before,
.single-post:not(.single-podcast) #reply-title:before {
    display: none !important;
}

/* Submit button - purple theme */
.single-post:not(.single-podcast) #submit,
.single-post:not(.single-podcast) .submit,
.single-post:not(.single-podcast) #commentform input[type="submit"] {
    background: #7c4dff !important;
    color: #ffffff !important;
    border: none !important;
    padding: 14px 32px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(124, 77, 255, 0.2) !important;
}

.single-post:not(.single-podcast) #submit:hover,
.single-post:not(.single-podcast) .submit:hover,
.single-post:not(.single-podcast) #commentform input[type="submit"]:hover {
    background: #6a3de8 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(124, 77, 255, 0.3) !important;
}

/* ====================================
   SECTION 5: RESPONSIVE
   ==================================== */

/* Tablet */
@media (max-width: 1024px) {
    .single-post:not(.single-podcast) h1,
    .single-post:not(.single-podcast) h1.entry-title {
        font-size: 32px !important;
    }
    
    .single-post:not(.single-podcast) .elementor-widget-theme-post-content h2 {
        font-size: 26px !important;
    }
    
    .single-post:not(.single-podcast) .elementor-widget-theme-post-content h3 {
        font-size: 20px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .single-post:not(.single-podcast) h1,
    .single-post:not(.single-podcast) h1.entry-title {
        font-size: 28px !important;
    }
    
    .single-post:not(.single-podcast) .elementor-widget-theme-post-content h2 {
        font-size: 24px !important;
        margin-top: 30px !important;
    }
    
    .single-post:not(.single-podcast) .elementor-widget-theme-post-content h3 {
        font-size: 20px !important;
        margin-top: 25px !important;
    }
    
    .single-post:not(.single-podcast) .elementor-widget-theme-post-content p {
        font-size: 17px !important;
    }
    
    .single-post:not(.single-podcast) .elementor-widget-theme-post-content .elementor-widget-container {
        padding: 30px 15px !important;
    }
}

/* ====================================
   SECTION 6: UTILITY
   ==================================== */

/* Smooth font rendering */
* {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* ===========================================
   SPACING REFINEMENTS FOR BLOG POSTS
   =========================================== */

/* Fix spacing after lists - give breathing room */
.single-post:not(.single-podcast) .elementor-widget-theme-post-content ul,
.single-post:not(.single-podcast) .elementor-widget-theme-post-content ol {
    margin-bottom: 32px !important;  /* More space after lists */
}

/* Ensure proper spacing between list and following paragraph */
.single-post:not(.single-podcast) .elementor-widget-theme-post-content ul + p,
.single-post:not(.single-podcast) .elementor-widget-theme-post-content ol + p {
    margin-top: 24px !important;  /* Give the paragraph after a list room to breathe */
}

/* Tighten up excessive H2 spacing */
.single-post:not(.single-podcast) .elementor-widget-theme-post-content h2 {
    margin-top: 36px !important;  /* Reduced from 40px */
    margin-bottom: 16px !important;  /* Reduced from 18px */
}

/* First H2 shouldn't have as much top margin */
.single-post:not(.single-podcast) .elementor-widget-theme-post-content > h2:first-child,
.single-post:not(.single-podcast) .elementor-widget-theme-post-content p + h2:first-of-type {
    margin-top: 28px !important;
}

/* Reduce H3 top spacing slightly */
.single-post:not(.single-podcast) .elementor-widget-theme-post-content h3 {
    margin-top: 24px !important;  /* Was 20px, but needs more */
    margin-bottom: 14px !important;  /* Slightly more than 12px */
}

/* Fix paragraph spacing consistency */
.single-post:not(.single-podcast) .elementor-widget-theme-post-content p {
    margin-bottom: 20px !important;  /* Slightly less cramped than 22px */
}

/* Strong/bold paragraphs (like your scoring criteria) need space */
.single-post:not(.single-podcast) .elementor-widget-theme-post-content p strong:first-child {
    display: inline-block;
    margin-top: 8px !important;
}

/* Remove any weird Elementor spacing */
.single-post:not(.single-podcast) .elementor-widget-container > *:last-child {
    margin-bottom: 0 !important;  /* No margin on last element */
}

/* Nested lists should be tighter */
.single-post:not(.single-podcast) .elementor-widget-theme-post-content ul ul,
.single-post:not(.single-podcast) .elementor-widget-theme-post-content ol ol,
.single-post:not(.single-podcast) .elementor-widget-theme-post-content ul ol,
.single-post:not(.single-podcast) .elementor-widget-theme-post-content ol ul {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

/* ===========================================
   SECTION 7: Q&A FIXES (NEW)
   Prevents shading on Q&A text
   =========================================== */

/* Reset shading for the specific Q&A container */
.single-podcast .episode-qa-section p,
.single-podcast .episode-qa-section p:has(strong) {
    padding-left: 0 !important;
    border-left: none !important;
    background: none !important;
    margin-left: 0 !important;
    box-shadow: none !important;
}

/* Prevent hover effects on Q&A */
.single-podcast .episode-qa-section p:has(strong):hover {
    background: none !important;
    border-left-color: transparent !important;
}





/* ===========================================
   FINAL FIX: Q&A OVERRIDE
   This forces the Q&A section to ignore "Key Lessons" styling
   even though it contains bold text.
   =========================================== */

/* 1. Reset the container text */
.single-podcast .elementor-widget-theme-post-content .episode-qa-section {
    color: #333 !important;
    font-family: inherit !important;
}

/* 2. Target the paragraphs specifically to remove Grey Box/Borders */
.single-podcast .elementor-widget-theme-post-content .episode-qa-section p,
.single-podcast .elementor-widget-theme-post-content .episode-qa-section p:has(strong) {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-left: 0 !important;
    box-shadow: none !important;
    margin-bottom: 20px !important; /* Standard spacing */
}

/* 3. Ensure the bold "Q:" stays bold but doesn't trigger hover effects */
.single-podcast .elementor-widget-theme-post-content .episode-qa-section p:has(strong):hover {
    background: transparent !important;
    border: none !important;
}

/* 4. Nuclear option for any lingering <pre> tags just in case */
.single-podcast .elementor-widget-theme-post-content .episode-qa-section pre {
    all: unset !important; /* Removes ALL special formatting */
    display: block !important;
    margin-bottom: 20px !important;
    white-space: pre-wrap !important;
    font-family: inherit !important;
}

.show-links a + a::before {
    content: " | ";
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-display: auto;
	src: url('https://saasclub.io/wp-content/uploads/2025/09/Inter-VariableFont_opszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */