{"id":1527,"date":"2023-04-14T15:20:30","date_gmt":"2023-04-14T20:20:30","guid":{"rendered":"https:\/\/westmanrealty.c21.ca\/minnedosa-copy"},"modified":"2026-08-05T09:20:36","modified_gmt":"2026-08-05T14:20:36","slug":"shoal-lake","status":"publish","type":"page","link":"https:\/\/westmanrealty.c21.ca\/fr-ca\/shoal-lake","title":{"rendered":"Shoal Lake"},"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   SHOAL LAKE COMMUNITY PAGE  |  Century 21 Westman Realty Ltd.\n   Prefix: c21w-shoal-lake__   (safe from MoxiWorks collisions)\n   Standalone page, lives at \/shoal-lake.\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-shoal-lake {\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-shoal-lake *,\n.c21w-shoal-lake *::before,\n.c21w-shoal-lake *::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-shoal-lake) .fl-row-content-wrap { padding-bottom: 0 !important; }\n.fl-module-content:has(#c21w-shoal-lake) { margin-bottom: 0 !important; }\n.c21w-shoal-lake a { color: inherit; text-decoration: none; }\n.c21w-shoal-lake :focus { outline: none; }\n.c21w-shoal-lake :focus-visible {\n  outline: 2px solid var(--accent);\n  outline-offset: 3px;\n}\n.c21w-shoal-lake h1,\n.c21w-shoal-lake h2,\n.c21w-shoal-lake h3 { text-wrap: balance; }\n.c21w-shoal-lake p { text-wrap: pretty; }\n.c21w-shoal-lake__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-shoal-lake__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-shoal-lake__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-shoal-lake__subnav-link { scroll-behavior: auto !important; }\n}\n\/* \u2500\u2500\u2500 Buttons \u2500\u2500\u2500 *\/\n.c21w-shoal-lake__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-shoal-lake__btn:active { transform: scale(0.97); }\na.c21w-shoal-lake__btn--gold {\n  background: var(--accent-ink);\n  border-color: var(--accent-ink);\n  color: var(--accent-fill);\n}\na.c21w-shoal-lake__btn--gold:hover { background: transparent; color: var(--accent-ink); border-color: var(--accent-ink); }\na.c21w-shoal-lake__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-shoal-lake__btn--ghost:hover { background: oklch(1 0 0 \/ 0.12); border-color: oklch(1 0 0 \/ 0.85); }\na.c21w-shoal-lake__btn--dark {\n  background: var(--accent-fill);\n  border-color: var(--accent-fill);\n  color: var(--accent-ink);\n}\na.c21w-shoal-lake__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-shoal-lake__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\/shoal-lake-4.jpg');\n  background-size: cover;\n  background-position: center;\n}\n.c21w-shoal-lake__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-shoal-lake__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-shoal-lake__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-shoal-lake__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-shoal-lake__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-shoal-lake__hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-sm);\n  margin-top: var(--space-xl);\n}\n.c21w-shoal-lake__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-shoal-lake__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-shoal-lake__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-shoal-lake__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-shoal-lake__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-shoal-lake__subnav-inner::-webkit-scrollbar { display: none; }\n.c21w-shoal-lake__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-shoal-lake__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-shoal-lake__subnav-link:hover,\n.c21w-shoal-lake__subnav-link.c21w-active { color: var(--ink); }\n.c21w-shoal-lake__subnav-link.c21w-active::after { transform: scaleX(1); }\n.c21w-shoal-lake__subnav-cta { margin-left: auto; flex-shrink: 0; }\n.c21w-shoal-lake__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-shoal-lake__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-shoal-lake__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-shoal-lake__about-lead {\n  margin: 0;\n  max-width: 62ch;\n  font-size: var(--text-lg);\n  color: var(--ink);\n}\n.c21w-shoal-lake__about-lead + .c21w-shoal-lake__about-lead { margin-top: var(--space-md); color: var(--muted); font-size: var(--text-base); }\n.c21w-shoal-lake__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-shoal-lake__about-media img {\n  width: 100%; height: 100%; object-fit: cover; display: block;\n}\n@media (max-width: 860px) {\n  .c21w-shoal-lake__about-grid { grid-template-columns: 1fr; }\n  .c21w-shoal-lake__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-shoal-lake__attractions { background: var(--surface-2); }\n.c21w-shoal-lake__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-shoal-lake__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-shoal-lake__attr-card:hover { transform: translateY(-4px); box-shadow: 0 24px 48px -28px oklch(0 0 0 \/ 0.25); }\n.c21w-shoal-lake__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-shoal-lake__attr-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.c21w-shoal-lake__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-shoal-lake__attr-desc {\n  margin: 0 0 var(--space-md);\n  color: var(--muted);\n  font-size: var(--text-sm);\n}\n.c21w-shoal-lake__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-shoal-lake__attr-link:hover { border-color: var(--accent); }\n@media (max-width: 860px) {\n  .c21w-shoal-lake__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-shoal-lake__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-shoal-lake__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-shoal-lake__tab.c21w-active { background: var(--accent-fill); color: var(--accent-ink); }\n.c21w-shoal-lake__tab-panel { display: none; margin-top: var(--space-xl); }\n.c21w-shoal-lake__tab-panel.c21w-active { display: block; }\n.c21w-shoal-lake__school-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n  gap: var(--space-md);\n  margin-top: var(--space-xl);\n}\n.c21w-shoal-lake__tab-panel .c21w-shoal-lake__school-grid { margin-top: 0; }\n.c21w-shoal-lake__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-shoal-lake__school-card:hover { border-color: var(--border-strong); box-shadow: 0 12px 28px -20px oklch(0 0 0 \/ 0.25); }\n.c21w-shoal-lake__school-name {\n  margin: 0 0 4px;\n  font-weight: 700;\n  font-size: var(--text-sm);\n  color: var(--ink);\n}\n.c21w-shoal-lake__school-addr {\n  margin: 0;\n  font-size: 13px;\n  color: var(--muted);\n}\n.c21w-shoal-lake__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-shoal-lake__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-shoal-lake__school-visit:hover { background: var(--accent-fill); border-color: var(--accent-fill); color: var(--accent-ink); }\n.c21w-shoal-lake__school-row {\n  display: flex;\n  align-items: center;\n  gap: var(--space-sm);\n  width: 100%;\n}\n.c21w-shoal-lake__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-shoal-lake__listings {\n  background: var(--accent-fill);\n  color: var(--accent-ink);\n  text-align: center;\n}\n.c21w-shoal-lake__listings .c21w-shoal-lake__eyebrow { color: var(--accent-ink-muted); }\n.c21w-shoal-lake__listings .c21w-shoal-lake__h2 { color: var(--accent-ink); }\n.c21w-shoal-lake__listings .c21w-shoal-lake__section { padding-bottom: var(--space-lg); }\n.c21w-shoal-lake__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-shoal-lake__section { padding: var(--space-2xl) clamp(20px, 6vw, 96px); }\n  .c21w-shoal-lake__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-shoal-lake\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-shoal-lake) ~ .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     SHOAL LAKE 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>Shoal Lake<\/h1>\n      <p>Shoal Lake in Manitoba, Canada, is a vibrant town situated on the shores of the beautiful Shoal Lake.<\/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=\"Shoal Lake 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 Shoal Lake\n    <h2>Your Next Move in Shoal Lake<\/h2>\n        <p>Shoal Lake in Manitoba, Canada, is a vibrant town situated on the shores of the beautiful Shoal Lake. Known for its recreational opportunities, friendly community, and rich cultural heritage with the Shoal Lake 40 First Nation, the town offers activities such as boating, fishing, swimming, hiking, and camping. With amenities such as schools, healthcare facilities, and local businesses, Shoal Lake is a picturesque destination that combines natural beauty, community pride, and cultural richness.<\/p>\n        <img decoding=\"async\" src=\"https:\/\/westmanrealty.c21.ca\/files\/2023\/04\/shoal-lake-4.jpg\" alt=\"Shoal Lake, Manitoba\" loading=\"lazy\"\/>\n  <\/section>\n  <!-- \u2500\u2500\u2500 ATTRACTIONS \u2500\u2500\u2500 -->\n  <section id=\"attractions\" data-c21b-reveal>\n      Shoal Lake Attractions\n      <h2>Things to See &amp; Do<\/h2>\n        <article>\n            <img decoding=\"async\" src=\"https:\/\/westmanrealty.c21.ca\/files\/bb-plugin\/cache\/shoal-lake-3-circle.jpg\" alt=\"Shoal Lake\" loading=\"lazy\"\/>\n          <h3>Shoal Lake<\/h3>\n          <p>The pristine freshwater lake itself is a top attraction in Shoal Lake, Manitoba. With its crystal-clear waters, sandy beaches, and opportunities for boating, fishing, swimming, and water sports, Shoal Lake is a popular destination for outdoor enthusiasts and water lovers alike.<\/p>\n          <a href=\"https:\/\/www.travelmanitoba.com\/directory\/shoal-lake\/\" 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\/Library-scaled-circle.jpg\" alt=\"Shoal Lake Public Library\" loading=\"lazy\"\/>\n          <h3>Shoal Lake Public Library<\/h3>\n          <p>The town&#8217;s library is a hub of learning and community engagement, offering a wide range of resources, programs, and events for residents and visitors. It&#8217;s a great place to relax, read, and learn about the local history and culture.<\/p>\n          <a href=\"https:\/\/parklandlib.mb.ca\/explore\/aboutus\/branch-contact-information\/shoal-lake\/\" 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\/shoal-lake-golf-circle.jpg\" alt=\"Shoal Lake Golf Club\" loading=\"lazy\"\/>\n          <h3>Shoal Lake Golf Club<\/h3>\n          <p>Golf enthusiasts can enjoy a round of golf at the Shoal Lake Golf Club, which features a challenging 9-hole course with beautiful views of the surrounding landscape. The club also offers golf lessons and tournaments for avid golfers.<\/p>\n          <a href=\"http:\/\/www.lakesidegolfclubandcampground.com\/home.html\" 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    Shoal Lake Schools\n    <h2>Schools Serving the Area<\/h2>\n        <p>Shoal Lake School110 Station Road &#8211; Box 10, Shoal Lake, MB<\/p>K-12<a href=\"https:\/\/sls.pwsd.ca\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Shoal Lake School 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      Shoal Lake Listings\n      <h2>Homes for Sale in Shoal Lake<\/h2>\n      <p>Browse current MLS\u00ae listings in Shoal Lake 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 Shoal Lake goes here, pasted as its own module below this one. -->\n<!-- \/.c21w-shoal-lake -->\n\n","protected":false},"excerpt":{"rendered":"<p>Discover Shoal Lake Shoal Lake in Manitoba, Canada, is a vibrant town situated on the shores of the beautiful Shoal Lake. Get in Touch View Homes for Sale Scroll About Attractions Schools Listings Contact Us About Shoal Lake Your Next Move in Shoal Lake Shoal Lake in Manitoba, Canada, is a vibrant town situated on [&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-1527","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages\/1527","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=1527"}],"version-history":[{"count":15,"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages\/1527\/revisions"}],"predecessor-version":[{"id":2340,"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages\/1527\/revisions\/2340"}],"wp:attachment":[{"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/media?parent=1527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}