/* ========================================================= ANCC PREMIUM LANDING PAGE SYSTEM All Nations Community Church Leeds ========================================================= */ .ancc-landing, .ancc-landing * { box-sizing: border-box; } .ancc-landing { --ancc-purple: #422683; --ancc-purple-dark: #21113f; --ancc-purple-soft: #6f56a6; --ancc-gold: #d7aa38; --ancc-gold-light: #f4dc96; --ancc-black: #101014; --ancc-ink: #1d1d26; --ancc-grey: #656575; --ancc-light: #f7f6fa; --ancc-line: #e6e2ed; --ancc-white: #ffffff; --ancc-radius: 22px; --ancc-radius-sm: 14px; --ancc-shadow: 0 18px 55px rgba(28, 16, 52, .12); color: var(--ancc-ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 17px; line-height: 1.72; width: 100%; overflow: hidden; } .ancc-landing a { text-decoration: none; } .ancc-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; } .ancc-narrow { width: min(850px, calc(100% - 40px)); margin: 0 auto; } /* HERO */ .ancc-hero { position: relative; overflow: hidden; isolation: isolate; padding: clamp(85px, 10vw, 145px) 0 90px; background: radial-gradient(circle at 85% 25%, rgba(215,170,56,.24) 0, rgba(215,170,56,0) 34%), radial-gradient(circle at 10% 90%, rgba(118,86,177,.45) 0, rgba(118,86,177,0) 38%), linear-gradient(135deg, #1e103a 0%, #422683 55%, #311c66 100%); color: #fff; } .ancc-hero::after { content: ""; position: absolute; width: 540px; height: 540px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; right: -190px; top: -190px; box-shadow: 0 0 0 65px rgba(255,255,255,.025), 0 0 0 130px rgba(255,255,255,.018); z-index: -1; } .ancc-hero-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 60px; align-items: center; } .ancc-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px; font-weight: 750; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--ancc-gold-light); } .ancc-eyebrow::before { content: ""; width: 34px; height: 2px; background: var(--ancc-gold); } .ancc-hero h1 { color: #fff; font-size: clamp(42px, 6vw, 76px); line-height: .99; letter-spacing: -.045em; margin: 0 0 24px; max-width: 900px; } .ancc-hero .ancc-lead { font-size: clamp(19px, 2vw, 23px); line-height: 1.55; color: rgba(255,255,255,.88); max-width: 760px; margin: 0 0 32px; } .ancc-button-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; } .ancc-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 14px 25px; border-radius: 999px; font-weight: 750; font-size: 15px; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; } .ancc-btn:hover { transform: translateY(-2px); } .ancc-btn-primary { background: var(--ancc-gold); color: #241739 !important; box-shadow: 0 10px 28px rgba(0,0,0,.18); } .ancc-btn-primary:hover { background: #e4b94e; } .ancc-btn-secondary { border: 1px solid rgba(255,255,255,.32); background: rgba(255,255,255,.08); color: #fff !important; backdrop-filter: blur(7px); } .ancc-btn-dark { background: var(--ancc-purple-dark); color: #fff !important; } .ancc-btn-outline { border: 1px solid var(--ancc-purple); color: var(--ancc-purple) !important; background: transparent; } /* HERO INFORMATION PANEL */ .ancc-hero-card { padding: 30px; border: 1px solid rgba(255,255,255,.16); border-radius: 24px; background: rgba(255,255,255,.095); backdrop-filter: blur(14px); box-shadow: 0 28px 70px rgba(0,0,0,.16); } .ancc-hero-card h2 { color: #fff; margin: 0 0 20px; font-size: 22px; } .ancc-quick { display: grid; gap: 18px; } .ancc-quick-item { display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: start; } .ancc-quick-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: rgba(215,170,56,.18); color: var(--ancc-gold-light); font-weight: 800; } .ancc-quick-item strong { display: block; color: #fff; margin-bottom: 2px; } .ancc-quick-item span { display: block; color: rgba(255,255,255,.72); font-size: 14px; line-height: 1.5; } /* TRUST STRIP */ .ancc-trustbar { position: relative; z-index: 3; margin-top: -34px; } .ancc-trustbar-inner { display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border-radius: 18px; box-shadow: var(--ancc-shadow); overflow: hidden; } .ancc-trust { padding: 23px 18px; text-align: center; border-right: 1px solid var(--ancc-line); } .ancc-trust:last-child { border-right: 0; } .ancc-trust strong { color: var(--ancc-purple-dark); display: block; font-size: 15px; } .ancc-trust span { color: var(--ancc-grey); font-size: 13px; } /* SECTIONS */ .ancc-section { padding: clamp(72px, 8vw, 112px) 0; } .ancc-section-light { background: var(--ancc-light); } .ancc-section-dark { background: var(--ancc-purple-dark); color: rgba(255,255,255,.85); } .ancc-section-dark h2, .ancc-section-dark h3 { color: #fff; } .ancc-section h2 { font-size: clamp(34px, 4vw, 52px); line-height: 1.08; letter-spacing: -.035em; margin: 0 0 20px; color: var(--ancc-purple-dark); } .ancc-section h3 { color: var(--ancc-purple-dark); font-size: 21px; line-height: 1.3; } .ancc-subtitle { max-width: 760px; color: var(--ancc-grey); font-size: 19px; margin: 0 0 46px; } /* GRID */ .ancc-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 34px; } .ancc-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .ancc-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } /* CARDS */ .ancc-card { background: #fff; border: 1px solid var(--ancc-line); border-radius: var(--ancc-radius); padding: 30px; box-shadow: 0 10px 35px rgba(36,20,68,.055); } .ancc-card-number { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: rgba(66,38,131,.09); color: var(--ancc-purple); font-weight: 850; margin-bottom: 20px; } .ancc-card p:last-child { margin-bottom: 0; } /* SPLIT */ .ancc-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 7vw, 90px); align-items: center; } .ancc-feature-panel { background: linear-gradient(145deg, var(--ancc-purple-dark), var(--ancc-purple)); color: #fff; padding: clamp(34px, 5vw, 58px); border-radius: 28px; box-shadow: var(--ancc-shadow); } .ancc-feature-panel h3 { color: #fff; font-size: clamp(28px, 3vw, 38px); margin-top: 0; } .ancc-checks { display: grid; gap: 13px; margin: 26px 0 0; padding: 0; } .ancc-check { display: grid; grid-template-columns: 26px 1fr; gap: 12px; align-items: start; } .ancc-check::before { content: "✓"; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--ancc-gold); color: var(--ancc-purple-dark); font-weight: 900; font-size: 13px; } /* QUOTE */ .ancc-quote { padding: 34px; border-left: 4px solid var(--ancc-gold); background: #fff; border-radius: 0 20px 20px 0; box-shadow: 0 10px 35px rgba(36,20,68,.05); font-size: 21px; line-height: 1.55; color: var(--ancc-purple-dark); } /* LOCATION */ .ancc-location { display: grid; grid-template-columns: .85fr 1.15fr; gap: 28px; align-items: stretch; } .ancc-location-card { padding: 40px; background: var(--ancc-purple-dark); color: #fff; border-radius: 24px; } .ancc-location-card h2, .ancc-location-card h3 { color: #fff; } .ancc-location-card address { font-style: normal; color: rgba(255,255,255,.82); } .ancc-map { min-height: 420px; border: 0; width: 100%; height: 100%; border-radius: 24px; box-shadow: var(--ancc-shadow); } /* FAQ */ .ancc-faq { display: grid; gap: 12px; margin-top: 38px; } .ancc-faq details { background: #fff; border: 1px solid var(--ancc-line); border-radius: 15px; padding: 0; } .ancc-faq summary { list-style: none; cursor: pointer; padding: 21px 56px 21px 22px; position: relative; font-weight: 750; color: var(--ancc-purple-dark); } .ancc-faq summary::-webkit-details-marker { display: none; } .ancc-faq summary::after { content: "+"; position: absolute; right: 21px; top: 50%; transform: translateY(-50%); font-size: 25px; color: var(--ancc-purple); } .ancc-faq details[open] summary::after { content: "−"; } .ancc-faq details p { margin: 0; padding: 0 22px 22px; color: var(--ancc-grey); } /* CTA */ .ancc-final { position: relative; overflow: hidden; padding: clamp(70px, 9vw, 115px) 0; text-align: center; background: radial-gradient(circle at center top, rgba(215,170,56,.22), transparent 43%), var(--ancc-purple-dark); color: #fff; } .ancc-final h2 { color: #fff; font-size: clamp(37px, 5vw, 60px); line-height: 1.04; max-width: 850px; margin: 0 auto 20px; } .ancc-final p { color: rgba(255,255,255,.78); max-width: 700px; margin: 0 auto 28px; font-size: 19px; } .ancc-final .ancc-button-row { justify-content: center; } /* FORM SHELL */ .ancc-form-shell { border-radius: 24px; padding: clamp(28px, 5vw, 50px); background: #fff; box-shadow: var(--ancc-shadow); } .ancc-form-shell h3 { margin-top: 0; } /* MOBILE STICKY CTA */ .ancc-mobile-cta { display: none; } /* ACCESSIBILITY */ .ancc-btn:focus-visible, .ancc-faq summary:focus-visible { outline: 3px solid var(--ancc-gold); outline-offset: 3px; } /* RESPONSIVE */ @media (max-width: 900px) { .ancc-hero-grid, .ancc-split, .ancc-location { grid-template-columns: 1fr; } .ancc-grid-3, .ancc-grid-4 { grid-template-columns: repeat(2, 1fr); } .ancc-trustbar-inner { grid-template-columns: repeat(2, 1fr); } .ancc-trust:nth-child(2) { border-right: 0; } .ancc-trust:nth-child(-n+2) { border-bottom: 1px solid var(--ancc-line); } } @media (max-width: 640px) { .ancc-container, .ancc-narrow { width: min(100% - 28px, 1180px); } .ancc-hero { padding-top: 70px; padding-bottom: 74px; } .ancc-hero h1 { font-size: 42px; } .ancc-hero-card { padding: 22px; } .ancc-grid-2, .ancc-grid-3, .ancc-grid-4 { grid-template-columns: 1fr; } .ancc-card { padding: 25px; } .ancc-trustbar { margin-top: -25px; } .ancc-location-card { padding: 30px; } .ancc-map { min-height: 330px; } .ancc-mobile-cta { position: fixed; display: grid; grid-template-columns: 1fr 1fr; left: 10px; right: 10px; bottom: 10px; z-index: 9999; padding: 7px; gap: 7px; border-radius: 999px; background: rgba(27,15,51,.96); box-shadow: 0 12px 35px rgba(0,0,0,.3); backdrop-filter: blur(10px); } .ancc-mobile-cta a { min-height: 44px; border-radius: 999px; display: grid; place-items: center; font-size: 13px; font-weight: 800; } .ancc-mobile-cta-primary { background: var(--ancc-gold); color: var(--ancc-purple-dark) !important; } .ancc-mobile-cta-secondary { color: #fff !important; border: 1px solid rgba(255,255,255,.25); } } @media (prefers-reduced-motion: reduce) { .ancc-btn { transition: none; } }

BUILDING A STRONG MARRIAGE

WHAT THE BIBLE SAYS ABOUT

Building A God Honouring Marriage

How can believers become intentional about building a God-honouring marriage?

What Can You Do?

DISCOVER GOD’S DESIGN FOR MARRIAGE

We must understand that every marriage is intended to be a masterpiece reflecting The marriage between God and His people.

Marriage is the most frequent metaphor used in the Bible to describe God’s relationship with His people. In fact, writing to the Ephesians, Paul called marriage a “profound mystery” because the man represents Christ, the groom, while the woman represents His bride, the church.

The marital union of husband and wife is a sacred reflection of the gospel itself.

NEED HELP NOW?

COMMIT TO A COVENANT MARRIAGE

Today’s civil marriages are much like business contracts – easy to get into and easy to get out of.

God’s covenant with His people was a promise to remain eternally faithful even if His people were not faithful in return.

In covenant marriage, both spouses are committed for a lifetime—in sickness and health, for better or worse. They do not threaten divorce or consider it as an option. 

NEED HELP NOW?

PURSUE A PASSIONATE MARRIAGE

God calls us to pursue a passionate, thriving marriage. The Song of Solomon expresses the kind of love, joy and celebration God designed for marriage.

That passion is built on much more than infatuation and sexual desire. It is rooted in the physical, emotional and spiritual intimacy God created couples to experience as a foretaste of the eternal unity, communion and intimacy we can have with God.

Prioritise a routine like date nights to fan the flame of intimacy in your marriage. 

NEED HELP NOW?

BECOME HEROIC IN MARRIAGE

Christ made the ultimate sacrifice to rescue humanity. Writing to the Ephesians, Paul connected Christ’s sacrifice directly to marriage: “Husbands, love your wives, just as Christ loved the church and gave himself up for her” (Ephesians 5:25) and “Now as the church submits to Christ, so also wives should submit to their husbands” (Ephesians 5:24). In other words, mutual submission to one another requires giving up our own interests to heroically serve the other person. NEED HELP NOW?

Plan A Visit

We know you have a lot of questions. We want you to feel welcome, comfortable and at ease when you join us. Learn more about what you can expect by clicking below.

PLAN A VISIT

Watch Online

Each week our leaders share a message that is relevant to people who are curious about family, parenting, finance, good, evil, faith, purpose, and more. We also have an archive of previous messages. Please watch online.

WATCH ONLINE

About Us

We are a vibrant community of people who welcomes and values everyone. Find out more about what we believe, our leadership team, and our activities.

ABOUT US
Scroll to Top