/* ==========================================================================
   08 — Page-Specific Styles
   --------------------------------------------------------------------------
   Scoped overrides for individual pages/posts. Use .page-id-XXXX or
   .postid-XXXX selectors to prevent unintended global side effects.

   Add new page sections following the pattern below:
     /* --- Page Name (page-id-XXXX) --- * /
   ========================================================================== */


/* ==========================================================================
   BLOG — General Blog Post Styles
   ========================================================================== */

.post-content .content p > a:not(.btn),
.post-content .content ul li > a:not(.btn),
.post-content .content ol li > a:not(.btn) {
    color: #d45180;
    font-weight: 700;
}

.post-content .content p {
    margin-bottom: 1em;
}


/* ==========================================================================
   HOME PAGE (page-id-6771) — Blog block gap override
   ========================================================================== */

.page-id-6771 .is-layout-flex.wp-container-10.wp-block-columns {
    gap: 30px;
}


/* ==========================================================================
   SMT/PSA/RMT LANDING PAGES (page-id-4524, 4968, 4962)
   ========================================================================== */

.page-id-4524 h1,
.page-id-4968 h1,
.page-id-4962 h1 {
    padding-bottom: 100px !important;
    padding-top: 60px !important;
}

.page-id-4524 ul,
.page-id-4968 ul,
.page-id-4962 ul {
    list-style: none;
}


/* ==========================================================================
   SPECIFIC POST — postid-2299
   ========================================================================== */

.postid-2299 .title-bar-image .lg\:w-7\/12 {
    width: 80%;
}


/* ==========================================================================
   SPECIFIC POST — postid-5104
   ========================================================================== */

.postid-5104 .pullq {
    align-items: center;
    display: flex;
    padding: 0;
}

.postid-5104 .is-layout-flow.wp-block-column.content p {
    margin: 0;
}


/* ==========================================================================
   SPECIFIC POST — postid-7553
   ========================================================================== */

.postid-7553 h2 {
    font-size: 4rem;
}


/* ==========================================================================
   CO-OP PAGE (page-id-7335)
   ========================================================================== */

.page-id-7335 section[data-scroll-section-id="section10"] {
    background-image: url(/wp-content/uploads/2024/06/co-op-packages_bg.png);
    padding: 20px;
}


/* ==========================================================================
   PPC LANDING PAGE (page-id-8149)
   ========================================================================== */

.page-id-8149 section.lp-title-bar {
    height: 800px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
}

.page-id-8149 .lp-title-bar h1 {
    font-size: clamp(55px, 5vw, 80px);
}

.page-id-8149 .lp-subtitle span {
    font-size: clamp(38px, 4vw, 56px);
}

@media only screen and (max-width: 768px) {
    .page-id-8149 section.lp-title-bar {
        height: 600px;
    }
}


/* ==========================================================================
   PPC LANDING PAGE (page-id-9178)
   ========================================================================== */

.page-id-9178 section.lp-title-bar {
    height: 800px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
}

.page-id-9178 .lp-title-bar h1 {
    font-size: clamp(55px, 5vw, 80px);
}

.page-id-9178 .lp-subtitle span {
    font-size: clamp(38px, 4vw, 56px);
}

@media only screen and (max-width: 768px) {
    .page-id-9178 section.lp-title-bar {
        height: 600px;
    }
}


/* ==========================================================================
   PR PAGE (page-id-10057)
   ========================================================================== */

/* Hide scroll indicator on PR page hero */
.page-id-10057 .scroll.uppercase.text-lg.font-bold.absolute.left-6.bottom-0.z-10.cursor-pointer.pointer-events-auto {
    display: none;
}


/* ==========================================================================
   PROMOS / EVENT PAGES (page-id-9290, page-id-9587)
   --------------------------------------------------------------------------
   These are landing pages that hide the main site header.
   ========================================================================== */

.page-id-9290 header,
.page-id-9587 header {
    display: none;
}


/* ==========================================================================
   CONTACT / PARTNER+ PAGE (page-id-5398)
   ========================================================================== */

.page-id-5398 .wp-block-columns {
    margin-bottom: 0;
}


/* ==========================================================================
   PARTNER+ FORM PAGE (page-id-5543)
   ========================================================================== */

.page-id-5543 section.title-bar-background.overflow-hidden.text-white {
    background-image: none;
    background-color: #1F4494;
}


/* ==========================================================================
   AMP PRODUCT PAGES (page-id-9923, page-id-11144)
   ========================================================================== */

.page-id-9923 .gform_wrapper.gravity-theme .gfield_label,
.page-id-11144 .gform_wrapper.gravity-theme .gfield_label {
    font-size: 1.2em;
}

.page-id-9923 .post-content .content h3,
.page-id-11144 .post-content .content h3 {
    font-size: 4rem;
    margin-bottom: 1em;
}

