{"id":5169,"date":"2026-06-12T15:17:17","date_gmt":"2026-06-12T14:17:17","guid":{"rendered":"https:\/\/living-stones.co.uk\/protostar\/?page_id=5169"},"modified":"2026-06-27T22:54:53","modified_gmt":"2026-06-27T21:54:53","slug":"about","status":"publish","type":"page","link":"https:\/\/living-stones.co.uk\/protostar\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5169\" class=\"elementor elementor-5169\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f9ec53 e-flex e-con-boxed e-con e-parent\" data-id=\"2f9ec53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9ee420 elementor-widget elementor-widget-html\" data-id=\"d9ee420\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     LIVING STONES \u2014 Hero Gallery Scroll Animation\n     3 images, no buttons, animated text entrance.\n     Brand palette: #6190A2 \/ #2B323A \/ #FFFFFF\n     ============================================================ -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n#ls-hero, #ls-hero *, #ls-hero *::before, #ls-hero *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n#ls-hero {\n  --brand: #6190A2;\n  --dark:  #2B323A;\n  --white: #FFFFFF;\n\n  font-family: \"Montserrat\", Arial, sans-serif;\n  background: var(--dark);\n  color: var(--white);\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  position: relative;\n}\n\n.ls-track {\n  height: 350vh;\n  position: relative;\n  background: var(--dark);\n}\n\n.ls-stage {\n  position: sticky;\n  top: 0;\n  height: 100vh;\n  overflow: hidden;\n}\n\n\/* \u2500\u2500 3-image grid (top full-width, two split below) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ls-bento {\n  position: absolute;\n  inset: 0;\n  display: grid;\n  gap: 16px;\n  padding: 16px;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n  z-index: 1;\n}\n\n.ls-cell {\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 20px 25px -5px rgba(0,0,0,0.5), 0 8px 10px -6px rgba(0,0,0,0.4);\n  will-change: transform;\n  transform: translateY(-35%) scale(0.5);\n}\n\n.ls-cell img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  filter: saturate(0.5) brightness(0.65);\n}\n\n.ls-cell::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, rgba(97,144,162,0.30), rgba(43,50,58,0.55));\n  pointer-events: none;\n}\n\n.ls-cell:nth-child(1) {\n  grid-column: span 2;\n  transform-origin: top right;\n}\n.ls-cell:nth-child(3) {\n  transform-origin: bottom right;\n}\n\n\/* \u2500\u2500 Centred text overlay \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.ls-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n}\n\n.ls-content {\n  text-align: center;\n  padding: 0 20px;\n  max-width: 720px;\n  will-change: transform, opacity;\n  \/* Initial state for entrance animation \u2014 JS will fade these in *\/\n  opacity: 0;\n}\n\n.ls-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 5px;\n  text-transform: uppercase;\n  color: var(--brand);\n  margin-bottom: 24px;\n  \/* Each child fades up with its own delay *\/\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\n  transition-delay: 0.15s;\n}\n.ls-eyebrow::before,\n.ls-eyebrow::after {\n  content: \"\";\n  display: block;\n  width: 34px;\n  height: 1px;\n  background: var(--brand);\n}\n\n.ls-headline {\n  font-size: clamp(44px, 7vw, 84px);\n  font-weight: 700;\n  letter-spacing: -0.04em;\n  line-height: 1.02;\n  margin: 0;\n  color: var(--white);\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1), transform 1s cubic-bezier(0.22, 1, 0.36, 1);\n  transition-delay: 0.35s;\n}\n\n\/* When \".is-entered\" is added by JS, everything reveals *\/\n.ls-content.is-entered { opacity: 1; }\n.ls-content.is-entered .ls-eyebrow,\n.ls-content.is-entered .ls-headline {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ls-cell    { transform: none !important; }\n  .ls-content,\n  .ls-content .ls-eyebrow,\n  .ls-content .ls-headline {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n<\/style>\n\n<div id=\"ls-hero\">\n  <div class=\"ls-track\">\n    <div class=\"ls-stage\">\n\n      <div class=\"ls-bento\">\n        <div class=\"ls-cell\">\n          <img decoding=\"async\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_cam3yrcam3yrcam3.png\" alt=\"\" loading=\"eager\"\/>\n        <\/div>\n        <div class=\"ls-cell\">\n          <img decoding=\"async\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_h9xgl7h9xgl7h9xg.png\" alt=\"\" loading=\"lazy\"\/>\n        <\/div>\n        <div class=\"ls-cell\">\n          <img decoding=\"async\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2023\/10\/IMG_20231007_101012-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\n        <\/div>\n      <\/div>\n\n      <div class=\"ls-overlay\">\n        <div class=\"ls-content\">\n          <div class=\"ls-eyebrow\">About Living Stones<\/div>\n          <h1 class=\"ls-headline\">Building People, Building the Kingdom.<\/h1>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  \"use strict\";\n\n  var track   = document.querySelector(\"#ls-hero .ls-track\");\n  var stage   = document.querySelector(\"#ls-hero .ls-stage\");\n  var cells   = document.querySelectorAll(\"#ls-hero .ls-cell\");\n  var content = document.querySelector(\"#ls-hero .ls-content\");\n\n  if (!track || !content || !cells.length) return;\n\n  \/* Reduced-motion: skip everything *\/\n  if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\n    cells.forEach(function (c) { c.style.transform = \"none\"; });\n    content.classList.add(\"is-entered\");\n    return;\n  }\n\n  \/* Cache scrollable distance, refresh on resize *\/\n  var scrollable;\n  function updateCache() {\n    scrollable = Math.max(1, track.offsetHeight - window.innerHeight);\n  }\n  window.addEventListener(\"resize\", updateCache, { passive: true });\n\n  \/* Only animate while the hero is in view *\/\n  var inView = false;\n  var hasEntered = false;\n  new IntersectionObserver(function (entries) {\n    inView = entries[0].isIntersecting;\n    if (inView) {\n      \/* Trigger the text entrance animation the first time the hero appears *\/\n      if (!hasEntered) {\n        hasEntered = true;\n        \/* Small delay so the user senses the reveal beat *\/\n        setTimeout(function () { content.classList.add(\"is-entered\"); }, 100);\n      }\n      requestTick();\n    }\n  }, { threshold: 0 }).observe(stage);\n\n  \/* rAF-throttled scroll handler *\/\n  var ticking = false;\n  function requestTick() {\n    if (!ticking) {\n      ticking = true;\n      window.requestAnimationFrame(tick);\n    }\n  }\n\n  function tick() {\n    ticking = false;\n    if (!inView) return;\n\n    var rect = track.getBoundingClientRect();\n    var prog = Math.min(1, Math.max(0, -rect.top \/ scrollable));\n\n    \/* Cell translate from -35% \u2192 0% across progress 0.1 \u2192 0.9 *\/\n    var tProg = Math.min(1, Math.max(0, (prog - 0.1) \/ 0.8));\n    var ty = (-35 + 35 * tProg).toFixed(2) + \"%\";\n\n    \/* Cell scale from 0.5 \u2192 1 across progress 0 \u2192 0.9 *\/\n    var sProg = Math.min(1, prog \/ 0.9);\n    var sc = (0.5 + 0.5 * sProg).toFixed(3);\n\n    var transform = \"translateY(\" + ty + \") scale(\" + sc + \")\";\n    for (var i = 0; i < cells.length; i++) {\n      cells[i].style.transform = transform;\n    }\n\n    \/* Text fades out + scales down as you scroll (after it's entered) *\/\n    if (hasEntered) {\n      var textProg = Math.min(1, prog \/ 0.5);\n      var textVal = (1 - textProg).toFixed(3);\n      content.style.opacity = textVal;\n      content.style.transform = \"scale(\" + textVal + \")\";\n    }\n  }\n\n  window.addEventListener(\"scroll\", requestTick, { passive: true });\n  updateCache();\n  tick();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f800fae elementor-widget elementor-widget-html\" data-id=\"f800fae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ls-about-identity-section\">\n  <style>\n    .ls-about-identity-section {\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      padding: 115px 0;\n      background: #ffffff;\n      color: #2B323A;\n      font-family: \"Montserrat\", Arial, sans-serif;\n      overflow: hidden;\n    }\n\n    .ls-about-identity-section * {\n      box-sizing: border-box;\n    }\n\n    .ls-about-identity-container {\n      width: min(1180px, 100%);\n      margin: 0 auto;\n      padding-left: 22px;\n      padding-right: 22px;\n    }\n\n    .ls-about-identity-grid {\n      display: grid;\n      grid-template-columns: 0.95fr 1.05fr;\n      gap: 50px;\n      align-items: center;\n    }\n\n    .ls-about-identity-image {\n      border-radius: 34px;\n      overflow: hidden;\n      min-height: 560px;\n      background: #eef4f6;\n      box-shadow: 0 35px 100px rgba(43,50,58,0.16);\n    }\n\n    .ls-about-identity-image img {\n      width: 100% !important;\n      height: 560px !important;\n      object-fit: cover !important;\n      display: block;\n    }\n\n    .ls-about-identity-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-about-identity-title {\n      margin: 0;\n      font-size: clamp(42px, 5.5vw, 78px);\n      line-height: 0.98;\n      font-weight: 900;\n      letter-spacing: -2px;\n      color: rgba(43,50,58,0.35);\n    }\n\n    .ls-about-identity-title span {\n      color: #2B323A;\n    }\n\n    .ls-about-identity-text {\n      margin: 26px 0 0;\n      color: rgba(43,50,58,0.68);\n      font-size: 17px;\n      line-height: 1.85;\n      max-width: 650px;\n    }\n\n    .ls-about-identity-verse {\n      margin-top: 34px;\n      background: #2B323A;\n      color: #ffffff;\n      border-radius: 28px;\n      padding: 34px;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .ls-about-identity-verse::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.38);\n    }\n\n    .ls-about-identity-verse blockquote {\n      margin: 0;\n      position: relative;\n      z-index: 2;\n      color: rgba(255,255,255,0.84);\n      font-size: 20px;\n      line-height: 1.65;\n      font-weight: 600;\n    }\n\n    .ls-about-identity-verse cite {\n      display: block;\n      margin-top: 18px;\n      color: #A9CAD6;\n      font-style: normal;\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      position: relative;\n      z-index: 2;\n    }\n\n    @media (max-width: 1100px) {\n      .ls-about-identity-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 720px) {\n      .ls-about-identity-section {\n        padding: 78px 0;\n      }\n\n      .ls-about-identity-title {\n        letter-spacing: -1px;\n      }\n\n      .ls-about-identity-image {\n        min-height: 360px;\n        border-radius: 24px;\n      }\n\n      .ls-about-identity-image img {\n        height: 360px !important;\n      }\n\n      .ls-about-identity-verse {\n        border-radius: 24px;\n        padding: 26px;\n      }\n    }\n  <\/style>\n\n  <div class=\"ls-about-identity-container\">\n    <div class=\"ls-about-identity-grid\">\n      <div class=\"ls-about-identity-image\">\n        <img decoding=\"async\" src=\"https:\/\/living-stones.co.uk\/protostar\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_4er6au4er6au4er6.png\" alt=\"Living Stones church community\">\n      <\/div>\n\n      <div class=\"ls-about-identity-content\">\n        <div class=\"ls-about-identity-tag\">Who We Are<\/div>\n        <h2 class=\"ls-about-identity-title\">Come as living stones, <span>be built together.<\/span><\/h2>\n        <p class=\"ls-about-identity-text\">\n          Our name comes from the biblical picture of people being built together into\n          a spiritual house. We believe church is more than a service \u2014 it is a family,\n          a place of growth, worship and purpose.\n        <\/p>\n        <p class=\"ls-about-identity-text\">\n          We exist to help people encounter God, become rooted in Christ and serve\n          their community with faith, compassion and love.\n        <\/p>\n\n        <div class=\"ls-about-identity-verse\">\n          <blockquote>\n            \u201cCome to Him... and like living stones, be built into a spiritual house.\u201d\n          <\/blockquote>\n          <cite>1 Peter 2:4\u20135<\/cite>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ff37e8 elementor-widget elementor-widget-html\" data-id=\"4ff37e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ls-about-mission-section\">\n  <style>\n    .ls-about-mission-section {\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      padding: 115px 0;\n      background: #f6f9fa;\n      color: #2B323A;\n      font-family: \"Montserrat\", Arial, sans-serif;\n      overflow: hidden;\n    }\n\n    .ls-about-mission-section * {\n      box-sizing: border-box;\n    }\n\n    .ls-about-mission-container {\n      width: min(1180px, 100%);\n      margin: 0 auto;\n      padding-left: 22px;\n      padding-right: 22px;\n    }\n\n    .ls-about-mission-head {\n      margin-bottom: 55px;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-end;\n      gap: 40px;\n    }\n\n    .ls-about-mission-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-about-mission-title {\n      margin: 0;\n      max-width: 780px;\n      font-size: clamp(42px, 5.5vw, 78px);\n      line-height: 0.98;\n      font-weight: 900;\n      letter-spacing: -2px;\n      color: rgba(43,50,58,0.35);\n    }\n\n    .ls-about-mission-title span {\n      color: #2B323A;\n    }\n\n    .ls-about-mission-intro {\n      margin: 0;\n      max-width: 400px;\n      color: rgba(43,50,58,0.62);\n      font-size: 16px;\n      line-height: 1.75;\n    }\n\n    .ls-about-mission-grid {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 16px;\n    }\n\n    .ls-about-mission-card {\n      min-height: 260px;\n      border-radius: 28px;\n      background: #ffffff;\n      padding: 28px;\n      box-shadow: 0 18px 55px rgba(43,50,58,0.07);\n      position: relative;\n      overflow: hidden;\n      transition: 0.35s ease;\n    }\n\n    .ls-about-mission-card:hover {\n      transform: translateY(-7px);\n      box-shadow: 0 28px 75px rgba(43,50,58,0.13);\n    }\n\n    .ls-about-mission-card::after {\n      content: \"\";\n      position: absolute;\n      right: -55px;\n      top: -55px;\n      width: 140px;\n      height: 140px;\n      border-radius: 50%;\n      background: rgba(97,144,162,0.15);\n    }\n\n    .ls-about-mission-number {\n      color: #6190A2;\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: 2px;\n      margin-bottom: 24px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ls-about-mission-card h3 {\n      margin: 0 0 14px;\n      color: #2B323A;\n      font-size: 22px;\n      line-height: 1.1;\n      font-weight: 900;\n      letter-spacing: -0.5px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ls-about-mission-card p {\n      margin: 0;\n      color: rgba(43,50,58,0.64);\n      font-size: 14px;\n      line-height: 1.75;\n      position: relative;\n      z-index: 2;\n    }\n\n    @media (max-width: 1100px) {\n      .ls-about-mission-head {\n        display: grid;\n        grid-template-columns: 1fr;\n        align-items: flex-start;\n      }\n\n      .ls-about-mission-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 720px) {\n      .ls-about-mission-section {\n        padding: 78px 0;\n      }\n\n      .ls-about-mission-title {\n        letter-spacing: -1px;\n      }\n\n      .ls-about-mission-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .ls-about-mission-card {\n        border-radius: 24px;\n        padding: 26px;\n      }\n    }\n  <\/style>\n\n  <div class=\"ls-about-mission-container\">\n    <div class=\"ls-about-mission-head\">\n      <div>\n        <div class=\"ls-about-mission-tag\">Our Mission<\/div>\n        <h2 class=\"ls-about-mission-title\">Creating spaces where people <span>belong, encounter and grow.<\/span><\/h2>\n      <\/div>\n      <p class=\"ls-about-mission-intro\">\n        Our mission is expressed through community, worship, teaching, compassion and outreach.\n      <\/p>\n    <\/div>\n\n    <div class=\"ls-about-mission-grid\">\n      <div class=\"ls-about-mission-card\">\n        <div class=\"ls-about-mission-number\">01<\/div>\n        <h3>Family of Belonging<\/h3>\n        <p>A caring community where people are welcomed, known and supported.<\/p>\n      <\/div>\n\n      <div class=\"ls-about-mission-card\">\n        <div class=\"ls-about-mission-number\">02<\/div>\n        <h3>Place of Encounter<\/h3>\n        <p>A worshipping church where people experience God through prayer and praise.<\/p>\n      <\/div>\n\n      <div class=\"ls-about-mission-card\">\n        <div class=\"ls-about-mission-number\">03<\/div>\n        <h3>Centre of Equipping<\/h3>\n        <p>A place of Bible teaching that helps people grow and impact their world.<\/p>\n      <\/div>\n\n      <div class=\"ls-about-mission-card\">\n        <div class=\"ls-about-mission-number\">04<\/div>\n        <h3>Beacon of Compassion<\/h3>\n        <p>A church dedicated to caring for people and serving those in need.<\/p>\n      <\/div>\n\n      <div class=\"ls-about-mission-card\">\n        <div class=\"ls-about-mission-number\">05<\/div>\n        <h3>Mission of Outreach<\/h3>\n        <p>A community sent to share the Gospel and bring hope beyond church walls.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53a2c8c elementor-widget elementor-widget-html\" data-id=\"53a2c8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ls-about-vision-section\">\n  <style>\n    .ls-about-vision-section {\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      padding: 115px 0;\n      background: #2B323A;\n      color: #ffffff;\n      position: relative;\n      overflow: hidden;\n      font-family: \"Montserrat\", Arial, sans-serif;\n    }\n\n    .ls-about-vision-section * {\n      box-sizing: border-box;\n    }\n\n    .ls-about-vision-section::before {\n      content: \"\";\n      position: absolute;\n      top: -240px;\n      right: -180px;\n      width: 540px;\n      height: 540px;\n      border-radius: 50%;\n      background: rgba(97,144,162,0.24);\n      filter: blur(14px);\n    }\n\n    .ls-about-vision-container {\n      width: min(1180px, 100%);\n      margin: 0 auto;\n      padding-left: 22px;\n      padding-right: 22px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ls-about-vision-grid {\n      display: grid;\n      grid-template-columns: 0.8fr 1.2fr;\n      gap: 60px;\n      align-items: center;\n    }\n\n    .ls-about-vision-label {\n      color: #A9CAD6;\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n    }\n\n    .ls-about-vision-title {\n      margin: 18px 0 0;\n      font-size: clamp(44px, 6vw, 86px);\n      line-height: 0.98;\n      font-weight: 900;\n      letter-spacing: -2px;\n      color: rgba(255,255,255,0.44);\n    }\n\n    .ls-about-vision-title span {\n      color: #ffffff;\n    }\n\n    .ls-about-vision-card {\n      background: rgba(255,255,255,0.08);\n      border: 1px solid rgba(255,255,255,0.12);\n      border-radius: 34px;\n      padding: 46px;\n      backdrop-filter: blur(12px);\n    }\n\n    .ls-about-vision-card p {\n      margin: 0;\n      color: rgba(255,255,255,0.82);\n      font-size: clamp(24px, 3vw, 38px);\n      line-height: 1.35;\n      font-weight: 800;\n      letter-spacing: -1px;\n    }\n\n    @media (max-width: 1100px) {\n      .ls-about-vision-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 720px) {\n      .ls-about-vision-section {\n        padding: 78px 0;\n      }\n\n      .ls-about-vision-title {\n        letter-spacing: -1px;\n      }\n\n      .ls-about-vision-card {\n        border-radius: 24px;\n        padding: 26px;\n      }\n    }\n  <\/style>\n\n  <div class=\"ls-about-vision-container\">\n    <div class=\"ls-about-vision-grid\">\n      <div>\n        <div class=\"ls-about-vision-label\">Our Vision<\/div>\n        <h2 class=\"ls-about-vision-title\">Faithful and <span>fruitful followers.<\/span><\/h2>\n      <\/div>\n\n      <div class=\"ls-about-vision-card\">\n        <p>\n          To help people become faithful and fruitful followers of Christ.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c42279 elementor-widget elementor-widget-html\" data-id=\"4c42279\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ls-about-yuh-section\">\n  <style>\n    .ls-about-yuh-section {\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      padding: 115px 0;\n      background: #ffffff;\n      color: #2B323A;\n      font-family: \"Montserrat\", Arial, sans-serif;\n      overflow: hidden;\n    }\n\n    .ls-about-yuh-section * {\n      box-sizing: border-box;\n    }\n\n    .ls-about-yuh-container {\n      width: min(1180px, 100%);\n      margin: 0 auto;\n      padding-left: 22px;\n      padding-right: 22px;\n    }\n\n    .ls-about-yuh-head {\n      margin-bottom: 55px;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-end;\n      gap: 40px;\n    }\n\n    .ls-about-yuh-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-about-yuh-title {\n      margin: 0;\n      max-width: 780px;\n      font-size: clamp(42px, 5.5vw, 78px);\n      line-height: 0.98;\n      font-weight: 900;\n      letter-spacing: -2px;\n      color: rgba(43,50,58,0.35);\n    }\n\n    .ls-about-yuh-title span {\n      color: #2B323A;\n    }\n\n    .ls-about-yuh-intro {\n      margin: 0;\n      max-width: 400px;\n      color: rgba(43,50,58,0.62);\n      font-size: 16px;\n      line-height: 1.75;\n    }\n\n    .ls-about-yuh-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 18px;\n    }\n\n    .ls-about-yuh-card {\n      min-height: 360px;\n      border-radius: 32px;\n      padding: 34px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .ls-about-yuh-card:nth-child(1),\n    .ls-about-yuh-card:nth-child(3) {\n      background: #f6f9fa;\n      color: #2B323A;\n    }\n\n    .ls-about-yuh-card:nth-child(2) {\n      background: #6190A2;\n      color: #ffffff;\n    }\n\n    .ls-about-yuh-card::after {\n      content: \"\";\n      position: absolute;\n      right: -65px;\n      bottom: -65px;\n      width: 170px;\n      height: 170px;\n      border-radius: 50%;\n      background: rgba(43,50,58,0.08);\n    }\n\n    .ls-about-yuh-kicker {\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      opacity: 0.7;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ls-about-yuh-card h3 {\n      margin: 0;\n      font-size: clamp(42px, 5vw, 68px);\n      line-height: 0.95;\n      font-weight: 900;\n      letter-spacing: -2px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ls-about-yuh-card p {\n      margin: 24px 0 0;\n      font-size: 16px;\n      line-height: 1.75;\n      opacity: 0.75;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ls-about-yuh-card:nth-child(2) p {\n      opacity: 0.86;\n    }\n\n    @media (max-width: 1100px) {\n      .ls-about-yuh-head {\n        display: grid;\n        grid-template-columns: 1fr;\n        align-items: flex-start;\n      }\n\n      .ls-about-yuh-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 720px) {\n      .ls-about-yuh-section {\n        padding: 78px 0;\n      }\n\n      .ls-about-yuh-title {\n        letter-spacing: -1px;\n      }\n\n      .ls-about-yuh-card {\n        border-radius: 24px;\n        padding: 26px;\n      }\n    }\n  <\/style>\n\n  <div class=\"ls-about-yuh-container\">\n    <div class=\"ls-about-yuh-head\">\n      <div>\n        <div class=\"ls-about-yuh-tag\">You \/ Us \/ Him<\/div>\n        <h2 class=\"ls-about-yuh-title\">Rooted in Christ, <span>built for purpose.<\/span><\/h2>\n      <\/div>\n      <p class=\"ls-about-yuh-intro\">\n        The About page explains the church through three simple relationships:\n        your place, our calling and Christ as the Head.\n      <\/p>\n    <\/div>\n\n    <div class=\"ls-about-yuh-grid\">\n      <div class=\"ls-about-yuh-card\">\n        <div class=\"ls-about-yuh-kicker\">Your Place<\/div>\n        <div>\n          <h3>You<\/h3>\n          <p>Find your place with us, become rooted in Christ and grow into God\u2019s purpose for your life.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"ls-about-yuh-card\">\n        <div class=\"ls-about-yuh-kicker\">Our Calling<\/div>\n        <div>\n          <h3>Us<\/h3>\n          <p>We are committed to grounding people in God\u2019s Word and empowering them for Christ\u2019s commission.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"ls-about-yuh-card\">\n        <div class=\"ls-about-yuh-kicker\">Our Centre<\/div>\n        <div>\n          <h3>Him<\/h3>\n          <p>Christ is the Head of the church. He is our Rock, our foundation and our focus.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c26e60a elementor-widget elementor-widget-html\" data-id=\"c26e60a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ls-about-beliefs-section\">\n  <style>\n    .ls-about-beliefs-section {\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      padding: 115px 0;\n      background: #f6f9fa;\n      color: #2B323A;\n      font-family: \"Montserrat\", Arial, sans-serif;\n      overflow: hidden;\n    }\n\n    .ls-about-beliefs-section * {\n      box-sizing: border-box;\n    }\n\n    .ls-about-beliefs-container {\n      width: min(1180px, 100%);\n      margin: 0 auto;\n      padding-left: 22px;\n      padding-right: 22px;\n    }\n\n    .ls-about-beliefs-head {\n      margin-bottom: 55px;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-end;\n      gap: 40px;\n    }\n\n    .ls-about-beliefs-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-about-beliefs-title {\n      margin: 0;\n      max-width: 780px;\n      font-size: clamp(42px, 5.5vw, 78px);\n      line-height: 0.98;\n      font-weight: 900;\n      letter-spacing: -2px;\n      color: rgba(43,50,58,0.35);\n    }\n\n    .ls-about-beliefs-title span {\n      color: #2B323A;\n    }\n\n    .ls-about-beliefs-intro {\n      margin: 0;\n      max-width: 400px;\n      color: rgba(43,50,58,0.62);\n      font-size: 16px;\n      line-height: 1.75;\n    }\n\n    .ls-about-beliefs-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 18px;\n    }\n\n    .ls-about-belief-card {\n      min-height: 280px;\n      background: #ffffff;\n      border-radius: 28px;\n      padding: 30px;\n      box-shadow: 0 18px 55px rgba(43,50,58,0.07);\n      transition: 0.35s ease;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .ls-about-belief-card:hover {\n      transform: translateY(-7px);\n      box-shadow: 0 28px 75px rgba(43,50,58,0.13);\n    }\n\n    .ls-about-belief-card::after {\n      content: \"\";\n      position: absolute;\n      right: -55px;\n      top: -55px;\n      width: 140px;\n      height: 140px;\n      border-radius: 50%;\n      background: rgba(97,144,162,0.14);\n    }\n\n    .ls-about-belief-card h3 {\n      margin: 0 0 16px;\n      color: #2B323A;\n      font-size: 24px;\n      line-height: 1.1;\n      font-weight: 900;\n      letter-spacing: -0.6px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ls-about-belief-card p {\n      margin: 0;\n      color: rgba(43,50,58,0.64);\n      font-size: 14px;\n      line-height: 1.75;\n      position: relative;\n      z-index: 2;\n    }\n\n    @media (max-width: 1100px) {\n      .ls-about-beliefs-head {\n        display: grid;\n        grid-template-columns: 1fr;\n        align-items: flex-start;\n      }\n\n      .ls-about-beliefs-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 720px) {\n      .ls-about-beliefs-section {\n        padding: 78px 0;\n      }\n\n      .ls-about-beliefs-title {\n        letter-spacing: -1px;\n      }\n\n      .ls-about-belief-card {\n        border-radius: 24px;\n        padding: 26px;\n      }\n    }\n  <\/style>\n\n  <div class=\"ls-about-beliefs-container\">\n    <div class=\"ls-about-beliefs-head\">\n      <div>\n        <div class=\"ls-about-beliefs-tag\">Our Beliefs<\/div>\n        <h2 class=\"ls-about-beliefs-title\">What we believe <span>and live by.<\/span><\/h2>\n      <\/div>\n      <p class=\"ls-about-beliefs-intro\">\n        These core beliefs shape our worship, teaching, fellowship and mission.\n      <\/p>\n    <\/div>\n\n    <div class=\"ls-about-beliefs-grid\">\n      <div class=\"ls-about-belief-card\">\n        <h3>Jesus Christ<\/h3>\n        <p>We believe Jesus Christ is the Son of God and the only way to salvation and eternal life.<\/p>\n      <\/div>\n\n      <div class=\"ls-about-belief-card\">\n        <h3>The Bible<\/h3>\n        <p>We believe the Bible is the Word of God and the foundation for faith, truth and life.<\/p>\n      <\/div>\n\n      <div class=\"ls-about-belief-card\">\n        <h3>The Holy Spirit<\/h3>\n        <p>We believe the Holy Spirit gives life, helps, guides and empowers believers today.<\/p>\n      <\/div>\n\n      <div class=\"ls-about-belief-card\">\n        <h3>The Son<\/h3>\n        <p>We believe Jesus Christ laid down His life for our atonement and victory.<\/p>\n      <\/div>\n\n      <div class=\"ls-about-belief-card\">\n        <h3>God<\/h3>\n        <p>We believe there is one God who exists as Father, Son and Holy Spirit.<\/p>\n      <\/div>\n\n      <div class=\"ls-about-belief-card\">\n        <h3>The Church<\/h3>\n        <p>We believe the local church is a place of nurture, fellowship, equipping and mission.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33b0653 elementor-widget elementor-widget-html\" data-id=\"33b0653\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ls-about-cta-section\">\n  <style>\n    .ls-about-cta-section {\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      padding: 115px 0;\n      background: #ffffff;\n      color: #2B323A;\n      font-family: \"Montserrat\", Arial, sans-serif;\n      overflow: hidden;\n    }\n\n    .ls-about-cta-section * {\n      box-sizing: border-box;\n    }\n\n    .ls-about-cta-container {\n      width: min(1180px, 100%);\n      margin: 0 auto;\n      padding-left: 22px;\n      padding-right: 22px;\n    }\n\n    .ls-about-cta-box {\n      border-radius: 38px;\n      background:\n        linear-gradient(90deg, rgba(43,50,58,0.90), rgba(43,50,58,0.62)),\n        url(\"YOUR-ABOUT-CTA-IMAGE-URL-HERE\") center center \/ cover no-repeat,\n        #2B323A;\n      color: #ffffff;\n      padding: 70px;\n      position: relative;\n      overflow: hidden;\n      min-height: 420px;\n      display: flex;\n      align-items: flex-end;\n    }\n\n    .ls-about-cta-box::after {\n      content: \"\";\n      position: absolute;\n      right: -90px;\n      bottom: -90px;\n      width: 240px;\n      height: 240px;\n      border-radius: 50%;\n      background: rgba(97,144,162,0.44);\n    }\n\n    .ls-about-cta-content {\n      max-width: 760px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ls-about-cta-tag {\n      color: #A9CAD6;\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      margin-bottom: 18px;\n    }\n\n    .ls-about-cta-title {\n      margin: 0;\n      color: #ffffff;\n      font-size: clamp(42px, 6vw, 82px);\n      line-height: 0.98;\n      font-weight: 900;\n      letter-spacing: -2px;\n    }\n\n    .ls-about-cta-text {\n      margin: 24px 0 0;\n      color: rgba(255,255,255,0.78);\n      font-size: 17px;\n      line-height: 1.8;\n      max-width: 620px;\n    }\n\n    .ls-about-cta-actions {\n      margin-top: 32px;\n      display: flex;\n      gap: 14px;\n      flex-wrap: wrap;\n    }\n\n    .ls-about-cta-btn,\n    .ls-about-cta-btn-dark {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 15px 26px;\n      border-radius: 999px;\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: 0.5px;\n      transition: 0.3s ease;\n    }\n\n    .ls-about-cta-btn {\n      background: #6190A2;\n      color: #ffffff;\n      border: 1px solid #6190A2;\n    }\n\n    .ls-about-cta-btn:hover {\n      background: #ffffff;\n      border-color: #ffffff;\n      color: #2B323A;\n      transform: translateY(-2px);\n    }\n\n    .ls-about-cta-btn-dark {\n      background: rgba(255,255,255,0.12);\n      color: #ffffff;\n      border: 1px solid rgba(255,255,255,0.24);\n    }\n\n    .ls-about-cta-btn-dark:hover {\n      background: #ffffff;\n      border-color: #ffffff;\n      color: #2B323A;\n      transform: translateY(-2px);\n    }\n\n    @media (max-width: 720px) {\n      .ls-about-cta-section {\n        padding: 78px 0;\n      }\n\n      .ls-about-cta-box {\n        border-radius: 26px;\n        padding: 36px 24px;\n        min-height: 460px;\n      }\n\n      .ls-about-cta-title {\n        letter-spacing: -1px;\n      }\n\n      .ls-about-cta-btn,\n      .ls-about-cta-btn-dark {\n        width: 100%;\n      }\n    }\n  <\/style>\n\n  <div class=\"ls-about-cta-container\">\n    <div class=\"ls-about-cta-box\">\n      <div class=\"ls-about-cta-content\">\n        <div class=\"ls-about-cta-tag\">Visit Us<\/div>\n        <h2 class=\"ls-about-cta-title\">Want to worship with us?<\/h2>\n        <p class=\"ls-about-cta-text\">\n          We would love to welcome you. Join us as we worship, pray, learn from the Word\n          and experience community together.\n        <\/p>\n\n        <div class=\"ls-about-cta-actions\">\n          <a class=\"ls-about-cta-btn\" href=\"\/protostar\/contact-us\/\">Let Us Know You\u2019re Coming<\/a>\n          <a class=\"ls-about-cta-btn-dark\" href=\"\/protostar\/\">Back to Home<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b4c5f3 elementor-widget elementor-widget-html\" data-id=\"9b4c5f3\" 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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Living Stones Building People, Building the Kingdom. Who We Are Come as living stones, be built together. Our name comes from the biblical picture of people being built together into a spiritual house. We believe church is more than a service \u2014 it is a family, a place of growth, worship and purpose. We [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5169","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/living-stones.co.uk\/protostar\/wp-json\/wp\/v2\/pages\/5169","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=5169"}],"version-history":[{"count":34,"href":"https:\/\/living-stones.co.uk\/protostar\/wp-json\/wp\/v2\/pages\/5169\/revisions"}],"predecessor-version":[{"id":5396,"href":"https:\/\/living-stones.co.uk\/protostar\/wp-json\/wp\/v2\/pages\/5169\/revisions\/5396"}],"wp:attachment":[{"href":"https:\/\/living-stones.co.uk\/protostar\/wp-json\/wp\/v2\/media?parent=5169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}