{"id":5,"date":"2020-10-19T18:08:53","date_gmt":"2020-10-19T22:08:53","guid":{"rendered":"http:\/\/youthforchrist.flywheelsites.com\/steinbach\/?page_id=5"},"modified":"2026-05-12T23:13:26","modified_gmt":"2026-05-13T04:13:26","slug":"home","status":"publish","type":"page","link":"https:\/\/yfc.ca\/steinbach\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n<!-- ================================================\n     YFC STEINBACH \u2014 VIDEO HERO BANNER + STATS BAR\n     ================================================ -->\n<style>\n  #yfc-hero *, #yfc-stats * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* ============================================================\n     DESKTOP: cinemascope video banner with text overlay\n  ============================================================ *\/\n  #yfc-hero {\n    position: relative;\n    width: 100%;\n    height: clamp(280px, 41.84vw, 680px);\n    overflow: hidden;\n    background: #000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  #yfc-hero .yfc-yt-wrap {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  #yfc-hero .yfc-yt-wrap iframe {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  #yfc-hero .yfc-overlay {\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.15);\n    z-index: 1;\n  }\n\n  \/* Desktop text \u2014 overlaid on video *\/\n  #yfc-hero .yfc-content {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n    padding: 2rem 1.5rem;\n    max-width: 820px;\n    width: 100%;\n  }\n\n  \/* Fade-up animation *\/\n  .yfc-anim {\n    opacity: 0;\n    transform: translateY(22px);\n    transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),\n                transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);\n  }\n  .yfc-anim.yfc-visible { opacity: 1; transform: translateY(0); }\n  .yfc-anim-d1 { transition-delay: 0.35s; }\n  .yfc-anim-d2 { transition-delay: 0.75s; }\n  .yfc-anim-d3 { transition-delay: 1.15s; }\n\n  #yfc-hero .yfc-headline {\n    font-family: 'Georgia', 'Times New Roman', serif;\n    font-size: clamp(2rem, 6vw, 4rem);\n    font-weight: 700;\n    color: #fff;\n    line-height: 1.15;\n    letter-spacing: -0.01em;\n    text-shadow: 0 2px 18px rgba(0,0,0,0.55);\n    margin-bottom: 1rem;\n  }\n\n  #yfc-hero .yfc-subhead {\n    font-family: 'Helvetica Neue', 'Arial', sans-serif;\n    font-size: clamp(0.95rem, 2.2vw, 1.25rem);\n    font-weight: 300;\n    color: rgba(255,255,255,0.92);\n    line-height: 1.6;\n    text-shadow: 0 1px 10px rgba(0,0,0,0.5);\n    max-width: 620px;\n    margin: 0 auto 2.25rem;\n  }\n\n  #yfc-hero .yfc-btn {\n    display: inline-block;\n    padding: 0.85rem 2rem;\n    font-family: 'Helvetica Neue', 'Arial', sans-serif;\n    font-size: clamp(0.9rem, 1.8vw, 1rem);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: #fff;\n    background: transparent;\n    border: 2px solid rgba(255,255,255,0.9);\n    border-radius: 3px;\n    text-decoration: none;\n    cursor: pointer;\n    transition: background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;\n    white-space: nowrap;\n  }\n\n  #yfc-hero .yfc-btn:hover,\n  #yfc-hero .yfc-btn:focus-visible {\n    background: #cc0000;\n    border-color: #cc0000;\n    box-shadow: 0 4px 20px rgba(204,0,0,0.45);\n    outline: none;\n  }\n\n  \/* ============================================================\n     MOBILE: stack video + text naturally, no height fighting\n  ============================================================ *\/\n  @media (max-width: 600px) {\n\n    \/* Video block: natural 16:9 height via padding trick *\/\n    #yfc-hero {\n      height: 0 !important;\n      padding-bottom: 56.25% !important; \/* 16:9 *\/\n      min-height: unset !important;\n    }\n\n    \/* Hide desktop text overlay on mobile *\/\n    #yfc-hero .yfc-content {\n      display: none;\n    }\n\n    \/* Mobile text block visible *\/\n    #yfc-mobile-text {\n      display: block !important;\n    }\n  }\n\n  \/* ============================================================\n     MOBILE TEXT BLOCK \u2014 hidden on desktop, shown on mobile\n  ============================================================ *\/\n  #yfc-mobile-text {\n    display: none;\n    background: #111;\n    text-align: center;\n    padding: 2rem 1.5rem;\n  }\n\n  #yfc-mobile-text .yfc-headline {\n    font-family: 'Georgia', 'Times New Roman', serif;\n    font-size: 1.65rem;\n    font-weight: 700;\n    color: #fff;\n    line-height: 1.15;\n    letter-spacing: -0.01em;\n    margin-bottom: 0.75rem;\n  }\n\n  #yfc-mobile-text .yfc-subhead {\n    font-family: 'Helvetica Neue', 'Arial', sans-serif;\n    font-size: 0.92rem;\n    font-weight: 300;\n    color: rgba(255,255,255,0.92);\n    line-height: 1.6;\n    margin-bottom: 1.5rem;\n  }\n\n  #yfc-mobile-text .yfc-btn {\n    display: inline-block;\n    padding: 0.7rem 1.5rem;\n    font-family: 'Helvetica Neue', 'Arial', sans-serif;\n    font-size: 0.78rem;\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: #fff;\n    background: transparent;\n    border: 2px solid rgba(255,255,255,0.9);\n    border-radius: 3px;\n    text-decoration: none;\n    cursor: pointer;\n    transition: background 0.22s ease, border-color 0.22s ease;\n    white-space: nowrap;\n  }\n\n  #yfc-mobile-text .yfc-btn:hover {\n    background: #cc0000;\n    border-color: #cc0000;\n  }\n\n  \/* ============================================================\n     STATS BAR\n  ============================================================ *\/\n  #yfc-stats {\n    width: 100%;\n    background: #111;\n    padding: 3rem 2rem;\n  }\n\n  #yfc-stats .yfc-stats-label {\n    text-align: center;\n    font-family: 'Helvetica Neue', 'Arial', sans-serif;\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.3);\n    margin-bottom: 2.25rem;\n  }\n\n  #yfc-stats .yfc-stats-grid {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  #yfc-stats .yfc-stat {\n    flex: 1 1 160px;\n    max-width: 220px;\n    text-align: center;\n    padding: 1rem 1.5rem;\n    position: relative;\n    opacity: 0;\n    transform: translateY(18px);\n    transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),\n                transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  #yfc-stats .yfc-stat.yfc-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  #yfc-stats .yfc-stat:not(:last-child)::after {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 20%;\n    height: 60%;\n    width: 1px;\n    background: rgba(255,255,255,0.08);\n  }\n\n  #yfc-stats .yfc-stat-number {\n    font-family: 'Georgia', 'Times New Roman', serif;\n    font-size: clamp(2.2rem, 4vw, 3.2rem);\n    font-weight: 700;\n    color: #cc0000;\n    line-height: 1;\n    margin-bottom: 0.55rem;\n  }\n\n  #yfc-stats .yfc-stat-desc {\n    font-family: 'Helvetica Neue', 'Arial', sans-serif;\n    font-size: 0.72rem;\n    font-weight: 400;\n    letter-spacing: 0.07em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.45);\n    line-height: 1.5;\n  }\n\n  @media (max-width: 600px) {\n    #yfc-stats { padding-top: 0; } \/* flows straight from text block *\/\n    #yfc-stats .yfc-stat:not(:last-child)::after { display: none; }\n    #yfc-stats .yfc-stat { flex: 1 1 140px; }\n  }\n<\/style>\n\n<!-- ============================================================\n     HERO \u2014 desktop: video with text overlay\n============================================================ -->\n<section id=\"yfc-hero\" aria-label=\"YFC Steinbach \u2014 Creating a community of Hope\">\n\n  <div class=\"yfc-yt-wrap\">\n    <div id=\"yfc-yt-player\"><\/div>\n  <\/div>\n\n  <div class=\"yfc-overlay\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"yfc-content\">\n    <h1 class=\"yfc-headline yfc-anim yfc-anim-d1\">Creating a community of Hope<\/h1>\n    <p class=\"yfc-subhead yfc-anim yfc-anim-d2\">where no young person goes hungry; spiritually, emotionally, physically or relationally.<\/p>\n    <a class=\"yfc-btn yfc-anim yfc-anim-d3\"\n       href=\"https:\/\/yfc.ca\/steinbach\/volunteer\/\"\n       rel=\"noopener\">I&#8217;m interested in volunteering<\/a>\n  <\/div>\n\n<\/section>\n\n<!-- ============================================================\n     MOBILE-ONLY TEXT BLOCK\n============================================================ -->\n<div id=\"yfc-mobile-text\">\n  <h2 class=\"yfc-headline\">Creating a community of Hope<\/h2>\n  <p class=\"yfc-subhead\">where no young person goes hungry; spiritually, emotionally, physically or relationally.<\/p>\n  <a class=\"yfc-btn\"\n     href=\"https:\/\/yfc.ca\/steinbach\/volunteer\/\"\n     rel=\"noopener\">I&#8217;m interested in volunteering<\/a>\n<\/div>\n\n<!-- ============================================================\n     STATS BAR\n============================================================ -->\n<section id=\"yfc-stats\" aria-label=\"YFC Steinbach 2025 Impact\">\n\n  <p class=\"yfc-stats-label\">Our impact in 2025<\/p>\n\n  <div class=\"yfc-stats-grid\">\n\n    <div class=\"yfc-stat\" data-target=\"656\">\n      <div class=\"yfc-stat-number\">0<\/div>\n      <div class=\"yfc-stat-desc\">Youth reached<br>across both programs<\/div>\n    <\/div>\n\n    <div class=\"yfc-stat\" data-target=\"13485\">\n      <div class=\"yfc-stat-number\">0<\/div>\n      <div class=\"yfc-stat-desc\">Program<br>check-ins<\/div>\n    <\/div>\n\n    <div class=\"yfc-stat\" data-target=\"5693\">\n      <div class=\"yfc-stat-number\">0<\/div>\n      <div class=\"yfc-stat-desc\">Meals<br>served<\/div>\n    <\/div>\n\n    <div class=\"yfc-stat\" data-target=\"55\">\n      <div class=\"yfc-stat-number\">0<\/div>\n      <div class=\"yfc-stat-desc\">Youth who wanted to know<br>more about Jesus<\/div>\n    <\/div>\n\n    <div class=\"yfc-stat\" data-target=\"7\">\n      <div class=\"yfc-stat-number\">0<\/div>\n      <div class=\"yfc-stat-desc\">Youth who chose<br>to follow Jesus<\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n\n  \/* ============================================================\n     VIDEO SIZING \u2014 always covers the container\n  ============================================================ *\/\n  function sizePlayer() {\n    var wrap   = document.querySelector('#yfc-hero .yfc-yt-wrap');\n    var iframe = document.getElementById('yfc-yt-player');\n    if (!wrap || !iframe) return;\n    var wW = wrap.offsetWidth;\n    var wH = wrap.offsetHeight;\n    var ratio = 16 \/ 9;\n    var iW, iH;\n    if (wW \/ wH > ratio) {\n      iW = Math.ceil(wW * 1.02);\n      iH = Math.ceil(iW \/ ratio);\n    } else {\n      iH = Math.ceil(wH * 1.02);\n      iW = Math.ceil(iH * ratio);\n    }\n    iframe.style.width  = iW + 'px';\n    iframe.style.height = iH + 'px';\n  }\n\n  \/* ============================================================\n     YOUTUBE API\n  ============================================================ *\/\n  window.onYouTubeIframeAPIReady = function () {\n    new YT.Player('yfc-yt-player', {\n      videoId: 'bnQ2w_Drs2M',\n      playerVars: {\n        autoplay: 1, loop: 1, playlist: 'bnQ2w_Drs2M',\n        mute: 1, controls: 0, disablekb: 1,\n        rel: 0, showinfo: 0, modestbranding: 1,\n        playsinline: 1, enablejsapi: 1,\n      },\n      events: {\n        onReady: function (e) { e.target.mute(); e.target.playVideo(); sizePlayer(); },\n        onStateChange: function (e) {\n          if (e.data === YT.PlayerState.ENDED) e.target.playVideo();\n        }\n      }\n    });\n  };\n\n  if (!document.getElementById('yt-iframe-api')) {\n    var tag = document.createElement('script');\n    tag.id  = 'yt-iframe-api';\n    tag.src = 'https:\/\/www.youtube.com\/iframe_api';\n    document.head.appendChild(tag);\n  } else if (window.YT && window.YT.Player) {\n    window.onYouTubeIframeAPIReady();\n  }\n\n  var resizeTimer;\n  window.addEventListener('resize', function () {\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(sizePlayer, 80);\n  });\n\n  \/* ============================================================\n     FADE-UP ANIMATIONS\n  ============================================================ *\/\n  function observeFadeUp(selector, staggerMs) {\n    var els = document.querySelectorAll(selector);\n    if (!els.length) return;\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (!entry.isIntersecting) return;\n        var el  = entry.target;\n        var idx = Array.prototype.indexOf.call(els, el);\n        setTimeout(function () { el.classList.add('yfc-visible'); }, staggerMs * idx);\n        io.unobserve(el);\n      });\n    }, { threshold: 0.15 });\n    els.forEach(function (el) { io.observe(el); });\n  }\n\n  observeFadeUp('.yfc-anim', 0);\n  observeFadeUp('#yfc-stats .yfc-stat', 90);\n\n  \/* ============================================================\n     COUNTING ANIMATION\n  ============================================================ *\/\n  function formatNum(n) {\n    return n.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ',');\n  }\n\n  function runCounter(el) {\n    var target = parseInt(el.getAttribute('data-target'), 10);\n    var numEl  = el.querySelector('.yfc-stat-number');\n    var dur    = target > 5000 ? 2000 : target > 500 ? 1600 : 1100;\n    var start  = null;\n    function step(ts) {\n      if (!start) start = ts;\n      var pct   = Math.min((ts - start) \/ dur, 1);\n      var eased = 1 - Math.pow(1 - pct, 3);\n      numEl.textContent = formatNum(Math.floor(eased * target));\n      if (pct < 1) { requestAnimationFrame(step); }\n      else { numEl.textContent = formatNum(target); }\n    }\n    requestAnimationFrame(step);\n  }\n\n  var statEls   = document.querySelectorAll('#yfc-stats .yfc-stat');\n  var counterIO = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (!entry.isIntersecting) return;\n      runCounter(entry.target);\n      counterIO.unobserve(entry.target);\n    });\n  }, { threshold: 0.3 });\n  statEls.forEach(function (el) { counterIO.observe(el); });\n\n})();\n<\/script>\n<!-- END YFC VIDEO BANNER + STATS BAR -->\n\n\n\r\n\r\n<section class=\"y-chapter-banner  guten-block\">\r\n\t<div class=\"y-chapter-banner--bg\">\r\n\t\t<div class=\"y-chapter-banner--bg--overlay\"><\/div>\r\n\t\t<div class=\"y-chapter-banner--bg--img\" style=\"background-image: url(https:\/\/yfc.ca\/steinbach\/wp-content\/uploads\/sites\/36\/2024\/06\/IMG_0872-e1757605412744.jpg);\"><\/div>\r\n\t<\/div>\r\n\t<div class=\"grid-narrow\">\r\n\t\t<div class=\"y-chapter-banner--inner\">\r\n\t\t\t\t\t\t\t<h2 class=\"y-chapter-banner--title\">We Need Volunteers<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"y-chapter-banner--content\"><p><strong>Some youth have no one. You could be someone.<\/strong> We&#8217;re looking for people willing to show up one night a week and share God&#8217;s love with youth in our community.<\/p>\n<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"y-chapter-banner--buttons\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"button primary\" href=\"https:\/\/yfc.ca\/steinbach\/volunteer\/\" target=\"_self\">I want to know more<\/a>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n<\/section>\r\n\n\n\r\n<section class=\"y-vfbc  guten-block thirds white single-col-align-right\">\r\n\t\t\t<div class=\"y-vfbc--thirds left\">\n\t\t<div class=\"y-vfbc--thirds--img\" style=\"background-image: url(https:\/\/yfc.ca\/steinbach\/wp-content\/uploads\/sites\/36\/2024\/06\/IMG_8619.jpg);\"><\/div>\n\t\t<div class=\"y-vfbc--thirds--bg primary\"><\/div>\n\t<\/div>\n\t<div class=\"grid-narrow\">\r\n\t\t<div class=\"y-vfbc--row\">\r\n\t\t\t\t\t\t\t<div class=\"y-vfbc--container type-one-narrow color-white bg-transparent\">\n\t\t\t<div class=\"y-vfbc--content\"><h1>Our Partners<\/h1>\n<p>YFC Steinbach has thrived\u00a0because of the generosity and faithfulness of every one of our partners. By partnering with us today you ensure that God&#8217;s work can continue at YFC Steinbach.<\/p>\n<\/div>\n\t\t\t\t<div class=\"y-vfbc--buttons\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"button white\" href=\"https:\/\/yfc.ca\/steinbach\/donate\/\" target=\"_blank\">Donate<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"button white\" href=\"https:\/\/yfc.ca\/steinbach\/volunteer\/\" target=\"_self\">Volunteer<\/a>\n\t\t\t\t\t<\/div>\n\t<\/div>\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n<\/section>\r\n\n\n\r\n\r\n<section class=\"y-chapter-banner  guten-block\">\r\n\t<div class=\"y-chapter-banner--bg\">\r\n\t\t<div class=\"y-chapter-banner--bg--overlay\"><\/div>\r\n\t\t<div class=\"y-chapter-banner--bg--img\" style=\"background-image: url(https:\/\/yfc.ca\/steinbach\/wp-content\/uploads\/sites\/36\/2024\/11\/YFC-Steinbach-220-Photos-10.jpg);\"><\/div>\r\n\t<\/div>\r\n\t<div class=\"grid-narrow\">\r\n\t\t<div class=\"y-chapter-banner--inner\">\r\n\t\t\t\t\t\t\t<h2 class=\"y-chapter-banner--title\">Rentals<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"y-chapter-banner--content\"><p>If you\u2019re interested in renting a drop-in centre for an event or gathering, please contact us using the form below. We have locations at 220 Lumber Ave. in Steinbach and 67 Friesen Drive in Blumenort.<\/p>\n<p><strong>Rentals starting at $300 for 4 hours or less. Additional time at $50\/hr.<\/strong><\/p>\n<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"y-chapter-banner--buttons\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"button primary\" href=\"https:\/\/yfc.ca\/steinbach\/rent\/\" target=\"_self\">Learn More<\/a>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n<\/section>\r\n","protected":false},"excerpt":{"rendered":"<p>Creating a community of Hope where no young person goes hungry; spiritually, emotionally, physically or relationally. I&#8217;m interested in volunteering Creating a community of Hope where no young person goes hungry; spiritually, emotionally, physically or relationally. I&#8217;m interested in volunteering Our impact in 2025 0 Youth reachedacross both programs 0 Programcheck-ins 0 Mealsserved 0 Youth &hellip; <a href=\"https:\/\/yfc.ca\/steinbach\/\">Continued<\/a><\/p>\n","protected":false},"author":17,"featured_media":1957,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/yfc.ca\/steinbach\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yfc.ca\/steinbach\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yfc.ca\/steinbach\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yfc.ca\/steinbach\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/yfc.ca\/steinbach\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":0,"href":"https:\/\/yfc.ca\/steinbach\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yfc.ca\/steinbach\/wp-json\/wp\/v2\/media\/1957"}],"wp:attachment":[{"href":"https:\/\/yfc.ca\/steinbach\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}