{"id":768,"date":"2019-12-04T18:09:43","date_gmt":"2019-12-04T18:09:43","guid":{"rendered":"https:\/\/loveworldnorthampton.org\/stg\/?page_id=768"},"modified":"2026-08-18T10:12:16","modified_gmt":"2026-08-18T10:12:16","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/loveworldnorthampton.org\/stg\/contact-us\/","title":{"rendered":"Contact Us"},"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: Verdana, Geneva, 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: 'Open Sans', arial, sans-serif;\n    color: var(--lwn-navy);\n}\n\nbody, p, li {\n    font-family: Verdana, Geneva, sans-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: Verdana, Geneva, 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: Verdana, Geneva, 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.4);\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: #222222;\n    background-image: url('https:\/\/loveworldnorthampton.org\/stg\/wp-content\/uploads\/2022\/08\/over-7-billion-people-participate-in-healing-streams-live-healing-services-with-pastor-chris_62ea8083b922a.jpeg') !important;\n    background-size: cover !important;\n    background-position: center !important;\n    background-repeat: no-repeat !important;\n    color: var(--lwn-cream);\n    padding: 60px 0 0;\n    margin-top: 60px;\n    position: relative;\n}\n\n.lwn-footer::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(34, 34, 34, 0.88);\n    z-index: 0;\n}\n\n.lwn-footer-inner, .lwn-footer-bottom {\n    position: relative;\n    z-index: 1;\n}\n\n.lwn-footer::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: #4DB2EC;\n    z-index: 2;\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: 'Open Sans', arial, sans-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.4);\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: Verdana, Geneva, 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\">\ud83c\udfe0 Home<\/a>\n        <span class=\"separator\">\u203a<\/span>\n        <span class=\"current\">Contact<\/span>\n    <\/div>\n<\/nav>\n\n\n\n<style>\n.entry-header,\n.kadence-page-title-wrap,\n.kadence-breadcrumbs {\n    display: none !important;\n}\n.site-content,\n.content-area,\n#primary,\n.entry-content {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n}\n.wp-block-kadence-rowlayout {\n    max-width: 100%;\n    margin-left: auto;\n    margin-right: auto;\n}\nh1, h2, h3, h4, h5, h6 {\n    font-family: 'Open Sans', arial, sans-serif;\n    color: #222222;\n}\nbody, p, li {\n    font-family: Verdana, Geneva, sans-serif;\n    color: #212121;\n    line-height: 1.7;\n}\n.wp-block-button__link {\n    background-color: #222222;\n    color: #FFFFFF;\n    border-radius: 6px;\n    font-family: Verdana, Geneva, sans-serif;\n    font-weight: 600;\n    padding: 12px 24px;\n}\n.wp-block-button__link:hover {\n    background-color: #4DB2EC;\n    color: #222222;\n}\n\/* Contact page specific *\/\n.contact-info-card {\n    background: #FFFFFF;\n    border: 1px solid #E0E0E0;\n    border-radius: 8px;\n    padding: 24px;\n    margin-bottom: 16px;\n}\n.contact-info-card h3 {\n    margin-top: 0;\n    color: #222222;\n}\n\/* Events page specific *\/\n.events-page iframe,\n.events-page .modula {\n    width: 100% !important;\n}\n\/* ARMember form styling *\/\n.arm_form_shortcode {\n    max-width: 600px;\n    margin: 0 auto;\n}\n<\/style>\n\n\n\n<!-- LWN Welcome Card with Pastor Chris image -->\n<style>\n.lwn-welcome-section {\n    background: #F5F5F5;\n    padding: 60px 20px;\n    width: 100%;\n    box-sizing: border-box;\n}\n.lwn-welcome-card {\n    max-width: 1100px;\n    margin: 0 auto;\n    background: #FFFFFF;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10);\n    display: grid;\n    grid-template-columns: 0.9fr 1.1fr;\n    align-items: stretch;\n}\n@media (max-width: 768px) {\n    .lwn-welcome-card {\n        grid-template-columns: 1fr;\n    }\n}\n.lwn-welcome-image-wrap {\n    position: relative;\n    overflow: hidden;\n    background: #222222;\n    min-height: 320px;\n}\n.lwn-welcome-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.5s ease, filter 0.5s ease;\n    filter: grayscale(15%);\n}\n.lwn-welcome-card:hover .lwn-welcome-image {\n    transform: scale(1.06);\n    filter: grayscale(0%);\n}\n.lwn-welcome-image-wrap::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(77, 178, 236, 0) 0%, rgba(77, 178, 236, 0.55) 100%);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n    pointer-events: none;\n}\n.lwn-welcome-card:hover .lwn-welcome-image-wrap::after {\n    opacity: 1;\n}\n.lwn-welcome-image-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 20px 24px;\n    color: #FFFFFF;\n    font-family: 'Open Sans', arial, sans-serif;\n    background: linear-gradient(0deg, rgba(34, 34, 34, 0.85) 0%, rgba(34, 34, 34, 0) 100%);\n    transform: translateY(100%);\n    opacity: 0;\n    transition: transform 0.4s ease, opacity 0.4s ease;\n    pointer-events: none;\n}\n.lwn-welcome-card:hover .lwn-welcome-image-caption {\n    transform: translateY(0);\n    opacity: 1;\n}\n.lwn-welcome-image-caption .name {\n    font-size: 1.15rem;\n    font-weight: 700;\n    line-height: 1.2;\n    margin: 0 0 4px 0;\n}\n.lwn-welcome-image-caption .role {\n    font-size: 0.85rem;\n    color: #4DB2EC;\n    margin: 0;\n}\n.lwn-welcome-content {\n    padding: 44px 48px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n@media (max-width: 600px) {\n    .lwn-welcome-content {\n        padding: 32px 24px;\n    }\n}\n.lwn-welcome-eyebrow {\n    display: inline-block;\n    align-self: flex-start;\n    background: #E6F4FB;\n    color: #02A9D3;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    padding: 6px 14px;\n    border-radius: 999px;\n    margin-bottom: 16px;\n}\n.lwn-welcome-content h2 {\n    color: #222222;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 1.9rem;\n    font-weight: 700;\n    margin: 0 0 16px 0;\n    line-height: 1.2;\n}\n.lwn-welcome-content p {\n    color: #424242;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 1rem;\n    line-height: 1.7;\n    margin: 0 0 14px 0;\n}\n.lwn-welcome-gift {\n    margin-top: 18px;\n    padding: 18px 22px;\n    background: linear-gradient(135deg, #E6F4FB 0%, #FFFFFF 100%);\n    border-left: 4px solid #4DB2EC;\n    border-radius: 8px;\n}\n.lwn-welcome-gift h3 {\n    color: #222222;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 1.05rem;\n    font-weight: 700;\n    margin: 0 0 6px 0;\n}\n.lwn-welcome-gift p {\n    color: #616161;\n    font-size: 0.92rem;\n    margin: 0;\n}\n.lwn-welcome-gift a {\n    color: #02A9D3;\n    font-weight: 700;\n    text-decoration: none;\n    border-bottom: 1px solid #02A9D3;\n    transition: color 0.2s ease, border-color 0.2s ease;\n}\n.lwn-welcome-gift a:hover {\n    color: #0288C1;\n    border-color: #0288C1;\n}\n<\/style>\n\n<section class=\"lwn-welcome-section\">\n  <article class=\"lwn-welcome-card\">\n    <div class=\"lwn-welcome-image-wrap\">\n      <img loading=\"lazy\" decoding=\"async\" class=\"lwn-welcome-image\" src=\"https:\/\/loveworldnorthampton.org\/stg\/wp-content\/uploads\/2026\/08\/lwn-pastor-chris-welcome.png\" alt=\"Reverend Chris Oyakhilome welcomes you to LoveWorld Northampton\" width=\"300\" height=\"274\">\n      <div class=\"lwn-welcome-image-caption\">\n        <p class=\"name\">Reverend Chris Oyakhilome<\/p>\n        <p class=\"role\">Founder, LoveWorld Ministries<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"lwn-welcome-content\">\n      <span class=\"lwn-welcome-eyebrow\">Welcome<\/span>\n      <h2>We&#8217;re pleased to meet you!<\/h2>\n      <p>On behalf of Reverend Chris Oyakhilome, we welcome you to LoveWorld Northampton.<\/p>\n      <p>Being a member of our ministry is more than being in a church. You are being part of a family and part of a vision, God&#8217;s vision.<\/p>\n      <div class=\"lwn-welcome-gift\">\n        <h3>A Free Gift For You<\/h3>\n        <p><strong>Are you visiting us for the first time?<\/strong> <a href=\"https:\/\/rin.rhapsodyofrealities.org\/distr\/?id=christembassy_org\" target=\"_blank\" rel=\"noopener\">Click here<\/a> to download your free gift.<\/p>\n      <\/div>\n    <\/div>\n  <\/article>\n<\/section>\n\n\n\n<style>\n.lwn-contact-cards {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    max-width: 1000px;\n    margin: 0 auto;\n}\n@media (max-width: 768px) {\n    .lwn-contact-cards {\n        grid-template-columns: 1fr;\n    }\n}\n.lwn-contact-card {\n    background: #FFFFFF;\n    border: 1px solid #EEEEEE;\n    border-radius: 12px;\n    padding: 28px;\n    text-align: center;\n    transition: transform 0.2s, box-shadow 0.2s;\n}\n.lwn-contact-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n    border-color: #4DB2EC;\n}\n.lwn-contact-card .icon {\n    width: 48px;\n    height: 48px;\n    margin: 0 auto 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #E6F4FB;\n    border-radius: 50%;\n}\n.lwn-contact-card .icon svg {\n    width: 24px;\n    height: 24px;\n    fill: #4DB2EC;\n}\n.lwn-contact-card h3 {\n    color: #222222;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 1.1rem;\n    font-weight: 700;\n    margin: 0 0 8px 0;\n}\n.lwn-contact-card p {\n    color: #757575;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 14px;\n    line-height: 1.6;\n    margin: 0;\n}\n.lwn-contact-card a {\n    color: #4DB2EC;\n    text-decoration: none;\n    font-weight: 600;\n}\n.lwn-contact-card a:hover {\n    text-decoration: underline;\n}\n<\/style>\n\n<div style=\"background: #F5F5F5; padding: 60px 20px; width: 100%; box-sizing: border-box;\">\n<div style=\"max-width: 1000px; margin: 0 auto;\">\n<h2 style=\"text-align: center; color: #222222; font-family: 'Open Sans', arial, sans-serif; font-size: 1.8rem; margin: 0 0 32px 0;\">Contact Details<\/h2>\n\n<div class=\"lwn-contact-cards\">\n  <div class=\"lwn-contact-card\">\n    <div class=\"icon\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n    <\/div>\n    <h3>Visit Us<\/h3>\n    <p>64 Harborough Road<br>Kingsthorpe, Northampton<br>NN2 7SH<\/p>\n  <\/div>\n  <div class=\"lwn-contact-card\">\n    <div class=\"icon\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\n    <\/div>\n    <h3>Call Us<\/h3>\n    <p><a href=\"tel:07341617037\">07341 617037<\/a><\/p>\n  <\/div>\n  <div class=\"lwn-contact-card\">\n    <div class=\"icon\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\n    <\/div>\n    <h3>Email Us<\/h3>\n    <p><a href=\"mailto:pastor@loveworldnorthampton.org\">pastor@loveworldnorthampton.org<\/a><\/p>\n  <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- LWN Social Media Icons -->\n<style>\n.lwn-social-section {\n    background: #FFFFFF;\n    padding: 60px 20px 80px;\n    text-align: center;\n}\n.lwn-social-section-inner {\n    max-width: 1000px;\n    margin: 0 auto;\n}\n.lwn-social-eyebrow {\n    display: inline-block;\n    background: #E6F4FB;\n    color: #02A9D3;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    padding: 6px 14px;\n    border-radius: 999px;\n    margin-bottom: 16px;\n}\n.lwn-social-section h2 {\n    color: #222222;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 1.8rem;\n    font-weight: 700;\n    margin: 0 0 12px 0;\n}\n.lwn-social-section-desc {\n    color: #616161;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 1rem;\n    line-height: 1.6;\n    max-width: 640px;\n    margin: 0 auto 40px;\n}\n.lwn-social-grid {\n    display: flex;\n    justify-content: center;\n    gap: 24px;\n    flex-wrap: wrap;\n}\n.lwn-social-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 18px 26px;\n    background: #FFFFFF;\n    border: 2px solid #E0E0E0;\n    border-radius: 14px;\n    text-decoration: none;\n    transition: all 0.25s ease;\n    min-width: 240px;\n    box-sizing: border-box;\n}\n.lwn-social-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);\n    border-color: transparent;\n}\n.lwn-social-card.lwn-social-facebook:hover {\n    background: #1877F2;\n}\n.lwn-social-card.lwn-social-youtube:hover {\n    background: #FF0000;\n}\n.lwn-social-card.lwn-social-instagram:hover {\n    background: linear-gradient(45deg, #F09433 0%, #E6683C 25%, #DC2743 50%, #CC2366 75%, #BC1888 100%);\n}\n.lwn-social-card:hover .lwn-social-icon {\n    background: rgba(255, 255, 255, 0.18);\n}\n.lwn-social-card:hover .lwn-social-label,\n.lwn-social-card:hover .lwn-social-handle {\n    color: #FFFFFF;\n}\n.lwn-social-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    transition: background 0.25s ease;\n}\n.lwn-social-card.lwn-social-facebook .lwn-social-icon {\n    background: #E7F0FF;\n}\n.lwn-social-card.lwn-social-youtube .lwn-social-icon {\n    background: #FFEBEE;\n}\n.lwn-social-card.lwn-social-instagram .lwn-social-icon {\n    background: #FFE0EC;\n}\n.lwn-social-icon svg {\n    width: 26px;\n    height: 26px;\n    display: block;\n}\n.lwn-social-text {\n    text-align: left;\n}\n.lwn-social-label {\n    display: block;\n    color: #222222;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 0.95rem;\n    font-weight: 700;\n    line-height: 1.2;\n    transition: color 0.25s ease;\n}\n.lwn-social-handle {\n    display: block;\n    color: #757575;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 0.8rem;\n    margin-top: 2px;\n    transition: color 0.25s ease;\n}\n@media (max-width: 600px) {\n    .lwn-social-grid {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    .lwn-social-card {\n        min-width: 0;\n        width: 100%;\n    }\n}\n<\/style>\n\n<section class=\"lwn-social-section\" id=\"follow-us\">\n  <div class=\"lwn-social-section-inner\">\n    <span class=\"lwn-social-eyebrow\">Stay Connected<\/span>\n    <h2>Follow Us on Social Media<\/h2>\n    <p class=\"lwn-social-section-desc\">Join our online community for daily encouragement, live service updates, behind-the-scenes moments, and the latest from LoveWorld Northampton. We would love to connect with you!<\/p>\n    <div class=\"lwn-social-grid\">\n      <a class=\"lwn-social-card lwn-social-facebook\" href=\"https:\/\/www.facebook.com\/LoveworldAlive\" target=\"_blank\" rel=\"noopener\">\n        <div class=\"lwn-social-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"#1877F2\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n        <\/div>\n        <div class=\"lwn-social-text\">\n          <span class=\"lwn-social-label\">Facebook<\/span>\n          <span class=\"lwn-social-handle\">\/LoveworldAlive<\/span>\n        <\/div>\n      <\/a>\n      <a class=\"lwn-social-card lwn-social-youtube\" href=\"https:\/\/www.youtube.com\/@loveworldalive8368\" target=\"_blank\" rel=\"noopener\">\n        <div class=\"lwn-social-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"#FF0000\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\n        <\/div>\n        <div class=\"lwn-social-text\">\n          <span class=\"lwn-social-label\">YouTube<\/span>\n          <span class=\"lwn-social-handle\">@loveworldalive8368<\/span>\n        <\/div>\n      <\/a>\n      <a class=\"lwn-social-card lwn-social-instagram\" href=\"https:\/\/instagram.com\/loveworldnorthampton\" target=\"_blank\" rel=\"noopener\">\n        <div class=\"lwn-social-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"#DC2743\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/><\/svg>\n        <\/div>\n        <div class=\"lwn-social-text\">\n          <span class=\"lwn-social-label\">Instagram<\/span>\n          <span class=\"lwn-social-handle\">@loveworldnorthampton<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \/wp:post-content -->\n\n<!-- wp:html -->\n<div class=\"contact-map\"><div id=\"map\"><iframe loading=\"lazy\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2453.6543!2d-0.9045!3d52.2645!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4877476f5e1e1e1d%3A0x5e1e1e1e1e1e1e1e!2s64+Harborough+Road%2C+Kingsthorpe%2C+Northampton+NN2+7SH!5e0!3m2!1sen!2suk!4v1234567890\" width=\"100%\" height=\"450\" frameborder=\"0\" style=\"border:0;\" allowfullscreen=\"\"><\/iframe><\/div><\/div>\n<!-- \/wp:html -->\n<\/div>\n<\/div>\n<!-- \/wp:post-content --><!-- cache-bust-1781884673 -->\n\n<!-- wp:html -->\n<script>\n(function() {\n    \/\/ Remove Kadence default footer (#colophon) and any trailing elements after our custom footer\n    function removeKadenceFooter() {\n        \/\/ Remove #colophon (the main Kadence footer)\n        var colophon = document.getElementById('colophon');\n        if (colophon) {\n            colophon.parentNode.removeChild(colophon);\n        }\n        \n        \/\/ Also remove by class (in case ID-based removal fails)\n        var selectors = [\n            '.site-footer',\n            '.site-footer-wrap',\n            '.site-bottom-footer-wrap',\n            '.site-footer-row-container',\n            '.site-footer-row-container-inner',\n            '.footer-html',\n            '.footer-html-inner',\n            '.site-info',\n            '.site-info-inner'\n        ];\n        \n        selectors.forEach(function(sel) {\n            \/\/ Only remove if it's NOT inside our .lwn-footer\n            var elements = document.querySelectorAll(sel);\n            elements.forEach(function(el) {\n                \/\/ Check if this element is inside our custom footer\n                if (!el.closest('.lwn-footer')) {\n                    if (el.parentNode) {\n                        el.parentNode.removeChild(el);\n                    }\n                    \/\/ Remove parent if it became empty\n                    if (el.parentNode && el.parentNode.children.length === 0 && el.parentNode.tagName !== 'BODY') {\n                        el.parentNode.parentNode.removeChild(el.parentNode);\n                    }\n                }\n            });\n        });\n        \n        \/\/ Remove any footer element that's NOT our .lwn-footer\n        var allFooters = document.querySelectorAll('footer');\n        allFooters.forEach(function(footer) {\n            if (!footer.classList.contains('lwn-footer')) {\n                if (footer.parentNode) {\n                    footer.parentNode.removeChild(footer);\n                }\n            }\n        });\n        \n        \/\/ Remove any element that comes after our .lwn-footer\n        var lwnFooter = document.querySelector('.lwn-footer');\n        if (lwnFooter && lwnFooter.parentNode) {\n            var parent = lwnFooter.parentNode;\n            var nextSibling = lwnFooter.nextSibling;\n            while (nextSibling) {\n                var toRemove = nextSibling;\n                nextSibling = nextSibling.nextSibling;\n                parent.removeChild(toRemove);\n            }\n        }\n        \n        \/\/ Remove empty wrapper divs that might still have height\n        var wrappers = ['#wrapper', '#inner-wrap', '#main', '#primary', '#content', '.site-content', '.content-area'];\n        wrappers.forEach(function(sel) {\n            var el = document.querySelector(sel);\n            if (el) {\n                el.style.marginBottom = '0';\n                el.style.paddingBottom = '0';\n            }\n        });\n        \n        \/\/ Final cleanup: ensure body and html have no bottom margin\n        document.body.style.marginBottom = '0';\n        document.body.style.paddingBottom = '0';\n        document.documentElement.style.marginBottom = '0';\n        document.documentElement.style.paddingBottom = '0';\n    }\n    \n    \/\/ Run on DOMContentLoaded\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', removeKadenceFooter);\n    } else {\n        removeKadenceFooter();\n    }\n    \n    \/\/ Also run after window load (in case Kadence adds footer dynamically)\n    window.addEventListener('load', function() {\n        setTimeout(removeKadenceFooter, 100);\n        setTimeout(removeKadenceFooter, 500);\n        setTimeout(removeKadenceFooter, 1000);\n    });\n    \n    \/\/ Sticky navbar enhancement \u2014 add 'scrolled' class on scroll\n    var header = document.querySelector('.site-header, #masthead, .kadence-header');\n    if (header) {\n        var lastScroll = 0;\n        window.addEventListener('scroll', function() {\n            var currentScroll = window.pageYOffset || document.documentElement.scrollTop;\n            if (currentScroll > 50) {\n                header.classList.add('scrolled');\n                header.style.paddingTop = '8px';\n                header.style.paddingBottom = '8px';\n                header.style.boxShadow = '0 4px 24px rgba(0, 0, 0, 0.25)';\n            } else {\n                header.classList.remove('scrolled');\n                header.style.paddingTop = '';\n                header.style.paddingBottom = '';\n                header.style.boxShadow = '0 2px 20px rgba(0, 0, 0, 0.15)';\n            }\n            lastScroll = currentScroll;\n        }, { passive: true });\n    }\n})();\n<\/script>\n<!-- \/wp:html -->\n\n<!-- wp:html -->\n<script>\n(function() {\n    function swapLogo() {\n        var logoUrl = 'https:\/\/loveworldnorthampton.org\/stg\/wp-content\/uploads\/2026\/06\/logo-white-text-real.png';\n        \/\/ Find all logo images\n        var logos = document.querySelectorAll('.custom-logo, .site-logo img, .site-branding img, .brand img');\n        logos.forEach(function(img) {\n            if (img.src !== logoUrl) {\n                img.src = logoUrl;\n            }\n        });\n    }\n    \n    \/\/ Run on DOMContentLoaded\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', swapLogo);\n    } else {\n        swapLogo();\n    }\n    \n    \/\/ Run again after load (in case Kadence loads logo dynamically)\n    window.addEventListener('load', function() {\n        swapLogo();\n        setTimeout(swapLogo, 500);\n    });\n})();\n<\/script>\n<!-- \/wp:html -->\n\n<!-- wp:html -->\n<script>\n(function() {\n    function fixHeroBackgrounds() {\n        \/\/ Find all Kadence column divs\n        var columns = document.querySelectorAll('.wp-block-kadence-column');\n        \n        \/\/ Sections that should have purple background (#222222) with white text\n        var purpleSectionHeadings = [\n            'Custom Printing Made Simple',\n            'Request a Quote',\n            'Ready to Print?',\n            'About Pastor Chris',\n            'Our Vision',\n            'Our Statement Of Faith',\n            'Prayer of Salvation',\n            'Contact',\n            'Partnership',\n            'Events',\n            'Welcome to Church',\n            'Virtual Church',\n            'Login',\n            'Register',\n            'Community',\n            'Who\u2019s Online'\n        ];\n        \n        columns.forEach(function(col) {\n            var text = col.textContent || col.innerText || '';\n            var hasPurpleHeading = false;\n            \n            \/\/ Check if this column contains a heading that should have purple bg\n            for (var i = 0; i < purpleSectionHeadings.length; i++) {\n                if (text.indexOf(purpleSectionHeadings[i]) !== -1) {\n                    hasPurpleHeading = true;\n                    break;\n                }\n            }\n            \n            if (hasPurpleHeading) {\n                \/\/ Apply purple background to this column\n                col.style.background = '#222222';\n                col.style.paddingTop = '60px';\n                col.style.paddingBottom = '60px';\n                col.style.paddingLeft = '20px';\n                col.style.paddingRight = '20px';\n                \n                \/\/ Make all headings white\n                var headings = col.querySelectorAll('h1, h2, h3, h4, h5, h6');\n                headings.forEach(function(h) {\n                    h.style.color = '#FFFFFF';\n                });\n                \n                \/\/ Make paragraphs that have has-text-color or inline color white\n                var paras = col.querySelectorAll('p');\n                paras.forEach(function(p) {\n                    \/\/ Check if it already has a light color (white, cream, etc.)\n                    var computedColor = window.getComputedStyle(p).color;\n                    \/\/ If the paragraph is inside a purple section and has a light color, keep it\n                    \/\/ If it has no explicit color, make it white\n                    if (!p.style.color &#038;&#038; !p.classList.contains('has-text-color')) {\n                        p.style.color = '#F5F5F5';\n                    }\n                });\n                \n                \/\/ Make links amber\n                var links = col.querySelectorAll('a');\n                links.forEach(function(a) {\n                    if (!a.classList.contains('wp-block-button__link')) {\n                        \/\/ Only color non-button links\n                        var computedColor = window.getComputedStyle(a).color;\n                        if (computedColor === 'rgb(33, 33, 33)' || computedColor === 'rgb(42, 42, 42)') {\n                            a.style.color = '#4DB2EC';\n                        }\n                    }\n                });\n            }\n        });\n    }\n    \n    \/\/ Run on DOMContentLoaded\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', fixHeroBackgrounds);\n    } else {\n        fixHeroBackgrounds();\n    }\n    \n    \/\/ Run again after load\n    window.addEventListener('load', function() {\n        fixHeroBackgrounds();\n        setTimeout(fixHeroBackgrounds, 500);\n    });\n})();\n<\/script>\n<!-- \/wp:html -->","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfe0 Home \u203a Contact Reverend Chris Oyakhilome Founder, LoveWorld Ministries Welcome We&#8217;re pleased to meet you! On behalf of Reverend Chris Oyakhilome, we welcome you to LoveWorld Northampton. Being a member of our ministry is more than being in a church. You are being part of a family and part of a vision, God&#8217;s vision&#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-768","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\/768","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=768"}],"version-history":[{"count":54,"href":"https:\/\/loveworldnorthampton.org\/stg\/wp-json\/wp\/v2\/pages\/768\/revisions"}],"predecessor-version":[{"id":7021,"href":"https:\/\/loveworldnorthampton.org\/stg\/wp-json\/wp\/v2\/pages\/768\/revisions\/7021"}],"wp:attachment":[{"href":"https:\/\/loveworldnorthampton.org\/stg\/wp-json\/wp\/v2\/media?parent=768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}