body.fb-content-experience {
    --fb-bg: #D9D1C4;
    --fb-ink: #373333;
    --fb-cream: #FAF6F0;
    --fb-muted: #776E67;
    --fb-line: #BFB4A7;
    --fb-dark: #373333;
    --fb-accent-blue: #9EBEC3;
    --fb-accent-pink: #EDB2B0;
    --fb-accent-green: #A7C47A;
    background: var(--fb-bg) !important;
    color: var(--fb-ink) !important;
}

body.fb-content-experience .site,
body.fb-content-experience .site-main,
body.fb-content-experience main,
body.fb-content-experience .content-area,
body.fb-content-experience article,
body.fb-content-experience .entry-content {
    background: var(--fb-bg) !important;
}

/* Hide only the template's main single-post title. Never hide titles inside More Posts/related-post cards. */
body.fb-content-experience main > article > .entry-header > .entry-title,
body.fb-content-experience .site-main > article > .entry-header > .entry-title,
body.fb-content-experience h1.wp-block-post-title,
body.fb-content-experience > .post-thumbnail,
body.fb-content-experience article > .post-thumbnail,
body.fb-content-experience .entry-header .post-thumbnail,
body.fb-content-experience .entry-meta,
body.fb-content-experience .entry-footer,
body.fb-content-experience footer.entry-footer,
body.fb-content-experience .tags-links,
body.fb-content-experience .cat-links,
body.fb-content-experience .posted-on,
body.fb-content-experience .byline,
body.fb-content-experience .wp-block-post-terms,
body.fb-content-experience .post-tags,
body.fb-content-experience .entry-tags,
body.fb-content-experience .post-meta,
body.fb-content-experience .post-meta-data,
body.fb-content-experience .post-taxonomies,
body.fb-content-experience .taxonomy-post_tag,
body.fb-content-experience .taxonomy-category,
body.fb-content-experience [class*="tagged"],
body.fb-content-experience [class*="tags-links"],
body.fb-content-experience .meta-boxes,
body.fb-content-experience .comments-link,
body.fb-content-experience .comment-navigation {
    display: none !important;
}

/*
 * On single Blog posts, keep the existing Elementor hero exactly as designed,
 * but replace its dynamic post title visually with the fixed collection title.
 * This affects only Elementor's Theme Post Title widget; the individual article
 * title continues to appear in the editorial header generated below.
 */
/*
 * Change only the Post Title widget in the first/top Elementor section.
 * Any later Post Title widget (including the one below More Posts) remains
 * completely untouched and displays its normal dynamic title.
 */
body.fb-club-blog-post .elementor-location-single > .elementor-element:first-child .elementor-widget-theme-post-title,
body.fb-club-blog-post .elementor-location-single > .e-con:first-child .elementor-widget-theme-post-title {
    display: block !important;
}

body.fb-club-blog-post .elementor-location-single > .elementor-element:first-child .elementor-widget-theme-post-title .elementor-heading-title,
body.fb-club-blog-post .elementor-location-single > .e-con:first-child .elementor-widget-theme-post-title .elementor-heading-title {
    font-size: 0 !important;
    line-height: 1 !important;
}

body.fb-club-blog-post .elementor-location-single > .elementor-element:first-child .elementor-widget-theme-post-title .elementor-heading-title::after,
body.fb-club-blog-post .elementor-location-single > .e-con:first-child .elementor-widget-theme-post-title .elementor-heading-title::after {
    content: "The Funky Batter Guide";
    font-family: inherit;
    font-size: clamp(42px, 5vw, 72px);
    font-weight: inherit;
    line-height: 1.08;
    letter-spacing: inherit;
    color: inherit;
}

/* Hide only the stray duplicate current-post title at the very bottom of the single-post template.
 * More Posts card titles and Previous/Next navigation remain untouched. */
body.fb-club-blog-post .elementor-location-single > .elementor-element:last-child .elementor-widget-theme-post-title,
body.fb-club-blog-post .elementor-location-single > .e-con:last-child .elementor-widget-theme-post-title {
    display: none !important;
}

