{"id":637,"date":"2019-12-02T02:21:24","date_gmt":"2019-12-02T02:21:24","guid":{"rendered":"https:\/\/loveworldnorthampton.org\/stg\/?page_id=637"},"modified":"2026-08-17T23:10:09","modified_gmt":"2026-08-17T23:10:09","slug":"about-pastor-chris","status":"publish","type":"page","link":"https:\/\/loveworldnorthampton.org\/stg\/about-pastor-chris\/","title":{"rendered":"About Pastor Chris"},"content":{"rendered":"\n<style>\n\/* === LoveWorld Northampton \u2014 Celestial Dawn Theme === *\/\n\n\/* Hide site title text GLOBALLY \u2014 keep only logo image in navbar *\/\n.site-header .site-title,\n.site-header .site-description,\n.kadence-site-title-wrap .site-title,\n.site-branding .site-title,\n.site-header .site-branding .site-title-text,\n.site-header .site-title-link .site-title-text {\n    display: none !important;\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    overflow: hidden !important;\n    clip: rect(1px, 1px, 1px, 1px) !important;\n}\n\n\/* === Color Variables === *\/\n:root {\n    --lwn-navy: #222222;\n    --lwn-navy-light: #2D3032;\n    --lwn-gold: #4DB2EC;\n    --lwn-gold-soft: #E6F4FB;\n    --lwn-orange: #02A9D3;\n    --lwn-cream: #F5F5F5;\n    --lwn-surface: #FFFFFF;\n    --lwn-text: #212121;\n    --lwn-white: #FFFFFF;\n    --lwn-gold-gradient: linear-gradient(135deg, #4DB2EC 0%, #02A9D3 50%, #E6F4FB 100%);\n    --lwn-gold-gradient-soft: linear-gradient(135deg, #4DB2EC 0%, #E6F4FB 100%);\n}\n\n\/* === Navbar Styling === *\/\n.site-header {\n    background: var(--lwn-navy) !important;\n    position: relative;\n    margin-bottom: 0 !important;\n    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);\n}\n\n\/* Wavy gradient at bottom of header *\/\n.site-header::after {\n    display: none !important;\n}\n\n\/* Navbar menu items \u2014 interactive *\/\n.main-header-menu .menu-item a,\n.kadence-header-menu .menu-item a,\n.header-navigation .menu-item a {\n    color: var(--lwn-white) !important;\n    padding: 10px 18px !important;\n    border-radius: 6px;\n    transition: all 0.3s ease !important;\n    font-family: 'Inter', sans-serif !important;\n    font-weight: 500 !important;\n    font-size: 15px !important;\n    position: relative;\n    z-index: 2;\n}\n\n\/* Hover state \u2014 gold gradient pill *\/\n.main-header-menu .menu-item a:hover,\n.kadence-header-menu .menu-item a:hover,\n.header-navigation .menu-item a:hover {\n    background: var(--lwn-gold-gradient) !important;\n    color: var(--lwn-navy) !important;\n    transform: translateY(-1px);\n    box-shadow: 0 4px 12px rgba(77, 178, 236, 0.3);\n}\n\n\/* Active\/current page state *\/\n.main-header-menu .menu-item.current-menu-item a,\n.kadence-header-menu .menu-item.current-menu-item a,\n.header-navigation .menu-item.current-menu-item a,\n.main-header-menu .menu-item.current_page_item a {\n    background: var(--lwn-orange) !important;\n    color: var(--lwn-white) !important;\n}\n\n\/* Click effect *\/\n.main-header-menu .menu-item a:active,\n.kadence-header-menu .menu-item a:active,\n.header-navigation .menu-item a:active {\n    transform: translateY(0);\n    box-shadow: 0 2px 6px rgba(77, 178, 236, 0.4);\n}\n\n\/* Mobile menu toggle *\/\n.menu-toggle, .kadence-menu-toggle {\n    color: var(--lwn-white) !important;\n    background: transparent;\n    border: 2px solid var(--lwn-gold);\n    border-radius: 6px;\n}\n\n\/* === Page Content Areas === *\/\n.site-content,\n.content-area,\n#primary,\n.entry-content {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n}\n\n.site-header {\n    margin-bottom: 0 !important;\n}\n\n\/* Hide Kadence page title bar *\/\n.entry-header,\n.kadence-page-title-wrap {\n    display: none !important;\n}\n\n\/* Keep breadcrumbs visible (we'll add our own) *\/\n.kadence-breadcrumbs,\n.lwn-breadcrumbs {\n    display: block !important;\n}\n\n\/* Kadence rowlayout container width *\/\n.wp-block-kadence-rowlayout {\n    max-width: 100%;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n\/* === Brand Typography === *\/\nh1, h2, h3, h4, h5, h6 {\n    font-family: 'Playfair Display', Georgia, serif;\n    color: var(--lwn-navy);\n}\n\nbody, p, li {\n    font-family: 'Source Serif Pro', Georgia, serif;\n    color: var(--lwn-text);\n    line-height: 1.7;\n}\n\n\/* === Buttons === *\/\n.wp-block-button__link {\n    background: var(--lwn-navy) !important;\n    color: var(--lwn-white) !important;\n    border-radius: 6px !important;\n    font-family: 'Inter', sans-serif !important;\n    font-weight: 600 !important;\n    padding: 14px 28px !important;\n    transition: all 0.3s ease !important;\n    border: none !important;\n}\n\n.wp-block-button__link:hover {\n    background: var(--lwn-gold-gradient) !important;\n    color: var(--lwn-navy) !important;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(77, 178, 236, 0.35);\n}\n\n\/* Outline button style *\/\n.is-style-outline .wp-block-button__link {\n    background: transparent !important;\n    color: var(--lwn-navy) !important;\n    border: 2px solid var(--lwn-navy) !important;\n}\n\n.is-style-outline .wp-block-button__link:hover {\n    background: var(--lwn-gold-gradient) !important;\n    color: var(--lwn-navy) !important;\n    border-color: var(--lwn-gold) !important;\n}\n\n\/* === Breadcrumbs === *\/\n.lwn-breadcrumbs {\n    background: var(--lwn-cream);\n    padding: 14px 0;\n    border-bottom: 3px solid;\n    border-image: var(--lwn-gold-gradient) 1;\n    font-family: 'Inter', sans-serif;\n    font-size: 14px;\n    color: var(--lwn-navy);\n}\n\n.lwn-breadcrumbs .lwn-breadcrumbs-inner {\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 0 20px;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.lwn-breadcrumbs a {\n    color: var(--lwn-navy);\n    text-decoration: none;\n    transition: color 0.2s;\n    font-weight: 500;\n}\n\n.lwn-breadcrumbs a:hover {\n    color: var(--lwn-orange);\n}\n\n.lwn-breadcrumbs .separator {\n    color: var(--lwn-gold);\n    font-weight: bold;\n    margin: 0 4px;\n}\n\n.lwn-breadcrumbs .current {\n    color: var(--lwn-navy);\n    font-weight: 700;\n    border-bottom: 2px solid var(--lwn-gold);\n    padding-bottom: 2px;\n}\n\n.lwn-breadcrumbs .home-icon {\n    font-size: 16px;\n}\n\n\/* === Hero Section Gradient (page headers) === *\/\n.wp-block-kadence-rowlayout:first-of-type .wp-block-heading {\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n}\n\n\/* === Card Hover Effects === *\/\n.lwn-post-card,\n.ministry-logo-card,\n.wp-block-image {\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.lwn-post-card:hover,\n.ministry-logo-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n}\n\n\/* === Section Dividers === *\/\n.wp-block-kadence-rowlayout + .wp-block-kadence-rowlayout {\n    position: relative;\n}\n\n\/* === ARMember Form Styling === *\/\n.arm_form_shortcode {\n    max-width: 600px;\n    margin: 0 auto;\n    background: var(--lwn-white);\n    padding: 32px;\n    border-radius: 12px;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);\n    border-top: 4px solid;\n    border-image: var(--lwn-gold-gradient) 1;\n}\n\n\/* === Video Embed === *\/\n.video-embed {\n    position: relative;\n    padding-bottom: 56.25%;\n    height: 0;\n    overflow: hidden;\n    max-width: 100%;\n    border-radius: 12px;\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n}\n\n.video-embed iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: none;\n}\n\n\/* === Ministry Logos Grid === *\/\n.ministry-logos-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 20px;\n}\n\n.ministry-logo-card {\n    display: block;\n    text-align: center;\n    padding: 24px;\n    background: var(--lwn-white);\n    border: 2px solid var(--lwn-surface);\n    border-radius: 12px;\n    transition: all 0.3s ease;\n}\n\n.ministry-logo-card:hover {\n    border-color: var(--lwn-gold);\n    box-shadow: 0 8px 24px rgba(77, 178, 236, 0.2);\n}\n\n@media (max-width: 768px) {\n    .ministry-logos-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n}\n\n@media (max-width: 480px) {\n    .ministry-logos-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }\n}\n\n\/* === Footer (if not injected via Kadence) === *\/\n.lwn-footer {\n    background: var(--lwn-navy);\n    color: var(--lwn-cream);\n    padding: 60px 0 0;\n    margin-top: 60px;\n    position: relative;\n}\n\n.lwn-footer::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 6px;\n    background: var(--lwn-gold-gradient);\n}\n\n.lwn-footer-inner {\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 0 20px;\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 1fr 1.5fr;\n    gap: 40px;\n}\n\n.lwn-footer h3, .lwn-footer h4 {\n    color: var(--lwn-gold);\n    font-family: 'Playfair Display', Georgia, serif;\n    margin-bottom: 16px;\n    font-size: 18px;\n}\n\n.lwn-footer a {\n    color: var(--lwn-cream);\n    text-decoration: none;\n    transition: color 0.2s;\n    display: block;\n    padding: 4px 0;\n    font-size: 14px;\n}\n\n.lwn-footer a:hover {\n    color: var(--lwn-gold);\n}\n\n.lwn-footer p {\n    color: var(--lwn-cream);\n    font-size: 14px;\n    line-height: 1.6;\n}\n\n.lwn-footer-bottom {\n    background: rgba(0, 0, 0, 0.2);\n    padding: 20px 0;\n    margin-top: 40px;\n    text-align: center;\n    font-size: 13px;\n}\n\n.lwn-footer-social {\n    display: flex;\n    gap: 12px;\n    margin-top: 16px;\n}\n\n.lwn-footer-social a {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: var(--lwn-gold-gradient);\n    color: var(--lwn-navy);\n    font-size: 18px;\n    transition: all 0.3s;\n    padding: 0;\n}\n\n.lwn-footer-social a:hover {\n    transform: translateY(-3px) scale(1.1);\n    box-shadow: 0 6px 16px rgba(77, 178, 236, 0.4);\n}\n\n.lwn-newsletter-form {\n    display: flex;\n    gap: 8px;\n    margin-top: 16px;\n}\n\n.lwn-newsletter-form input[type=\"email\"] {\n    flex: 1;\n    padding: 10px 14px;\n    border: 2px solid var(--lwn-gold);\n    border-radius: 6px;\n    background: var(--lwn-navy-light);\n    color: var(--lwn-white);\n    font-size: 14px;\n}\n\n.lwn-newsletter-form input[type=\"email\"]::placeholder {\n    color: rgba(255, 255, 255, 0.6);\n}\n\n.lwn-newsletter-form button {\n    padding: 10px 20px;\n    background: var(--lwn-gold-gradient);\n    color: var(--lwn-navy);\n    border: none;\n    border-radius: 6px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: all 0.3s;\n    font-size: 14px;\n}\n\n.lwn-newsletter-form button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(77, 178, 236, 0.4);\n}\n\n@media (max-width: 768px) {\n    .lwn-footer-inner {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n}\n\n\/* === Smooth scroll === *\/\nhtml {\n    scroll-behavior: smooth;\n}\n\n\/* === Custom scrollbar === *\/\n::-webkit-scrollbar {\n    width: 10px;\n}\n\n::-webkit-scrollbar-track {\n    background: var(--lwn-cream);\n}\n\n::-webkit-scrollbar-thumb {\n    background: var(--lwn-gold-gradient);\n    border-radius: 5px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n    background: var(--lwn-orange);\n}\n\n\/* === Logo swap: white-text version on desktop only === *\/\n\n}\n\n\/* === Full-width body: remove container constraints === *\/\n.wp-block-kadence-rowlayout,\n.wp-block-kadence-rowlayout .kt-row-column-wrap {\n    max-width: 100% !important;\n    width: 100% !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n}\n\n\/* Inner content padding for readability *\/\n.wp-block-kadence-column .kt-inside-inner-col {\n    padding-left: 20px !important;\n    padding-right: 20px !important;\n}\n\n\/* Full-width content containers *\/\n.site-content,\n.content-area,\n#primary,\n#content,\n#main,\n.entry-content {\n    max-width: 100% !important;\n    width: 100% !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n}\n\n\/* === Full-width footer === *\/\n.lwn-footer {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(-50vw + 50%) !important;\n    margin-right: calc(-50vw + 50%) !important;\n    margin-bottom: 0 !important;\n    padding-bottom: 0 !important;\n}\n\n.lwn-footer .lwn-footer-inner {\n    max-width: 100% !important;\n    margin: 0 auto !important;\n    padding: 0 20px !important;\n}\n\n.lwn-footer .lwn-footer-bottom {\n    margin: 0 !important;\n    padding: 20px 0 !important;\n}\n\n\/* === Remove white gap below footer === *\/\nhtml,\nbody {\n    background: #222222 !important;\n    margin-bottom: 0 !important;\n    padding-bottom: 0 !important;\n}\n\n.site-footer,\n#colophon {\n    margin-bottom: 0 !important;\n    padding-bottom: 0 !important;\n}\n\n\/* Ensure content area doesn't have extra bottom padding *\/\n.site-content {\n    padding-bottom: 0 !important;\n    margin-bottom: 0 !important;\n}\n\n.entry-content {\n    margin-bottom: 0 !important;\n}\n\n\n\n\n\n\/* Hide any trailing empty elements after our footer *\/\n.lwn-footer ~ *:not(.flatpickr-calendar):not(.flatpickr-wrapper):not(.lity):not(.lity-active):not([role=\"dialog\"]):not(.cropper-container):not(.cropper-crop-box):not(.ff-modal):not(.fancybox-container):not(.ui-datepicker):not(.select2-container):not(.chosen-container):not(.modal):not(.popover):not(.tooltip) {\n    display: none !important;\n}\n\n\/* Remove default WordPress\/Kadence margins on the main wrapper *\/\n#wrapper {\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n#inner-wrap {\n    margin: 0 !important;\n    padding: 0 !important;\n    padding-bottom: 0 !important;\n}\n\n\n\n\/* === FORCE HIDE Kadence Default Footer (multi-technique approach) === *\/\n\/* The previous display:none alone was overridden by Kadence's own CSS. *\/\n\/* Apply !important + multiple hiding techniques + higher specificity *\/\n\n\/* Target by ID (highest specificity) *\/\nfooter#colophon,\n#colophon,\nfooter#colophon.site-footer,\n#colophon.site-footer {\n    display: none !important;\n    visibility: hidden !important;\n    position: absolute !important;\n    left: -99999px !important;\n    top: -99999px !important;\n    width: 0 !important;\n    height: 0 !important;\n    max-height: 0 !important;\n    max-width: 0 !important;\n    overflow: hidden !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\/* Target by class *\/\n.site-footer,\n.site-footer-wrap,\n.site-bottom-footer-wrap,\n.site-footer-row-container,\n.site-footer-row-container-inner,\n.site-footer-row,\n.kadence-footer,\n.footer-html,\n.footer-html-inner,\n.site-info,\n.site-info-inner,\n.footer-widget-area {\n    display: none !important;\n    visibility: hidden !important;\n    position: absolute !important;\n    left: -99999px !important;\n    width: 0 !important;\n    height: 0 !important;\n    max-height: 0 !important;\n    overflow: hidden !important;\n    opacity: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\/* Extra-aggressive: target any footer element that contains \"Kadence WP\" text *\/\n\/* We can't target by text content in CSS, but we can hide ALL footers except our .lwn-footer *\/\nfooter:not(.lwn-footer) {\n    display: none !important;\n}\n\n\/* === REMOVE ALL BOTTOM SPACING (global) === *\/\nhtml,\nbody,\n.site,\n#wrapper,\n#inner-wrap,\n#main,\n#primary,\n#content,\n.site-content,\n.content-area,\n.entry-content,\narticle {\n    margin-bottom: 0 !important;\n    padding-bottom: 0 !important;\n}\n\n\/* Hide any element that comes after our custom footer *\/\n.lwn-footer ~ *:not(.flatpickr-calendar):not(.flatpickr-wrapper):not(.lity):not(.lity-active):not([role=\"dialog\"]):not(.cropper-container):not(.cropper-crop-box):not(.ff-modal):not(.fancybox-container):not(.ui-datepicker):not(.select2-container):not(.chosen-container):not(.modal):not(.popover):not(.tooltip),\n.lwn-footer ~ *:not(.flatpickr-calendar):not(.flatpickr-wrapper):not(.lity):not(.lity-active):not([role=\"dialog\"]):not(.cropper-container):not(.cropper-crop-box):not(.ff-modal):not(.fancybox-container):not(.ui-datepicker):not(.select2-container):not(.chosen-container):not(.modal):not(.popover):not(.tooltip) *:not(.flatpickr-calendar):not(.flatpickr-wrapper):not(.lity):not(.lity-active):not([role=\"dialog\"]):not(.cropper-container):not(.cropper-crop-box):not(.ff-modal):not(.fancybox-container):not(.ui-datepicker):not(.select2-container):not(.chosen-container):not(.modal):not(.popover):not(.tooltip) {\n    display: none !important;\n    height: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\/* === STICKY NAVBAR === *\/\n\/* Make the site header sticky on scroll *\/\n.site-header,\n#masthead,\n.kadence-header,\n.wp-block-kadence-header {\n    position: sticky !important;\n    top: 0 !important;\n    z-index: 9999 !important;\n    width: 100% !important;\n    background: #222222 !important;\n    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15) !important;\n    transition: all 0.3s ease !important;\n}\n\n\/* Sticky header on scroll \u2014 slightly smaller *\/\n.site-header.scrolled,\n#masthead.scrolled {\n    padding-top: 8px !important;\n    padding-bottom: 8px !important;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25) !important;\n}\n\n\/* Add subtle scroll effect via CSS only (no JS) *\/\n\/* When body is scrolled, the header sticks naturally with position:sticky *\/\n\/* This is the most reliable approach \u2014 no JS needed *\/\n\n\/* Ensure content doesn't go under the sticky header *\/\n\/* (position:sticky doesn't need padding offset, unlike position:fixed) *\/\nbody {\n    padding-top: 0 !important;\n}\n\n\/* === Fix: Make sure our custom footer is positioned correctly above the hidden Kadence footer === *\/\n.lwn-footer {\n    position: relative !important;\n    z-index: 10 !important;\n    margin-bottom: -1px !important;  \/* Pull up by 1px to overlap any sub-pixel gap *\/\n    padding-bottom: 0 !important;\n}\n\n.lwn-footer .lwn-footer-bottom {\n    margin: 0 !important;\n    padding: 20px 0 !important;\n    border-bottom: none !important;\n}\n\n\n\n\n\n\/* === FIX: Logo swap via JavaScript (CSS content:url doesn't work on <img>) === *\/\n\/* The JS below replaces the src attribute of .custom-logo *\/\n\n\/* === FIX: Hamburger menu icon \u2014 white === *\/\n\/* Target the ACTUAL Kadence toggle button class *\/\n.menu-toggle-open,\n.menu-toggle-open .kadence-svg-iconset,\n.menu-toggle-open .kadence-svg-icon,\n.menu-toggle-open svg,\n.menu-toggle-open .menu-toggle-icon,\n.menu-toggle-open .kadence-menu-svg {\n    color: #FFFFFF !important;\n    fill: #FFFFFF !important;\n    stroke: #FFFFFF !important;\n}\n\n\/* Also target the close button *\/\n.menu-toggle-close,\n.menu-toggle-close .kadence-svg-iconset,\n.menu-toggle-close .kadence-svg-icon,\n.menu-toggle-close svg {\n    color: #FFFFFF !important;\n    fill: #FFFFFF !important;\n}\n\n\/* === FIX: Mobile menu \u2014 purple background, amber hover === *\/\n\/* Kadence mobile drawer *\/\n.popup-drawer,\n#mobile-drawer,\n.popup-drawer .drawer-inner,\n.popup-drawer .drawer-content {\n    background: #222222 !important;\n}\n\n.popup-drawer .menu-item a,\n#mobile-drawer .menu-item a,\n.popup-drawer .header-menu-container .menu-item a {\n    color: #FFFFFF !important;\n    background: #222222 !important;\n    padding: 14px 24px !important;\n    border-bottom: 1px solid rgba(77, 178, 236, 0.2) !important;\n    font-family: 'Inter', sans-serif !important;\n    font-weight: 500 !important;\n    font-size: 16px !important;\n    transition: all 0.3s ease !important;\n}\n\n.popup-drawer .menu-item a:hover,\n#mobile-drawer .menu-item a:hover {\n    background: linear-gradient(135deg, #4DB2EC, #02A9D3, #E6F4FB) !important;\n    color: #222222 !important;\n}\n\n.popup-drawer .menu-item.current-menu-item a,\n#mobile-drawer .menu-item.current-menu-item a {\n    background: #02A9D3 !important;\n    color: #FFFFFF !important;\n}\n\n\/* Mobile drawer header *\/\n.popup-drawer .drawer-header {\n    background: #222222 !important;\n    border-bottom: 2px solid #4DB2EC !important;\n}\n\n\/* === FIX: Logo padding (both mobile and desktop) === *\/\n.site-branding,\n.site-logo,\n.custom-logo-link,\n.brand.has-logo-image {\n    padding: 10px 15px !important;\n}\n\n.custom-logo {\n    padding: 5px !important;\n    max-height: 70px !important;\n    width: auto !important;\n}\n\n\/* === FIX: Hero text visibility === *\/\n\/* Kadence uses #kt-layout-id{uniqueID} not #{uniqueID} *\/\n\/* Target the hero section by its Kadence layout ID *\/\n#kt-layout-idprint-hero h1,\n#kt-layout-idprint-hero h2,\n#kt-layout-idprint-hero h3,\n#kt-layout-idprint-hero p {\n    color: #FFFFFF !important;\n}\n\n#kt-layout-idprint-hero .has-text-color,\n#kt-layout-idprint-hero [style*=\"color\"] {\n    color: #FFFFFF !important;\n}\n\n\/* Also target by column class *\/\n.kadence-columnprint-hero-col-1 h1,\n.kadence-columnprint-hero-col-1 p {\n    color: #FFFFFF !important;\n}\n\n\/* Quote form section *\/\n#kt-layout-idquote-form-section h2 {\n    color: #FFFFFF !important;\n}\n\n#kt-layout-idquote-form-section p {\n    color: #4DB2EC !important;\n}\n\n\/* CTA section *\/\n#kt-layout-idprint-cta h2 {\n    color: #FFFFFF !important;\n}\n\n#kt-layout-idprint-cta p {\n    color: #F5F5F5 !important;\n}\n\n\/* All hero sections with purple background \u2014 ensure white text *\/\n.wp-block-kadence-rowlayout[style*=\"#222222\"] h1,\n.wp-block-kadence-rowlayout[style*=\"#222222\"] h2,\n.wp-block-kadence-rowlayout[style*=\"#222222\"] h3,\n.wp-block-kadence-rowlayout[style*=\"#222222\"] p {\n    color: #FFFFFF !important;\n}\n\n\/* Content sections with light background \u2014 ensure dark text *\/\n#kt-layout-idprint-products-title h2,\n#kt-layout-idhow-it-works-title h2 {\n    color: #222222 !important;\n}\n\n#kt-layout-idprint-products-title p,\n#kt-layout-idhow-it-works-title p {\n    color: #212121 !important;\n}\n\n\n\n\/* === FIX: Force purple background on hero sections === *\/\n#kt-layout-idprint-hero,\n#kt-layout-idprint-cta,\n#kt-layout-idquote-form-section {\n    background: #222222 !important;\n}\n\n#kt-layout-idprint-hero .kt-row-column-wrap,\n#kt-layout-idprint-cta .kt-row-column-wrap,\n#kt-layout-idquote-form-section .kt-row-column-wrap {\n    background: #222222 !important;\n}\n\n\/* Force purple background on ALL sections that should have it *\/\n\/* (applies to all hero sections with navy\/purple background on all pages) *\/\n.wp-block-kadence-rowlayout[style*=\"4A148C\"],\n.wp-block-kadence-rowlayout[style*=\"4a148c\"] {\n    background: #222222 !important;\n}\n\n\/* Also force via the kt-layout-id pattern for all pages *\/\n\/* Hero sections on inner pages use uniqueIDs like about-hero, vision-hero, etc *\/\n[id^=\"kt-layout-id\"][id*=\"hero\"],\n[id^=\"kt-layout-id\"][id*=\"cta\"],\n[id^=\"kt-layout-id\"][id*=\"quote-form\"] {\n    background: #222222 !important;\n}\n\n[id^=\"kt-layout-id\"][id*=\"hero\"] .kt-row-column-wrap,\n[id^=\"kt-layout-id\"][id*=\"cta\"] .kt-row-column-wrap {\n    background: #222222 !important;\n}\n\n\n\n\n\n\n\n\/* === CORRECTED LAYOUT: Full-width backgrounds, centered content === *\/\n\/* Container: 100% width so section backgrounds span full browser *\/\n\/* Inner content: max-width 1200px centered so text isn't overstretched *\/\n\n.content-container,\n.site-container,\n.content-wrap,\n.entry-content-wrap,\n.entry-content,\n.single-content,\n#primary,\n#main,\n#content,\n.site-main,\n.wrap {\n    max-width: 100% !important;\n    width: 100% !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    box-sizing: border-box !important;\n}\n\n\/* Inner content divs \u2014 constrained to 1200px, centered *\/\n.entry-content > div,\n.entry-content > div > div {\n    max-width: 100% !important;\n    width: 100% !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    box-sizing: border-box !important;\n}\n\n\/* Section background divs \u2014 full browser width *\/\n\/* These are the divs with style=\"background:...; width:100%\" *\/\n\/* They need to break out of the container to span the full browser width *\/\n.entry-content > div > div[style*=\"background:#222222\"],\n.entry-content > div > div[style*=\"background:#FFFFFF\"],\n.entry-content > div > div[style*=\"background:#F5F5F5\"],\n.entry-content div[style*=\"background:#222222\"],\n.entry-content div[style*=\"background:#FFFFFF\"],\n.entry-content div[style*=\"background:#F5F5F5\"] {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(-50vw + 50%) !important;\n    margin-right: calc(-50vw + 50%) !important;\n    box-sizing: border-box !important;\n}\n\n\/* Inner content within sections \u2014 max 1200px centered *\/\n.entry-content div[style*=\"background:#222222\"] > div,\n.entry-content div[style*=\"background:#FFFFFF\"] > div,\n.entry-content div[style*=\"background:#F5F5F5\"] > div,\n.entry-content div[style*=\"width:100%\"] > div,\n.entry-content div[style*=\"width: 100%\"] > div {\n    max-width: 1200px !important;\n    width: 100% !important;\n    margin: 0 auto !important;\n    padding-left: 20px !important;\n    padding-right: 20px !important;\n    box-sizing: border-box !important;\n}\n\n\/* Also target inner divs that have inline width:100% *\/\ndiv[style*=\"max-width:100%\"]:not([style*=\"background\"]) {\n    max-width: 1200px !important;\n    margin: 0 auto !important;\n    padding-left: 20px !important;\n    padding-right: 20px !important;\n    box-sizing: border-box !important;\n}\n\n\/* Body background \u2014 navy to prevent white gap below footer *\/\nhtml,\nbody {\n    background: #222222 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\/* Navbar full-width *\/\n.site-header {\n    width: 100% !important;\n    max-width: 100% !important;\n}\n\n\/* Breadcrumbs full-width *\/\n.lwn-breadcrumbs {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(-50vw + 50%) !important;\n    margin-right: calc(-50vw + 50%) !important;\n}\n\n\/* Footer full-width (already handled but reinforce) *\/\n.lwn-footer {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(-50vw + 50%) !important;\n    margin-right: calc(-50vw + 50%) !important;\n    margin-bottom: 0 !important;\n    padding-bottom: 0 !important;\n}\n\n.lwn-footer .lwn-footer-inner {\n    max-width: 1200px !important;\n    margin: 0 auto !important;\n    padding: 0 20px !important;\n}\n\n.lwn-footer .lwn-footer-bottom {\n    max-width: 1200px !important;\n    margin: 0 auto !important;\n}\n\n\/* Remove ALL bottom spacing *\/\n.site,\n#wrapper,\n#inner-wrap {\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow-x: clip;\n}\n\n\/* Hide Kadence default footer *\/\n#colophon,\n.site-footer,\n.site-footer-wrap,\n.site-bottom-footer-wrap {\n    display: none !important;\n}\n\n\/* Prevent horizontal scroll *\/\nbody {\n    overflow-x: clip !important;\n}\n\n\n\n\/* === FIX: Remove ALL gaps === *\/\n\n\/* 1. Remove gap below navbar \u2014 override Kadence's margin-top on .content-area *\/\n.content-area,\n.content-container,\n.site-container,\n#primary,\n#main,\n.site-main,\n.content-wrap,\n.entry-content-wrap,\n.entry-content,\n.single-content,\n#content,\n.site-content,\n#inner-wrap,\n.wrap {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n    margin-bottom: 0 !important;\n    padding-bottom: 0 !important;\n}\n\n\/* Also override Kadence's responsive margin-top rules *\/\n@media (min-width: 1025px) {\n    .content-area { margin-top: 0 !important; padding-top: 0 !important; }\n}\n@media (max-width: 1024px) {\n    .content-area { margin-top: 0 !important; padding-top: 0 !important; }\n}\n@media (max-width: 767px) {\n    .content-area { margin-top: 0 !important; padding-top: 0 !important; }\n}\/* Mobile drawer: hidden by default, shown by Kadence JS when hamburger clicked *\/\n\/* Do NOT force display:none \u2014 it breaks the mobile menu on phones *\/\/* 3. Ensure body background is navy (no white gap) *\/\nhtml,\nbody {\n    background: #222222 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\/* 4. Remove any trailing empty elements after footer *\/\n.lwn-footer ~ *:not(.flatpickr-calendar):not(.flatpickr-wrapper):not(.lity):not(.lity-active):not([role=\"dialog\"]):not(.cropper-container):not(.cropper-crop-box):not(.ff-modal):not(.fancybox-container):not(.ui-datepicker):not(.select2-container):not(.chosen-container):not(.modal):not(.popover):not(.tooltip) {\n    display: none !important;\n}\n\n\/* 5. Remove padding on site wrapper *\/\n.site,\n#wrapper {\n    padding: 0 !important;\n    margin: 0 !important;\n    overflow-x: clip !important;\n}\n\n\/* 6. Remove Kadence content padding *\/\n.entry-content-wrap {\n    padding: 0 !important;\n}\n\n\/* 7. Remove Kadence post padding (for blog posts) *\/\n.single-content {\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n\/* 8. Remove article padding *\/\narticle {\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n\/* 9. Force the content area to start immediately after navbar *\/\n#inner-wrap {\n    padding-top: 0 !important;\n    margin-top: 0 !important;\n}\n\n\/* 10. Remove WooCommerce message container padding *\/\n.woocommerce-notices-wrapper {\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n<\/style>\n\n\n\n<nav class=\"lwn-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <div class=\"lwn-breadcrumbs-inner\">\n    <a href=\"\/stg\/\" class=\"home-icon\" title=\"Home\">Home<\/a>\n    <span class=\"separator\">\/<\/span>\n    <span class=\"current\">About Pastor Chris<\/span>\n  <\/div>\n<\/nav>\n\n\n\n<style>\n\/* About Pastor Chris \u2014 premium card layout *\/\n#pc-bio-card {\n    max-width: 1100px;\n    margin: 60px auto;\n    background: #FFFFFF;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 8px 40px rgba(0,0,0,0.10);\n    display: grid;\n    grid-template-columns: 380px 1fr;\n    gap: 0;\n    overflow: hidden;\n    border: 1px solid #EEEEEE;\n}\n#pc-bio-image {\n    position: relative;\n    overflow: hidden;\n    background: #222222;\n}\n#pc-bio-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    min-height: 500px;\n}\n#pc-bio-image::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(180deg, transparent 70%, rgba(34,34,34,0.4) 100%);\n    pointer-events: none;\n}\n#pc-bio-image .pc-name-overlay {\n    position: absolute;\n    bottom: 24px;\n    left: 24px;\n    right: 24px;\n    z-index: 2;\n}\n#pc-bio-image .pc-name-overlay h2 {\n    color: #FFFFFF;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 1.6rem;\n    font-weight: 800;\n    margin: 0;\n    line-height: 1.2;\n}\n#pc-bio-image .pc-name-overlay p {\n    color: #4DB2EC;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 0.9rem;\n    font-weight: 600;\n    margin: 4px 0 0 0;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n#pc-bio-content {\n    padding: 48px 48px 48px 80px !important;\n    margin-left: 24px !important;\n}\n#pc-bio-content h1 {\n    color: #222222;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 2rem;\n    font-weight: 800;\n    margin: 0 0 8px 0;\n}\n#pc-bio-content .pc-subtitle {\n    color: #4DB2EC;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 1rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin: 0 0 24px 0;\n    padding-bottom: 16px;\n    border-bottom: 3px solid #4DB2EC;\n    display: inline-block;\n}\n#pc-bio-content .pc-bio-text {\n    color: #424242;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 15px;\n    line-height: 1.8;\n}\n#pc-bio-content .pc-bio-text p {\n    margin: 0 0 16px 0;\n}\n@media (max-width: 768px) {\n    #pc-bio-card {\n        grid-template-columns: 1fr;\n        margin: 20px;\n    }\n    #pc-bio-image img {\n        min-height: 320px;\n    }\n    #pc-bio-content {\n        padding: 32px 24px;\n    }\n    #pc-bio-content h1 {\n        font-size: 1.6rem;\n    }\n}\n<\/style>\n\n<div id=\"pc-bio-card\">\n  <div id=\"pc-bio-image\">\n    <img decoding=\"async\" src=\"https:\/\/loveworldnorthampton.org\/stg\/wp-content\/uploads\/2026\/08\/Pastorchris-scaled.jpg\" alt=\"Pastor Chris Oyakhilome\" loading=\"lazy\">\n    <div class=\"pc-name-overlay\">\n      <h2>Pastor Chris Oyakhilome<\/h2>\n      <p>President, LoveWorld Inc.<\/p>\n    <\/div>\n  <\/div>\n  <div id=\"pc-bio-content\">\n    <h1>About Pastor Chris<\/h1>\n    <p class=\"pc-subtitle\">A Man of God, A Teacher, A Mentor<\/p>\n    <div class=\"pc-bio-text\">\n      <p>Rev. Chris Oyakhilome DSc, DSc, DD, is the President of Loveworld Incorporated, popularly known as Christ Embassy. He is a dynamic and multifaceted Apostle, prophets of our times, teacher, healing minister, television host, Pastor, and best-selling author of the world&#8217;s #1 daily devotional, Rhapsody of Realities, which has now been distributed in 8,123 languages and 4,000 dialects of the world; the most translated material in the world. Through this devotional, God&#8217;s word and the reality of the divine life in Christ has been brought to the consciousness of billions around the world.<\/p>\n      <p>Presiding over an ever-expanding network of Christ Embassy churches, campus fellowships, Youths, Teens, and children churches on all seven continents of the world, Pastor Chris also congregates and unites billions of saints worldwide in various intercontinental programs. His profound teachings on the popular flagship program, &#8216;Your Loveworld Specials&#8217; series restores faith and hope to a global audience.<\/p>\n      <p>Through the Healing Streams Live Healing Services with Pastor Chris, the largest global program held where over 7 billion are in participation online, onsite and through various local, terrestrial and international stations. The healing power of God is manifested at these meetings with the man of God, Pastor Chris. Many receive their healing and miracles through the gifts of the working of miracles in operation as they participate online, onsite and through the virtual screens. Millions of testimonies are received and shared through the ever increasing Healing Streams Testimonies live, where participants from all around the world call in to share their testimonies of the healing power of God at work in their lives during His programs.<\/p>\n      <p>Pastor Chris Oyakhilome DSc, DSc, DD, pioneered the first 24-hour Christian Network from Africa to the rest of the world, the scope of his television ministry extends throughout the world with Loveworld Networks, delivering qualitative Christian programming to a global audience. Pastor Chris hosts the &#8216;PastorChrisLive Prayer Network&#8217; which currently unites over 5 billion people from all continents of the world in an unbroken chain of round-the-clock ceaseless prayer from 2020 till date. Pastor Chris has a burning desire to reach the peoples of the world with God&#8217;s presence &#8211; a divine commission he has fulfilled for over 40 years, which has spurred billions to experience perpetual victory, outstanding testimonies, and a consummate life in Christ.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Home \/ About Pastor Chris Pastor Chris Oyakhilome President, LoveWorld Inc. About Pastor Chris A Man of God, A Teacher, A Mentor Rev. Chris Oyakhilome DSc, DSc, DD, is the President of Loveworld Incorporated, popularly known as Christ Embassy. He is a dynamic and multifaceted Apostle, prophets of our times, teacher, healing minister, television host,&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-637","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"loveworld","author_link":"https:\/\/loveworldnorthampton.org\/stg\/author\/loveworld_admin\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/loveworldnorthampton.org\/stg\/wp-json\/wp\/v2\/pages\/637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loveworldnorthampton.org\/stg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loveworldnorthampton.org\/stg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loveworldnorthampton.org\/stg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loveworldnorthampton.org\/stg\/wp-json\/wp\/v2\/comments?post=637"}],"version-history":[{"count":34,"href":"https:\/\/loveworldnorthampton.org\/stg\/wp-json\/wp\/v2\/pages\/637\/revisions"}],"predecessor-version":[{"id":6803,"href":"https:\/\/loveworldnorthampton.org\/stg\/wp-json\/wp\/v2\/pages\/637\/revisions\/6803"}],"wp:attachment":[{"href":"https:\/\/loveworldnorthampton.org\/stg\/wp-json\/wp\/v2\/media?parent=637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}