{"id":318,"date":"2019-12-01T09:38:36","date_gmt":"2019-12-01T09:38:36","guid":{"rendered":"http:\/\/td_uid_2_5de38a1cb2596"},"modified":"2026-08-18T10:12:16","modified_gmt":"2026-08-18T10:12:16","slug":"news","status":"publish","type":"page","link":"https:\/\/loveworldnorthampton.org\/stg\/","title":{"rendered":"Home"},"content":{"rendered":"\r\n<p><style>\r\n\/* === LoveWorld Northampton \u2014 Celestial Dawn Theme === *\/\r\n\r\n\/* Hide site title text GLOBALLY \u2014 keep only logo image in navbar *\/\r\n.site-header .site-title,\r\n.site-header .site-description,\r\n.kadence-site-title-wrap .site-title,\r\n.site-branding .site-title,\r\n.site-header .site-branding .site-title-text,\r\n.site-header .site-title-link .site-title-text {\r\n    display: none !important;\r\n    position: absolute !important;\r\n    width: 1px !important;\r\n    height: 1px !important;\r\n    overflow: hidden !important;\r\n    clip: rect(1px, 1px, 1px, 1px) !important;\r\n}\r\n\r\n\/* === Color Variables === *\/\r\n:root {\r\n    --lwn-navy: #222222;\r\n    --lwn-navy-light: #2D3032;\r\n    --lwn-gold: #4DB2EC;\r\n    --lwn-gold-soft: #E6F4FB;\r\n    --lwn-orange: #02A9D3;\r\n    --lwn-cream: #F5F5F5;\r\n    --lwn-surface: #FFFFFF;\r\n    --lwn-text: #212121;\r\n    --lwn-white: #FFFFFF;\r\n    --lwn-gold-gradient: linear-gradient(135deg, #4DB2EC 0%, #02A9D3 50%, #E6F4FB 100%);\r\n    --lwn-gold-gradient-soft: linear-gradient(135deg, #4DB2EC 0%, #E6F4FB 100%);\r\n}\r\n\r\n\/* === Navbar Styling === *\/\r\n.site-header {\r\n    background: var(--lwn-navy) !important;\r\n    position: relative;\r\n    margin-bottom: 0 !important;\r\n    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n\/* Wavy gradient at bottom of header *\/\r\n.site-header::after {\r\n    display: none !important;\r\n}\r\n\r\n\/* Navbar menu items \u2014 interactive *\/\r\n.main-header-menu .menu-item,\r\n.kadence-header-menu .menu-item,\r\n.header-navigation .menu-item {\r\n    margin: 0 2px !important;\r\n}\r\n\r\n.main-header-menu .menu-item a,\r\n.kadence-header-menu .menu-item a,\r\n.header-navigation .menu-item a {\r\n    color: var(--lwn-white) !important;\r\n    padding: 10px 12px !important;\r\n    border-radius: 6px;\r\n    transition: all 0.3s ease !important;\r\n    font-family: Verdana, Geneva, sans-serif !important;\r\n    font-weight: 500 !important;\r\n    font-size: 13px !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 0.5px !important;\r\n    position: relative;\r\n    z-index: 2;\r\n    white-space: nowrap !important;\r\n}\r\n\r\n\/* Hover state \u2014 gold gradient pill *\/\r\n.main-header-menu .menu-item a:hover,\r\n.kadence-header-menu .menu-item a:hover,\r\n.header-navigation .menu-item a:hover {\r\n    background: var(--lwn-gold-gradient) !important;\r\n    color: var(--lwn-navy) !important;\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 4px 12px rgba(77, 178, 236, 0.3);\r\n}\r\n\r\n\/* Active\/current page state *\/\r\n.main-header-menu .menu-item.current-menu-item a,\r\n.kadence-header-menu .menu-item.current-menu-item a,\r\n.header-navigation .menu-item.current-menu-item a,\r\n.main-header-menu .menu-item.current_page_item a {\r\n    background: var(--lwn-orange) !important;\r\n    color: var(--lwn-white) !important;\r\n}\r\n\r\n\/* Click effect *\/\r\n.main-header-menu .menu-item a:active,\r\n.kadence-header-menu .menu-item a:active,\r\n.header-navigation .menu-item a:active {\r\n    transform: translateY(0);\r\n    box-shadow: 0 2px 6px rgba(77, 178, 236, 0.4);\r\n}\r\n\r\n\/* Mobile menu toggle *\/\r\n.menu-toggle, .kadence-menu-toggle {\r\n    color: var(--lwn-white) !important;\r\n    background: transparent;\r\n    border: 2px solid var(--lwn-gold);\r\n    border-radius: 6px;\r\n}\r\n\r\n\/* === Page Content Areas === *\/\r\n.site-content,\r\n.content-area,\r\n#primary,\r\n.entry-content {\r\n    margin-top: 0 !important;\r\n    padding-top: 0 !important;\r\n}\r\n\r\n.site-header {\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n\/* Hide Kadence page title bar *\/\r\n.entry-header,\r\n.kadence-page-title-wrap {\r\n    display: none !important;\r\n}\r\n\r\n\/* Keep breadcrumbs visible (we'll add our own) *\/\r\n.kadence-breadcrumbs,\r\n.lwn-breadcrumbs {\r\n    display: block !important;\r\n}\r\n\r\n\/* Kadence rowlayout container width *\/\r\n.wp-block-kadence-rowlayout {\r\n    max-width: 100%;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n\/* === Brand Typography === *\/\r\nh1, h2, h3, h4, h5, h6 {\r\n    font-family: 'Open Sans', arial, sans-serif;\r\n    color: var(--lwn-navy);\r\n}\r\n\r\nbody, p, li {\r\n    font-family: Verdana, Geneva, sans-serif;\r\n    color: var(--lwn-text);\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* === Buttons === *\/\r\n.wp-block-button__link {\r\n    background: var(--lwn-navy) !important;\r\n    color: var(--lwn-white) !important;\r\n    border-radius: 6px !important;\r\n    font-family: Verdana, Geneva, sans-serif !important;\r\n    font-weight: 600 !important;\r\n    padding: 14px 28px !important;\r\n    transition: all 0.3s ease !important;\r\n    border: none !important;\r\n}\r\n\r\n.wp-block-button__link:hover {\r\n    background: var(--lwn-gold-gradient) !important;\r\n    color: var(--lwn-navy) !important;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(77, 178, 236, 0.35);\r\n}\r\n\r\n\/* Outline button style *\/\r\n.is-style-outline .wp-block-button__link {\r\n    background: transparent !important;\r\n    color: var(--lwn-navy) !important;\r\n    border: 2px solid var(--lwn-navy) !important;\r\n}\r\n\r\n.is-style-outline .wp-block-button__link:hover {\r\n    background: var(--lwn-gold-gradient) !important;\r\n    color: var(--lwn-navy) !important;\r\n    border-color: var(--lwn-gold) !important;\r\n}\r\n\r\n\/* === Breadcrumbs === *\/\r\n.lwn-breadcrumbs {\r\n    background: var(--lwn-cream);\r\n    padding: 14px 0;\r\n    border-bottom: 3px solid;\r\n    border-image: var(--lwn-gold-gradient) 1;\r\n    font-family: Verdana, Geneva, sans-serif;\r\n    font-size: 14px;\r\n    color: var(--lwn-navy);\r\n}\r\n\r\n.lwn-breadcrumbs .lwn-breadcrumbs-inner {\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n}\r\n\r\n.lwn-breadcrumbs a {\r\n    color: var(--lwn-navy);\r\n    text-decoration: none;\r\n    transition: color 0.2s;\r\n    font-weight: 500;\r\n}\r\n\r\n.lwn-breadcrumbs a:hover {\r\n    color: var(--lwn-orange);\r\n}\r\n\r\n.lwn-breadcrumbs .separator {\r\n    color: var(--lwn-gold);\r\n    font-weight: bold;\r\n    margin: 0 4px;\r\n}\r\n\r\n.lwn-breadcrumbs .current {\r\n    color: var(--lwn-navy);\r\n    font-weight: 700;\r\n    border-bottom: 2px solid var(--lwn-gold);\r\n    padding-bottom: 2px;\r\n}\r\n\r\n.lwn-breadcrumbs .home-icon {\r\n    font-size: 16px;\r\n}\r\n\r\n\/* === Hero Section Gradient (page headers) === *\/\r\n.wp-block-kadence-rowlayout:first-of-type .wp-block-heading {\r\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n\/* === Card Hover Effects === *\/\r\n.lwn-post-card,\r\n.ministry-logo-card,\r\n.wp-block-image {\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.lwn-post-card:hover,\r\n.ministry-logo-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n\/* === Section Dividers === *\/\r\n.wp-block-kadence-rowlayout + .wp-block-kadence-rowlayout {\r\n    position: relative;\r\n}\r\n\r\n\/* === ARMember Form Styling === *\/\r\n.arm_form_shortcode {\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    background: var(--lwn-white);\r\n    padding: 32px;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);\r\n    border-top: 4px solid;\r\n    border-image: var(--lwn-gold-gradient) 1;\r\n}\r\n\r\n\/* === Video Embed === *\/\r\n.video-embed {\r\n    position: relative;\r\n    padding-bottom: 56.25%;\r\n    height: 0;\r\n    overflow: hidden;\r\n    max-width: 100%;\r\n    border-radius: 12px;\r\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.video-embed iframe {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: none;\r\n}\r\n\r\n\/* === Ministry Logos Grid === *\/\r\n.ministry-logos-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 32px;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    padding: 20px;\r\n}\r\n\r\n.ministry-logo-card {\r\n    display: block;\r\n    text-align: center;\r\n    padding: 24px;\r\n    background: var(--lwn-white);\r\n    border: 2px solid var(--lwn-surface);\r\n    border-radius: 12px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.ministry-logo-card:hover {\r\n    border-color: var(--lwn-gold);\r\n    box-shadow: 0 8px 24px rgba(77, 178, 236, 0.2);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .ministry-logos-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .ministry-logos-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n    }\r\n}\r\n\r\n\/* === Footer (if not injected via Kadence) === *\/\r\n.lwn-footer {\r\n    background: var(--lwn-navy);\r\n    color: var(--lwn-cream);\r\n    padding: 60px 0 0;\r\n    margin-top: 60px;\r\n    position: relative;\r\n}\r\n\r\n.lwn-footer::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 6px;\r\n    background: var(--lwn-gold-gradient);\r\n}\r\n\r\n.lwn-footer-inner {\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n    display: grid;\r\n    grid-template-columns: 1.5fr 1fr 1fr 1.5fr;\r\n    gap: 40px;\r\n}\r\n\r\n.lwn-footer h3, .lwn-footer h4 {\r\n    color: var(--lwn-gold);\r\n    font-family: 'Open Sans', arial, sans-serif;\r\n    margin-bottom: 16px;\r\n    font-size: 18px;\r\n}\r\n\r\n.lwn-footer a {\r\n    color: var(--lwn-cream);\r\n    text-decoration: none;\r\n    transition: color 0.2s;\r\n    display: block;\r\n    padding: 4px 0;\r\n    font-size: 14px;\r\n}\r\n\r\n.lwn-footer a:hover {\r\n    color: var(--lwn-gold);\r\n}\r\n\r\n.lwn-footer p {\r\n    color: var(--lwn-cream);\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.lwn-footer-bottom {\r\n    background: rgba(0, 0, 0, 0.2);\r\n    padding: 20px 0;\r\n    margin-top: 40px;\r\n    text-align: center;\r\n    font-size: 13px;\r\n}\r\n\r\n.lwn-footer-social {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-top: 16px;\r\n}\r\n\r\n.lwn-footer-social a {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    background: #4DB2EC;\r\n    color: #FFFFFF;\r\n    font-size: 18px;\r\n    transition: all 0.3s;\r\n    padding: 0;\r\n    text-decoration: none;\r\n}\r\n\r\n.lwn-footer-social a svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: #FFFFFF;\r\n    display: block;\r\n}\r\n\r\n.lwn-footer-social a[href*=\"facebook\"]:hover { background: #1877F2; }\r\n.lwn-footer-social a[href*=\"youtube\"]:hover { background: #FF0000; }\r\n.lwn-footer-social a[href*=\"instagram\"]:hover { background: #E4405F; }\r\n.lwn-footer-social a[href*=\"rss\"]:hover { background: #FFA500; }\r\n\r\n.lwn-footer-social a:hover {\r\n    transform: translateY(-3px) scale(1.1);\r\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.lwn-newsletter-form {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-top: 16px;\r\n}\r\n\r\n.lwn-newsletter-form input[type=\"email\"] {\r\n    flex: 1;\r\n    padding: 10px 14px;\r\n    border: 2px solid var(--lwn-gold);\r\n    border-radius: 6px;\r\n    background: var(--lwn-navy-light);\r\n    color: var(--lwn-white);\r\n    font-size: 14px;\r\n}\r\n\r\n.lwn-newsletter-form input[type=\"email\"]::placeholder {\r\n    color: rgba(255, 255, 255, 0.6);\r\n}\r\n\r\n.lwn-newsletter-form button {\r\n    padding: 10px 20px;\r\n    background: var(--lwn-gold-gradient);\r\n    color: var(--lwn-navy);\r\n    border: none;\r\n    border-radius: 6px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    font-size: 14px;\r\n}\r\n\r\n.lwn-newsletter-form button:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 16px rgba(77, 178, 236, 0.4);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .lwn-footer-inner {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n    }\r\n}\r\n\r\n\/* === Smooth scroll === *\/\r\nhtml {\r\n    scroll-behavior: smooth;\r\n}\r\n\r\n\/* === Custom scrollbar === *\/\r\n::-webkit-scrollbar {\r\n    width: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n    background: var(--lwn-cream);\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n    background: var(--lwn-gold-gradient);\r\n    border-radius: 5px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n    background: var(--lwn-orange);\r\n}\r\n\r\n\/* === Logo swap: white-text version on desktop only === *\/\r\n\r\n}\r\n\r\n\/* === Full-width body: remove container constraints === *\/\r\n.wp-block-kadence-rowlayout,\r\n.wp-block-kadence-rowlayout .kt-row-column-wrap {\r\n    max-width: 100% !important;\r\n    width: 100% !important;\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n}\r\n\r\n\/* Inner content padding for readability *\/\r\n.wp-block-kadence-column .kt-inside-inner-col {\r\n    padding-left: 20px !important;\r\n    padding-right: 20px !important;\r\n}\r\n\r\n\/* Full-width content containers *\/\r\n.site-content,\r\n.content-area,\r\n#primary,\r\n#content,\r\n#main,\r\n.entry-content {\r\n    max-width: 100% !important;\r\n    width: 100% !important;\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n}\r\n\r\n\/* === Full-width footer === *\/\r\n.lwn-footer {\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n    margin-left: calc(-50vw + 50%) !important;\r\n    margin-right: calc(-50vw + 50%) !important;\r\n    margin-bottom: 0 !important;\r\n    padding-bottom: 0 !important;\r\n}\r\n\r\n.lwn-footer .lwn-footer-inner {\r\n    max-width: 100% !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 20px !important;\r\n}\r\n\r\n.lwn-footer .lwn-footer-bottom {\r\n    margin: 0 !important;\r\n    padding: 20px 0 !important;\r\n}\r\n\r\n\/* === Remove white gap below footer === *\/\r\nhtml,\r\nbody {\r\n    background: #222222 !important;\r\n    margin-bottom: 0 !important;\r\n    padding-bottom: 0 !important;\r\n}\r\n\r\n.site-footer,\r\n#colophon {\r\n    margin-bottom: 0 !important;\r\n    padding-bottom: 0 !important;\r\n}\r\n\r\n\/* Ensure content area doesn't have extra bottom padding *\/\r\n.site-content {\r\n    padding-bottom: 0 !important;\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n.entry-content {\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n\/* Hide any trailing empty elements after our footer *\/\r\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}\r\n\r\n\/* Remove default WordPress\/Kadence margins on the main wrapper *\/\r\n#wrapper {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n#inner-wrap {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    padding-bottom: 0 !important;\r\n}\r\n\r\n\/* === FORCE HIDE Kadence Default Footer (multi-technique approach) === *\/\r\n\/* The previous display:none alone was overridden by Kadence's own CSS. *\/\r\n\/* Apply !important + multiple hiding techniques + higher specificity *\/\r\n\r\n\/* Target by ID (highest specificity) *\/\r\nfooter#colophon,\r\n#colophon,\r\nfooter#colophon.site-footer,\r\n#colophon.site-footer {\r\n    display: none !important;\r\n    visibility: hidden !important;\r\n    position: absolute !important;\r\n    left: -99999px !important;\r\n    top: -99999px !important;\r\n    width: 0 !important;\r\n    height: 0 !important;\r\n    max-height: 0 !important;\r\n    max-width: 0 !important;\r\n    overflow: hidden !important;\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* Target by class *\/\r\n.site-footer,\r\n.site-footer-wrap,\r\n.site-bottom-footer-wrap,\r\n.site-footer-row-container,\r\n.site-footer-row-container-inner,\r\n.site-footer-row,\r\n.kadence-footer,\r\n.footer-html,\r\n.footer-html-inner,\r\n.site-info,\r\n.site-info-inner,\r\n.footer-widget-area {\r\n    display: none !important;\r\n    visibility: hidden !important;\r\n    position: absolute !important;\r\n    left: -99999px !important;\r\n    width: 0 !important;\r\n    height: 0 !important;\r\n    max-height: 0 !important;\r\n    overflow: hidden !important;\r\n    opacity: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* Extra-aggressive: target any footer element that contains \"Kadence WP\" text *\/\r\n\/* We can't target by text content in CSS, but we can hide ALL footers except our .lwn-footer *\/\r\nfooter:not(.lwn-footer) {\r\n    display: none !important;\r\n}\r\n\r\n\/* === REMOVE ALL BOTTOM SPACING (global) === *\/\r\nhtml,\r\nbody,\r\n.site,\r\n#wrapper,\r\n#inner-wrap,\r\n#main,\r\n#primary,\r\n#content,\r\n.site-content,\r\n.content-area,\r\n.entry-content,\r\narticle {\r\n    margin-bottom: 0 !important;\r\n    padding-bottom: 0 !important;\r\n}\r\n\r\n\/* Hide any element that comes after our custom footer *\/\r\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}\r\n\r\n\/* === STICKY NAVBAR === *\/\r\n\/* Make the site header sticky on scroll *\/\r\n.site-header,\r\n#masthead,\r\n.kadence-header,\r\n.wp-block-kadence-header {\r\n    position: sticky !important;\r\n    top: 0 !important;\r\n    z-index: 9999 !important;\r\n    width: 100% !important;\r\n    background: #222222 !important;\r\n    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15) !important;\r\n    transition: all 0.3s ease !important;\r\n}\r\n\r\n\/* Sticky header on scroll \u2014 slightly smaller *\/\r\n.site-header.scrolled,\r\n#masthead.scrolled {\r\n    padding-top: 8px !important;\r\n    padding-bottom: 8px !important;\r\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25) !important;\r\n}\r\n\r\n\/* Add subtle scroll effect via CSS only (no JS) *\/\r\n\/* When body is scrolled, the header sticks naturally with position:sticky *\/\r\n\/* This is the most reliable approach \u2014 no JS needed *\/\r\n\r\n\/* Ensure content doesn't go under the sticky header *\/\r\n\/* (position:sticky doesn't need padding offset, unlike position:fixed) *\/\r\nbody {\r\n    padding-top: 0 !important;\r\n}\r\n\r\n\/* === Fix: Make sure our custom footer is positioned correctly above the hidden Kadence footer === *\/\r\n.lwn-footer {\r\n    position: relative !important;\r\n    z-index: 10 !important;\r\n    margin-bottom: -1px !important;  \/* Pull up by 1px to overlap any sub-pixel gap *\/\r\n    padding-bottom: 0 !important;\r\n}\r\n\r\n.lwn-footer .lwn-footer-bottom {\r\n    margin: 0 !important;\r\n    padding: 20px 0 !important;\r\n    border-bottom: none !important;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* === FIX: Logo swap via JavaScript (CSS content:url doesn't work on <img>) === *\/\r\n\/* The JS below replaces the src attribute of .custom-logo *\/\r\n\r\n\/* === FIX: Hamburger menu icon \u2014 white === *\/\r\n\/* Target the ACTUAL Kadence toggle button class *\/\r\n.menu-toggle-open,\r\n.menu-toggle-open .kadence-svg-iconset,\r\n.menu-toggle-open .kadence-svg-icon,\r\n.menu-toggle-open svg,\r\n.menu-toggle-open .menu-toggle-icon,\r\n.menu-toggle-open .kadence-menu-svg {\r\n    color: #FFFFFF !important;\r\n    fill: #FFFFFF !important;\r\n    stroke: #FFFFFF !important;\r\n}\r\n\r\n\/* Also target the close button *\/\r\n.menu-toggle-close,\r\n.menu-toggle-close .kadence-svg-iconset,\r\n.menu-toggle-close .kadence-svg-icon,\r\n.menu-toggle-close svg {\r\n    color: #FFFFFF !important;\r\n    fill: #FFFFFF !important;\r\n}\r\n\r\n\/* === FIX: Mobile menu \u2014 purple background, amber hover === *\/\r\n\/* Kadence mobile drawer *\/\r\n.popup-drawer,\r\n#mobile-drawer,\r\n.popup-drawer .drawer-inner,\r\n.popup-drawer .drawer-content {\r\n    background: #222222 !important;\r\n}\r\n\r\n.popup-drawer .menu-item a,\r\n#mobile-drawer .menu-item a,\r\n.popup-drawer .header-menu-container .menu-item a {\r\n    color: #FFFFFF !important;\r\n    background: #222222 !important;\r\n    padding: 14px 24px !important;\r\n    border-bottom: 1px solid rgba(77, 178, 236, 0.2) !important;\r\n    font-family: Verdana, Geneva, sans-serif !important;\r\n    font-weight: 500 !important;\r\n    font-size: 16px !important;\r\n    transition: all 0.3s ease !important;\r\n}\r\n\r\n.popup-drawer .menu-item a:hover,\r\n#mobile-drawer .menu-item a:hover {\r\n    background: linear-gradient(135deg, #4DB2EC, #02A9D3, #E6F4FB) !important;\r\n    color: #222222 !important;\r\n}\r\n\r\n.popup-drawer .menu-item.current-menu-item a,\r\n#mobile-drawer .menu-item.current-menu-item a {\r\n    background: #02A9D3 !important;\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n\/* Mobile drawer header *\/\r\n.popup-drawer .drawer-header {\r\n    background: #222222 !important;\r\n    border-bottom: 2px solid #4DB2EC !important;\r\n}\r\n\r\n\/* === FIX: Logo padding (both mobile and desktop) === *\/\r\n.site-branding,\r\n.site-logo,\r\n.custom-logo-link,\r\n.brand.has-logo-image {\r\n    padding: 10px 15px !important;\r\n}\r\n\r\n.custom-logo {\r\n    padding: 5px !important;\r\n    max-height: 70px !important;\r\n    width: auto !important;\r\n}\r\n\r\n\/* === FIX: Hero text visibility === *\/\r\n\/* Kadence uses #kt-layout-id{uniqueID} not #{uniqueID} *\/\r\n\/* Target the hero section by its Kadence layout ID *\/\r\n#kt-layout-idprint-hero h1,\r\n#kt-layout-idprint-hero h2,\r\n#kt-layout-idprint-hero h3,\r\n#kt-layout-idprint-hero p {\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n#kt-layout-idprint-hero .has-text-color,\r\n#kt-layout-idprint-hero [style*=\"color\"] {\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n\/* Also target by column class *\/\r\n.kadence-columnprint-hero-col-1 h1,\r\n.kadence-columnprint-hero-col-1 p {\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n\/* Quote form section *\/\r\n#kt-layout-idquote-form-section h2 {\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n#kt-layout-idquote-form-section p {\r\n    color: #4DB2EC !important;\r\n}\r\n\r\n\/* CTA section *\/\r\n#kt-layout-idprint-cta h2 {\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n#kt-layout-idprint-cta p {\r\n    color: #F5F5F5 !important;\r\n}\r\n\r\n\/* All hero sections with purple background \u2014 ensure white text *\/\r\n.wp-block-kadence-rowlayout[style*=\"#222222\"] h1,\r\n.wp-block-kadence-rowlayout[style*=\"#222222\"] h2,\r\n.wp-block-kadence-rowlayout[style*=\"#222222\"] h3,\r\n.wp-block-kadence-rowlayout[style*=\"#222222\"] p {\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n\/* Content sections with light background \u2014 ensure dark text *\/\r\n#kt-layout-idprint-products-title h2,\r\n#kt-layout-idhow-it-works-title h2 {\r\n    color: #222222 !important;\r\n}\r\n\r\n#kt-layout-idprint-products-title p,\r\n#kt-layout-idhow-it-works-title p {\r\n    color: #212121 !important;\r\n}\r\n\r\n\r\n\r\n\/* === FIX: Force purple background on hero sections === *\/\r\n#kt-layout-idprint-hero,\r\n#kt-layout-idprint-cta,\r\n#kt-layout-idquote-form-section {\r\n    background: #222222 !important;\r\n}\r\n\r\n#kt-layout-idprint-hero .kt-row-column-wrap,\r\n#kt-layout-idprint-cta .kt-row-column-wrap,\r\n#kt-layout-idquote-form-section .kt-row-column-wrap {\r\n    background: #222222 !important;\r\n}\r\n\r\n\/* Force purple background on ALL sections that should have it *\/\r\n\/* (applies to all hero sections with navy\/purple background on all pages) *\/\r\n.wp-block-kadence-rowlayout[style*=\"4A148C\"],\r\n.wp-block-kadence-rowlayout[style*=\"4a148c\"] {\r\n    background: #222222 !important;\r\n}\r\n\r\n\/* Also force via the kt-layout-id pattern for all pages *\/\r\n\/* Hero sections on inner pages use uniqueIDs like about-hero, vision-hero, etc *\/\r\n[id^=\"kt-layout-id\"][id*=\"hero\"],\r\n[id^=\"kt-layout-id\"][id*=\"cta\"],\r\n[id^=\"kt-layout-id\"][id*=\"quote-form\"] {\r\n    background: #222222 !important;\r\n}\r\n\r\n[id^=\"kt-layout-id\"][id*=\"hero\"] .kt-row-column-wrap,\r\n[id^=\"kt-layout-id\"][id*=\"cta\"] .kt-row-column-wrap {\r\n    background: #222222 !important;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* === CORRECTED LAYOUT: Full-width backgrounds, centered content === *\/\r\n\/* Container: 100% width so section backgrounds span full browser *\/\r\n\/* Inner content: max-width 1200px centered so text isn't overstretched *\/\r\n\r\n.content-container,\r\n.site-container,\r\n.content-wrap,\r\n.entry-content-wrap,\r\n.entry-content,\r\n.single-content,\r\n#primary,\r\n#main,\r\n#content,\r\n.site-main,\r\n.wrap {\r\n    max-width: 100% !important;\r\n    width: 100% !important;\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Inner content divs \u2014 constrained to 1200px, centered *\/\r\n.entry-content > div,\r\n.entry-content > div > div {\r\n    max-width: 100% !important;\r\n    width: 100% !important;\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Section background divs \u2014 full browser width *\/\r\n\/* These are the divs with style=\"background:...; width:100%\" *\/\r\n\/* They need to break out of the container to span the full browser width *\/\r\n.entry-content > div > div[style*=\"background:#222222\"],\r\n.entry-content > div > div[style*=\"background:#FFFFFF\"],\r\n.entry-content > div > div[style*=\"background:#F5F5F5\"],\r\n.entry-content div[style*=\"background:#222222\"],\r\n.entry-content div[style*=\"background:#FFFFFF\"],\r\n.entry-content div[style*=\"background:#F5F5F5\"] {\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n    margin-left: calc(-50vw + 50%) !important;\r\n    margin-right: calc(-50vw + 50%) !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Inner content within sections \u2014 max 1200px centered *\/\r\n.entry-content div[style*=\"background:#222222\"] > div,\r\n.entry-content div[style*=\"background:#FFFFFF\"] > div,\r\n.entry-content div[style*=\"background:#F5F5F5\"] > div,\r\n.entry-content div[style*=\"width:100%\"] > div,\r\n.entry-content div[style*=\"width: 100%\"] > div {\r\n    max-width: 1200px !important;\r\n    width: 100% !important;\r\n    margin: 0 auto !important;\r\n    padding-left: 20px !important;\r\n    padding-right: 20px !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Also target inner divs that have inline width:100% *\/\r\ndiv[style*=\"max-width:100%\"]:not([style*=\"background\"]) {\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    padding-left: 20px !important;\r\n    padding-right: 20px !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Body background \u2014 navy to prevent white gap below footer *\/\r\nhtml,\r\nbody {\r\n    background: #222222 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* Navbar full-width *\/\r\n.site-header {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n}\r\n\r\n\/* Breadcrumbs full-width *\/\r\n.lwn-breadcrumbs {\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n    margin-left: calc(-50vw + 50%) !important;\r\n    margin-right: calc(-50vw + 50%) !important;\r\n}\r\n\r\n\/* Footer full-width (already handled but reinforce) *\/\r\n.lwn-footer {\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n    margin-left: calc(-50vw + 50%) !important;\r\n    margin-right: calc(-50vw + 50%) !important;\r\n    margin-bottom: 0 !important;\r\n    padding-bottom: 0 !important;\r\n}\r\n\r\n.lwn-footer .lwn-footer-inner {\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 20px !important;\r\n}\r\n\r\n.lwn-footer .lwn-footer-bottom {\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n}\r\n\r\n\/* Remove ALL bottom spacing *\/\r\n.site,\r\n#wrapper,\r\n#inner-wrap {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow-x: clip;\r\n}\r\n\r\n\/* Hide Kadence default footer *\/\r\n#colophon,\r\n.site-footer,\r\n.site-footer-wrap,\r\n.site-bottom-footer-wrap {\r\n    display: none !important;\r\n}\r\n\r\n\/* Prevent horizontal scroll *\/\r\nbody {\r\n    overflow-x: clip !important;\r\n}\r\n\r\n\r\n\r\n\/* === FIX: Remove ALL gaps === *\/\r\n\r\n\/* 1. Remove gap below navbar \u2014 override Kadence's margin-top on .content-area *\/\r\n.content-area,\r\n.content-container,\r\n.site-container,\r\n#primary,\r\n#main,\r\n.site-main,\r\n.content-wrap,\r\n.entry-content-wrap,\r\n.entry-content,\r\n.single-content,\r\n#content,\r\n.site-content,\r\n#inner-wrap,\r\n.wrap {\r\n    margin-top: 0 !important;\r\n    padding-top: 0 !important;\r\n    margin-bottom: 0 !important;\r\n    padding-bottom: 0 !important;\r\n}\r\n\r\n\/* Also override Kadence's responsive margin-top rules *\/\r\n@media (min-width: 1025px) {\r\n    .content-area { margin-top: 0 !important; padding-top: 0 !important; }\r\n}\r\n@media (max-width: 1024px) {\r\n    .content-area { margin-top: 0 !important; padding-top: 0 !important; }\r\n}\r\n@media (max-width: 767px) {\r\n    .content-area { margin-top: 0 !important; padding-top: 0 !important; }\r\n}\/* Mobile drawer: hidden by default, shown by Kadence JS when hamburger clicked *\/\r\n\/* Do NOT force display:none \u2014 it breaks the mobile menu on phones *\/\/* 3. Ensure body background is navy (no white gap) *\/\r\nhtml,\r\nbody {\r\n    background: #222222 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* 4. Remove any trailing empty elements after footer *\/\r\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}\r\n\r\n\/* 5. Remove padding on site wrapper *\/\r\n.site,\r\n#wrapper {\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    overflow-x: clip !important;\r\n}\r\n\r\n\/* 6. Remove Kadence content padding *\/\r\n.entry-content-wrap {\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* 7. Remove Kadence post padding (for blog posts) *\/\r\n.single-content {\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n\/* 8. Remove article padding *\/\r\narticle {\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n\/* 9. Force the content area to start immediately after navbar *\/\r\n#inner-wrap {\r\n    padding-top: 0 !important;\r\n    margin-top: 0 !important;\r\n}\r\n\r\n\/* 10. Remove WooCommerce message container padding *\/\r\n.woocommerce-notices-wrapper {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\r\n\/* HIGH-SPECIFICITY OVERRIDE: ensure overflow doesn't break position: sticky *\/\r\nhtml body .site,\r\nhtml body #wrapper,\r\nhtml body #inner-wrap {\r\n    overflow-x: clip !important;\r\n    overflow-y: visible !important;\r\n}\r\n\r\n<\/style><\/p>\r\n\r\n\r\n\r\n<p><style>\r\n\/* Hide site title text \u2014 keep only logo image *\/\r\n.site-header .site-title,\r\n.site-header .site-description,\r\n.kadence-site-title-wrap .site-title,\r\n.site-branding .site-title {\r\n    display: none !important;\r\n}\r\n\r\n\/* Remove gap between navbar and slider on homepage *\/\r\n.home .site-content,\r\n.home .content-area,\r\n.home #primary,\r\n.home .entry-content {\r\n    margin-top: 0 !important;\r\n    padding-top: 0 !important;\r\n}\r\n.home .wp-block-kadence-rowlayout:first-of-type {\r\n    margin-top: 0 !important;\r\n}\r\n.site-header {\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n\/* === Make slider section truly full-width (break out of content container) === *\/\r\n.home .site-content,\r\n.home .content-area,\r\n.home #primary,\r\n.home #content,\r\n.home .entry-content,\r\n.home #main {\r\n    max-width: 100% !important;\r\n    width: 100% !important;\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n}\r\n\r\n\/* Slider Revolution container \u2014 force full width *\/\r\n.home #hero-slider,\r\n.home #hero-slider .wp-block-kadence-column,\r\n.home #hero-slider .kt-inside-inner-col,\r\n.home .wp-block-kadence-rowlayout:first-of-type,\r\n.home .wp-block-kadence-rowlayout:first-of-type .wp-block-kadence-column,\r\n.home .wp-block-kadence-rowlayout:first-of-type .kt-inside-inner-col {\r\n    max-width: 100% !important;\r\n    width: 100% !important;\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n}\r\n\r\n\/* Slider Revolution module \u2014 full width *\/\r\n.home .rs-module-wrap,\r\n.home .rs-module,\r\n.home .rs-fullwidth-wrap {\r\n    max-width: 100vw !important;\r\n    width: 100vw !important;\r\n    margin-left: calc(-50vw + 50%) !important;\r\n    margin-right: 0 !important;\r\n}\r\n\r\n.home .rs-module-wrap > div,\r\n.home .rs-fullwidth-wrap > div {\r\n    max-width: 100% !important;\r\n    width: 100% !important;\r\n}\r\n\r\n.home .entry-content > div:has(.rs-module-wrap),\r\n.home .entry-content > div:has(.rs-module),\r\n.home .entry-content > div:has(#rev_slider) {\r\n    max-width: 100vw !important;\r\n    width: 100vw !important;\r\n    margin-left: calc(-50vw + 50%) !important;\r\n    margin-right: 0 !important;\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n}\r\n\r\n\/* === LWN Post Grid Styles === *\/\r\n.lwn-post-grid {\r\n    margin: 20px 0;\r\n}\r\n.lwn-loading {\r\n    text-align: center;\r\n    padding: 40px 0;\r\n    color: #8b8881;\r\n    font-style: italic;\r\n}\r\n.lwn-grid-inner {\r\n    display: grid;\r\n    gap: 24px;\r\n}\r\n.lwn-grid-4col .lwn-grid-inner { grid-template-columns: repeat(4, 1fr); }\r\n.lwn-grid-5col .lwn-grid-inner { grid-template-columns: repeat(5, 1fr); }\r\n.lwn-grid-3col .lwn-grid-inner { grid-template-columns: repeat(3, 1fr); }\r\n\r\n@media (max-width: 1024px) {\r\n    .lwn-grid-4col .lwn-grid-inner,\r\n    .lwn-grid-5col .lwn-grid-inner { grid-template-columns: repeat(3, 1fr); }\r\n}\r\n@media (max-width: 768px) {\r\n    .lwn-grid-4col .lwn-grid-inner,\r\n    .lwn-grid-5col .lwn-grid-inner,\r\n    .lwn-grid-3col .lwn-grid-inner { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 480px) {\r\n    .lwn-grid-4col .lwn-grid-inner,\r\n    .lwn-grid-5col .lwn-grid-inner,\r\n    .lwn-grid-3col .lwn-grid-inner { grid-template-columns: 1fr; }\r\n}\r\n\r\n.lwn-post-card {\r\n    background: #FFFFFF;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    box-shadow: 0 1px 3px rgba(0,0,0,0.06);\r\n    transition: box-shadow 0.2s ease, transform 0.2s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n.lwn-post-card:hover {\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.10);\r\n    transform: translateY(-2px);\r\n}\r\n.lwn-post-thumb {\r\n    display: block;\r\n    overflow: hidden;\r\n    background: #EEEEEE;\r\n}\r\n.lwn-post-thumb img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n}\r\n.lwn-post-card:hover .lwn-post-thumb img {\r\n    transform: scale(1.05);\r\n}\r\n.lwn-post-content {\r\n    padding: 16px;\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n.lwn-post-title {\r\n    margin: 0 0 8px;\r\n    font-family: 'Open Sans', arial, sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n    color: #222222;\r\n}\r\n.lwn-post-title a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n}\r\n.lwn-post-title a:hover {\r\n    color: #4DB2EC;\r\n}\r\n.lwn-post-meta {\r\n    font-size: 12px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.04em;\r\n    color: #4DB2EC;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n}\r\n.lwn-post-excerpt {\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    color: #212121;\r\n    margin: 0 0 12px;\r\n    flex: 1;\r\n    display: -webkit-box !important;\r\n    -webkit-line-clamp: 3 !important;\r\n    -webkit-box-orient: vertical !important;\r\n    overflow: hidden !important;\r\n    text-overflow: ellipsis !important;\r\n    word-wrap: break-word !important;\r\n    overflow-wrap: break-word !important;\r\n}\r\n.lwn-post-readmore {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #222222;\r\n    text-decoration: none;\r\n    align-self: flex-start;\r\n}\r\n.lwn-post-readmore:hover {\r\n    color: #4DB2EC;\r\n    text-decoration: underline;\r\n}\r\n<\/style><\/p>\r\n\r\n\r\n\r\n<div style=\"background: #000000; padding: 0 0 0 0; width: 100%; box-sizing: border-box;\">\r\n<div style=\"width: 100%; box-sizing: border-box;\"> \n\t\t\t\t<p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t\t<sr7-module data-alias=\"slider-5\" data-id=\"8\" id=\"SR7_8_1\" class=\"rs-ov-hidden\" data-version=\"6.7.51\">\n\t\t\t\t\t<sr7-adjuster><\/sr7-adjuster>\n\t\t\t\t\t<sr7-content>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_8_1-3\" data-key=\"3\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_8_1-3-16\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/loveworldnorthampton.org\/stg\/wp-content\/uploads\/2026\/07\/loveworld-prayer-service.jpg\" alt=\"\" title=\"loveworld-prayer-service\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_8_1-3-5\" class=\"sr7-layer\">WELCOME<br\/>TO<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_8_1-3-6\" class=\"sr7-layer\">LOVEWORLD NORTHAMPTON<\/sr7-txt>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_8_1-4\" data-key=\"4\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_8_1-4-16\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/loveworldnorthampton.org\/stg\/wp-content\/uploads\/2026\/08\/slide-3.jpeg\" alt=\"\" title=\"slide 3\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_8_1-4-5\" class=\"sr7-layer\">WE LOVE<br\/>GOD<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_8_1-4-6\" class=\"sr7-layer\">IN SPIRIT AND IN TRUTH! <\/sr7-txt>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_8_1-2\" data-key=\"2\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_8_1-2-16\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/loveworldnorthampton.org\/stg\/wp-content\/uploads\/2026\/08\/slide-2.jpeg\" alt=\"\" title=\"slide 2\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_8_1-2-5\" class=\"sr7-layer\">WE LOVE<br\/>ALL PEOPLE<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_8_1-2-6\" class=\"sr7-layer\">WE ARE FOR SIGNS AND WONDERS!<\/sr7-txt>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_8_1-6\" data-key=\"6\">\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t<\/sr7-content>\n\t\t\t\t\t<image_lists style=\"display:none\">\n\t\t\t\t\t\t<img data-src=\"\/\/loveworldnorthampton.org\/stg\/wp-content\/plugins\/revslider\/public\/assets\/svg\/navigation\/ic_arrow_forward_36px.svg\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9sb3Zld29ybGRub3J0aGFtcHRvbi5vcmcvc3RnL3dwLWNvbnRlbnQvcGx1Z2lucy9yZXZzbGlkZXIvcHVibGljL2Fzc2V0cy9zdmcvbmF2aWdhdGlvbi9pY19hcnJvd19mb3J3YXJkXzM2cHguc3Zn\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/loveworldnorthampton.org\/stg\/wp-content\/uploads\/2026\/08\/slide-2.jpeg\" data-libid=\"6954\" data-lib=\"medialibrary\" title=\"slide 2\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9sb3Zld29ybGRub3J0aGFtcHRvbi5vcmcvc3RnL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDI2LzA4L3NsaWRlLTIuanBlZw==\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/loveworldnorthampton.org\/stg\/wp-content\/uploads\/2026\/07\/loveworld-prayer-service.jpg\" data-libid=\"6617\" data-lib=\"medialibrary\" title=\"loveworld-prayer-service\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9sb3Zld29ybGRub3J0aGFtcHRvbi5vcmcvc3RnL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDI2LzA3L2xvdmV3b3JsZC1wcmF5ZXItc2VydmljZS5qcGc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/loveworldnorthampton.org\/stg\/wp-content\/uploads\/2026\/08\/slide-3.jpeg\" data-libid=\"6955\" data-lib=\"medialibrary\" title=\"slide 3\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9sb3Zld29ybGRub3J0aGFtcHRvbi5vcmcvc3RnL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDI2LzA4L3NsaWRlLTMuanBlZw==\"\/>\n\t\t\t\t\t<\/image_lists>\n\t\t\t\t<\/sr7-module>\n\t\t\t\t<script>\n\t\t\t\t\twindow.SR7 ??={};SR7.PMH ??={}; SR7.PMH[\"SR7_8_1\"] = {cn:100,state:false,fn: function() { if (window._tpt!==undefined && window._tpt.prepareModuleHeight !== undefined) {  _tpt.prepareModuleHeight({id:\"SR7_8_1\",el:[800,800,768,960,720],type:'standard',shdw:'0',gh:[800,800,768,960,720],gw:[1240,1240,1024,778,480],vpt:['-200px&#039;,&#039;-200px&#039;,&#039;-200px&#039;,&#039;-200px&#039;,&#039;-200px'],size:{fullWidth:true, fullHeight:false},mh:'0',onh:0,onw:0,bg:{color:'{\"orig\":\"transparent\",\"type\":\"solid\",\"string\":\"transparent\"}'},plType:'3',plColor:'#FFFFFF'});   SR7.PMH[\"SR7_8_1\"].state=true;} else if(SR7.PMH[\"SR7_8_1\"].cn-->0)\tsetTimeout( SR7.PMH[\"SR7_8_1\"].fn,19);}};SR7.PMH[\"SR7_8_1\" ].fn();\n\t\t\t\t<\/script>\n <\/div>\r\n<\/div>\r\n\r\n\r\n\n<style>\n\/* === Premium Hero Section: Service Times & Location === *\/\n#lwn-hero-services {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    background: #1a1a2e;\n}\n#lwn-hero-bg {\n    position: absolute;\n    inset: 0;\n    background-image: url('https:\/\/loveworldnorthampton.org\/stg\/wp-content\/uploads\/2026\/07\/loveworld-prayer-service.jpg');\n    background-size: cover;\n    background-position: center;\n    opacity: 0.15;\n    z-index: 0;\n}\n#lwn-hero-content {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 0;\n    max-width: 1400px;\n    margin: 0 auto;\n    min-height: 420px;\n}\n\/* Left side: Image with play button overlay *\/\n.lwn-hero-visual {\n    position: relative;\n    overflow: hidden;\n}\n.lwn-hero-visual img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    min-height: 420px;\n}\n.lwn-hero-visual::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(90deg, transparent 60%, #1a1a2e 100%);\n    pointer-events: none;\n}\n.lwn-hero-play {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 72px;\n    height: 72px;\n    border-radius: 50%;\n    background: rgba(77, 178, 236, 0.9);\n    border: 3px solid #FFFFFF;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: transform 0.2s, background 0.2s;\n    z-index: 2;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.4);\n}\n.lwn-hero-play:hover {\n    transform: translate(-50%, -50%) scale(1.1);\n    background: #4DB2EC;\n}\n.lwn-hero-play svg {\n    width: 28px;\n    height: 28px;\n    fill: #FFFFFF;\n    margin-left: 4px;\n}\n\/* Right side: Service info *\/\n.lwn-hero-info {\n    padding: 48px 48px 48px 32px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    background: #1a1a2e;\n}\n.lwn-hero-eyebrow {\n    color: #4DB2EC;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin: 0 0 12px 0;\n}\n.lwn-hero-title {\n    color: #FFFFFF;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 2.4rem;\n    font-weight: 800;\n    line-height: 1.1;\n    margin: 0 0 8px 0;\n    text-transform: uppercase;\n    letter-spacing: -0.5px;\n}\n.lwn-hero-subtitle {\n    color: #4DB2EC;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 1.1rem;\n    font-weight: 500;\n    margin: 0 0 28px 0;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n.lwn-hero-details {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    margin-bottom: 28px;\n}\n.lwn-hero-detail {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n}\n.lwn-hero-detail .icon {\n    flex-shrink: 0;\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    background: rgba(77, 178, 236, 0.15);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.lwn-hero-detail .icon svg {\n    width: 18px;\n    height: 18px;\n    fill: #4DB2EC;\n}\n.lwn-hero-detail .text {\n    color: #E0E0E0;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-size: 15px;\n    line-height: 1.5;\n}\n.lwn-hero-detail .text strong {\n    color: #FFFFFF;\n    font-weight: 700;\n    display: block;\n    margin-bottom: 2px;\n    font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n.lwn-hero-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 28px;\n    border: 2px solid #4DB2EC;\n    border-radius: 8px;\n    color: #4DB2EC;\n    text-decoration: none;\n    font-family: 'Open Sans', arial, sans-serif;\n    font-weight: 700;\n    font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    transition: all 0.2s;\n    align-self: flex-start;\n}\n.lwn-hero-cta:hover {\n    background: #4DB2EC;\n    color: #FFFFFF;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(77, 178, 236, 0.3);\n}\n\/* Mobile responsive *\/\n@media (max-width: 768px) {\n    #lwn-hero-content {\n        grid-template-columns: 1fr;\n    }\n    .lwn-hero-visual img {\n        min-height: 240px;\n        max-height: 280px;\n    }\n    .lwn-hero-visual::after {\n        background: linear-gradient(180deg, transparent 50%, #1a1a2e 100%);\n    }\n    .lwn-hero-info {\n        padding: 32px 24px;\n    }\n    .lwn-hero-title {\n        font-size: 1.8rem;\n    }\n    .lwn-hero-subtitle {\n        font-size: 0.95rem;\n    }\n    .lwn-hero-cta {\n        align-self: stretch;\n        justify-content: center;\n    }\n}\n<\/style>\n\n<div id=\"lwn-hero-services\">\n  <div id=\"lwn-hero-bg\"><\/div>\n  <div id=\"lwn-hero-content\">\n    <div class=\"lwn-hero-visual\">\n      <img decoding=\"async\" src=\"https:\/\/loveworldnorthampton.org\/stg\/wp-content\/uploads\/2026\/08\/church-ministry.jpg\" alt=\"LoveWorld Northampton Worship Service\" loading=\"lazy\">\n      <div class=\"lwn-hero-play\" onclick=\"document.getElementById('lwn-video-modal').style.display='flex';\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n      <\/div>\n    <\/div>\n    <div class=\"lwn-hero-info\">\n      <p class=\"lwn-hero-eyebrow\">LoveWorld Northampton<\/p>\n      <h2 class=\"lwn-hero-title\">Join Us<\/h2>\n      <p class=\"lwn-hero-subtitle\">For Worship &amp; Fellowship<\/p>\n      \n      <div class=\"lwn-hero-details\">\n        <div class=\"lwn-hero-detail\">\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          <div class=\"text\">\n            <strong>Location<\/strong>\n            64 Harborough Road, Kingsthorpe<br>Northampton, NN2 7SH\n          <\/div>\n        <\/div>\n        <div class=\"lwn-hero-detail\">\n          <div class=\"icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\n          <\/div>\n          <div class=\"text\">\n            <strong>Service Times<\/strong>\n            Sunday Worship: 10:00 AM<br>\n            Midweek: Wednesday 6:30 PM\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <a href=\"\/stg\/start\/\" class=\"lwn-hero-cta\">\n        New Here? Find Out What to Expect\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\n      <\/a>\n    <\/div>\n  \n<div id=\"lwn-video-modal\" style=\"display:none; position:fixed; inset:0; background:rgba(0,0,0,0.85); z-index:999999; align-items:center; justify-content:center; cursor:pointer;\" onclick=\"this.style.display='none';\">\n  <video controls  style=\"max-width:90%; max-height:90%; border-radius:12px; box-shadow:0 20px 60px rgba(0,0,0,0.5);\" onclick=\"event.stopPropagation();\">\n    <source src=\"https:\/\/loveworldnorthampton.org\/stg\/wp-content\/uploads\/2026\/08\/LWNH-Video.mp4\" type=\"video\/mp4\">\n  <\/video>\n  <button style=\"position:fixed; top:20px; right:20px; background:rgba(255,255,255,0.2); border:none; color:#fff; font-size:28px; cursor:pointer; padding:8px 16px; border-radius:50%;\">&times;<\/button>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"background: #F5F5F5; padding: 40px 20px; width: 100%; box-sizing: border-box;\">\n<div style=\"max-width: 800px; margin: 0 auto; text-align: center;\">\n<div class=\"eventer eventer-countdown\">\n\t\t\t\t\t\t<div class=\"eventer-event-date\" style=\"background-color: \">\n\t\t\t\t\t\t\t<span class=\"eventer-event-day\">19<\/span>\n\t\t\t\t\t\t\t<span class=\"eventer-event-month\">August<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"eventer-event-details\">\n\t\t\t\t\t\t\t<label>Next<\/label>\n\t\t\t\t\t\t\t<span class=\"eventer-labeler\">Upcoming Event<\/span>\n\t\t\t\t\t\t\t<h3><a href=\"#\" target=\"_self\">LWNH Virtual Church &#8211; Wednesday Service <i class=\"eventer-icon-refresh\"><\/i><\/a><\/h3><span class=\"eventer-event-venue\"><i class=\"eventer-icon-location-pin\"><\/i> Live Online<\/span><\/div>\n\t\t\t\t\t\t<div id=\"counter-449192442\" class=\"eventer-countdown-timer\" data-date=\"1787162400\">\n\t\t\t\t\t\t<div class=\"eventer-timer-col\">\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span id=\"days\"><\/span>\n\t\t\t\t\t\t\t\t\t<strong>days<\/strong>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"eventer-timer-col\">\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span id=\"hours\"><\/span> \n\t\t\t\t\t\t\t\t\t<strong>hr<\/strong>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"eventer-timer-col\">\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span id=\"minutes\"><\/span> \n\t\t\t\t\t\t\t\t\t<strong>min<\/strong>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"eventer-timer-col\">\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span id=\"seconds\"><\/span> \n\t\t\t\t\t\t\t\t\t<strong>sec<\/strong>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n<\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\r\n\r\n\n<div style=\"width: 100%; box-sizing: border-box; margin: 0; padding: 0;\">\n<img decoding=\"async\" src=\"https:\/\/loveworldnorthampton.org\/stg\/wp-content\/uploads\/2026\/08\/homepage-banner.jpg\" alt=\"LoveWorld Northampton\" style=\"width: 100%; height: auto; display: block; margin: 0; padding: 0;\" \/>\n<\/div>\n\r\n\r\n<\/div>\r\n<\/div>\r\n<!-- \/wp:post-content -->\r\n\r\n<!-- wp:html -->\r\n<div style=\"background: #FFFFFF; padding: 60px  60px; width: 100%; box-sizing: border-box;\">\r\n<div style=\"width: 100%; box-sizing: border-box;\"><!-- wp:heading {\"textAlign\":\"center\",\"level\":2,\"textColor\":\"#222222\"} -->\r\n<h2 class=\"wp-block-heading has-text-align-center has-text-color\" style=\"color: #222222;\">From Our Blog<\/h2>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph {\"align\":\"center\",\"textColor\":\"#212121\"} -->\r\n<p class=\"has-text-align-center has-text-color\" style=\"color: #212121;\">Catch up on the latest news, announcements, and updates from LoveWorld Northampton.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:html -->\r\n<div id=\"post-grid-from-blog\" class=\"lwn-post-grid lwn-grid-3col\" data-cats=\"19\" data-count=\"6\" data-excerpt=\"true\" data-ratio=\"16\/9\">\r\n<div class=\"lwn-loading\">Loading posts&#8230;<\/div>\r\n<\/div>\r\n<script>\r\n(function() {\r\n  const container = document.getElementById('post-grid-from-blog');\r\n  if (!container) return;\r\n  const cats = container.dataset.cats.split(',').map(Number);\r\n  const count = parseInt(container.dataset.count);\r\n  const showExcerpt = container.dataset.excerpt === 'true';\r\n  const ratio = container.dataset.ratio;\r\n  \r\n  Promise.all(cats.map(catId => \r\n    fetch(`${(document.querySelector('link[rel=\"https:\/\/api.w.org\/\"]')||{href:'\/wp-json\/'}).href}wp\/v2\/posts?categories=${catId}&_embed&per_page=20&orderby=date&order=desc`)\r\n      .then(r => r.json())\r\n  )).then(results => {\r\n    const allPosts = [];\r\n    const seen = new Set();\r\n    results.flat().forEach(p => {\r\n      if (seen.has(p.id)) return;\r\n      seen.add(p.id);\r\n      const fm = p._embedded && p._embedded['wp:featuredmedia'];\r\n      if (fm && fm.length > 0 && fm[0].source_url) {\r\n        allPosts.push(p);\r\n      }\r\n    });\r\n    allPosts.sort((a, b) => new Date(b.date) - new Date(a.date));\r\n    const displayPosts = allPosts.slice(0, count);\r\n    \r\n    if (displayPosts.length === 0) {\r\n      container.innerHTML = '<p style=\"text-align:center; color:#8b8881; padding:40px 0;\">No posts with featured images found.<\/p>';\r\n      return;\r\n    }\r\n    \r\n    const html = displayPosts.map(p => {\r\n      const fm = p._embedded['wp:featuredmedia'][0];\r\n      const imgUrl = fm.media_details && fm.media_details.sizes && fm.media_details.sizes.medium_large \r\n        ? fm.media_details.sizes.medium_large.source_url \r\n        : fm.source_url;\r\n      const title = p.title.rendered;\r\n      const link = p.link;\r\n      const date = new Date(p.date).toLocaleDateString('en-GB', { day: 'numeric', month: 'long', year: 'numeric' });\r\n      const excerpt = showExcerpt && p.excerpt && p.excerpt.rendered \r\n        ? p.excerpt.rendered.replace(\/<[^>]+>\/g, '').substring(0, 120) + '...' \r\n        : '';\r\n      return `\r\n        <article class=\"lwn-post-card\">\r\n          <a href=\"${link}\" class=\"lwn-post-thumb\" style=\"aspect-ratio: ${ratio};\">\r\n            <img decoding=\"async\" src=\"${imgUrl}\" alt=\"${title.replace(\/\"\/g, '&quot;')}\" loading=\"lazy\" \/>\r\n          <\/a>\r\n          <div class=\"lwn-post-content\">\r\n            <h3 class=\"lwn-post-title\"><a href=\"${link}\">${title}<\/a><\/h3>\r\n            <div class=\"lwn-post-meta\">${date}<\/div>\r\n            ${excerpt ? `<p class=\"lwn-post-excerpt\">${excerpt}<\/p>` : ''}\r\n            <a href=\"${link}\" class=\"lwn-post-readmore\">Read More \u2192<\/a>\r\n          <\/div>\r\n        <\/article>\r\n      `;\r\n    }).join('');\r\n    \r\n    container.innerHTML = `<div class=\"lwn-grid-inner\">${html}<\/div>`;\r\n  }).catch(err => {\r\n    container.innerHTML = '<p style=\"text-align:center; color:#9F5A54;\">Failed to load posts.<\/p>';\r\n    console.error('Post grid error:', err);\r\n  });\r\n})();\r\n<\/script> <!-- \/wp:html --><\/div>\r\n<\/div>\r\n<!-- \/wp:html -->\r\n\r\n<\/div>\r\n<\/div>\r\n<!-- \/wp:html --><!-- wp:html -->\r\n<p><script>\r\n(function() {\r\n    \/\/ Remove Kadence default footer (#colophon) and any trailing elements after our custom footer\r\n    function removeKadenceFooter() {\r\n        \/\/ Remove #colophon (the main Kadence footer)\r\n        var colophon = document.getElementById('colophon');\r\n        if (colophon) {\r\n            colophon.parentNode.removeChild(colophon);\r\n        }\r\n        \r\n        \/\/ Also remove by class (in case ID-based removal fails)\r\n        var selectors = [\r\n            '.site-footer',\r\n            '.site-footer-wrap',\r\n            '.site-bottom-footer-wrap',\r\n            '.site-footer-row-container',\r\n            '.site-footer-row-container-inner',\r\n            '.footer-html',\r\n            '.footer-html-inner',\r\n            '.site-info',\r\n            '.site-info-inner'\r\n        ];\r\n        \r\n        selectors.forEach(function(sel) {\r\n            \/\/ Only remove if it's NOT inside our .lwn-footer\r\n            var elements = document.querySelectorAll(sel);\r\n            elements.forEach(function(el) {\r\n                \/\/ Check if this element is inside our custom footer\r\n                if (!el.closest('.lwn-footer')) {\r\n                    if (el.parentNode) {\r\n                        el.parentNode.removeChild(el);\r\n                    }\r\n                    \/\/ Remove parent if it became empty\r\n                    if (el.parentNode && el.parentNode.children.length === 0 && el.parentNode.tagName !== 'BODY') {\r\n                        el.parentNode.parentNode.removeChild(el.parentNode);\r\n                    }\r\n                }\r\n            });\r\n        });\r\n        \r\n        \/\/ Remove any footer element that's NOT our .lwn-footer\r\n        var allFooters = document.querySelectorAll('footer');\r\n        allFooters.forEach(function(footer) {\r\n            if (!footer.classList.contains('lwn-footer')) {\r\n                if (footer.parentNode) {\r\n                    footer.parentNode.removeChild(footer);\r\n                }\r\n            }\r\n        });\r\n        \r\n        \/\/ Remove any element that comes after our .lwn-footer\r\n        var lwnFooter = document.querySelector('.lwn-footer');\r\n        if (lwnFooter && lwnFooter.parentNode) {\r\n            var parent = lwnFooter.parentNode;\r\n            var nextSibling = lwnFooter.nextSibling;\r\n            while (nextSibling) {\r\n                var toRemove = nextSibling;\r\n                nextSibling = nextSibling.nextSibling;\r\n                parent.removeChild(toRemove);\r\n            }\r\n        }\r\n        \r\n        \/\/ Remove empty wrapper divs that might still have height\r\n        var wrappers = ['#wrapper', '#inner-wrap', '#main', '#primary', '#content', '.site-content', '.content-area'];\r\n        wrappers.forEach(function(sel) {\r\n            var el = document.querySelector(sel);\r\n            if (el) {\r\n                el.style.marginBottom = '0';\r\n                el.style.paddingBottom = '0';\r\n            }\r\n        });\r\n        \r\n        \/\/ Final cleanup: ensure body and html have no bottom margin\r\n        document.body.style.marginBottom = '0';\r\n        document.body.style.paddingBottom = '0';\r\n        document.documentElement.style.marginBottom = '0';\r\n        document.documentElement.style.paddingBottom = '0';\r\n    }\r\n    \r\n    \/\/ Run on DOMContentLoaded\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', removeKadenceFooter);\r\n    } else {\r\n        removeKadenceFooter();\r\n    }\r\n    \r\n    \/\/ Also run after window load (in case Kadence adds footer dynamically)\r\n    window.addEventListener('load', function() {\r\n        setTimeout(removeKadenceFooter, 100);\r\n        setTimeout(removeKadenceFooter, 500);\r\n        setTimeout(removeKadenceFooter, 1000);\r\n    });\r\n    \r\n    \/\/ Sticky navbar enhancement \u2014 add 'scrolled' class on scroll\r\n    var header = document.querySelector('.site-header, #masthead, .kadence-header');\r\n    if (header) {\r\n        var lastScroll = 0;\r\n        window.addEventListener('scroll', function() {\r\n            var currentScroll = window.pageYOffset || document.documentElement.scrollTop;\r\n            if (currentScroll > 50) {\r\n                header.classList.add('scrolled');\r\n                header.style.paddingTop = '8px';\r\n                header.style.paddingBottom = '8px';\r\n                header.style.boxShadow = '0 4px 24px rgba(0, 0, 0, 0.25)';\r\n            } else {\r\n                header.classList.remove('scrolled');\r\n                header.style.paddingTop = '';\r\n                header.style.paddingBottom = '';\r\n                header.style.boxShadow = '0 2px 20px rgba(0, 0, 0, 0.15)';\r\n            }\r\n            lastScroll = currentScroll;\r\n        }, { passive: true });\r\n    }\r\n})();\r\n<\/script><\/p>\r\n<!-- \/wp:html -->\r\n\r\n<!-- wp:html -->\r\n<p><script>\r\n(function() {\r\n    function swapLogo() {\r\n        var logoUrl = 'https:\/\/loveworldnorthampton.org\/stg\/wp-content\/uploads\/2026\/06\/logo-white-text-real.png';\r\n        \/\/ Find all logo images\r\n        var logos = document.querySelectorAll('.custom-logo, .site-logo img, .site-branding img, .brand img');\r\n        logos.forEach(function(img) {\r\n            if (img.src !== logoUrl) {\r\n                img.src = logoUrl;\r\n            }\r\n        });\r\n    }\r\n    \r\n    \/\/ Run on DOMContentLoaded\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', swapLogo);\r\n    } else {\r\n        swapLogo();\r\n    }\r\n    \r\n    \/\/ Run again after load (in case Kadence loads logo dynamically)\r\n    window.addEventListener('load', function() {\r\n        swapLogo();\r\n        setTimeout(swapLogo, 500);\r\n    });\r\n})();\r\n<\/script><\/p>\r\n<!-- \/wp:html -->\r\n\r\n<!-- wp:html -->\r\n<p><script>\r\n(function() {\r\n    function fixHeroBackgrounds() {\r\n        \/\/ Find all Kadence column divs\r\n        var columns = document.querySelectorAll('.wp-block-kadence-column');\r\n        \r\n        \/\/ Sections that should have purple background (#222222) with white text\r\n        var purpleSectionHeadings = [\r\n            'Custom Printing Made Simple',\r\n            'Request a Quote',\r\n            'Ready to Print?',\r\n            'About Pastor Chris',\r\n            'Our Vision',\r\n            'Our Statement Of Faith',\r\n            'Prayer of Salvation',\r\n            'Contact',\r\n            'Partnership',\r\n            'Events',\r\n            'Welcome to Church',\r\n            'Virtual Church',\r\n            'Login',\r\n            'Register',\r\n            'Community',\r\n            'Who\u2019s Online'\r\n        ];\r\n        \r\n        columns.forEach(function(col) {\r\n            var text = col.textContent || col.innerText || '';\r\n            var hasPurpleHeading = false;\r\n            \r\n            \/\/ Check if this column contains a heading that should have purple bg\r\n            for (var i = 0; i < purpleSectionHeadings.length; i++) {\r\n                if (text.indexOf(purpleSectionHeadings[i]) !== -1) {\r\n                    hasPurpleHeading = true;\r\n                    break;\r\n                }\r\n            }\r\n            \r\n            if (hasPurpleHeading) {\r\n                \/\/ Apply purple background to this column\r\n                col.style.background = '#222222';\r\n                col.style.paddingTop = '60px';\r\n                col.style.paddingBottom = '60px';\r\n                col.style.paddingLeft = '20px';\r\n                col.style.paddingRight = '20px';\r\n                \r\n                \/\/ Make all headings white\r\n                var headings = col.querySelectorAll('h1, h2, h3, h4, h5, h6');\r\n                headings.forEach(function(h) {\r\n                    h.style.color = '#FFFFFF';\r\n                });\r\n                \r\n                \/\/ Make paragraphs that have has-text-color or inline color white\r\n                var paras = col.querySelectorAll('p');\r\n                paras.forEach(function(p) {\r\n                    \/\/ Check if it already has a light color (white, cream, etc.)\r\n                    var computedColor = window.getComputedStyle(p).color;\r\n                    \/\/ If the paragraph is inside a purple section and has a light color, keep it\r\n                    \/\/ If it has no explicit color, make it white\r\n                    if (!p.style.color &#038;&#038; !p.classList.contains('has-text-color')) {\r\n                        p.style.color = '#F5F5F5';\r\n                    }\r\n                });\r\n                \r\n                \/\/ Make links amber\r\n                var links = col.querySelectorAll('a');\r\n                links.forEach(function(a) {\r\n                    if (!a.classList.contains('wp-block-button__link')) {\r\n                        \/\/ Only color non-button links\r\n                        var computedColor = window.getComputedStyle(a).color;\r\n                        if (computedColor === 'rgb(33, 33, 33)' || computedColor === 'rgb(42, 42, 42)') {\r\n                            a.style.color = '#4DB2EC';\r\n                        }\r\n                    }\r\n                });\r\n            }\r\n        });\r\n    }\r\n    \r\n    \/\/ Run on DOMContentLoaded\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', fixHeroBackgrounds);\r\n    } else {\r\n        fixHeroBackgrounds();\r\n    }\r\n    \r\n    \/\/ Run again after load\r\n    window.addEventListener('load', function() {\r\n        fixHeroBackgrounds();\r\n        setTimeout(fixHeroBackgrounds, 500);\r\n    });\r\n})();\r\n<\/script><\/p>\r\n<!-- \/wp:html -->","protected":false},"excerpt":{"rendered":"<p>LoveWorld Northampton Join Us For Worship &amp; Fellowship Location 64 Harborough Road, KingsthorpeNorthampton, NN2 7SH Service Times Sunday Worship: 10:00 AM Midweek: Wednesday 6:30 PM New Here? Find Out What to Expect &times; From Our Blog Catch up on the latest news, announcements, and updates from LoveWorld Northampton. Loading posts&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","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":"default","_kad_post_title":"hide","_kad_post_layout":"default","_kad_post_sidebar_id":"","_kad_post_content_style":"default","_kad_post_vertical_padding":"default","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-318","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\/318","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=318"}],"version-history":[{"count":224,"href":"https:\/\/loveworldnorthampton.org\/stg\/wp-json\/wp\/v2\/pages\/318\/revisions"}],"predecessor-version":[{"id":6802,"href":"https:\/\/loveworldnorthampton.org\/stg\/wp-json\/wp\/v2\/pages\/318\/revisions\/6802"}],"wp:attachment":[{"href":"https:\/\/loveworldnorthampton.org\/stg\/wp-json\/wp\/v2\/media?parent=318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}