.page-id-9923 .gform_wrapper.gravity-theme #field_33_19 .gfield_label,
.page-id-9923 .gform_wrapper.gravity-theme #field_33_46 .gfield_label,
.page-id-9923 .gform_wrapper.gravity-theme #field_33_47 .gfield_label {
    font-size: 1em;
}

.page-id-11144 .gform_wrapper.gravity-theme #field_33_19 .gfield_label,
.page-id-11144 .gform_wrapper.gravity-theme #field_33_46 .gfield_label,
.page-id-11144 .gform_wrapper.gravity-theme #field_33_47 .gfield_label {
    font-size: 1em;
}


/* ==========================================================================
   PARTNER+ CLIENT INTAKE FORM PAGE (page-id-3476)
   ========================================================================== */

.page-id-3476 div.gfield_description {
    color: #6c6c6c;
}

.page-id-3476 div.gfield_description li {
    font-size: 16px;
}

.page-id-3476 .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 25px;
}

.page-id-3476 .gform_wrapper.gravity-theme .gfield_label {
    font-size: 2.5rem;
}

.page-id-3476 p > a:not(.btn):hover {
    color: black !important;
    opacity: 1;
}


/* ==========================================================================
   SPECIFIC BLOG POSTS
   ========================================================================== */

/* postid-7101 */
.postid-7101 #section3 {
    margin-top: 0;
}

/* postid-1217, postid-1212 — hide meta */
.postid-1217 .meta,
.postid-1212 .meta {
    display: none;
}

/* postid-7705 — case study caption */
.postid-7705 div.Caption {
    display: none !important;
}

/* postid-11062 — job listing remote field override */
.postid-11062 .flex-1.h6.details p:nth-of-type(3) {
    visibility: hidden;
    position: relative;
}

.postid-11062 .flex-1.h6.details p:nth-of-type(3)::after {
    content: "Hybrid";
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
}

/* postid-11589 — blog post column padding */
.postid-11589 .wp-block-columns.container.row.justify-center.w-full.lg\:w-2\/3.padding-0.mb-0.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
    padding: 0 20px;
}

/* COO bio post */
.COO-title {
    margin-top: 0.5em;
}

/* Blog post with centered paragraph max-width */
/* WARNING: p.has-text-align-center is a broad selector — scoped to postid-11589 context */
.postid-11589 p.has-text-align-center {
    max-width: 400px;
}

/* Media training blog post — heading overrides */
.post-content .content h2.lowercase-header {
    font-size: 5rem !important;
    margin-bottom: 0.5em !important;
    font-family: rift, sans-serif;
}

/* m1em spacing utility (awards blog post) */
.m1em {
    margin-top: 1em;
    margin-bottom: 1em;
}


/* ==========================================================================
   4MEDIA4HEALTH PAGE (microsite)
   ========================================================================== */

/* Purple background card — 4M4H variant
   TODO: consolidate with .bg-purple in 04-components.css */
.bg-purple-4m4h {
    background: #453cd3;
    padding: 3em;
    border-radius: 3rem;
}

.bg-purple-4m4h h4 {
    font-size: clamp(2em, 3vw, 4em);
    color: white;
}

.w-60-4m4h {
    width: 60%;
}

@media (max-width: 768px) {
    .w-60-4m4h {
        width: 100%;
    }
}


/* ==========================================================================
   4MEDIA4PUBLIC AFFAIRS PAGE (microsite)
   ========================================================================== */

/* Purple background card — 4M4PA variant
   TODO: consolidate with .bg-purple in 04-components.css */
.bg-purple-4m4pa {
    background: #453cd3;
    padding: 3em;
    border-radius: 3rem;
}

.bg-purple-4m4pa h4 {
    font-size: clamp(10px, 3vw, 4em);
    color: white;
}

.w-60-4m4pa {
    width: 60%;
}

@media (max-width: 768px) {
    .w-60-4m4pa {
        width: 100%;
    }
}


/* ==========================================================================
   EVENT SIDE TAB (currently hidden — set to display:none)
   ========================================================================== */

#promo-side-tab {
    display: none; /* Hidden — uncomment body to re-enable */
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: #043986;
    color: white;
    padding: 10px;
    border-radius: 5px 0 0 5px;
    font-size: 16px;
    font-weight: bold;
    z-index: 1000;
    cursor: pointer;
    transition: right 0.3s ease;
    align-items: center;
}

#promo-side-tab .toggle-icon {
    font-size: 18px;
    margin-right: 5px;
}

#promo-side-tab .tab-links {
    display: none;
    flex-direction: column;
}

#promo-side-tab.open .tab-links {
    display: flex;
}

#promo-side-tab .tab-link {
    color: white;
    text-decoration: none;
    margin: 5px 0;
}

#promo-side-tab.open {
    right: 0;
}

@media (max-width: 768px) {
    #promo-side-tab {
        padding: 8px;
        font-size: 14px;
        right: 10px;
    }
}