/* Keep the existing Elementor/WordPress previous and next post navigation exactly as designed. */

/*
 * The plugin prints the featured image once, directly below the article hero.
 * Hide featured-image widgets supplied by the single-post template so the
 * image does not also appear above the article hero.
 */
body.fb-club-blog-post .elementor-widget-theme-post-featured-image,
body.fb-club-blog-post .elementor-widget-post-featured-image,
body.fb-club-blog-post .wp-block-post-featured-image,
body.fb-club-blog-post .single-post-featured-image {
    display: none !important;
}

body.fb-club-video-resource .comments-area,
body.fb-club-video-resource #comments,
body.fb-club-video-resource .comment-respond,
body.fb-club-video-resource .wp-block-post-comments,
body.fb-club-video-resource .wp-block-comments,
body.fb-club-video-resource .wp-block-comment-template,
body.fb-club-video-resource .wp-block-comment-form,
body.fb-club-video-resource .discussion {
    display: none !important;
}

body.fb-content-experience .entry-content {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.fb-content-experience .fbce-wrap {
    font-family: Raleway, Inter, Arial, sans-serif;
    background: var(--fb-bg);
    color: var(--fb-ink);
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow: hidden;
}

body.fb-content-experience .fbce-hero {
    background: var(--fb-dark);
    color: var(--fb-cream);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    overflow: hidden;
}

body.fb-content-experience .fbce-video-hero {
    min-height: 380px;
    padding: 78px 24px 76px;
}

/* Blog posts use a quiet editorial heading instead of the dark Vault banner. */
body.fb-club-blog-post .fbce-blog-header {
    width: min(920px, calc(100% - 40px));
    margin: 0 auto;
    padding: 58px 0 26px;
    text-align: left;
}

body.fb-club-blog-post .fbce-blog-kicker {
    margin: 0 0 12px;
    color: rgba(55,51,51,.68);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

body.fb-club-blog-post .fbce-blog-header h1 {
    max-width: 860px;
    margin: 0;
    color: var(--fb-ink);
    font-family: 'Cormorant Garamond', Cormorant, Georgia, serif;
    font-size: clamp(42px, 5vw, 66px);
    font-weight: 400;
    letter-spacing: -.025em;
    line-height: 1.06;
}

body.fb-club-blog-post .fbce-blog-meta {
    margin: 16px 0 0;
    color: rgba(55,51,51,.60);
    font-size: 12px;
    letter-spacing: .10em;
    text-transform: uppercase;
}

body.fb-content-experience .fbce-orb {
    position: absolute;
    right: -110px;
    top: -130px;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(255,255,255,.045);
}

/* No decorative accent bar on blog or Vault resource heroes. */
body.fb-content-experience .fbce-hero::after {
    content: none !important;
    display: none !important;
}

body.fb-content-experience .fbce-hero-inner {
    max-width: 1080px;
    margin: auto;
    position: relative;
    z-index: 1;
}

body.fb-content-experience .fbce-kicker {
    margin: 0 0 20px;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 12px;
    font-weight: 700;
}

body.fb-content-experience .fbce-hero h1 {
    font-family: 'Cormorant Garamond', Cormorant, Georgia, serif;
    font-size: clamp(48px, 6vw, 88px);
    line-height: 1.02;
    letter-spacing: -.035em;
    font-weight: 400;
    color: var(--fb-cream);
    margin: 0 auto 24px;
    max-width: 1050px;
}

body.fb-content-experience .fbce-content-section {
    padding: 78px 7vw 104px;
    background: var(--fb-bg);
}

body.fb-content-experience .fbce-content-card {
    max-width: 920px;
    margin: 0 auto;
    background: var(--fb-cream) !important;
    border: 1px solid rgba(55,51,51,.09);
    padding: clamp(34px, 5vw, 66px);
    box-shadow: 0 22px 70px rgba(55,51,51,.08);
}

body.fb-club-blog-post .fbce-content-card {
    max-width: 980px;
}

body.fb-content-experience .fbce-article-content {
    max-width: 780px;
    margin: 0 auto;
}

body.fb-content-experience .fbce-featured-image {
    width: min(760px, 100%);
    max-width: 760px;
    margin: 0 auto 58px !important;
}

body.fb-content-experience .fbce-featured-image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
}

body.fb-content-experience .fbce-content-card h1,
body.fb-content-experience .fbce-content-card h2,
body.fb-content-experience .fbce-content-card h3,
body.fb-content-experience .fbce-content-card h4 {
    font-family: 'Cormorant Garamond', Cormorant, Georgia, serif;
    font-weight: 400;
    letter-spacing: -.03em;
    color: var(--fb-ink);
}

body.fb-content-experience .fbce-content-card h2 {
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;
    margin: 72px 0 20px;
    padding-top: 0;
    border-top: 0;
}

body.fb-content-experience .fbce-content-card h2:first-child {
    margin-top: 0;
}

body.fb-content-experience .fbce-content-card h3 {
    font-size: clamp(27px, 3vw, 36px);
    line-height: 1.15;
    margin: 44px 0 14px;
}

body.fb-content-experience .fbce-content-card h4 {
    font-size: 24px;
    line-height: 1.2;
    margin: 34px 0 12px;
}

body.fb-content-experience .fbce-content-card p,
body.fb-content-experience .fbce-content-card li,
body.fb-content-experience .fbce-content-card td,
body.fb-content-experience .fbce-content-card th {
    font-size: 18px;
    line-height: 1.75;
    color: var(--fb-ink);
}

body.fb-content-experience .fbce-content-card .fbce-article-content > p:first-child {
    font-size: 21px;
    line-height: 1.7;
    color: #5F5750;
    margin-top: 0;
}

body.fb-content-experience .fbce-content-card p {
    margin-top: 0;
    margin-bottom: 24px;
}

body.fb-content-experience .fbce-content-card strong,
body.fb-content-experience .fbce-content-card b {
    font-weight: 700;
    color: var(--fb-ink);
}

body.fb-content-experience .fbce-content-card ul,
body.fb-content-experience .fbce-content-card ol {
    margin: 14px 0 30px;
    padding-left: 26px;
}

body.fb-content-experience .fbce-content-card li {
    margin-bottom: 8px;
}

body.fb-content-experience .fbce-content-card li::marker {
    color: #6F9298;
}

body.fb-content-experience .fbce-content-card a:not(.wp-block-button__link) {
    color: var(--fb-ink);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

body.fb-content-experience .fbce-content-card blockquote {
    margin: 42px 0;
    padding: 6px 0 6px 28px;
    border-left: 3px solid var(--fb-accent-pink);
    color: #5F5750;
    font-family: 'Cormorant Garamond', Cormorant, Georgia, serif;
    font-size: 27px;
    line-height: 1.35;
}

body.fb-content-experience .fbce-content-card .wp-block-image,
body.fb-content-experience .fbce-content-card figure,
body.fb-content-experience .fbce-content-card .wp-block-video,
body.fb-content-experience .fbce-content-card .wp-block-embed {
    margin: 44px auto;
    text-align: center;
}

body.fb-content-experience .fbce-content-card img,
body.fb-content-experience .fbce-content-card video,
body.fb-content-experience .fbce-content-card iframe {
    max-width: 100%;
}

body.fb-content-experience .fbce-content-card .wp-block-image img,
body.fb-content-experience .fbce-content-card figure img,
body.fb-content-experience .fbce-content-card img.aligncenter,
body.fb-content-experience .fbce-content-card .aligncenter img {
    display: block;
    height: auto;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.fb-content-experience .fbce-content-card figcaption {
    margin-top: 12px;
    color: var(--fb-muted);
    font-size: 13px;
    line-height: 1.5;
    font-style: italic;
}

body.fb-content-experience .fbce-content-card table {
    width: 100%;
    border-collapse: collapse;
    margin: 36px 0;
    background: transparent;
}

body.fb-content-experience .fbce-content-card th,
body.fb-content-experience .fbce-content-card td {
    padding: 15px 14px;
    border: 1px solid var(--fb-line);
    text-align: left;
    vertical-align: top;
}

body.fb-content-experience .fbce-content-card th {
    background: rgba(55,51,51,.05);
    font-weight: 700;
}

body.fb-content-experience .fbce-content-card .wp-block-button,
body.fb-content-experience .fbce-content-card .wp-block-buttons {
    margin-top: 30px;
}

body.fb-content-experience .fbce-content-card .wp-block-button__link,
body.fb-content-experience .fbce-content-card a.wp-block-button__link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: var(--fb-dark) !important;
    color: var(--fb-cream) !important;
    border: 1px solid var(--fb-dark) !important;
    border-radius: 0 !important;
    padding: 17px 34px !important;
    min-width: 190px;
    text-transform: uppercase !important;
    letter-spacing: .11em !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    opacity: 1 !important;
}

body.fb-content-experience .fbce-content-card .wp-block-button__link:hover,
body.fb-content-experience .fbce-content-card a.wp-block-button__link:hover {
    background: transparent !important;
    color: var(--fb-dark) !important;
}

@media (max-width: 700px) {
    body.fb-content-experience .fbce-video-hero {
        min-height: auto;
        padding: 70px 22px 66px;
    }

    body.fb-club-blog-post .fbce-blog-header {
        width: min(100% - 36px, 920px);
        padding: 42px 0 20px;
    }

    body.fb-club-blog-post .fbce-blog-header h1 {
        font-size: 38px;
        line-height: 1.08;
    }

    body.fb-content-experience .fbce-hero h1 {
        font-size: 43px;
    }

    body.fb-content-experience .fbce-content-section {
        padding: 42px 18px 66px;
    }

    body.fb-content-experience .fbce-content-card {
        padding: 30px 23px;
    }

    body.fb-content-experience .fbce-featured-image {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 38px !important;
    }

    body.fb-content-experience .fbce-content-card h2 {
        font-size: 36px;
        margin-top: 56px;
    }

    body.fb-content-experience .fbce-content-card h3 {
        font-size: 29px;
    }

    body.fb-content-experience .fbce-content-card p,
    body.fb-content-experience .fbce-content-card li,
    body.fb-content-experience .fbce-content-card td,
    body.fb-content-experience .fbce-content-card th {
        font-size: 16px;
        line-height: 1.7;
    }

    body.fb-content-experience .fbce-content-card .fbce-article-content > p:first-child {
        font-size: 18px;
    }

    body.fb-content-experience .fbce-content-card table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
/* Blog post navigation: preserve Elementor's existing layout, with smaller titles and a clear center gap. */
body.fb-club-blog-post .elementor-widget-post-navigation .elementor-post-navigation {
    column-gap: clamp(36px, 6vw, 90px);
}

body.fb-club-blog-post .elementor-widget-post-navigation .elementor-post-navigation__link {
    min-width: 0;
}

body.fb-club-blog-post .elementor-widget-post-navigation .post-navigation__prev--title,
body.fb-club-blog-post .elementor-widget-post-navigation .post-navigation__next--title {
    font-size: clamp(17px, 1.45vw, 23px) !important;
    line-height: 1.25 !important;
}

body.fb-club-blog-post .elementor-widget-post-navigation .post-navigation__prev--label,
body.fb-club-blog-post .elementor-widget-post-navigation .post-navigation__next--label {
    font-size: clamp(12px, 1vw, 15px) !important;
    line-height: 1.3 !important;
}

@media (max-width: 767px) {
    body.fb-club-blog-post .elementor-widget-post-navigation .elementor-post-navigation {
        column-gap: 22px;
    }

    body.fb-club-blog-post .elementor-widget-post-navigation .post-navigation__prev--title,
    body.fb-club-blog-post .elementor-widget-post-navigation .post-navigation__next--title {
        font-size: 16px !important;
    }
}