{"id":1584,"date":"2023-04-17T09:23:51","date_gmt":"2023-04-17T14:23:51","guid":{"rendered":"https:\/\/westmanrealty.c21.ca\/shoal-lake-copy"},"modified":"2026-08-05T09:15:30","modified_gmt":"2026-08-05T14:15:30","slug":"shilo","status":"publish","type":"page","link":"https:\/\/westmanrealty.c21.ca\/fr-ca\/shilo","title":{"rendered":"Shilo"},"content":{"rendered":"\n\n\t<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=Big+Shoulders+Display:wght@700;800&#038;family=Karla:ital,wght@0,400;0,500;0,700;1,400&#038;display=swap\" rel=\"stylesheet\"\/>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SHILO COMMUNITY PAGE  |  Century 21 Westman Realty Ltd.\n   Prefix: c21w-shilo__   (safe from MoxiWorks collisions)\n   Standalone page, lives at \/shilo.\n   pages (Dauphin, Virden, Carberry, etc. follow the same template).\n   NOTE ON LISTINGS: the live MoxiWorks listings widget for Brandon\n   is pasted directly below this module in Beaver Builder, it is\n   NOT embedded here. This module still closes its OWN trailing gap\n   below (see the \"seam fix\" block below) so it butts directly up\n   against the widget's row with no gap revealing the page background.\n   That is separate from the true footer-flush rule, which belongs on\n   whichever module ends up LAST on the page (the one wrapping the\n   widget, using ITS OWN root id) so the real theme footer sits flush.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.c21w-shilo {\n  \/* \u2500\u2500\u2500 Tokens: charcoal + gold identity, warm near-white canvas \u2500\u2500\u2500 *\/\n  --bg: oklch(0.975 0.005 85);\n  --surface: oklch(0.995 0.002 85);\n  --surface-2: oklch(0.94 0.014 80);\n  --ink: oklch(0.19 0.012 85);\n  --muted: oklch(0.42 0.02 85);\n  --accent: oklch(0.50 0.135 72);\n  --accent-fill: oklch(0.17 0.014 85);\n  --accent-ink: oklch(0.82 0.10 85);\n  --accent-ink-muted: oklch(0.74 0.03 85);\n  --border: oklch(0 0 0 \/ 0.08);\n  --border-strong: oklch(0 0 0 \/ 0.15);\n  --space-3xs: 4px;  --space-2xs: 8px;  --space-xs: 12px; --space-sm: 16px;\n  --space-md: 24px;  --space-lg: 32px;  --space-xl: 48px; --space-2xl: 64px; --space-3xl: 96px;\n  --radius-sm: 2px; --radius-md: 6px; --radius-lg: 12px; --radius-pill: 999px;\n  --font-display: 'Big Shoulders Display', sans-serif;\n  --font-body: 'Karla', sans-serif;\n  --text-xs: 13px;\n  --text-sm: 15px;\n  --text-base: 17px;\n  --text-lg: 21px;\n  --text-xl: clamp(28px, 17.6px + 2vw, 40px);\n  --text-display: clamp(44px, 20px + 7vw, 92px);\n  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\n  --dur-fast: 150ms; --dur-base: 250ms; --dur-slow: 400ms; --dur-entrance: 650ms;\n  --content-max: 1180px;\n  --nav-h: 72px;\n  width: 100vw;\n  margin-left: calc((100vw - 100%) \/ -2);\n  background: var(--bg);\n  color: var(--ink);\n  font-family: var(--font-body);\n  font-size: var(--text-base);\n  line-height: 1.65;\n  overflow-x: hidden;\n}\n.c21w-shilo *,\n.c21w-shilo *::before,\n.c21w-shilo *::after { box-sizing: border-box; }\n\/* \u2500\u2500\u2500 Sit flush under the site's global header \u2500\u2500\u2500 *\/\n.wrapper.responsive.page-wrapper { padding-top: 0 !important; }\nbody.page .fl-content,\nbody.page .mainbody.pageContent,\nbody.page .fl-post-content { background: oklch(0.975 0.005 85) !important; }\nhtml, body { background-color: oklch(0.975 0.005 85) !important; }\n\/* \u2500\u2500\u2500 Seam fix: close the gap Beaver Builder adds below this module's own\n   row\/module wrappers, so it butts directly against whatever comes next\n   (the MoxiWorks widget row) with no strip of page background showing\n   through. This is distinct from the true footer-flush rule, see the\n   note at the top of this file. \u2500\u2500\u2500 *\/\n.fl-row:has(#c21w-shilo) .fl-row-content-wrap { padding-bottom: 0 !important; }\n.fl-module-content:has(#c21w-shilo) { margin-bottom: 0 !important; }\n.c21w-shilo a { color: inherit; text-decoration: none; }\n.c21w-shilo :focus { outline: none; }\n.c21w-shilo :focus-visible {\n  outline: 2px solid var(--accent);\n  outline-offset: 3px;\n}\n.c21w-shilo h1,\n.c21w-shilo h2,\n.c21w-shilo h3 { text-wrap: balance; }\n.c21w-shilo p { text-wrap: pretty; }\n.c21w-shilo__section {\n  position: relative;\n  max-width: var(--content-max);\n  margin: 0 auto;\n  padding: var(--space-3xl) clamp(24px, 6vw, 96px);\n}\n.c21w-shilo__eyebrow {\n  display: block;\n  font-family: var(--font-body);\n  font-weight: 700;\n  font-size: var(--text-xs);\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--accent);\n  margin: 0 0 var(--space-sm);\n}\n.c21w-shilo__h2 {\n  font-family: var(--font-display);\n  font-weight: 800;\n  font-size: var(--text-xl);\n  line-height: 1;\n  letter-spacing: -0.01em;\n  text-transform: uppercase;\n  color: var(--ink);\n  margin: 0;\n}\n\/* \u2500\u2500\u2500 Reveal-on-scroll \u2500\u2500\u2500 *\/\n[data-c21b-reveal] {\n  opacity: 0;\n  transform: translateY(16px);\n  transition: opacity var(--dur-entrance) var(--ease-out-quart), transform var(--dur-entrance) var(--ease-out-quart);\n}\n[data-c21b-reveal].c21w-visible { opacity: 1; transform: translateY(0); }\n@media (prefers-reduced-motion: reduce) {\n  [data-c21b-reveal] { transition-duration: 0.01ms !important; opacity: 1 !important; transform: none !important; }\n  .c21w-shilo__subnav-link { scroll-behavior: auto !important; }\n}\n\/* \u2500\u2500\u2500 Buttons \u2500\u2500\u2500 *\/\n.c21w-shilo__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-2xs);\n  min-height: 50px;\n  padding: 0 var(--space-lg);\n  font-family: var(--font-body);\n  font-weight: 700;\n  font-size: var(--text-sm);\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  border-radius: var(--radius-sm);\n  cursor: pointer;\n  border: 1.5px solid transparent;\n  transition: background-color var(--dur-base) var(--ease-out-quart),\n              color var(--dur-base) var(--ease-out-quart),\n              border-color var(--dur-base) var(--ease-out-quart),\n              transform var(--dur-fast) var(--ease-out-quart);\n}\n.c21w-shilo__btn:active { transform: scale(0.97); }\na.c21w-shilo__btn--gold {\n  background: var(--accent-ink);\n  border-color: var(--accent-ink);\n  color: var(--accent-fill);\n}\na.c21w-shilo__btn--gold:hover { background: transparent; color: var(--accent-ink); border-color: var(--accent-ink); }\na.c21w-shilo__btn--ghost {\n  background: transparent;\n  border-color: oklch(1 0 0 \/ 0.5);\n  color: oklch(1 0 0 \/ 0.92);\n}\na.c21w-shilo__btn--ghost:hover { background: oklch(1 0 0 \/ 0.12); border-color: oklch(1 0 0 \/ 0.85); }\na.c21w-shilo__btn--dark {\n  background: var(--accent-fill);\n  border-color: var(--accent-fill);\n  color: var(--accent-ink);\n}\na.c21w-shilo__btn--dark:hover { background: transparent; color: var(--accent-fill); }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO, full-bleed, sits under the fixed global nav\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.c21w-shilo__hero {\n  position: relative;\n  isolation: isolate;\n  min-height: 78svh;\n  display: flex;\n  align-items: center;\n  background-image: url('https:\/\/westmanrealty.c21.ca\/files\/2023\/04\/shilo-course.jpg');\n  background-size: cover;\n  background-position: center;\n}\n.c21w-shilo__hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background:\n    linear-gradient(0deg, oklch(0.05 0 0 \/ 0.88) 0%, oklch(0.08 0 0 \/ 0.45) 45%, oklch(0.09 0 0 \/ 0.30) 100%);\n}\n.c21w-shilo__hero-inner {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  max-width: var(--content-max);\n  margin: 0 auto;\n  padding: calc(var(--nav-h) + var(--space-lg)) clamp(24px, 6vw, 96px) var(--space-2xl);\n  color: oklch(0.98 0 0);\n}\n.c21w-shilo__hero-eyebrow {\n  display: block;\n  font-weight: 700;\n  font-size: var(--text-sm);\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: var(--accent-ink);\n  margin: 0 0 var(--space-sm);\n}\n.c21w-shilo__hero-h1 {\n  font-family: var(--font-display);\n  font-weight: 800;\n  font-size: var(--text-display);\n  line-height: 0.88;\n  letter-spacing: -0.02em;\n  text-transform: uppercase;\n  color: oklch(0.99 0 0);\n  margin: 0;\n}\n.c21w-shilo__hero-lead {\n  margin: var(--space-md) 0 0;\n  max-width: 52ch;\n  font-size: var(--text-lg);\n  color: oklch(0.94 0 0 \/ 0.88);\n}\n.c21w-shilo__hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-sm);\n  margin-top: var(--space-xl);\n}\n.c21w-shilo__hero-scroll {\n  position: absolute;\n  z-index: 1;\n  left: 50%;\n  bottom: var(--space-lg);\n  transform: translateX(-50%);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  color: oklch(1 0 0 \/ 0.7);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n}\n.c21w-shilo__hero-scroll svg { animation: c21bBounce 2.2s var(--ease-out-quart) infinite; }\n@keyframes c21bBounce {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(6px); }\n}\n@media (max-width: 640px) { .c21w-shilo__hero-scroll { display: none; } }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   STICKY SUB-NAV\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.c21w-shilo__subnav {\n  position: sticky;\n  top: var(--nav-h);\n  z-index: 10;\n  background: oklch(0.995 0.002 85 \/ 0.92);\n  backdrop-filter: saturate(140%) blur(10px);\n  -webkit-backdrop-filter: saturate(140%) blur(10px);\n  border-bottom: 1px solid var(--border);\n}\n.c21w-shilo__subnav-inner {\n  max-width: var(--content-max);\n  margin: 0 auto;\n  padding: 0 clamp(24px, 6vw, 96px);\n  display: flex;\n  align-items: center;\n  gap: clamp(4px, 2vw, 28px);\n  height: 60px;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n.c21w-shilo__subnav-inner::-webkit-scrollbar { display: none; }\n.c21w-shilo__subnav-link {\n  position: relative;\n  flex-shrink: 0;\n  padding: 8px 2px;\n  font-weight: 700;\n  font-size: 12.5px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--muted);\n  transition: color var(--dur-base) var(--ease-out-quart);\n}\n.c21w-shilo__subnav-link::after {\n  content: '';\n  position: absolute;\n  left: 0; right: 0; bottom: 0;\n  height: 2px;\n  background: var(--accent);\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform var(--dur-base) var(--ease-out-quart);\n}\n.c21w-shilo__subnav-link:hover,\n.c21w-shilo__subnav-link.c21w-active { color: var(--ink); }\n.c21w-shilo__subnav-link.c21w-active::after { transform: scaleX(1); }\n.c21w-shilo__subnav-cta { margin-left: auto; flex-shrink: 0; }\n.c21w-shilo__subnav-cta a {\n  display: inline-flex;\n  align-items: center;\n  height: 38px;\n  padding: 0 18px;\n  font-weight: 700;\n  font-size: 12px;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--accent-ink);\n  background: var(--accent-fill);\n  border-radius: var(--radius-sm);\n  transition: background-color var(--dur-base) var(--ease-out-quart);\n}\n.c21w-shilo__subnav-cta a:hover { background: var(--accent); color: var(--accent-fill); }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ABOUT\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.c21w-shilo__about-grid {\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: clamp(32px, 5vw, 72px);\n  align-items: center;\n  margin-top: var(--space-lg);\n}\n.c21w-shilo__about-lead {\n  margin: 0;\n  max-width: 62ch;\n  font-size: var(--text-lg);\n  color: var(--ink);\n}\n.c21w-shilo__about-lead + .c21w-shilo__about-lead { margin-top: var(--space-md); color: var(--muted); font-size: var(--text-base); }\n.c21w-shilo__about-media {\n  position: relative;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  aspect-ratio: 4 \/ 5;\n  box-shadow: 0 30px 60px -24px oklch(0 0 0 \/ 0.28);\n}\n.c21w-shilo__about-media img {\n  width: 100%; height: 100%; object-fit: cover; display: block;\n}\n@media (max-width: 860px) {\n  .c21w-shilo__about-grid { grid-template-columns: 1fr; }\n  .c21w-shilo__about-media { order: -1; aspect-ratio: 16 \/ 10; }\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ATTRACTIONS\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.c21w-shilo__attractions { background: var(--surface-2); }\n.c21w-shilo__attr-grid {\n  margin-top: var(--space-xl);\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: var(--space-lg);\n}\n.c21w-shilo__attr-card {\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: var(--radius-lg);\n  padding: var(--space-xl) var(--space-lg) var(--space-lg);\n  text-align: center;\n  transition: transform var(--dur-base) var(--ease-out-quart), box-shadow var(--dur-base) var(--ease-out-quart);\n}\n.c21w-shilo__attr-card:hover { transform: translateY(-4px); box-shadow: 0 24px 48px -28px oklch(0 0 0 \/ 0.25); }\n.c21w-shilo__attr-photo {\n  width: 132px;\n  height: 132px;\n  margin: 0 auto var(--space-md);\n  border-radius: 50%;\n  overflow: hidden;\n  border: 4px solid var(--surface-2);\n  box-shadow: 0 8px 22px oklch(0 0 0 \/ 0.14);\n}\n.c21w-shilo__attr-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.c21w-shilo__attr-h3 {\n  font-family: var(--font-display);\n  font-weight: 800;\n  font-size: 22px;\n  letter-spacing: -0.01em;\n  text-transform: uppercase;\n  margin: 0 0 var(--space-2xs);\n  color: var(--ink);\n}\n.c21w-shilo__attr-desc {\n  margin: 0 0 var(--space-md);\n  color: var(--muted);\n  font-size: var(--text-sm);\n}\n.c21w-shilo__attr-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 700;\n  font-size: 12.5px;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--accent);\n  border-bottom: 1.5px solid transparent;\n  transition: border-color var(--dur-base) var(--ease-out-quart);\n}\n.c21w-shilo__attr-link:hover { border-color: var(--accent); }\n@media (max-width: 860px) {\n  .c21w-shilo__attr-grid { grid-template-columns: 1fr; }\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SCHOOLS\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.c21w-shilo__tabs {\n  display: inline-flex;\n  gap: 4px;\n  margin-top: var(--space-lg);\n  padding: 4px;\n  background: var(--surface-2);\n  border-radius: var(--radius-pill);\n}\n.c21w-shilo__tab {\n  border: none;\n  background: transparent;\n  padding: 10px 22px;\n  font-family: var(--font-body);\n  font-weight: 700;\n  font-size: 13px;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  color: var(--muted);\n  border-radius: var(--radius-pill);\n  cursor: pointer;\n  transition: background-color var(--dur-base) var(--ease-out-quart), color var(--dur-base) var(--ease-out-quart);\n}\n.c21w-shilo__tab.c21w-active { background: var(--accent-fill); color: var(--accent-ink); }\n.c21w-shilo__tab-panel { display: none; margin-top: var(--space-xl); }\n.c21w-shilo__tab-panel.c21w-active { display: block; }\n.c21w-shilo__school-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n  gap: var(--space-md);\n}\n.c21w-shilo__school-card {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--space-sm);\n  padding: var(--space-md);\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: var(--radius-md);\n  transition: border-color var(--dur-base) var(--ease-out-quart), box-shadow var(--dur-base) var(--ease-out-quart);\n}\n.c21w-shilo__school-card:hover { border-color: var(--border-strong); box-shadow: 0 12px 28px -20px oklch(0 0 0 \/ 0.25); }\n.c21w-shilo__school-name {\n  margin: 0 0 4px;\n  font-weight: 700;\n  font-size: var(--text-sm);\n  color: var(--ink);\n}\n.c21w-shilo__school-addr {\n  margin: 0;\n  font-size: 13px;\n  color: var(--muted);\n}\n.c21w-shilo__school-grade {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 40px;\n  height: 24px;\n  padding: 0 8px;\n  border-radius: var(--radius-pill);\n  background: var(--surface-2);\n  color: var(--accent);\n  font-weight: 700;\n  font-size: 11px;\n  letter-spacing: 0.03em;\n}\n.c21w-shilo__school-visit {\n  flex-shrink: 0;\n  align-self: center;\n  width: 32px; height: 32px;\n  display: inline-flex; align-items: center; justify-content: center;\n  border-radius: 50%;\n  border: 1.5px solid var(--border-strong);\n  color: var(--ink);\n  transition: background-color var(--dur-base) var(--ease-out-quart), border-color var(--dur-base) var(--ease-out-quart), color var(--dur-base) var(--ease-out-quart);\n}\n.c21w-shilo__school-visit:hover { background: var(--accent-fill); border-color: var(--accent-fill); color: var(--accent-ink); }\n.c21w-shilo__school-row {\n  display: flex;\n  align-items: center;\n  gap: var(--space-sm);\n  width: 100%;\n}\n.c21w-shilo__school-text { flex: 1; min-width: 0; }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LISTINGS LEAD-IN (widget follows below, pasted separately)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.c21w-shilo__listings {\n  background: var(--accent-fill);\n  color: var(--accent-ink);\n  text-align: center;\n}\n.c21w-shilo__listings .c21w-shilo__eyebrow { color: var(--accent-ink-muted); }\n.c21w-shilo__listings .c21w-shilo__h2 { color: var(--accent-ink); }\n.c21w-shilo__listings .c21w-shilo__section { padding-bottom: var(--space-lg); }\n.c21w-shilo__listings-p {\n  margin: var(--space-sm) auto 0;\n  max-width: 56ch;\n  color: var(--accent-ink-muted);\n  font-size: var(--text-base);\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 640px) {\n  .c21w-shilo__section { padding: var(--space-2xl) clamp(20px, 6vw, 96px); }\n  .c21w-shilo__hero-inner { padding-top: calc(var(--nav-h) + var(--space-lg)); }\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOXIWORKS WIDGET ROW, matches the closing \"Homes for Sale\" section\n   background (var(--accent-fill) above, hardcoded here since this\n   selector targets the WIDGET'S OWN row, outside the .c21w-shilo\n   scope). Assumes the widget is pasted as its own Beaver Builder row\n   directly below this module, the normal way rows stack. If it ends\n   up nested differently, set that row's background color manually to\n   oklch(0.17 0.014 85) in Beaver Builder instead.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.fl-row:has(#c21w-shilo) ~ .fl-row {\n  background-color: oklch(0.17 0.014 85) !important;\n}\n<\/style>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SHILO COMMUNITY PAGE  |  Century 21 Westman Realty Ltd.\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\n  <section>\n      Discover\n      <h1>Shilo<\/h1>\n      <p>Shilo, Manitoba is a small Canadian town located in the southwestern part of the province.<\/p>\n        <a href=\"https:\/\/westmanrealty.c21.ca\/contact-us\" target=\"_blank\" rel=\"noopener\">Get in Touch<\/a>\n        <a href=\"#listings\" data-c21b-scroll>View Homes for Sale<\/a>\n      Scroll\n  <\/section>\n  <!-- \u2500\u2500\u2500 STICKY SUB-NAV \u2500\u2500\u2500 -->\n  <nav aria-label=\"Shilo page sections\">\n      <a href=\"#about\" data-c21b-scroll data-c21b-section=\"about\">About<\/a>\n      <a href=\"#attractions\" data-c21b-scroll data-c21b-section=\"attractions\">Attractions<\/a>\n      <a href=\"#schools\" data-c21b-scroll data-c21b-section=\"schools\">Schools<\/a>\n      <a href=\"#listings\" data-c21b-scroll data-c21b-section=\"listings\">Listings<\/a>\n        <a href=\"https:\/\/westmanrealty.c21.ca\/contact-us\" target=\"_blank\" rel=\"noopener\">Contact Us<\/a>\n  <\/nav>\n  <!-- \u2500\u2500\u2500 ABOUT \u2500\u2500\u2500 -->\n  <section id=\"about\" data-c21b-reveal>\n    About Shilo\n    <h2>Your Next Move in Shilo<\/h2>\n        <p>Shilo, Manitoba is a small Canadian town located in the southwestern part of the province. It is known for its rich military history, as it is home to the Canadian Forces Base Shilo, a major training facility for the Canadian Armed Forces. The town has a close-knit community with a friendly and welcoming atmosphere. Residents and visitors can enjoy the natural beauty of the surrounding prairies and nearby Brandon Hills, which offer opportunities for outdoor activities such as hiking, fishing, and birdwatching. Shilo also has local amenities such as schools, parks, and recreational facilities, making it a pleasant place to live or visit for those seeking a quieter, rural lifestyle.<\/p>\n        <img decoding=\"async\" src=\"https:\/\/westmanrealty.c21.ca\/files\/2023\/04\/shilo-course.jpg\" alt=\"Shilo, Manitoba\" loading=\"lazy\"\/>\n  <\/section>\n  <!-- \u2500\u2500\u2500 ATTRACTIONS \u2500\u2500\u2500 -->\n  <section id=\"attractions\" data-c21b-reveal>\n      Shilo Attractions\n      <h2>Things to See &amp; Do<\/h2>\n        <article>\n            <img decoding=\"async\" src=\"https:\/\/westmanrealty.c21.ca\/files\/bb-plugin\/cache\/base-circle.jpg\" alt=\"CFB Shilo\" loading=\"lazy\"\/>\n          <h3>CFB Shilo<\/h3>\n          <p>As one of Canada&#8217;s largest military training bases, Canadian Forces Base Shilo is a significant attraction in Shilo. Visitors can learn about the history and operations of the Canadian Armed Forces, view military displays, and observe military training exercises. The base also hosts special events, such as air shows and demonstrations, which provide a unique experience for visitors interested in military history and operations.<\/p>\n          <a href=\"https:\/\/www.canada.ca\/en\/army\/corporate\/3-canadian-division\/canadian-forces-base-shilo.html\" target=\"_blank\" rel=\"noopener\">Visit Site\n          <\/a>\n        <\/article>\n        <article>\n            <img decoding=\"async\" src=\"https:\/\/westmanrealty.c21.ca\/files\/bb-plugin\/cache\/brandon-hills-2-circle.jpeg\" alt=\"Brandon Hills Wildlife Management Area\" loading=\"lazy\"\/>\n          <h3>Brandon Hills Wildlife Management Area<\/h3>\n          <p>Located near Shilo, the Brandon Hills Wildlife Management Area is a popular attraction for nature enthusiasts. It offers opportunities for hiking, birdwatching, and wildlife viewing in a picturesque prairie and mixed-wood forest setting. The area features diverse plant and animal species, including deer, waterfowl, and songbirds, making it a great spot for outdoor recreation and photography.<\/p>\n          <a href=\"https:\/\/www.gov.cornwallis.mb.ca\/p\/brandon-hills-wildlife-management-area\" target=\"_blank\" rel=\"noopener\">Visit Site\n          <\/a>\n        <\/article>\n        <article>\n            <img decoding=\"async\" src=\"https:\/\/westmanrealty.c21.ca\/files\/bb-plugin\/cache\/golf-course-3-circle.jpg\" alt=\"Shilo Country Club\" loading=\"lazy\"\/>\n          <h3>Shilo Country Club<\/h3>\n          <p>A popular attraction for locals and visitors alike, the Erickson Farmers Market is a vibrant hub of activity. Held during the summer months, the market showcases local produce, crafts, and other goods, providing a wonderful opportunity to support local vendors and experience the community spirit of Erickson. From fresh vegetables and fruits to handmade crafts, the market offers a diverse array of products that highlight the region&#8217;s agricultural and artistic talents.<\/p>\n          <a href=\"https:\/\/www.shilocountryclub.com\/\" target=\"_blank\" rel=\"noopener\">Visit Site\n          <\/a>\n        <\/article>\n  <\/section>\n  <!-- \u2500\u2500\u2500 SCHOOLS \u2500\u2500\u2500 -->\n  <section id=\"schools\" data-c21b-reveal>\n    Brandon School Division &#8211; Shilo\n    <h2>Schools Serving the Area<\/h2>\n        <p>\u00c9cole O&#8217;KellyBox 70, Shilo, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/okelly\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit \u00c9cole O'Kelly school site\"><\/a>\n  <\/section>\n  <!-- \u2500\u2500\u2500 LISTINGS LEAD-IN, MoxiWorks widget is pasted directly below this module, not embedded here \u2500\u2500\u2500 -->\n  <section id=\"listings\" data-c21b-reveal>\n      Shilo Listings\n      <h2>Homes for Sale in Shilo<\/h2>\n      <p>Browse current MLS\u00ae listings in Shilo below, or reach out and a Century 21 Westman Realty sales representative will help you find the right fit.<\/p>\n        <a href=\"https:\/\/westmanrealty.c21.ca\/contact-us\" target=\"_blank\" rel=\"noopener\">Get in Touch<\/a>\n  <\/section>\n  <!-- MoxiWorks listings widget for Shilo goes here, pasted as its own module below this one. -->\n<!-- \/.c21w-shilo -->\n\n","protected":false},"excerpt":{"rendered":"<p>Discover Shilo Shilo, Manitoba is a small Canadian town located in the southwestern part of the province. Get in Touch View Homes for Sale Scroll About Attractions Schools Listings Contact Us About Shilo Your Next Move in Shilo Shilo, Manitoba is a small Canadian town located in the southwestern part of the province. It is [&hellip;]<\/p>\n","protected":false},"author":18430,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1584","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages\/1584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/users\/18430"}],"replies":[{"embeddable":true,"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/comments?post=1584"}],"version-history":[{"count":11,"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages\/1584\/revisions"}],"predecessor-version":[{"id":2337,"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages\/1584\/revisions\/2337"}],"wp:attachment":[{"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/media?parent=1584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}