{"id":4921,"date":"2026-06-06T14:35:40","date_gmt":"2026-06-06T13:35:40","guid":{"rendered":"https:\/\/living-stones.co.uk\/protostar\/?page_id=4921"},"modified":"2026-06-27T22:46:42","modified_gmt":"2026-06-27T21:46:42","slug":"home-2","status":"publish","type":"page","link":"https:\/\/living-stones.co.uk\/protostar\/home-2\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4921\" class=\"elementor elementor-4921\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23605fd e-con e-atomic-element e-flexbox-base e-3b3954f \" data-id=\"23605fd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"23605fd\">\n    \t\t<div class=\"elementor-element elementor-element-6babd5c elementor-widget elementor-widget-html\" data-id=\"6babd5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ls-hero-wrap\">\n  <style>\n    .ls-hero-wrap {\n      width: 100vw;\n      min-height: 100vh;\n      margin-left: calc(50% - 50vw);\n      margin-top: 0 !important;\n      position: relative;\n      overflow: hidden;\n      font-family: \"Montserrat\", Arial, sans-serif;\n      color: #ffffff;\n    }\n\n    .ls-hero-wrap * {\n      box-sizing: border-box;\n    }\n\n    \/* \u2500\u2500 Slider \u2500\u2500 *\/\n    .ls-slides {\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n    }\n\n    .ls-slide {\n      position: absolute;\n      inset: 0;\n      background-size: cover;\n      background-position: center center;\n      background-repeat: no-repeat;\n      opacity: 0;\n      transition: opacity 1.2s ease;\n    }\n\n    .ls-slide--active {\n      opacity: 1;\n    }\n\n    .ls-slides::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(rgba(43, 50, 58, 0.72), rgba(43, 50, 58, 0.80));\n      z-index: 2;\n      pointer-events: none;\n    }\n\n    \/* Slide indicators *\/\n    .ls-indicators {\n      position: absolute;\n      bottom: 40px;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 8;\n      display: flex;\n      gap: 8px;\n    }\n\n    .ls-indicator {\n      width: 28px;\n      height: 2px;\n      background: rgba(255, 255, 255, 0.35);\n      border: none;\n      padding: 0;\n      cursor: pointer;\n      transition: background 0.3s, width 0.3s;\n    }\n\n    .ls-indicator--active {\n      background: #ffffff;\n      width: 48px;\n    }\n\n    \/* \u2500\u2500 Desktop Nav \u2500\u2500 *\/\n    .ls-nav {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      z-index: 20;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 24px 52px;\n    }\n\n    .ls-menu {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 34px;\n    }\n\n    .ls-menu a {\n      color: #ffffff;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 2px;\n      opacity: 0.92;\n      transition: 0.3s ease;\n      white-space: nowrap;\n    }\n\n    .ls-menu a:hover {\n      opacity: 1;\n      color: #ffffff;\n    }\n\n    .ls-logo {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 22px;\n      flex-shrink: 0;\n    }\n\n    .ls-logo img {\n      height: 120px;\n      width: auto;\n      max-width: 650px;\n      object-fit: contain;\n      display: block;\n    }\n\n    \/* \u2500\u2500 Mobile Nav \u2500\u2500 *\/\n    .ls-mobile-nav {\n      display: none;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      z-index: 30;\n      padding: 18px 18px 0;\n    }\n\n    .ls-mobile-nav-top {\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 18px;\n    }\n\n    .ls-mobile-logo {\n      display: flex;\n      align-items: center;\n      text-decoration: none;\n      flex-shrink: 0;\n    }\n\n    .ls-mobile-logo img {\n      height: 78px;\n      width: auto;\n      max-width: 260px;\n      object-fit: contain;\n      display: block;\n    }\n\n    \/* Hamburger - brand colours only *\/\n    .ls-burger {\n      width: 46px;\n      height: 46px;\n      border-radius: 999px;\n      border: 1px solid rgba(97, 144, 162, 0.75);\n      background: #2B323A;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 5px;\n      cursor: pointer;\n      padding: 0;\n      box-shadow: 0 14px 35px rgba(43, 50, 58, 0.32);\n      transition: 0.25s ease;\n    }\n\n    .ls-burger:hover {\n      background: #6190A2;\n      border-color: #6190A2;\n      transform: translateY(-1px);\n    }\n\n    .ls-burger span {\n      width: 20px;\n      height: 2px;\n      border-radius: 2px;\n      background: #ffffff;\n      transition: 0.25s ease;\n      display: block;\n    }\n\n    .ls-burger.ls-burger-active {\n      background: #6190A2;\n      border-color: #6190A2;\n    }\n\n    .ls-burger.ls-burger-active span:nth-child(1) {\n      transform: translateY(7px) rotate(45deg);\n    }\n\n    .ls-burger.ls-burger-active span:nth-child(2) {\n      opacity: 0;\n    }\n\n    .ls-burger.ls-burger-active span:nth-child(3) {\n      transform: translateY(-7px) rotate(-45deg);\n    }\n\n    .ls-mobile-menu {\n      display: none;\n      margin-top: 16px;\n      background: #2B323A;\n      border: 1px solid rgba(97, 144, 162, 0.55);\n      border-radius: 24px;\n      padding: 14px;\n      box-shadow: 0 24px 70px rgba(43, 50, 58, 0.40);\n    }\n\n    .ls-mobile-menu.ls-mobile-menu-open {\n      display: block;\n    }\n\n    .ls-mobile-menu a {\n      display: block;\n      color: rgba(255, 255, 255, 0.78);\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 1.6px;\n      padding: 14px 12px;\n      border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n      transition: 0.25s ease;\n    }\n\n    .ls-mobile-menu a:last-child {\n      border-bottom: none;\n    }\n\n    .ls-mobile-menu a:hover {\n      color: #ffffff;\n      background: rgba(97, 144, 162, 0.18);\n      border-radius: 12px;\n    }\n\n    .ls-mobile-give {\n      color: #ffffff !important;\n      background: #6190A2;\n      border-radius: 999px !important;\n      text-align: center;\n      margin-top: 10px;\n      border-bottom: none !important;\n    }\n\n    .ls-mobile-give:hover {\n      background: #ffffff !important;\n      color: #2B323A !important;\n    }\n\n    \/* \u2500\u2500 Hero content \u2500\u2500 *\/\n    .ls-hero-content {\n      min-height: 100vh;\n      width: min(1100px, 92%);\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      position: relative;\n      z-index: 4;\n      padding-top: 120px;\n    }\n\n    .ls-kicker {\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-style: italic;\n      font-size: 21px;\n      color: #ffffff;\n      margin-bottom: 18px;\n      opacity: 0;\n      animation: lsFadeUp 0.8s ease forwards;\n    }\n\n    .ls-hero-title {\n      margin: 0;\n      max-width: 1050px;\n      font-size: clamp(44px, 6vw, 92px);\n      line-height: 1.02;\n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: clamp(4px, 0.7vw, 9px);\n      color: #ffffff;\n      opacity: 0;\n      animation: lsFadeUp 0.8s ease 0.15s forwards;\n    }\n\n    .ls-hero-text {\n      max-width: 700px;\n      margin: 26px auto 0;\n      font-size: 17px;\n      line-height: 1.8;\n      font-weight: 400;\n      color: rgba(255, 255, 255, 0.86);\n      opacity: 0;\n      animation: lsFadeUp 0.8s ease 0.3s forwards;\n    }\n\n    .ls-hero-actions {\n      margin-top: 38px;\n      display: flex;\n      justify-content: center;\n      gap: 16px;\n      flex-wrap: wrap;\n      opacity: 0;\n      animation: lsFadeUp 0.8s ease 0.45s forwards;\n    }\n\n    .ls-primary-btn,\n    .ls-secondary-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-width: 155px;\n      padding: 17px 30px;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: 2px;\n      transition: 0.3s ease;\n    }\n\n    .ls-primary-btn {\n      background: #ffffff;\n      color: #2B323A;\n      border: 1px solid #ffffff;\n    }\n\n    .ls-primary-btn:hover {\n      background: #6190A2;\n      border-color: #6190A2;\n      color: #ffffff;\n      transform: translateY(-2px);\n    }\n\n    .ls-secondary-btn {\n      background: transparent;\n      color: #ffffff;\n      border: 1px solid rgba(255, 255, 255, 0.7);\n    }\n\n    .ls-secondary-btn:hover {\n      background: #ffffff;\n      color: #2B323A;\n      transform: translateY(-2px);\n    }\n\n    @keyframes lsFadeUp {\n      from {\n        opacity: 0;\n        transform: translateY(35px);\n      }\n\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    \/* \u2500\u2500 Tablet \u2500\u2500 *\/\n    @media (max-width: 1100px) {\n      .ls-nav {\n        padding: 22px 28px;\n      }\n\n      .ls-menu {\n        gap: 22px;\n      }\n\n      .ls-menu a {\n        font-size: 10px;\n        letter-spacing: 1.5px;\n      }\n\n      .ls-logo {\n        margin: 0 14px;\n      }\n\n      .ls-logo img {\n        height: 92px;\n      }\n    }\n\n    \/* \u2500\u2500 Mobile \u2500\u2500 *\/\n    @media (max-width: 768px) {\n      .ls-hero-wrap {\n        min-height: 92vh;\n      }\n\n      .ls-nav {\n        display: none;\n      }\n\n      .ls-mobile-nav {\n        display: block;\n      }\n\n      .ls-hero-content {\n        min-height: 92vh;\n        padding-top: 145px;\n        width: min(560px, 90%);\n      }\n\n      .ls-kicker {\n        font-size: 18px;\n        margin-bottom: 14px;\n      }\n\n      .ls-hero-title {\n        font-size: clamp(38px, 12vw, 58px);\n        letter-spacing: 4px;\n        line-height: 1.02;\n      }\n\n      .ls-hero-text {\n        font-size: 15px;\n        line-height: 1.7;\n        margin-top: 22px;\n      }\n\n      .ls-hero-actions {\n        margin-top: 30px;\n        gap: 12px;\n      }\n\n      .ls-primary-btn,\n      .ls-secondary-btn {\n        width: 100%;\n        max-width: 280px;\n        padding: 16px 24px;\n      }\n\n      .ls-indicators {\n        bottom: 26px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .ls-mobile-nav {\n        padding: 14px 14px 0;\n      }\n\n      .ls-mobile-logo img {\n        height: 66px;\n        max-width: 230px;\n      }\n\n      .ls-burger {\n        width: 42px;\n        height: 42px;\n      }\n\n      .ls-hero-content {\n        padding-top: 132px;\n      }\n\n      .ls-hero-title {\n        font-size: clamp(34px, 13vw, 52px);\n      }\n\n      .ls-hero-text {\n        font-size: 14px;\n      }\n    }\n  <\/style>\n\n  <!-- 3-image background slider -->\n  <div class=\"ls-slides\">\n    <div class=\"ls-slide ls-slide--active\"\n         style=\"background-image: url('https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2016\/03\/PASTOR-LBAND-WORSHIP.jpg');\"><\/div>\n\n    <div class=\"ls-slide\"\n         style=\"background-image: url('https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2023\/10\/IMG_20231007_101042-scaled-e1697571799650.jpg');\"><\/div>\n\n    <div class=\"ls-slide\"\n         style=\"background-image: url('YOUR-HERO-IMAGE-3-URL-HERE');\"><\/div>\n  <\/div>\n\n  <!-- Slide indicators -->\n  <div class=\"ls-indicators\">\n    <button class=\"ls-indicator ls-indicator--active\" aria-label=\"Slide 1\"><\/button>\n    <button class=\"ls-indicator\" aria-label=\"Slide 2\"><\/button>\n    <button class=\"ls-indicator\" aria-label=\"Slide 3\"><\/button>\n  <\/div>\n\n  <!-- Desktop nav -->\n  <nav class=\"ls-nav\">\n    <div class=\"ls-menu\">\n      <a href=\"\/protostar\/\">Home<\/a>\n      <a href=\"\/protostar\/about\/\">About<\/a>\n      <a href=\"\/protostar\/pantry\/\">Pantry<\/a>\n\n      <div class=\"ls-logo\">\n        <img decoding=\"async\" src=\"https:\/\/living-stones.co.uk\/wp-content\/uploads\/2026\/06\/logo-1-scaled.png\" alt=\"Living Stones Church logo\">\n      <\/div>\n\n      <a href=\"\/protostar\/ministries\/\">Ministries<\/a>\n      <a href=\"\/protostar\/media\/\">Media<\/a>\n      <a href=\"\/protostar\/contact\/\">Contact<\/a>\n    <\/div>\n  <\/nav>\n\n  <!-- Mobile nav -->\n  <nav class=\"ls-mobile-nav\">\n    <div class=\"ls-mobile-nav-top\">\n      <a class=\"ls-mobile-logo\" href=\"\/protostar\/\">\n        <img decoding=\"async\" src=\"https:\/\/living-stones.co.uk\/wp-content\/uploads\/2026\/06\/logo-1-scaled.png\" alt=\"Living Stones Church logo\">\n      <\/a>\n\n      <button class=\"ls-burger\" id=\"ls-hero-burger\" aria-label=\"Open menu\" type=\"button\">\n        <span><\/span>\n        <span><\/span>\n        <span><\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"ls-mobile-menu\" id=\"ls-hero-mobile-menu\">\n      <a href=\"\/protostar\/\">Home<\/a>\n      <a href=\"\/protostar\/about\/\">About<\/a>\n      <a href=\"\/protostar\/pantry\/\">Pantry<\/a>\n      <a href=\"\/protostar\/ministries\/\">Ministries<\/a>\n      <a href=\"\/protostar\/media\/\">Media<\/a>\n      <a href=\"\/protostar\/contact\/\">Contact<\/a>\n      <a class=\"ls-mobile-give\" href=\"\/protostar\/giving\/\">Give Today<\/a>\n    <\/div>\n  <\/nav>\n\n  <!-- Hero content -->\n  <div class=\"ls-hero-content\">\n    <div class=\"ls-kicker\">Welcome to Living Stones<\/div>\n\n    <h1 class=\"ls-hero-title\">Join the Prayer<\/h1>\n\n    <p class=\"ls-hero-text\">\n      A welcoming church community in Birmingham where people gather to worship,\n      grow in faith, serve others, and experience the love of God together.\n    <\/p>\n\n    <div class=\"ls-hero-actions\">\n      <a class=\"ls-primary-btn\" href=\"\/protostar\/about\/\">See More<\/a>\n      <a class=\"ls-secondary-btn\" href=\"\/protostar\/contact\/\">Plan Your Visit<\/a>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      var hero = document.currentScript.closest('.ls-hero-wrap');\n\n      if (!hero) return;\n\n      var slides = hero.querySelectorAll('.ls-slide');\n      var indicators = hero.querySelectorAll('.ls-indicator');\n      var burger = hero.querySelector('#ls-hero-burger');\n      var mobileMenu = hero.querySelector('#ls-hero-mobile-menu');\n\n      var current = 0;\n      var total = slides.length;\n      var timer;\n\n      function goTo(index) {\n        if (!slides.length || !indicators.length) return;\n\n        slides[current].classList.remove('ls-slide--active');\n        indicators[current].classList.remove('ls-indicator--active');\n\n        current = (index + total) % total;\n\n        slides[current].classList.add('ls-slide--active');\n        indicators[current].classList.add('ls-indicator--active');\n      }\n\n      function next() {\n        goTo(current + 1);\n      }\n\n      function startTimer() {\n        timer = setInterval(next, 5000);\n      }\n\n      indicators.forEach(function (btn, i) {\n        btn.addEventListener('click', function () {\n          clearInterval(timer);\n          goTo(i);\n          startTimer();\n        });\n      });\n\n      if (burger && mobileMenu) {\n        burger.addEventListener('click', function () {\n          burger.classList.toggle('ls-burger-active');\n          mobileMenu.classList.toggle('ls-mobile-menu-open');\n        });\n\n        mobileMenu.querySelectorAll('a').forEach(function (link) {\n          link.addEventListener('click', function () {\n            burger.classList.remove('ls-burger-active');\n            mobileMenu.classList.remove('ls-mobile-menu-open');\n          });\n        });\n      }\n\n      startTimer();\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-97a00b6 e-con e-atomic-element e-flexbox-base e-ebcee27 \" data-id=\"97a00b6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"97a00b6\">\n    \t\t<div class=\"elementor-element elementor-element-a5133ba elementor-widget elementor-widget-html\" data-id=\"a5133ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .ls-mar * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  .ls-mar {\n    font-family: \"Montserrat\", Arial, sans-serif;\n    background: #ffffff;\n    border-top: 1px solid rgba(43,50,58,0.07);\n    border-bottom: 1px solid rgba(43,50,58,0.07);\n    padding: 22px 0;\n    overflow: hidden;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  \/* Each row *\/\n  .ls-mar-row {\n    display: flex;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  .ls-mar-track {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    white-space: nowrap;\n    flex-shrink: 0;\n    will-change: transform;\n  }\n\n  \/* Row 1 scrolls left *\/\n  .ls-mar-row--left .ls-mar-track {\n    animation: ls-mar-left 45s linear infinite;\n  }\n\n  \/* Row 2 scrolls right *\/\n  .ls-mar-row--right .ls-mar-track {\n    animation: ls-mar-right 45s linear infinite;\n  }\n\n  @keyframes ls-mar-left {\n    from { transform: translateX(0); }\n    to   { transform: translateX(-50%); }\n  }\n\n  @keyframes ls-mar-right {\n    from { transform: translateX(-50%); }\n    to   { transform: translateX(0); }\n  }\n\n  \/* Pause on hover *\/\n  .ls-mar:hover .ls-mar-track {\n    animation-play-state: paused;\n  }\n\n  \/* Each verse item *\/\n  .ls-mar-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 18px;\n    padding: 0 32px;\n  }\n\n  .ls-mar-verse {\n    font-size: 13px;\n    font-style: italic;\n    color: rgba(43,50,58,0.65);\n    letter-spacing: 0.2px;\n    font-weight: 500;\n  }\n\n  .ls-mar-ref {\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #6190A2;\n    flex-shrink: 0;\n  }\n\n  .ls-mar-sep {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    color: rgba(43,50,58,0.18);\n    font-size: 11px;\n    flex-shrink: 0;\n  }\n\n  .ls-mar-sep::before,\n  .ls-mar-sep::after {\n    content: \"\";\n    display: inline-block;\n    width: 20px;\n    height: 1px;\n    background: rgba(43,50,58,0.18);\n  }\n<\/style>\n\n<div class=\"ls-mar\">\n\n  <!-- Row 1 \u2014 scrolls left -->\n  <div class=\"ls-mar-row ls-mar-row--left\">\n    <div class=\"ls-mar-track\" id=\"ls-mar-r1\">\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">For God so loved the world that he gave his one and only Son<\/span>\n        <span class=\"ls-mar-ref\">John 3:16<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">I can do all things through Christ who strengthens me<\/span>\n        <span class=\"ls-mar-ref\">Philippians 4:13<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">Trust in the Lord with all your heart and lean not on your own understanding<\/span>\n        <span class=\"ls-mar-ref\">Proverbs 3:5<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">Be strong and courageous. Do not be afraid \u2014 the Lord your God is with you<\/span>\n        <span class=\"ls-mar-ref\">Joshua 1:9<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">I am the way, the truth, and the life<\/span>\n        <span class=\"ls-mar-ref\">John 14:6<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">For I know the plans I have for you \u2014 plans to prosper you and not to harm you<\/span>\n        <span class=\"ls-mar-ref\">Jeremiah 29:11<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <!-- Duplicate for seamless loop -->\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">For God so loved the world that he gave his one and only Son<\/span>\n        <span class=\"ls-mar-ref\">John 3:16<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">I can do all things through Christ who strengthens me<\/span>\n        <span class=\"ls-mar-ref\">Philippians 4:13<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">Trust in the Lord with all your heart and lean not on your own understanding<\/span>\n        <span class=\"ls-mar-ref\">Proverbs 3:5<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">Be strong and courageous. Do not be afraid \u2014 the Lord your God is with you<\/span>\n        <span class=\"ls-mar-ref\">Joshua 1:9<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">I am the way, the truth, and the life<\/span>\n        <span class=\"ls-mar-ref\">John 14:6<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">For I know the plans I have for you \u2014 plans to prosper you and not to harm you<\/span>\n        <span class=\"ls-mar-ref\">Jeremiah 29:11<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- Row 2 \u2014 scrolls right -->\n  <div class=\"ls-mar-row ls-mar-row--right\">\n    <div class=\"ls-mar-track\" id=\"ls-mar-r2\">\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">Come to me, all you who are weary and burdened, and I will give you rest<\/span>\n        <span class=\"ls-mar-ref\">Matthew 11:28<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">The Lord is my shepherd \u2014 I shall not want<\/span>\n        <span class=\"ls-mar-ref\">Psalm 23:1<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">In all things God works for the good of those who love him<\/span>\n        <span class=\"ls-mar-ref\">Romans 8:28<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">The Lord bless you and keep you \u2014 the Lord make his face shine on you<\/span>\n        <span class=\"ls-mar-ref\">Numbers 6:24<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">Cast all your anxiety on him because he cares for you<\/span>\n        <span class=\"ls-mar-ref\">1 Peter 5:7<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">The Lord is close to the broken-hearted and saves those who are crushed in spirit<\/span>\n        <span class=\"ls-mar-ref\">Psalm 34:18<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <!-- Duplicate for seamless loop -->\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">Come to me, all you who are weary and burdened, and I will give you rest<\/span>\n        <span class=\"ls-mar-ref\">Matthew 11:28<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">The Lord is my shepherd \u2014 I shall not want<\/span>\n        <span class=\"ls-mar-ref\">Psalm 23:1<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">In all things God works for the good of those who love him<\/span>\n        <span class=\"ls-mar-ref\">Romans 8:28<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">The Lord bless you and keep you \u2014 the Lord make his face shine on you<\/span>\n        <span class=\"ls-mar-ref\">Numbers 6:24<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">Cast all your anxiety on him because he cares for you<\/span>\n        <span class=\"ls-mar-ref\">1 Peter 5:7<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n      <div class=\"ls-mar-item\">\n        <span class=\"ls-mar-verse\">The Lord is close to the broken-hearted and saves those who are crushed in spirit<\/span>\n        <span class=\"ls-mar-ref\">Psalm 34:18<\/span>\n        <span class=\"ls-mar-sep\">\u2726<\/span>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c90848 elementor-widget elementor-widget-html\" data-id=\"0c90848\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"ls-next-section\" class=\"ls-modern-welcome-v2\">\n  <style>\n    .ls-modern-welcome-v2 {\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      background: #ffffff;\n      color: #2B323A;\n      padding: 110px 22px 90px;\n      font-family: \"Montserrat\", Arial, sans-serif;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .ls-modern-welcome-v2 * {\n      box-sizing: border-box;\n    }\n\n    .ls-modern-welcome-v2::before {\n      content: \"\";\n      position: absolute;\n      width: 520px;\n      height: 520px;\n      border-radius: 50%;\n      background: rgba(97, 144, 162, 0.13);\n      top: -240px;\n      right: -180px;\n      filter: blur(12px);\n    }\n\n    .ls-mwv2-container {\n      width: min(1180px, 100%);\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ls-mwv2-tag {\n      color: #6190A2;\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      margin-bottom: 18px;\n    }\n\n    .ls-mwv2-title {\n      margin: 0 0 55px;\n      max-width: 900px;\n      font-size: clamp(44px, 6vw, 84px);\n      line-height: 1.02;\n      font-weight: 900;\n      letter-spacing: -2px;\n      color: rgba(43, 50, 58, 0.42);\n    }\n\n    .ls-mwv2-title span {\n      color: #2B323A;\n    }\n\n    .ls-mwv2-panel {\n      width: 100%;\n      border-radius: 30px;\n      overflow: hidden;\n      box-shadow: 0 35px 100px rgba(43, 50, 58, 0.16);\n      background: #f3f7f8;\n      border: 1px solid rgba(43, 50, 58, 0.06);\n    }\n\n    .ls-mwv2-panel img {\n      width: 100%;\n      height: 520px;\n      object-fit: cover;\n      display: block;\n    }\n\n    .ls-mwv2-info-grid {\n      margin-top: 56px;\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 46px;\n    }\n\n    .ls-mwv2-info-item h3 {\n      margin: 0 0 14px;\n      font-size: 28px;\n      line-height: 1.08;\n      font-weight: 800;\n      color: #2B323A;\n      letter-spacing: -0.5px;\n    }\n\n    .ls-mwv2-info-item p {\n      margin: 0;\n      font-size: 16px;\n      line-height: 1.75;\n      color: rgba(43, 50, 58, 0.62);\n      max-width: 320px;\n    }\n\n\n\n    @media (max-width: 900px) {\n      .ls-mwv2-info-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n      .ls-mwv2-info-item p {\n        max-width: 100%;\n      }\n    }\n\n    @media (max-width: 680px) {\n      .ls-modern-welcome-v2 {\n        padding: 78px 18px;\n      }\n      .ls-mwv2-title {\n        margin-bottom: 36px;\n        letter-spacing: -1px;\n      }\n      .ls-mwv2-panel {\n        border-radius: 22px;\n      }\n      .ls-mwv2-panel img {\n        height: 320px;\n      }\n\n    }\n  <\/style>\n\n  <div class=\"ls-mwv2-container\">\n    <div class=\"ls-mwv2-tag\">Welcome to Living Stones<\/div>\n\n    <h2 class=\"ls-mwv2-title\">\n      A church family where people <span>worship, grow and belong.<\/span>\n    <\/h2>\n\n    <div class=\"ls-mwv2-panel\">\n      <img decoding=\"async\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_rls81wrls81wrls8-scaled.png\" alt=\"Living Stones church community\">\n    <\/div>\n\n    <div class=\"ls-mwv2-info-grid\">\n      <div class=\"ls-mwv2-info-item\">\n        <h3>Worship<\/h3>\n        <p>We gather every Sunday to encounter God through powerful worship, the preaching of His Word and corporate prayer.<\/p>\n      <\/div>\n\n      <div class=\"ls-mwv2-info-item\">\n        <h3>Grow<\/h3>\n        <p>Through Bible study, small groups and discipleship, we are committed to helping every person grow deeper in their faith.<\/p>\n      <\/div>\n\n      <div class=\"ls-mwv2-info-item\">\n        <h3>Belong<\/h3>\n        <p>Living Stones is a family. Whatever your background or season of life, there is a place for you here.<\/p>\n      <\/div>\n    <\/div>\n\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd3eeb6 elementor-widget elementor-widget-html\" data-id=\"cd3eeb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ls-service\">\n  <style>\n    .ls-service {\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      background: #ffffff;\n      color: #2B323A;\n      padding: 120px 22px;\n      font-family: \"Montserrat\", Arial, sans-serif;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .ls-service * { box-sizing: border-box; }\n\n    .ls-service-container {\n      width: min(1180px, 100%);\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 0;\n      min-height: 560px;\n    }\n\n    \/* \u2500\u2500 LEFT: Big time anchor \u2500\u2500 *\/\n    .ls-service-left {\n      padding-right: 80px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      border-right: 1px solid rgba(43,50,58,0.10);\n    }\n\n    .ls-service-tag {\n      display: inline-block;\n      color: #6190A2;\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: 3.5px;\n      text-transform: uppercase;\n      margin-bottom: 28px;\n    }\n\n    .ls-service-time {\n      font-size: clamp(72px, 11vw, 140px);\n      font-weight: 900;\n      letter-spacing: -6px;\n      line-height: 0.88;\n      color: #2B323A;\n      margin: 0 0 20px;\n    }\n\n    .ls-service-time-sub {\n      font-size: 13px;\n      font-weight: 700;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      color: rgba(43,50,58,0.38);\n      margin-bottom: 36px;\n    }\n\n    .ls-service-divider {\n      width: 48px;\n      height: 2px;\n      background: #6190A2;\n      margin-bottom: 28px;\n    }\n\n    .ls-service-left p {\n      font-size: 15px;\n      line-height: 1.8;\n      color: rgba(43,50,58,0.52);\n      margin: 0 0 32px;\n      max-width: 380px;\n    }\n\n    .ls-service-actions {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      margin-top: 4px;\n    }\n\n    .ls-service-btn {\n      display: inline-flex;\n      align-items: center;\n      padding: 14px 26px;\n      border-radius: 999px;\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: 0.4px;\n      transition: all 0.28s ease;\n    }\n\n    .ls-service-btn--dark {\n      background: #2B323A;\n      color: #ffffff;\n    }\n\n    .ls-service-btn--dark:hover {\n      background: #6190A2;\n      transform: translateY(-2px);\n    }\n\n    .ls-service-btn--outline {\n      background: transparent;\n      border: 1px solid rgba(43,50,58,0.18);\n      color: #2B323A;\n    }\n\n    .ls-service-btn--outline:hover {\n      background: #2B323A;\n      color: #ffffff;\n      border-color: #2B323A;\n      transform: translateY(-2px);\n    }\n\n    \/* \u2500\u2500 RIGHT: info rows \u2500\u2500 *\/\n    .ls-service-right {\n      padding-left: 80px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 0;\n    }\n\n    .ls-service-row {\n      padding: 36px 0;\n      border-bottom: 1px solid rgba(43,50,58,0.08);\n      display: grid;\n      grid-template-columns: 90px 1fr;\n      gap: 24px;\n      align-items: start;\n    }\n\n    .ls-service-row:first-child {\n      border-top: 1px solid rgba(43,50,58,0.08);\n    }\n\n    .ls-service-row-label {\n      font-size: 10px;\n      font-weight: 900;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      color: #6190A2;\n      padding-top: 4px;\n    }\n\n    .ls-service-row-content h3 {\n      margin: 0 0 8px;\n      font-size: 20px;\n      font-weight: 900;\n      letter-spacing: -0.4px;\n      color: #2B323A;\n      line-height: 1.2;\n    }\n\n    .ls-service-row-content p {\n      margin: 0;\n      font-size: 14px;\n      line-height: 1.75;\n      color: rgba(43,50,58,0.52);\n    }\n\n    \/* Facebook live pill *\/\n    .ls-service-live {\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      margin-top: 10px;\n      padding: 6px 13px;\n      border-radius: 999px;\n      background: rgba(24, 119, 242, 0.08);\n      border: 1px solid rgba(24, 119, 242, 0.18);\n      font-size: 11px;\n      font-weight: 800;\n      color: #1877F2;\n      letter-spacing: 0.3px;\n      text-decoration: none;\n      transition: background 0.25s;\n    }\n\n    .ls-service-live:hover {\n      background: rgba(24, 119, 242, 0.15);\n    }\n\n    .ls-service-live::before {\n      content: \"\";\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: #1877F2;\n      animation: ls-svc-pulse 1.8s ease-in-out infinite;\n    }\n\n    @keyframes ls-svc-pulse {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.25; }\n    }\n\n    \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n    @media (max-width: 900px) {\n      .ls-service-container {\n        grid-template-columns: 1fr;\n        min-height: unset;\n      }\n\n      .ls-service-left {\n        border-right: none;\n        border-bottom: 1px solid rgba(43,50,58,0.10);\n        padding-right: 0;\n        padding-bottom: 60px;\n        margin-bottom: 0;\n      }\n\n      .ls-service-right {\n        padding-left: 0;\n        padding-top: 52px;\n      }\n\n      .ls-service-time {\n        font-size: clamp(64px, 16vw, 110px);\n        letter-spacing: -4px;\n      }\n    }\n\n    @media (max-width: 560px) {\n      .ls-service { padding: 80px 18px; }\n\n      .ls-service-row {\n        grid-template-columns: 72px 1fr;\n        padding: 28px 0;\n        gap: 16px;\n      }\n\n      .ls-service-actions {\n        flex-direction: column;\n      }\n\n      .ls-service-btn { text-align: center; justify-content: center; }\n    }\n  <\/style>\n\n  <div class=\"ls-service-container\">\n\n    <!-- LEFT -->\n    <div class=\"ls-service-left\">\n      <span class=\"ls-service-tag\">Sunday Service<\/span>\n      <div class=\"ls-service-time\">10:30<br>AM<\/div>\n      <div class=\"ls-service-time-sub\">Every Sunday<\/div>\n      <div class=\"ls-service-divider\"><\/div>\n      <p>Doors open from 10am for welcome and fellowship. Join us for worship, the Word, prayer and community \u2014 everyone is welcome.<\/p>\n      <div class=\"ls-service-actions\">\n        <a class=\"ls-service-btn ls-service-btn--dark\" href=\"\/protostar\/contact-us\/\">Plan Your Visit<\/a>\n        <a class=\"ls-service-btn ls-service-btn--outline\" href=\"\/protostar\/about\/\">Learn More<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"ls-service-right\">\n\n      <div class=\"ls-service-row\">\n        <span class=\"ls-service-row-label\">Where<\/span>\n        <div class=\"ls-service-row-content\">\n          <h3>Perry Barr, Birmingham<\/h3>\n          <p>Unit 1, Tamebridge Industrial Estate,<br>Aldridge Road, Perry Barr, B42 2TX.<br>Free parking on site.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"ls-service-row\">\n        <span class=\"ls-service-row-label\">Who<\/span>\n        <div class=\"ls-service-row-content\">\n          <h3>All are welcome<\/h3>\n          <p>All ages, singles and families. We run small groups to cater for different needs \u2014 contact us to find out how to connect.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"ls-service-row\">\n        <span class=\"ls-service-row-label\">Online<\/span>\n        <div class=\"ls-service-row-content\">\n          <h3>Watch from anywhere<\/h3>\n          <p>Join us live every Sunday at 10.30am or catch up on recent services and Bible studies on YouTube.<\/p>\n          <a class=\"ls-service-live\"\n             href=\"https:\/\/www.facebook.com\/livingstones.pastors\/\"\n             target=\"_blank\" rel=\"noopener noreferrer\">\n            Live on Facebook every Sunday\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ab0bdd3 e-con e-atomic-element e-flexbox-base e-1107fe3 \" data-id=\"ab0bdd3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ab0bdd3\">\n    \t\t<div class=\"elementor-element elementor-element-95c218b elementor-widget elementor-widget-html\" data-id=\"95c218b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ls-modern-ministries\">\n  <style>\n    .ls-modern-ministries {\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      background: #ffffff;\n      color: #2B323A;\n      padding: 110px 22px;\n      font-family: \"Montserrat\", Arial, sans-serif;\n      overflow: hidden;\n    }\n\n    .ls-modern-ministries * {\n      box-sizing: border-box;\n    }\n\n    .ls-mm-container {\n      width: min(1200px, 100%);\n      margin: 0 auto;\n    }\n\n    .ls-mm-header {\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n      gap: 40px;\n      margin-bottom: 48px;\n    }\n\n    .ls-mm-tag {\n      color: #6190A2;\n      font-size: 13px;\n      font-weight: 800;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      margin-bottom: 16px;\n    }\n\n    .ls-mm-title {\n      margin: 0;\n      max-width: 720px;\n      font-size: clamp(42px, 5.5vw, 76px);\n      line-height: 0.98;\n      font-weight: 900;\n      letter-spacing: -2px;\n      color: #2B323A;\n    }\n\n    .ls-mm-title span {\n      color: #6190A2;\n    }\n\n    .ls-mm-text {\n      max-width: 390px;\n      margin: 0;\n      font-size: 16px;\n      line-height: 1.8;\n      color: rgba(43, 50, 58, 0.72);\n    }\n\n    .ls-mm-grid {\n      display: grid;\n      grid-template-columns: 1.2fr 0.8fr 0.8fr;\n      grid-auto-rows: 260px;\n      gap: 18px;\n    }\n\n    .ls-mm-card {\n      position: relative;\n      overflow: hidden;\n      border-radius: 26px;\n      text-decoration: none;\n      color: #ffffff;\n      background: #2B323A;\n      isolation: isolate;\n      min-height: 260px;\n      transition: transform 0.35s ease, box-shadow 0.35s ease;\n      display: block;\n    }\n\n    .ls-mm-card:hover {\n      transform: translateY(-7px);\n      box-shadow: 0 28px 70px rgba(43, 50, 58, 0.22);\n    }\n\n    .ls-mm-card.large {\n      grid-row: span 2;\n    }\n\n    .ls-mm-bg {\n      position: absolute;\n      inset: 0;\n      background-size: cover;\n      background-position: center;\n      transform: scale(1.02);\n      transition: transform 0.6s ease;\n      z-index: -3;\n    }\n\n    .ls-mm-card:hover .ls-mm-bg {\n      transform: scale(1.09);\n    }\n\n    .ls-mm-overlay {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg, rgba(43, 50, 58, 0.08), rgba(43, 50, 58, 0.88)),\n        linear-gradient(90deg, rgba(43, 50, 58, 0.38), rgba(97, 144, 162, 0.08));\n      z-index: -2;\n    }\n\n    .ls-mm-card::after {\n      content: \"\";\n      position: absolute;\n      right: -70px;\n      bottom: -70px;\n      width: 190px;\n      height: 190px;\n      border-radius: 50%;\n      background: rgba(97, 144, 162, 0.55);\n      filter: blur(2px);\n      transition: 0.45s ease;\n      z-index: -1;\n    }\n\n    .ls-mm-card:hover::after {\n      transform: scale(1.35);\n      background: rgba(97, 144, 162, 0.75);\n    }\n\n    .ls-mm-content {\n      height: 100%;\n      padding: 28px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ls-mm-pill {\n      width: fit-content;\n      padding: 8px 13px;\n      border-radius: 999px;\n      background: rgba(255, 255, 255, 0.14);\n      backdrop-filter: blur(8px);\n      color: #ffffff;\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n    }\n\n    .ls-mm-bottom h3 {\n      margin: 0 0 10px;\n      font-size: clamp(24px, 2.2vw, 36px);\n      line-height: 1.05;\n      font-weight: 900;\n      letter-spacing: -0.5px;\n      color: #ffffff;\n    }\n\n    .ls-mm-bottom p {\n      margin: 0;\n      max-width: 420px;\n      font-size: 14px;\n      line-height: 1.65;\n      color: rgba(255, 255, 255, 0.82);\n    }\n\n    .ls-mm-arrow {\n      position: absolute;\n      top: 24px;\n      right: 24px;\n      width: 42px;\n      height: 42px;\n      border-radius: 50%;\n      display: grid;\n      place-items: center;\n      background: rgba(255, 255, 255, 0.14);\n      backdrop-filter: blur(8px);\n      color: #ffffff;\n      font-size: 20px;\n      transform: translateX(0);\n      transition: 0.3s ease;\n      z-index: 3;\n    }\n\n    .ls-mm-card:hover .ls-mm-arrow {\n      background: #ffffff;\n      color: #2B323A;\n      transform: translateX(4px);\n    }\n\n    .ls-mm-footer {\n      margin-top: 38px;\n      display: flex;\n      justify-content: center;\n    }\n\n    .ls-mm-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 16px 30px;\n      background: #2B323A;\n      color: #ffffff;\n      text-decoration: none;\n      border-radius: 999px;\n      font-size: 13px;\n      font-weight: 800;\n      letter-spacing: 1px;\n      transition: 0.3s ease;\n    }\n\n    .ls-mm-btn:hover {\n      background: #6190A2;\n      color: #ffffff;\n      transform: translateY(-2px);\n    }\n\n    @media (max-width: 1050px) {\n      .ls-modern-ministries {\n        padding: 90px 22px;\n      }\n\n      .ls-mm-header {\n        display: block;\n        margin-bottom: 40px;\n      }\n\n      .ls-mm-text {\n        margin-top: 22px;\n        max-width: 650px;\n      }\n\n      .ls-mm-grid {\n        grid-template-columns: 1fr 1fr;\n        grid-auto-rows: 250px;\n        gap: 16px;\n      }\n\n      .ls-mm-card.large {\n        grid-row: span 1;\n      }\n\n      .ls-mm-title {\n        max-width: 850px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .ls-modern-ministries {\n        padding: 78px 18px;\n      }\n\n      .ls-mm-header {\n        margin-bottom: 34px;\n      }\n\n      .ls-mm-tag {\n        font-size: 11px;\n        letter-spacing: 2.4px;\n        margin-bottom: 14px;\n      }\n\n      .ls-mm-title {\n        font-size: clamp(34px, 10vw, 52px);\n        line-height: 1.02;\n        letter-spacing: -1.2px;\n        max-width: 100%;\n      }\n\n      .ls-mm-text {\n        margin-top: 18px;\n        font-size: 15px;\n        line-height: 1.75;\n        max-width: 100%;\n      }\n\n      .ls-mm-grid {\n        grid-template-columns: 1fr;\n        grid-auto-rows: auto;\n        gap: 14px;\n      }\n\n      .ls-mm-card {\n        min-height: 310px;\n        border-radius: 22px;\n      }\n\n      .ls-mm-card.large {\n        min-height: 340px;\n      }\n\n      .ls-mm-content {\n        padding: 22px;\n      }\n\n      .ls-mm-pill {\n        font-size: 10px;\n        letter-spacing: 1.2px;\n        padding: 7px 11px;\n      }\n\n      .ls-mm-bottom h3 {\n        font-size: 30px;\n        line-height: 1;\n        margin-bottom: 10px;\n      }\n\n      .ls-mm-bottom p {\n        font-size: 14px;\n        line-height: 1.6;\n        max-width: 95%;\n      }\n\n      .ls-mm-arrow {\n        width: 38px;\n        height: 38px;\n        top: 20px;\n        right: 20px;\n        font-size: 18px;\n      }\n\n      .ls-mm-footer {\n        margin-top: 30px;\n      }\n\n      .ls-mm-btn {\n        width: 100%;\n        padding: 16px 24px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .ls-modern-ministries {\n        padding: 66px 16px;\n      }\n\n      .ls-mm-title {\n        font-size: clamp(32px, 11vw, 46px);\n      }\n\n      .ls-mm-text {\n        font-size: 14px;\n        line-height: 1.7;\n      }\n\n      .ls-mm-card {\n        min-height: 285px;\n        border-radius: 20px;\n      }\n\n      .ls-mm-card.large {\n        min-height: 310px;\n      }\n\n      .ls-mm-content {\n        padding: 20px;\n      }\n\n      .ls-mm-bottom h3 {\n        font-size: 28px;\n      }\n\n      .ls-mm-bottom p {\n        font-size: 13.5px;\n        line-height: 1.55;\n      }\n\n      .ls-mm-arrow {\n        width: 36px;\n        height: 36px;\n        top: 18px;\n        right: 18px;\n      }\n    }\n\n    @media (hover: none) {\n      .ls-mm-card:hover {\n        transform: none;\n        box-shadow: none;\n      }\n\n      .ls-mm-card:hover .ls-mm-bg {\n        transform: scale(1.02);\n      }\n\n      .ls-mm-card:hover::after {\n        transform: none;\n      }\n\n      .ls-mm-card:hover .ls-mm-arrow {\n        background: rgba(255, 255, 255, 0.14);\n        color: #ffffff;\n        transform: none;\n      }\n    }\n  <\/style>\n\n  <div class=\"ls-mm-container\">\n    <div class=\"ls-mm-header\">\n      <div>\n        <div class=\"ls-mm-tag\">Our Ministries<\/div>\n        <h2 class=\"ls-mm-title\">\n          Find your place to <span>grow<\/span> and serve.\n        <\/h2>\n      <\/div>\n\n      <p class=\"ls-mm-text\">\n        From children and youth to worship, missions and community care, Living Stones has spaces where people can belong, grow and use their gifts.\n      <\/p>\n    <\/div>\n\n    <div class=\"ls-mm-grid\">\n      <a class=\"ls-mm-card large\" href=\"\/protostar\/ministries\/kids\/\">\n        <div class=\"ls-mm-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1503454537195-1dcabb73ffb9?auto=format&fit=crop&w=1200&q=80');\"><\/div>\n        <div class=\"ls-mm-overlay\"><\/div>\n        <span class=\"ls-mm-arrow\">\u2192<\/span>\n        <div class=\"ls-mm-content\">\n          <span class=\"ls-mm-pill\">Children<\/span>\n          <div class=\"ls-mm-bottom\">\n            <h3>Kids Ministry<\/h3>\n            <p>A safe, fun and welcoming space where children can learn about faith and grow with confidence.<\/p>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a class=\"ls-mm-card\" href=\"\/protostar\/ministries\/youth-2\/\">\n        <div class=\"ls-mm-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=900&q=80');\"><\/div>\n        <div class=\"ls-mm-overlay\"><\/div>\n        <span class=\"ls-mm-arrow\">\u2192<\/span>\n        <div class=\"ls-mm-content\">\n          <span class=\"ls-mm-pill\">Young People<\/span>\n          <div class=\"ls-mm-bottom\">\n            <h3>Youth<\/h3>\n            <p>Helping young people build faith, friendship and purpose.<\/p>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a class=\"ls-mm-card\" href=\"\/protostar\/ministries\/worship-2\/\">\n        <div class=\"ls-mm-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1507838153414-b4b713384a76?auto=format&fit=crop&w=900&q=80');\"><\/div>\n        <div class=\"ls-mm-overlay\"><\/div>\n        <span class=\"ls-mm-arrow\">\u2192<\/span>\n        <div class=\"ls-mm-content\">\n          <span class=\"ls-mm-pill\">Praise<\/span>\n          <div class=\"ls-mm-bottom\">\n            <h3>Worship<\/h3>\n            <p>Serving through music, praise and worship.<\/p>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a class=\"ls-mm-card\" href=\"\/protostar\/ministries\/mens-ministry\/\">\n        <div class=\"ls-mm-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1511632765486-a01980e01a18?auto=format&fit=crop&w=900&q=80');\"><\/div>\n        <div class=\"ls-mm-overlay\"><\/div>\n        <span class=\"ls-mm-arrow\">\u2192<\/span>\n        <div class=\"ls-mm-content\">\n          <span class=\"ls-mm-pill\">Fellowship<\/span>\n          <div class=\"ls-mm-bottom\">\n            <h3>Men<\/h3>\n            <p>Encouragement, prayer and practical discipleship for men.<\/p>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a class=\"ls-mm-card\" href=\"\/protostar\/ministries\/womens-ministry\/\">\n        <div class=\"ls-mm-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=900&q=80');\"><\/div>\n        <div class=\"ls-mm-overlay\"><\/div>\n        <span class=\"ls-mm-arrow\">\u2192<\/span>\n        <div class=\"ls-mm-content\">\n          <span class=\"ls-mm-pill\">Community<\/span>\n          <div class=\"ls-mm-bottom\">\n            <h3>Women<\/h3>\n            <p>A supportive space for women to connect, grow and serve.<\/p>\n          <\/div>\n        <\/div>\n      <\/a>\n    <\/div>\n\n    <div class=\"ls-mm-footer\">\n      <a class=\"ls-mm-btn\" href=\"\/protostar\/ministries\/\">View all ministries<\/a>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1178ff0 e-con e-atomic-element e-flexbox-base e-e2683a9 \" data-id=\"1178ff0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1178ff0\">\n    \t\t<div class=\"elementor-element elementor-element-cdda2eb elementor-widget elementor-widget-html\" data-id=\"cdda2eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .ls-why * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  .ls-why {\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    font-family: \"Montserrat\", Arial, sans-serif;\n    background: #ffffff;\n    color: #2B323A;\n    padding: 110px 22px;\n    overflow: hidden;\n    position: relative;\n  }\n\n  .ls-why-container {\n    width: min(1180px, 100%);\n    margin: 0 auto;\n  }\n\n  \/* Header *\/\n  .ls-why-header {\n    text-align: center;\n    margin-bottom: 72px;\n  }\n\n  .ls-why-tag {\n    color: #6190A2;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 3.5px;\n    text-transform: uppercase;\n    margin-bottom: 16px;\n    display: block;\n  }\n\n  .ls-why-title {\n    font-size: clamp(36px, 5vw, 62px);\n    font-weight: 900;\n    letter-spacing: -2px;\n    line-height: 1.04;\n    color: rgba(43, 50, 58, 0.35);\n    margin-bottom: 20px;\n  }\n\n  .ls-why-title span {\n    color: #2B323A;\n  }\n\n  .ls-why-rule {\n    width: 56px;\n    height: 3px;\n    background: #6190A2;\n    margin: 0 auto;\n  }\n\n  \/* 3-col grid *\/\n  .ls-why-grid {\n    display: grid;\n    grid-template-columns: 1fr auto 1fr;\n    gap: 40px;\n    align-items: center;\n  }\n\n  \/* Feature item *\/\n  .ls-why-features {\n    display: flex;\n    flex-direction: column;\n    gap: 40px;\n  }\n\n  .ls-why-feat {\n    position: relative;\n    padding: 8px 0;\n    transition: transform 0.3s ease;\n    cursor: default;\n  }\n\n  .ls-why-feat:hover {\n    transform: translateX(5px);\n  }\n\n  .ls-why-right .ls-why-feat:hover {\n    transform: translateX(-5px);\n  }\n\n  \/* Big ghost number *\/\n  .ls-why-feat-num {\n    position: absolute;\n    font-size: 110px;\n    font-weight: 900;\n    line-height: 1;\n    color: #6190A2;\n    opacity: 0.10;\n    top: 50%;\n    transform: translateY(-50%);\n    left: -12px;\n    pointer-events: none;\n    letter-spacing: -4px;\n    user-select: none;\n  }\n\n  .ls-why-right .ls-why-feat-num {\n    left: auto;\n    right: -12px;\n  }\n\n  .ls-why-feat-content {\n    position: relative;\n    z-index: 2;\n    padding-left: 32px;\n  }\n\n  .ls-why-right .ls-why-feat-content {\n    padding-left: 0;\n    padding-right: 32px;\n    text-align: right;\n  }\n\n  .ls-why-feat-title {\n    font-size: 18px;\n    font-weight: 900;\n    letter-spacing: -0.3px;\n    color: #2B323A;\n    margin-bottom: 8px;\n    line-height: 1.2;\n  }\n\n  .ls-why-feat-text {\n    font-size: 14px;\n    line-height: 1.8;\n    color: rgba(43, 50, 58, 0.55);\n  }\n\n  \/* Centre image *\/\n  .ls-why-center {\n    width: 340px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .ls-why-img-wrap {\n    width: 300px;\n    height: 400px;\n    border-radius: 200px;\n    overflow: hidden;\n    background: #f0f4f6;\n    position: relative;\n    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    box-shadow: 0 40px 80px rgba(43, 50, 58, 0.14);\n  }\n\n  .ls-why-img-wrap img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n    transition: transform 0.6s ease;\n  }\n\n  .ls-why-img-wrap:hover img {\n    transform: scale(1.05);\n  }\n\n  \/* Decorative ring *\/\n  .ls-why-ring {\n    position: absolute;\n    width: 340px;\n    height: 440px;\n    border-radius: 999px;\n    border: 1px solid rgba(97, 144, 162, 0.20);\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n  }\n\n  .ls-why-ring-2 {\n    position: absolute;\n    width: 380px;\n    height: 480px;\n    border-radius: 999px;\n    border: 1px solid rgba(97, 144, 162, 0.10);\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n  }\n\n  \/* Scroll reveal *\/\n  .ls-why-feat {\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 0.6s ease, transform 0.6s ease;\n  }\n\n  .ls-why-feat.ls-why-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .ls-why-right .ls-why-feat {\n    transform: translateY(24px);\n  }\n\n  .ls-why-right .ls-why-feat.ls-why-visible {\n    transform: translateY(0);\n  }\n\n  .ls-why-left .ls-why-feat:nth-child(1) {\n    transition-delay: 0.05s;\n  }\n\n  .ls-why-left .ls-why-feat:nth-child(2) {\n    transition-delay: 0.15s;\n  }\n\n  .ls-why-right .ls-why-feat:nth-child(1) {\n    transition-delay: 0.25s;\n  }\n\n  .ls-why-right .ls-why-feat:nth-child(2) {\n    transition-delay: 0.35s;\n  }\n\n  .ls-why-img-wrap {\n    opacity: 0;\n    transform: translateY(30px) scale(0.97);\n    transition: opacity 0.7s ease, transform 0.7s ease;\n  }\n\n  .ls-why-img-wrap.ls-why-visible {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n\n  \/* Tablet *\/\n  @media (max-width: 960px) {\n    .ls-why {\n      padding: 92px 22px;\n    }\n\n    .ls-why-header {\n      margin-bottom: 52px;\n    }\n\n    .ls-why-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 42px;\n      align-items: center;\n    }\n\n    \/*\n      IMPORTANT MOBILE\/TABLET ORDER:\n      1. Left features: 01 and 02\n      2. Image\n      3. Right features: 03 and 04\n    *\/\n    .ls-why-left {\n      order: 1;\n    }\n\n    .ls-why-center {\n      order: 2;\n      width: 100%;\n      padding: 10px 0;\n    }\n\n    .ls-why-right {\n      order: 3;\n    }\n\n    .ls-why-features {\n      gap: 30px;\n    }\n\n    .ls-why-right .ls-why-feat-content {\n      padding-right: 0;\n      padding-left: 32px;\n      text-align: left;\n    }\n\n    .ls-why-right .ls-why-feat-num {\n      right: auto;\n      left: -12px;\n    }\n\n    .ls-why-right .ls-why-feat:hover {\n      transform: translateX(5px);\n    }\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 560px) {\n    .ls-why {\n      padding: 76px 18px;\n    }\n\n    .ls-why-header {\n      margin-bottom: 42px;\n    }\n\n    .ls-why-tag {\n      font-size: 11px;\n      letter-spacing: 2.8px;\n      margin-bottom: 14px;\n    }\n\n    .ls-why-title {\n      font-size: clamp(32px, 10vw, 44px);\n      letter-spacing: -1.2px;\n      line-height: 1.05;\n      margin-bottom: 18px;\n    }\n\n    .ls-why-grid {\n      gap: 36px;\n    }\n\n    .ls-why-features {\n      gap: 26px;\n    }\n\n    .ls-why-feat {\n      padding: 4px 0;\n    }\n\n    .ls-why-feat:hover,\n    .ls-why-right .ls-why-feat:hover {\n      transform: none;\n    }\n\n    .ls-why-feat-num {\n      font-size: 82px;\n      left: -6px;\n      opacity: 0.09;\n    }\n\n    .ls-why-right .ls-why-feat-num {\n      left: -6px;\n      right: auto;\n    }\n\n    .ls-why-feat-content,\n    .ls-why-right .ls-why-feat-content {\n      padding-left: 26px;\n      padding-right: 0;\n      text-align: left;\n    }\n\n    .ls-why-feat-title {\n      font-size: 17px;\n      margin-bottom: 7px;\n    }\n\n    .ls-why-feat-text {\n      font-size: 13.5px;\n      line-height: 1.7;\n    }\n\n    .ls-why-center {\n      padding: 4px 0 2px;\n    }\n\n    .ls-why-img-wrap {\n      width: 240px;\n      height: 320px;\n      border-radius: 180px;\n      box-shadow: 0 28px 65px rgba(43, 50, 58, 0.14);\n    }\n\n    .ls-why-ring {\n      width: 270px;\n      height: 355px;\n    }\n\n    .ls-why-ring-2 {\n      width: 305px;\n      height: 390px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .ls-why-img-wrap {\n      width: 220px;\n      height: 300px;\n    }\n\n    .ls-why-ring {\n      width: 250px;\n      height: 335px;\n    }\n\n    .ls-why-ring-2 {\n      width: 282px;\n      height: 365px;\n    }\n\n    .ls-why-title {\n      font-size: 31px;\n    }\n  }\n<\/style>\n\n<section class=\"ls-why\">\n  <div class=\"ls-why-container\">\n\n    <div class=\"ls-why-header\">\n      <span class=\"ls-why-tag\">Why Living Stones<\/span>\n      <h2 class=\"ls-why-title\">A church where <span>you truly belong.<\/span><\/h2>\n      <div class=\"ls-why-rule\"><\/div>\n    <\/div>\n\n    <div class=\"ls-why-grid\">\n\n      <!-- Left features: mobile shows these first -->\n      <div class=\"ls-why-features ls-why-left\">\n\n        <div class=\"ls-why-feat\">\n          <div class=\"ls-why-feat-num\">01<\/div>\n          <div class=\"ls-why-feat-content\">\n            <div class=\"ls-why-feat-title\">A Welcoming Family<\/div>\n            <p class=\"ls-why-feat-text\">\n              From the moment you walk through our doors you are met with warmth, love and a genuine sense of belonging \u2014 regardless of your background.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ls-why-feat\">\n          <div class=\"ls-why-feat-num\">02<\/div>\n          <div class=\"ls-why-feat-content\">\n            <div class=\"ls-why-feat-title\">Spirit-Led Worship<\/div>\n            <p class=\"ls-why-feat-text\">\n              Every Sunday we gather to encounter God through powerful worship, Spirit-filled prayer and the faithful preaching of His Word.\n            <\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Centre image: mobile shows after first two points -->\n      <div class=\"ls-why-center\">\n        <div class=\"ls-why-ring\"><\/div>\n        <div class=\"ls-why-ring-2\"><\/div>\n        <div class=\"ls-why-img-wrap\" id=\"ls-why-img\">\n          <img decoding=\"async\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2026\/06\/Untitled-design-2.png\" alt=\"Living Stones Church community\">\n        <\/div>\n      <\/div>\n\n      <!-- Right features: mobile shows after image -->\n      <div class=\"ls-why-features ls-why-right\">\n\n        <div class=\"ls-why-feat\">\n          <div class=\"ls-why-feat-num\">03<\/div>\n          <div class=\"ls-why-feat-content\">\n            <div class=\"ls-why-feat-title\">Growing Together<\/div>\n            <p class=\"ls-why-feat-text\">\n              Through small groups, Bible study and discipleship programmes, we help every member grow deeper in faith at every stage of life.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ls-why-feat\">\n          <div class=\"ls-why-feat-num\">04<\/div>\n          <div class=\"ls-why-feat-content\">\n            <div class=\"ls-why-feat-title\">Serving Birmingham<\/div>\n            <p class=\"ls-why-feat-text\">\n              From the Living Stones Pantry to our youth and community outreach, we are committed to making a real difference in Perry Barr and beyond.\n            <\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (function () {\n    var section = document.currentScript.previousElementSibling;\n    if (!section || !section.classList.contains('ls-why')) {\n      section = document.querySelector('.ls-why');\n    }\n\n    var items = section.querySelectorAll('.ls-why-feat, #ls-why-img');\n    if (!items.length) return;\n\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('ls-why-visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15 });\n\n    items.forEach(function (el) {\n      observer.observe(el);\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4be7bff elementor-widget elementor-widget-html\" data-id=\"4be7bff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .ls-gal-wrap {\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    background: #fff;\n    padding: 100px 0;\n    overflow: hidden;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    box-sizing: border-box;\n  }\n\n  .ls-gal-wrap * {\n    box-sizing: border-box;\n  }\n\n  .ls-gal-header {\n    text-align: center;\n    padding: 0 5%;\n    margin-bottom: 56px;\n  }\n\n  .ls-gal-tag {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 14px;\n  }\n\n  .ls-gal-tag::before,\n  .ls-gal-tag::after {\n    content: \"\";\n    display: block;\n    width: 30px;\n    height: 1.5px;\n    background: #6190A2;\n  }\n\n  .ls-gal-tag span {\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #6190A2;\n  }\n\n  .ls-gal-title {\n    font-size: clamp(32px, 4.5vw, 58px);\n    font-weight: 900;\n    letter-spacing: -1.5px;\n    line-height: 1.06;\n    color: rgba(43, 50, 58, 0.35);\n    margin: 0 0 18px;\n  }\n\n  .ls-gal-title span {\n    color: #2B323A;\n  }\n\n  .ls-gal-bar {\n    width: 56px;\n    height: 3px;\n    background: #6190A2;\n    border-radius: 3px;\n    margin: 0 auto;\n  }\n\n  .ls-gal-clip {\n    overflow: hidden;\n    width: 100%;\n  }\n\n  .ls-gal-skew {\n    transform: skewY(-2.5deg);\n    margin: 2rem 0;\n  }\n\n  .ls-gal-row {\n    display: flex;\n    overflow: hidden;\n    user-select: none;\n    gap: 24px;\n    margin-bottom: 24px;\n    width: 100%;\n  }\n\n  .ls-gal-group {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    min-width: max-content;\n    animation: ls-gal-scroll 50s linear infinite;\n  }\n\n  .ls-gal-row--rev .ls-gal-group {\n    animation-direction: reverse;\n    animation-delay: -25s;\n  }\n\n  .ls-gal-row:hover .ls-gal-group {\n    animation-play-state: paused;\n  }\n\n  @keyframes ls-gal-scroll {\n    from {\n      transform: translateX(0);\n    }\n\n    to {\n      transform: translateX(calc(-100% - 24px));\n    }\n  }\n\n  \/* Fixed image frame \u2014 layout will not break *\/\n  .ls-gal-img {\n    width: 180px !important;\n    height: 250px !important;\n    min-width: 180px !important;\n    max-width: 180px !important;\n    min-height: 250px !important;\n    max-height: 250px !important;\n\n    flex: 0 0 180px;\n    aspect-ratio: 180 \/ 250;\n\n    object-fit: cover !important;\n    object-position: center center !important;\n\n    border-radius: 999px;\n    display: block;\n    overflow: hidden;\n\n    background: #eef4f6;\n    box-shadow: 0 8px 32px rgba(97, 144, 162, 0.18);\n    transition: transform 0.4s ease, box-shadow 0.4s ease;\n  }\n\n  .ls-gal-img:hover {\n    transform: scale(1.05) translateY(-5px);\n    box-shadow: 0 16px 45px rgba(97, 144, 162, 0.28);\n  }\n\n  \/* Prevent empty image src from breaking layout *\/\n  .ls-gal-img[src=\"\"],\n  .ls-gal-img:not([src]) {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .ls-gal-text-row {\n    display: flex;\n    overflow: hidden;\n    user-select: none;\n    gap: 24px;\n    border-top: 2px solid rgba(97, 144, 162, 0.20);\n    border-bottom: 2px solid rgba(97, 144, 162, 0.20);\n    padding: 14px 0;\n    margin-bottom: 24px;\n    width: 100%;\n  }\n\n  .ls-gal-text-group {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    gap: 32px;\n    min-width: max-content;\n    animation: ls-gal-scroll 80s linear infinite;\n  }\n\n  .ls-gal-text-row:hover .ls-gal-text-group {\n    animation-play-state: paused;\n  }\n\n  .ls-gal-text {\n    font-size: 18px;\n    font-weight: 800;\n    font-style: italic;\n    white-space: nowrap;\n    letter-spacing: -0.3px;\n    color: #6190A2;\n  }\n\n  .ls-gal-dot {\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background: rgba(97, 144, 162, 0.35);\n    flex-shrink: 0;\n    display: inline-block;\n  }\n\n  @media (max-width: 768px) {\n    .ls-gal-wrap {\n      padding: 75px 0;\n    }\n\n    .ls-gal-header {\n      margin-bottom: 40px;\n    }\n\n    .ls-gal-row {\n      gap: 16px;\n      margin-bottom: 16px;\n    }\n\n    .ls-gal-group {\n      gap: 16px;\n    }\n\n    .ls-gal-img {\n      width: 135px !important;\n      height: 190px !important;\n      min-width: 135px !important;\n      max-width: 135px !important;\n      min-height: 190px !important;\n      max-height: 190px !important;\n      flex: 0 0 135px;\n      aspect-ratio: 135 \/ 190;\n    }\n\n    .ls-gal-text {\n      font-size: 15px;\n    }\n\n    .ls-gal-text-group {\n      gap: 24px;\n    }\n\n    @keyframes ls-gal-scroll {\n      from {\n        transform: translateX(0);\n      }\n\n      to {\n        transform: translateX(calc(-100% - 16px));\n      }\n    }\n  }\n<\/style>\n\n<div class=\"ls-gal-wrap\">\n  <div class=\"ls-gal-clip\">\n\n    <div class=\"ls-gal-header\">\n      <div class=\"ls-gal-tag\">\n        <span>Our Community<\/span>\n      <\/div>\n\n      <h2 class=\"ls-gal-title\">\n        Life at <span>Living Stones<\/span>\n      <\/h2>\n\n      <div class=\"ls-gal-bar\"><\/div>\n    <\/div>\n\n    <div class=\"ls-gal-skew\">\n\n      <!-- Row 1 \u2014 scrolls left -->\n      <div class=\"ls-gal-row\">\n        <div class=\"ls-gal-group\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2024\/07\/IMG-20220417-WA0025_Pas-GR-2.jpg\" alt=\"Living Stones church community\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2019\/05\/kneeling-in-worship.jpgL\" alt=\"Sunday service\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_imu88bimu88bimu8-scaled.png\" alt=\"Church family\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_fpfqt2fpfqt2fpfq-scaled.png\" alt=\"Worship\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_9ypi859ypi859ypi-scaled.png\" alt=\"Fellowship\">\n        <\/div>\n\n        <div class=\"ls-gal-group\" aria-hidden=\"true\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2024\/07\/IMG-20220417-WA0025_Pas-GR-2.jpg\" alt=\"\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2016\/03\/UK-Street-ministry.jpg\" alt=\"\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_ojds02ojds02ojds-scaled.png\" alt=\"\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2016\/03\/THE-WORD.jpg\" alt=\"\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_pxhn0epxhn0epxhn.png\" alt=\"\">\n        <\/div>\n      <\/div>\n\n      <!-- Text strip -->\n      <div class=\"ls-gal-text-row\">\n        <div class=\"ls-gal-text-group\">\n          <span class=\"ls-gal-text\">Come as you are \u2014 belong as family<\/span>\n          <span class=\"ls-gal-dot\"><\/span>\n          <span class=\"ls-gal-text\">Worship \u00b7 Grow \u00b7 Belong<\/span>\n          <span class=\"ls-gal-dot\"><\/span>\n          <span class=\"ls-gal-text\">A church for Birmingham<\/span>\n          <span class=\"ls-gal-dot\"><\/span>\n          <span class=\"ls-gal-text\">Every Sunday at 10:30am<\/span>\n          <span class=\"ls-gal-dot\"><\/span>\n          <span class=\"ls-gal-text\">You are welcome here<\/span>\n          <span class=\"ls-gal-dot\"><\/span>\n        <\/div>\n\n        <div class=\"ls-gal-text-group\" aria-hidden=\"true\">\n          <span class=\"ls-gal-text\">Come as you are \u2014 belong as family<\/span>\n          <span class=\"ls-gal-dot\"><\/span>\n          <span class=\"ls-gal-text\">Worship \u00b7 Grow \u00b7 Belong<\/span>\n          <span class=\"ls-gal-dot\"><\/span>\n          <span class=\"ls-gal-text\">A church for Birmingham<\/span>\n          <span class=\"ls-gal-dot\"><\/span>\n          <span class=\"ls-gal-text\">Every Sunday at 10:30am<\/span>\n          <span class=\"ls-gal-dot\"><\/span>\n          <span class=\"ls-gal-text\">You are welcome here<\/span>\n          <span class=\"ls-gal-dot\"><\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Row 2 \u2014 scrolls right -->\n      <div class=\"ls-gal-row ls-gal-row--rev\">\n        <div class=\"ls-gal-group\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2016\/03\/THE-WORD.jpg\" alt=\"Living Stones event\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_4er6au4er6au4er6.png\" alt=\"Community outreach\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2019\/05\/IMG_E4726-congregation-on-maps.jpg\" alt=\"Church gathering\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2016\/03\/13.jpg\" alt=\"Prayer\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2016\/03\/CONGREGATION-WORSHIP-2.jpg\" alt=\"Living Stones family\">\n        <\/div>\n\n        <div class=\"ls-gal-group\" aria-hidden=\"true\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2016\/03\/7.jpg\" alt=\"\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2023\/10\/IMG_20231007_101012-scaled.jpg\" alt=\"\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_led1r7led1r7led1.png\" alt=\"\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_yjnny4yjnny4yjnn-scaled.png\" alt=\"\">\n          <img decoding=\"async\" class=\"ls-gal-img\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2016\/03\/VICTOR-WORSHIP.jpg\" alt=\"\">\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-03da7d8 e-con e-atomic-element e-flexbox-base e-257c279 \" data-id=\"03da7d8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"03da7d8\">\n    \t\t<div class=\"elementor-element elementor-element-020ca92 elementor-widget elementor-widget-html\" data-id=\"020ca92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ls-yt-section\">\n  <style>\n    .ls-yt-section {\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      background: #ffffff;\n      color: #2B323A;\n      padding: 110px 22px 100px;\n      font-family: \"Montserrat\", Arial, sans-serif;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .ls-yt-section * { box-sizing: border-box; }\n\n    .ls-yt-container {\n      width: min(1180px, 100%);\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ls-yt-header {\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n      gap: 40px;\n      margin-bottom: 64px;\n      flex-wrap: wrap;\n    }\n\n    .ls-yt-tag {\n      color: #6190A2;\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      margin-bottom: 18px;\n    }\n\n    .ls-yt-title {\n      margin: 0;\n      font-size: clamp(36px, 4.5vw, 64px);\n      line-height: 1.04;\n      font-weight: 900;\n      letter-spacing: -1.8px;\n      color: rgba(43,50,58,0.35);\n      max-width: 600px;\n    }\n\n    .ls-yt-title span { color: #2B323A; }\n\n    .ls-yt-subtitle {\n      font-size: 16px;\n      line-height: 1.75;\n      color: rgba(43,50,58,0.52);\n      max-width: 320px;\n      margin: 0;\n    }\n\n    .ls-yt-main {\n      display: grid;\n      grid-template-columns: 1fr auto 1fr;\n      gap: 28px;\n      align-items: center;\n    }\n\n    .ls-yt-grid { \n      display: flex; \n      gap: 12px; \n      min-width: 0;\n    }\n\n    .ls-yt-col {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .ls-yt-col--offset { margin-top: 48px; }\n\n    .ls-yt-card {\n      display: block;\n      border-radius: 14px;\n      overflow: hidden;\n      position: relative;\n      text-decoration: none;\n      background: rgba(43,50,58,0.06);\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n      aspect-ratio: 16 \/ 9;\n      box-shadow: 0 8px 28px rgba(43,50,58,0.10);\n    }\n\n    .ls-yt-card:hover {\n      transform: scale(1.04);\n      box-shadow: 0 18px 48px rgba(43,50,58,0.18);\n    }\n\n    .ls-yt-card img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      display: block;\n    }\n\n    .ls-yt-play {\n      position: absolute;\n      inset: 0;\n      background: rgba(0,0,0,0.42);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      opacity: 0;\n      transition: opacity 0.25s ease;\n    }\n\n    .ls-yt-card:hover .ls-yt-play { opacity: 1; }\n\n    .ls-yt-play svg {\n      width: 52px;\n      height: 52px;\n      filter: drop-shadow(0 4px 12px rgba(0,0,0,0.4));\n    }\n\n    .ls-yt-skeleton {\n      aspect-ratio: 16 \/ 9;\n      border-radius: 14px;\n      background: linear-gradient(90deg,\n        rgba(43,50,58,0.06) 25%,\n        rgba(43,50,58,0.10) 50%,\n        rgba(43,50,58,0.06) 75%\n      );\n      background-size: 200% 100%;\n      animation: ls-yt-shimmer 1.4s infinite;\n    }\n\n    @keyframes ls-yt-shimmer {\n      0%   { background-position: 200% 0; }\n      100% { background-position: -200% 0; }\n    }\n\n    .ls-yt-cta {\n      width: 380px;\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .ls-yt-cta-link {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      text-decoration: none;\n      position: relative;\n      width: 380px;\n      height: 380px;\n      transition: transform 0.35s ease;\n    }\n\n    .ls-yt-cta-link:hover { transform: scale(1.04); }\n\n    .ls-yt-blob {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    .ls-yt-cta-inner {\n      position: relative;\n      z-index: 2;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 14px;\n      padding: 20px;\n    }\n\n    .ls-yt-icon { width: 56px; height: 56px; }\n\n    .ls-yt-cta-label {\n      font-size: 22px;\n      font-weight: 900;\n      letter-spacing: -0.4px;\n      line-height: 1.2;\n      color: #ffffff;\n    }\n\n    .ls-yt-cta-handle {\n      font-size: 14px;\n      font-weight: 700;\n      color: rgba(255,255,255,0.80);\n      word-break: break-all;\n    }\n\n    .ls-yt-mobile { \n      display: none; \n    }\n\n    .ls-yt-mobile-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 12px;\n    }\n\n    .ls-yt-mobile-grid-top {\n      margin-bottom: 30px;\n    }\n\n    .ls-yt-mobile-grid-bottom {\n      margin-top: 30px;\n    }\n\n    .ls-yt-mobile-cta {\n      display: flex;\n      justify-content: center;\n      margin: 0;\n    }\n\n    .ls-yt-mobile-cta .ls-yt-cta-link { width: 280px; height: 280px; }\n    .ls-yt-mobile-cta .ls-yt-cta-label { font-size: 18px; }\n    .ls-yt-mobile-cta .ls-yt-icon { width: 44px; height: 44px; }\n\n    .ls-yt-footer {\n      text-align: center;\n      margin-top: 52px;\n    }\n\n    .ls-yt-footer a {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 14px 26px;\n      border-radius: 999px;\n      background: #2B323A;\n      border: 1px solid #2B323A;\n      color: #ffffff;\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: 0.4px;\n      transition: background 0.3s ease, transform 0.3s ease;\n    }\n\n    .ls-yt-footer a:hover {\n      background: #6190A2;\n      border-color: #6190A2;\n      transform: translateY(-2px);\n    }\n\n    @media (max-width: 900px) {\n      .ls-yt-main { display: none; }\n      .ls-yt-mobile { display: block; }\n\n      .ls-yt-header {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 20px;\n        margin-bottom: 40px;\n      }\n\n      .ls-yt-subtitle { max-width: 100%; }\n    }\n\n    @media (max-width: 680px) {\n      .ls-yt-section { \n        padding: 78px 18px 80px; \n      }\n\n      .ls-yt-header {\n        margin-bottom: 34px;\n      }\n\n      .ls-yt-tag {\n        font-size: 11px;\n        letter-spacing: 2.5px;\n      }\n\n      .ls-yt-title {\n        font-size: clamp(32px, 10vw, 46px);\n        line-height: 1.05;\n        letter-spacing: -1.2px;\n      }\n\n      .ls-yt-subtitle {\n        font-size: 14.5px;\n        line-height: 1.7;\n      }\n\n      .ls-yt-mobile-grid { \n        grid-template-columns: 1fr; \n        gap: 14px;\n      }\n\n      .ls-yt-mobile-grid-top {\n        margin-bottom: 28px;\n      }\n\n      .ls-yt-mobile-grid-bottom {\n        margin-top: 28px;\n      }\n\n      .ls-yt-mobile-cta .ls-yt-cta-link { \n        width: 250px; \n        height: 250px; \n      }\n\n      .ls-yt-mobile-cta .ls-yt-cta-label { \n        font-size: 17px; \n      }\n\n      .ls-yt-mobile-cta .ls-yt-icon { \n        width: 42px; \n        height: 42px; \n      }\n\n      .ls-yt-footer {\n        margin-top: 42px;\n      }\n\n      .ls-yt-footer a {\n        width: 100%;\n        justify-content: center;\n      }\n    }\n\n    @media (max-width: 420px) {\n      .ls-yt-section { \n        padding: 68px 16px 72px; \n      }\n\n      .ls-yt-mobile-cta .ls-yt-cta-link { \n        width: 225px; \n        height: 225px; \n      }\n\n      .ls-yt-cta-handle {\n        font-size: 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"ls-yt-container\">\n\n    <div class=\"ls-yt-header\">\n      <div>\n        <div class=\"ls-yt-tag\">Media<\/div>\n        <h2 class=\"ls-yt-title\">Watch, listen &amp; <span>stay connected.<\/span><\/h2>\n      <\/div>\n      <p class=\"ls-yt-subtitle\">\n        Can't make it in person? Catch up on Sunday services and Bible studies on our YouTube channel \u2014 anytime, anywhere.\n      <\/p>\n    <\/div>\n\n    <div class=\"ls-yt-main\">\n\n      <div class=\"ls-yt-grid\" id=\"ls-yt-left\">\n        <div class=\"ls-yt-col\">\n          <div class=\"ls-yt-skeleton\"><\/div>\n          <div class=\"ls-yt-skeleton\"><\/div>\n        <\/div>\n        <div class=\"ls-yt-col ls-yt-col--offset\">\n          <div class=\"ls-yt-skeleton\"><\/div>\n          <div class=\"ls-yt-skeleton\"><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ls-yt-cta\">\n        <a class=\"ls-yt-cta-link\"\n           href=\"https:\/\/www.youtube.com\/@livingstoneschurchperrybar8808\"\n           target=\"_blank\" rel=\"noopener noreferrer\">\n          <svg class=\"ls-yt-blob\" viewBox=\"0 0 571 568\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid meet\">\n            <path fill=\"#6190A2\" d=\"M0,285c0-0.67,0-1.33,0-2c8.61-5.65,15.18-13.46,21.86-21.08c12.95-14.78,24.65-30.67,38.92-44.27c12.39-11.81,26.05-21.27,43.81-23.07c5.21-0.53,7.8-3.85,8.14-9.17c0.14-2.32,0-4.67,0.07-7c0.61-20.09,8.49-36.79,23.69-49.91c13.47-11.63,29.32-16.72,47-16.55c8.94,0.08,11.26-1.9,12.49-10.58c1.22-8.56,4.35-16.37,9-23.63c10.24-15.99,24.68-27.83,38.95-39.88C258.17,25.84,273.4,14.89,285,0c0.33,0,0.67,0,1,0c6.55,8.74,14.71,15.85,22.97,22.88c15.09,12.85,31.11,24.65,44.7,39.18c10.15,10.85,18.56,22.71,21.11,37.84c1.86,11.03,3.11,11.91,14.23,12.05c22.71,0.29,41.49,8.96,55.43,27.06c10.02,13.02,14.41,27.95,13.81,44.42c-0.26,7.06,2.42,10.55,8.64,11.21c13.63,1.46,25.04,7.58,35.44,16.05c16.03,13.05,28.27,29.59,41.62,45.12c8.35,9.71,16.32,19.82,27.04,27.18c0,0.67,0,1.33,0,2c-3.95,2-6.83,5.29-9.91,8.32c-14.07,13.8-25.61,29.82-38.79,44.4c-15.6,17.24-31.93,33.31-56.87,35.93c-4.4,0.46-6.9,3.84-7.16,8.41c-0.14,2.49,0.01,5-0.07,7.5c-0.6,20.1-8.54,36.79-23.69,49.92c-13.73,11.91-29.96,16.89-48,16.59c-7.18-0.12-10.55,2.32-11.23,8.56c-1.41,12.92-7.15,23.81-15.07,33.76c-9.61,12.09-21.44,21.85-33.15,31.75c-14.23,12.03-29.54,22.9-41.07,37.86c-0.33,0-0.67,0-1,0c-6.7-8.83-14.98-16.06-23.36-23.19c-15.09-12.85-31.09-24.66-44.67-39.22c-10.99-11.78-19.64-24.78-21.33-41.43c-0.53-5.23-3.87-7.84-9.15-8.09c-1.83-0.09-3.67,0.06-5.5-0.01c-27.59-1.15-48.35-13.34-61.23-38.08c-5.52-10.6-7.38-21.98-7.04-33.87c0.19-6.69-2.56-10.1-8.63-10.75c-13.62-1.47-25.03-7.59-35.44-16.06c-16.04-13.04-28.3-29.56-41.61-45.12C18.72,302.43,10.67,292.41,0,285z\"\/>\n          <\/svg>\n          <div class=\"ls-yt-cta-inner\">\n            <svg class=\"ls-yt-icon\" viewBox=\"0 0 24 24\" fill=\"white\">\n              <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\"\/>\n            <\/svg>\n            <div class=\"ls-yt-cta-label\">Subscribe<\/div>\n            <div class=\"ls-yt-cta-handle\">@livingstoneschurchperrybar8808<\/div>\n          <\/div>\n        <\/a>\n      <\/div>\n\n      <div class=\"ls-yt-grid\" id=\"ls-yt-right\">\n        <div class=\"ls-yt-col ls-yt-col--offset\">\n          <div class=\"ls-yt-skeleton\"><\/div>\n          <div class=\"ls-yt-skeleton\"><\/div>\n        <\/div>\n        <div class=\"ls-yt-col\">\n          <div class=\"ls-yt-skeleton\"><\/div>\n          <div class=\"ls-yt-skeleton\"><\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"ls-yt-mobile\">\n      <div class=\"ls-yt-mobile-grid ls-yt-mobile-grid-top\" id=\"ls-yt-mobile-top\">\n        <div class=\"ls-yt-skeleton\"><\/div>\n        <div class=\"ls-yt-skeleton\"><\/div>\n      <\/div>\n\n      <div class=\"ls-yt-mobile-cta\">\n        <a class=\"ls-yt-cta-link\"\n           href=\"https:\/\/www.youtube.com\/@livingstoneschurchperrybar8808\"\n           target=\"_blank\" rel=\"noopener noreferrer\">\n          <svg class=\"ls-yt-blob\" viewBox=\"0 0 571 568\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid meet\">\n            <path fill=\"#6190A2\" d=\"M0,285c0-0.67,0-1.33,0-2c8.61-5.65,15.18-13.46,21.86-21.08c12.95-14.78,24.65-30.67,38.92-44.27c12.39-11.81,26.05-21.27,43.81-23.07c5.21-0.53,7.8-3.85,8.14-9.17c0.14-2.32,0-4.67,0.07-7c0.61-20.09,8.49-36.79,23.69-49.91c13.47-11.63,29.32-16.72,47-16.55c8.94,0.08,11.26-1.9,12.49-10.58c1.22-8.56,4.35-16.37,9-23.63c10.24-15.99,24.68-27.83,38.95-39.88C258.17,25.84,273.4,14.89,285,0c0.33,0,0.67,0,1,0c6.55,8.74,14.71,15.85,22.97,22.88c15.09,12.85,31.11,24.65,44.7,39.18c10.15,10.85,18.56,22.71,21.11,37.84c1.86,11.03,3.11,11.91,14.23,12.05c22.71,0.29,41.49,8.96,55.43,27.06c10.02,13.02,14.41,27.95,13.81,44.42c-0.26,7.06,2.42,10.55,8.64,11.21c13.63,1.46,25.04,7.58,35.44,16.05c16.03,13.05,28.27,29.59,41.62,45.12c8.35,9.71,16.32,19.82,27.04,27.18c0,0.67,0,1.33,0,2c-3.95,2-6.83,5.29-9.91,8.32c-14.07,13.8-25.61,29.82-38.79,44.4c-15.6,17.24-31.93,33.31-56.87,35.93c-4.4,0.46-6.9,3.84-7.16,8.41c-0.14,2.49,0.01,5-0.07,7.5c-0.6,20.1-8.54,36.79-23.69,49.92c-13.73,11.91-29.96,16.89-48,16.59c-7.18-0.12-10.55,2.32-11.23,8.56c-1.41,12.92-7.15,23.81-15.07,33.76c-9.61,12.09-21.44,21.85-33.15,31.75c-14.23,12.03-29.54,22.9-41.07,37.86c-0.33,0-0.67,0-1,0c-6.7-8.83-14.98-16.06-23.36-23.19c-15.09-12.85-31.09-24.66-44.67-39.22c-10.99-11.78-19.64-24.78-21.33-41.43c-0.53-5.23-3.87-7.84-9.15-8.09c-1.83-0.09-3.67,0.06-5.5-0.01c-27.59-1.15-48.35-13.34-61.23-38.08c-5.52-10.6-7.38-21.98-7.04-33.87c0.19-6.69-2.56-10.1-8.63-10.75c-13.62-1.47-25.03-7.59-35.44-16.06c-16.04-13.04-28.3-29.56-41.61-45.12C18.72,302.43,10.67,292.41,0,285z\"\/>\n          <\/svg>\n          <div class=\"ls-yt-cta-inner\">\n            <svg class=\"ls-yt-icon\" viewBox=\"0 0 24 24\" fill=\"white\">\n              <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\"\/>\n            <\/svg>\n            <div class=\"ls-yt-cta-label\">Subscribe<\/div>\n            <div class=\"ls-yt-cta-handle\">@livingstoneschurch<br>perrybar8808<\/div>\n          <\/div>\n        <\/a>\n      <\/div>\n\n      <div class=\"ls-yt-mobile-grid ls-yt-mobile-grid-bottom\" id=\"ls-yt-mobile-bottom\">\n        <div class=\"ls-yt-skeleton\"><\/div>\n        <div class=\"ls-yt-skeleton\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ls-yt-footer\">\n      <a href=\"https:\/\/www.youtube.com\/@livingstoneschurchperrybar8808\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"white\">\n          <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\"\/>\n        <\/svg>\n        View Full YouTube Channel\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function () {\n      var CHANNEL_ID = \"UCll1xyHhHCpMiJnB-dPUcOw\";\n      var RSS_URL = \"https:\/\/www.youtube.com\/feeds\/videos.xml?channel_id=\" + CHANNEL_ID;\n\n      var RSS2JSON_API =\n        \"https:\/\/api.rss2json.com\/v1\/api.json?count=8&rss_url=\" +\n        encodeURIComponent(RSS_URL);\n\n      var ALL_ORIGINS_API =\n        \"https:\/\/api.allorigins.win\/raw?url=\" +\n        encodeURIComponent(RSS_URL);\n\n      \/*\n        Fallback videos are only used if both RSS fetch methods fail.\n        Replace these IDs with newer video IDs anytime if needed.\n      *\/\n      var FALLBACK_VIDEOS = [\n        {\n          id: \"_ZPOn2B3MUs\",\n          title: \"Living Stones Sunday Service\"\n        },\n        {\n          id: \"Lg0wk0HUgX4\",\n          title: \"Living Stones Sunday Service\"\n        },\n        {\n          id: \"ZeFmc31HHdE\",\n          title: \"Living Stones Sunday Service\"\n        },\n        {\n          id: \"wedmzo8Dw0g\",\n          title: \"Living Stones Sunday Service\"\n        },\n        {\n          id: \"M1DlO-u23W4\",\n          title: \"Living Stones Sunday Service\"\n        },\n        {\n          id: \"4LQ9j5PHSvs\",\n          title: \"Living Stones Sunday Service\"\n        },\n        {\n          id: \"xrOX3we1jpE\",\n          title: \"Living Stones Sunday Service\"\n        },\n        {\n          id: \"ufA5k1eyaqE\",\n          title: \"Living Stones Sunday Service\"\n        }\n      ];\n\n      function getVideoId(url) {\n        if (!url) return null;\n\n        var patterns = [\n          \/[?&]v=([^&]+)\/,\n          \/youtu\\.be\\\/([^?&]+)\/,\n          \/youtube\\.com\\\/embed\\\/([^?&]+)\/,\n          \/youtube\\.com\\\/shorts\\\/([^?&]+)\/\n        ];\n\n        for (var i = 0; i < patterns.length; i++) {\n          var match = url.match(patterns[i]);\n          if (match && match[1]) return match[1];\n        }\n\n        return null;\n      }\n\n      function makeVideo(id, title) {\n        return {\n          id: id,\n          title: title || \"Living Stones video\",\n          link: \"https:\/\/www.youtube.com\/watch?v=\" + id\n        };\n      }\n\n      function playBtn() {\n        return (\n          '<svg viewBox=\"0 0 24 24\" fill=\"none\">' +\n            '<rect width=\"24\" height=\"24\" rx=\"5\" fill=\"#FF0000\"\/>' +\n            '<path d=\"M9.5 8.5L15.5 12L9.5 15.5V8.5Z\" fill=\"white\"\/>' +\n          '<\/svg>'\n        );\n      }\n\n      function makeCard(video) {\n        var a = document.createElement(\"a\");\n        a.href = video.link || \"https:\/\/www.youtube.com\/watch?v=\" + video.id;\n        a.target = \"_blank\";\n        a.rel = \"noopener noreferrer\";\n        a.className = \"ls-yt-card\";\n        a.title = video.title || \"Living Stones video\";\n\n        var img = document.createElement(\"img\");\n        img.src = \"https:\/\/img.youtube.com\/vi\/\" + video.id + \"\/hqdefault.jpg\";\n        img.alt = video.title || \"Living Stones video\";\n        img.loading = \"lazy\";\n\n        img.onerror = function () {\n          if (this.dataset.fallbackUsed === \"1\") return;\n          this.dataset.fallbackUsed = \"1\";\n          this.src = \"https:\/\/img.youtube.com\/vi\/\" + video.id + \"\/mqdefault.jpg\";\n        };\n\n        var play = document.createElement(\"div\");\n        play.className = \"ls-yt-play\";\n        play.innerHTML = playBtn();\n\n        a.appendChild(img);\n        a.appendChild(play);\n\n        return a;\n      }\n\n      function renderDesktop(videos) {\n        var left = videos.slice(0, 4);\n        var right = videos.slice(4, 8);\n\n        var lEl = document.getElementById(\"ls-yt-left\");\n        if (lEl) {\n          lEl.innerHTML = \"\";\n\n          var lc1 = document.createElement(\"div\");\n          lc1.className = \"ls-yt-col\";\n\n          var lc2 = document.createElement(\"div\");\n          lc2.className = \"ls-yt-col ls-yt-col--offset\";\n\n          left.forEach(function (video, index) {\n            if (video && video.id) {\n              (index < 2 ? lc1 : lc2).appendChild(makeCard(video));\n            }\n          });\n\n          lEl.appendChild(lc1);\n          lEl.appendChild(lc2);\n        }\n\n        var rEl = document.getElementById(\"ls-yt-right\");\n        if (rEl) {\n          rEl.innerHTML = \"\";\n\n          var rc1 = document.createElement(\"div\");\n          rc1.className = \"ls-yt-col ls-yt-col--offset\";\n\n          var rc2 = document.createElement(\"div\");\n          rc2.className = \"ls-yt-col\";\n\n          right.forEach(function (video, index) {\n            if (video && video.id) {\n              (index < 2 ? rc1 : rc2).appendChild(makeCard(video));\n            }\n          });\n\n          rEl.appendChild(rc1);\n          rEl.appendChild(rc2);\n        }\n      }\n\n      function renderMobile(videos) {\n        var topEl = document.getElementById(\"ls-yt-mobile-top\");\n        var bottomEl = document.getElementById(\"ls-yt-mobile-bottom\");\n\n        if (!topEl || !bottomEl) return;\n\n        topEl.innerHTML = \"\";\n        bottomEl.innerHTML = \"\";\n\n        videos.slice(0, 2).forEach(function (video) {\n          if (video && video.id) {\n            topEl.appendChild(makeCard(video));\n          }\n        });\n\n        videos.slice(2, 4).forEach(function (video) {\n          if (video && video.id) {\n            bottomEl.appendChild(makeCard(video));\n          }\n        });\n      }\n\n      function renderVideos(videos) {\n        if (!videos || !videos.length) {\n          videos = FALLBACK_VIDEOS.map(function (video) {\n            return makeVideo(video.id, video.title);\n          });\n        }\n\n        renderDesktop(videos);\n        renderMobile(videos);\n      }\n\n      function parseRss2Json(data) {\n        if (!data || data.status !== \"ok\" || !data.items || !data.items.length) {\n          return [];\n        }\n\n        return data.items\n          .map(function (item) {\n            var id = getVideoId(item.link);\n\n            if (!id && item.guid) {\n              id = String(item.guid).replace(\"yt:video:\", \"\");\n            }\n\n            if (!id) return null;\n\n            return makeVideo(id, item.title);\n          })\n          .filter(Boolean)\n          .slice(0, 8);\n      }\n\n      function parseXmlFeed(xmlText) {\n        var parser = new DOMParser();\n        var xml = parser.parseFromString(xmlText, \"text\/xml\");\n\n        var entries = Array.prototype.slice.call(xml.getElementsByTagName(\"entry\"));\n\n        return entries\n          .map(function (entry) {\n            var videoIdNode =\n              entry.getElementsByTagName(\"yt:videoId\")[0] ||\n              entry.getElementsByTagName(\"videoId\")[0];\n\n            var titleNode = entry.getElementsByTagName(\"title\")[0];\n            var linkNode = entry.getElementsByTagName(\"link\")[0];\n\n            var id = videoIdNode ? videoIdNode.textContent.trim() : null;\n\n            if (!id && linkNode) {\n              id = getVideoId(linkNode.getAttribute(\"href\"));\n            }\n\n            if (!id) return null;\n\n            return makeVideo(\n              id,\n              titleNode ? titleNode.textContent.trim() : \"Living Stones video\"\n            );\n          })\n          .filter(Boolean)\n          .slice(0, 8);\n      }\n\n      fetch(RSS2JSON_API)\n        .then(function (response) {\n          if (!response.ok) {\n            throw new Error(\"rss2json failed\");\n          }\n\n          return response.json();\n        })\n        .then(function (data) {\n          var videos = parseRss2Json(data);\n\n          if (videos.length) {\n            renderVideos(videos);\n            return;\n          }\n\n          throw new Error(\"rss2json returned no videos\");\n        })\n        .catch(function () {\n          fetch(ALL_ORIGINS_API)\n            .then(function (response) {\n              if (!response.ok) {\n                throw new Error(\"allorigins failed\");\n              }\n\n              return response.text();\n            })\n            .then(function (xmlText) {\n              var videos = parseXmlFeed(xmlText);\n\n              if (videos.length) {\n                renderVideos(videos);\n                return;\n              }\n\n              renderVideos([]);\n            })\n            .catch(function () {\n              renderVideos([]);\n            });\n        });\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-803c4d3 e-con e-atomic-element e-flexbox-base e-99ef6c5 \" data-id=\"803c4d3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"803c4d3\">\n    \t\t<div class=\"elementor-element elementor-element-0baab02 elementor-widget elementor-widget-html\" data-id=\"0baab02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .ls-cta * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  .ls-cta {\n    font-family: \"Montserrat\", Arial, sans-serif;\n    width: 100%;\n  }\n\n  .ls-cta-inner {\n    width: min(1180px, 100%);\n    margin: 0 auto;\n  }\n\n  .ls-cta-card {\n    background: #2B323A;\n    border-radius: 28px;\n    overflow: hidden;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    min-height: 420px;\n    position: relative;\n  }\n\n  \/* Decorative circles *\/\n  .ls-cta-card::before {\n    content: \"\";\n    position: absolute;\n    width: 300px;\n    height: 300px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.04);\n    top: -120px;\n    left: -80px;\n    pointer-events: none;\n  }\n\n  .ls-cta-card::after {\n    content: \"\";\n    position: absolute;\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.03);\n    bottom: -60px;\n    left: 140px;\n    pointer-events: none;\n  }\n\n  \/* Left *\/\n  .ls-cta-left {\n    padding: 64px 56px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: 28px;\n    position: relative;\n    z-index: 2;\n  }\n\n  .ls-cta-tag {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.70);\n    margin-bottom: 4px;\n  }\n\n  .ls-cta-title {\n    font-size: clamp(32px, 4vw, 54px);\n    font-weight: 900;\n    letter-spacing: -1.5px;\n    line-height: 1.06;\n    color: #ffffff;\n  }\n\n  .ls-cta-sub {\n    font-size: 16px;\n    line-height: 1.8;\n    color: rgba(255,255,255,0.72);\n    max-width: 380px;\n  }\n\n  .ls-cta-actions {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-top: 8px;\n  }\n\n  .ls-cta-btn {\n    display: inline-flex;\n    align-items: center;\n    padding: 16px 32px;\n    border-radius: 999px;\n    text-decoration: none;\n    font-size: 13px;\n    font-weight: 900;\n    letter-spacing: 0.5px;\n    transition: all 0.28s ease;\n    white-space: nowrap;\n  }\n\n  .ls-cta-btn--primary {\n    background: #ffffff;\n    color: #2B323A;\n  }\n\n  .ls-cta-btn--primary:hover {\n    background: #2B323A;\n    color: #ffffff;\n    transform: translateY(-2px);\n  }\n\n  .ls-cta-btn--ghost {\n    background: rgba(255,255,255,0.12);\n    color: #ffffff;\n    border: 1px solid rgba(255,255,255,0.28);\n  }\n\n  .ls-cta-btn--ghost:hover {\n    background: rgba(255,255,255,0.22);\n    transform: translateY(-2px);\n  }\n\n  \/* Right \u2014 image *\/\n  .ls-cta-right {\n    position: relative;\n    overflow: hidden;\n    min-height: 360px;\n    background: #111;\n  }\n\n  .ls-cta-right img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n    transition: transform 0.6s ease;\n  }\n\n  .ls-cta-card:hover .ls-cta-right img {\n    transform: scale(1.04);\n  }\n\n  .ls-cta-right::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to right, #2B323A 0%, transparent 40%);\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 860px) {\n    .ls-cta-card {\n      grid-template-columns: 1fr;\n    }\n\n    .ls-cta-right {\n      min-height: 280px;\n    }\n\n    .ls-cta-right::before {\n      background: linear-gradient(to bottom, #2B323A 0%, transparent 40%);\n    }\n\n    .ls-cta-left {\n      padding: 48px 36px;\n    }\n  }\n\n  @media (max-width: 560px) {\n    .ls-cta-left {\n      padding: 36px 24px;\n      gap: 20px;\n    }\n\n    .ls-cta-actions {\n      flex-direction: column;\n    }\n\n    .ls-cta-btn {\n      justify-content: center;\n      width: 100%;\n    }\n  }\n<\/style>\n\n<div class=\"ls-cta\">\n  <div class=\"ls-cta-inner\">\n  <div class=\"ls-cta-card\">\n\n    <!-- Left: text + buttons -->\n    <div class=\"ls-cta-left\">\n      <span class=\"ls-cta-tag\">Living Stones Church<\/span>\n      <h2 class=\"ls-cta-title\">Come and be part of something greater.<\/h2>\n      <p class=\"ls-cta-sub\">\n        Whether you're new to faith or have been walking with God for years \u2014 there is a seat for you at Living Stones. Join us this Sunday.\n      <\/p>\n      <div class=\"ls-cta-actions\">\n        <a class=\"ls-cta-btn ls-cta-btn--primary\" href=\"\/protostar\/contact-us\/\">Plan Your Visit<\/a>\n        <a class=\"ls-cta-btn ls-cta-btn--ghost\" href=\"\/protostar\/giving\/\">Give Today<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Right: image -->\n    <div class=\"ls-cta-right\">\n      <img decoding=\"async\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2026\/06\/Untitled-design-1.png\" alt=\"Living Stones Church\">\n    <\/div>\n\n  <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-92fc606 e-con e-atomic-element e-flexbox-base e-e6e29b2 \" data-id=\"92fc606\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"92fc606\">\n    \t\t<div class=\"elementor-element elementor-element-6b0e61f elementor-widget elementor-widget-html\" data-id=\"6b0e61f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .ls-ft,\n  .ls-ft * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  .ls-ft {\n    background: #2B323A;\n    color: #ffffff;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n    padding-bottom: 0 !important;\n    position: relative;\n    display: block;\n    overflow: hidden;\n    line-height: 1.4;\n  }\n\n  .ls-ft-inner {\n    width: min(1180px, 100%);\n    margin: 0 auto;\n    padding: 64px 24px 46px;\n    display: grid;\n    grid-template-columns: 1.45fr 1fr 1fr 1fr;\n    gap: 56px;\n  }\n\n  .ls-ft-logo img {\n    height: 135px;\n    width: auto;\n    max-width: 360px;\n    display: block;\n    margin-bottom: 14px;\n    object-fit: contain;\n  }\n\n  .ls-ft-about {\n    font-size: 14px;\n    line-height: 1.85;\n    color: rgba(255, 255, 255, 0.45);\n    max-width: 310px;\n    margin-bottom: 22px;\n  }\n\n  .ls-ft-socials {\n    display: flex;\n    gap: 10px;\n  }\n\n  .ls-ft-soc {\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.07);\n    border: 1px solid rgba(255, 255, 255, 0.10);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-decoration: none;\n    transition: 0.25s;\n  }\n\n  .ls-ft-soc:hover {\n    background: #6190A2;\n    transform: translateY(-2px);\n  }\n\n  .ls-ft-soc svg {\n    width: 15px;\n    height: 15px;\n    fill: #ffffff;\n  }\n\n  .ls-ft-heading {\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    color: #6190A2;\n    margin-bottom: 22px;\n  }\n\n  .ls-ft-links {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 11px;\n  }\n\n  .ls-ft-links li {\n    list-style: none;\n  }\n\n  .ls-ft-links a {\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 600;\n    color: rgba(255, 255, 255, 0.52);\n    transition: 0.22s;\n  }\n\n  .ls-ft-links a:hover {\n    color: #ffffff;\n  }\n\n  .ls-ft-contact {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .ls-ft-crow {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    min-width: 0;\n  }\n\n  .ls-ft-cicon {\n    width: 30px;\n    height: 30px;\n    min-width: 30px;\n    border-radius: 8px;\n    background: rgba(97, 144, 162, 0.15);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .ls-ft-cicon svg {\n    width: 13px;\n    height: 13px;\n    fill: #6190A2;\n  }\n\n  .ls-ft-ctext {\n    font-size: 13px;\n    line-height: 1.7;\n    color: rgba(255, 255, 255, 0.48);\n    min-width: 0;\n    overflow-wrap: anywhere;\n    word-break: break-word;\n  }\n\n  .ls-ft-ctext a {\n    color: rgba(255, 255, 255, 0.48);\n    text-decoration: none;\n    transition: 0.22s;\n    display: block;\n    overflow-wrap: anywhere;\n    word-break: break-word;\n  }\n\n  .ls-ft-ctext a:hover {\n    color: #ffffff;\n  }\n\n  .ls-ft-times {\n    background: rgba(97, 144, 162, 0.10);\n    border: 1px solid rgba(97, 144, 162, 0.18);\n    border-radius: 14px;\n    padding: 18px 20px;\n  }\n\n  .ls-ft-time {\n    font-size: 26px;\n    font-weight: 900;\n    letter-spacing: -1px;\n    color: #ffffff;\n    line-height: 1;\n    margin-bottom: 4px;\n  }\n\n  .ls-ft-day {\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #6190A2;\n    margin-bottom: 10px;\n  }\n\n  .ls-ft-times p {\n    font-size: 12px;\n    line-height: 1.65;\n    color: rgba(255, 255, 255, 0.42);\n  }\n\n  .ls-ft-line {\n    width: min(1180px, 100%);\n    margin: 0 auto;\n    height: 1px;\n    background: rgba(255, 255, 255, 0.07);\n  }\n\n  .ls-ft-bottom {\n    width: min(1180px, 100%);\n    margin: 0 auto;\n    padding: 20px 24px 18px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    flex-wrap: wrap;\n    background: #2B323A;\n  }\n\n  .ls-ft-copy {\n    font-size: 12px;\n    color: rgba(255, 255, 255, 0.28);\n  }\n\n  .ls-ft-blinks {\n    display: flex;\n    gap: 22px;\n    flex-wrap: wrap;\n  }\n\n  .ls-ft-blinks a {\n    font-size: 12px;\n    color: rgba(255, 255, 255, 0.28);\n    text-decoration: none;\n    transition: 0.22s;\n  }\n\n  .ls-ft-blinks a:hover {\n    color: rgba(255, 255, 255, 0.65);\n  }\n\n  \/* Kill footer bottom gap without expanding footer *\/\n  body:not(.wp-admin) .ls-ft {\n    margin-bottom: 0 !important;\n  }\n\n  body:not(.wp-admin) .ls-ft + * {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n  }\n\n  body:not(.wp-admin) .entry-content,\n  body:not(.wp-admin) .page-content,\n  body:not(.wp-admin) .site-main,\n  body:not(.wp-admin) article {\n    padding-bottom: 0 !important;\n    margin-bottom: 0 !important;\n  }\n\n  @media (max-width: 1000px) {\n    .ls-ft-inner {\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      padding: 58px 24px 42px;\n    }\n\n    .ls-ft-logo img {\n      height: 120px;\n      max-width: 330px;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .ls-ft-inner {\n      grid-template-columns: 1fr;\n      gap: 32px;\n      padding: 42px 20px 30px;\n    }\n\n    .ls-ft-logo img {\n      height: 110px;\n      max-width: 300px;\n      margin-bottom: 12px;\n    }\n\n    .ls-ft-about {\n      max-width: 100%;\n      font-size: 13px;\n      margin-bottom: 18px;\n    }\n\n    .ls-ft-heading {\n      margin-bottom: 16px;\n    }\n\n    .ls-ft-links {\n      gap: 9px;\n    }\n\n    .ls-ft-times {\n      padding: 17px 18px;\n    }\n\n    .ls-ft-bottom {\n      flex-direction: column;\n      align-items: flex-start;\n      padding: 18px 20px 16px;\n      gap: 12px;\n    }\n\n    .ls-ft-blinks {\n      gap: 16px;\n    }\n  }\n\n  @media (max-width: 380px) {\n    .ls-ft-logo img {\n      height: 96px;\n      max-width: 260px;\n    }\n  }\n<\/style>\n\n<div class=\"ls-ft\">\n  <div class=\"ls-ft-inner\">\n\n    <div>\n      <div class=\"ls-ft-logo\">\n        <img decoding=\"async\" src=\"https:\/\/living-stones.co.uk\/wp-content\/uploads\/2026\/06\/logo-1-scaled.png\" alt=\"Living Stones Church\">\n      <\/div>\n\n      <p class=\"ls-ft-about\">\n        A church family in the heart of Birmingham where people worship, grow and belong. All are welcome.\n      <\/p>\n\n      <div class=\"ls-ft-socials\">\n        <a class=\"ls-ft-soc\" href=\"https:\/\/www.facebook.com\/livingstones.pastors\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.97h-1.513c-1.491 0-1.956.93-1.956 1.886v2.267h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z\"\/>\n          <\/svg>\n        <\/a>\n\n        <a class=\"ls-ft-soc\" href=\"https:\/\/www.youtube.com\/@livingstoneschurchperrybar8808\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\n          <svg viewBox=\"0 0 24 24\">\n            <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\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div>\n      <div class=\"ls-ft-heading\">Quick Links<\/div>\n      <ul class=\"ls-ft-links\">\n        <li><a href=\"\/protostar\/\">Home<\/a><\/li>\n        <li><a href=\"\/protostar\/about\/\">About Us<\/a><\/li>\n        <li><a href=\"\/protostar\/ministries\/\">Ministries<\/a><\/li>\n        <li><a href=\"\/protostar\/pantry\/\">Pantry<\/a><\/li>\n        <li><a href=\"\/protostar\/media\/\">Media<\/a><\/li>\n        <li><a href=\"\/protostar\/giving\/\">Giving<\/a><\/li>\n        <li><a href=\"\/protostar\/contact\/\">Contact<\/a><\/li>\n      <\/ul>\n    <\/div>\n\n    <div>\n      <div class=\"ls-ft-heading\">Contact Us<\/div>\n\n      <div class=\"ls-ft-contact\">\n        <div class=\"ls-ft-crow\">\n          <div class=\"ls-ft-cicon\">\n            <svg viewBox=\"0 0 24 24\">\n              <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\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"ls-ft-ctext\">\n            Unit 1, Tamebridge Industrial Estate, Aldridge Road, Perry Barr, Birmingham, B42 2TX\n          <\/div>\n        <\/div>\n\n        <div class=\"ls-ft-crow\">\n          <div class=\"ls-ft-cicon\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 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\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"ls-ft-ctext\">\n            <a href=\"mailto:info.livingstones100@gmail.com\">info.livingstones100@gmail.com<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"ls-ft-crow\">\n          <div class=\"ls-ft-cicon\">\n            <svg viewBox=\"0 0 24 24\">\n              <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\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"ls-ft-ctext\">\n            <a href=\"tel:07977220182\">07977 220182<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div>\n      <div class=\"ls-ft-heading\">Service Times<\/div>\n      <div class=\"ls-ft-times\">\n        <div class=\"ls-ft-time\">10:30 AM<\/div>\n        <div class=\"ls-ft-day\">Every Sunday<\/div>\n        <p>Doors open from 10am. All ages and families welcome.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"ls-ft-line\"><\/div>\n\n  <div class=\"ls-ft-bottom\">\n    <p class=\"ls-ft-copy\">&copy; <span class=\"ls-ft-yr\"><\/span> Living Stones Church, Birmingham. All rights reserved.<\/p>\n\n    <div class=\"ls-ft-blinks\">\n      <a href=\"\/protostar\/privacy-policy\/\">Privacy Policy<\/a>\n      <a href=\"\/protostar\/contact\/\">Contact<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  (function () {\n    var years = document.querySelectorAll('.ls-ft-yr');\n    years.forEach(function (year) {\n      year.textContent = new Date().getFullYear();\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home About Pantry Ministries Media Contact Home About Pantry Ministries Media Contact Give Today Welcome to Living Stones Join the Prayer A welcoming church community in Birmingham where people gather to worship, grow in faith, serve others, and experience the love of God together. See More Plan Your Visit For God so loved the world [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4921","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/living-stones.co.uk\/protostar\/wp-json\/wp\/v2\/pages\/4921","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/living-stones.co.uk\/protostar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/living-stones.co.uk\/protostar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/living-stones.co.uk\/protostar\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/living-stones.co.uk\/protostar\/wp-json\/wp\/v2\/comments?post=4921"}],"version-history":[{"count":144,"href":"https:\/\/living-stones.co.uk\/protostar\/wp-json\/wp\/v2\/pages\/4921\/revisions"}],"predecessor-version":[{"id":5384,"href":"https:\/\/living-stones.co.uk\/protostar\/wp-json\/wp\/v2\/pages\/4921\/revisions\/5384"}],"wp:attachment":[{"href":"https:\/\/living-stones.co.uk\/protostar\/wp-json\/wp\/v2\/media?parent=4921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}