{"id":1626,"date":"2023-04-17T14:33:49","date_gmt":"2023-04-17T19:33:49","guid":{"rendered":"https:\/\/westmanrealty.c21.ca\/boissevain-copy"},"modified":"2026-08-05T09:17:03","modified_gmt":"2026-08-05T14:17:03","slug":"deloraine","status":"publish","type":"page","link":"https:\/\/westmanrealty.c21.ca\/fr-ca\/deloraine","title":{"rendered":"Deloraine"},"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   DELORAINE COMMUNITY PAGE  |  Century 21 Westman Realty Ltd.\n   Prefix: c21w-deloraine__   (safe from MoxiWorks collisions)\n   Standalone page, lives at \/deloraine.\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-deloraine {\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-deloraine *,\n.c21w-deloraine *::before,\n.c21w-deloraine *::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-deloraine) .fl-row-content-wrap { padding-bottom: 0 !important; }\n.fl-module-content:has(#c21w-deloraine) { margin-bottom: 0 !important; }\n.c21w-deloraine a { color: inherit; text-decoration: none; }\n.c21w-deloraine :focus { outline: none; }\n.c21w-deloraine :focus-visible {\n  outline: 2px solid var(--accent);\n  outline-offset: 3px;\n}\n.c21w-deloraine h1,\n.c21w-deloraine h2,\n.c21w-deloraine h3 { text-wrap: balance; }\n.c21w-deloraine p { text-wrap: pretty; }\n.c21w-deloraine__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-deloraine__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-deloraine__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-deloraine__subnav-link { scroll-behavior: auto !important; }\n}\n\/* \u2500\u2500\u2500 Buttons \u2500\u2500\u2500 *\/\n.c21w-deloraine__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-deloraine__btn:active { transform: scale(0.97); }\na.c21w-deloraine__btn--gold {\n  background: var(--accent-ink);\n  border-color: var(--accent-ink);\n  color: var(--accent-fill);\n}\na.c21w-deloraine__btn--gold:hover { background: transparent; color: var(--accent-ink); border-color: var(--accent-ink); }\na.c21w-deloraine__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-deloraine__btn--ghost:hover { background: oklch(1 0 0 \/ 0.12); border-color: oklch(1 0 0 \/ 0.85); }\na.c21w-deloraine__btn--dark {\n  background: var(--accent-fill);\n  border-color: var(--accent-fill);\n  color: var(--accent-ink);\n}\na.c21w-deloraine__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-deloraine__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\/deloraine-1.jpg');\n  background-size: cover;\n  background-position: center;\n}\n.c21w-deloraine__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-deloraine__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-deloraine__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-deloraine__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-deloraine__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-deloraine__hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-sm);\n  margin-top: var(--space-xl);\n}\n.c21w-deloraine__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-deloraine__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-deloraine__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-deloraine__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-deloraine__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-deloraine__subnav-inner::-webkit-scrollbar { display: none; }\n.c21w-deloraine__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-deloraine__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-deloraine__subnav-link:hover,\n.c21w-deloraine__subnav-link.c21w-active { color: var(--ink); }\n.c21w-deloraine__subnav-link.c21w-active::after { transform: scaleX(1); }\n.c21w-deloraine__subnav-cta { margin-left: auto; flex-shrink: 0; }\n.c21w-deloraine__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-deloraine__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-deloraine__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-deloraine__about-lead {\n  margin: 0;\n  max-width: 62ch;\n  font-size: var(--text-lg);\n  color: var(--ink);\n}\n.c21w-deloraine__about-lead + .c21w-deloraine__about-lead { margin-top: var(--space-md); color: var(--muted); font-size: var(--text-base); }\n.c21w-deloraine__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-deloraine__about-media img {\n  width: 100%; height: 100%; object-fit: cover; display: block;\n}\n@media (max-width: 860px) {\n  .c21w-deloraine__about-grid { grid-template-columns: 1fr; }\n  .c21w-deloraine__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-deloraine__attractions { background: var(--surface-2); }\n.c21w-deloraine__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-deloraine__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-deloraine__attr-card:hover { transform: translateY(-4px); box-shadow: 0 24px 48px -28px oklch(0 0 0 \/ 0.25); }\n.c21w-deloraine__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-deloraine__attr-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.c21w-deloraine__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-deloraine__attr-desc {\n  margin: 0 0 var(--space-md);\n  color: var(--muted);\n  font-size: var(--text-sm);\n}\n.c21w-deloraine__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-deloraine__attr-link:hover { border-color: var(--accent); }\n@media (max-width: 860px) {\n  .c21w-deloraine__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-deloraine__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-deloraine__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-deloraine__tab.c21w-active { background: var(--accent-fill); color: var(--accent-ink); }\n.c21w-deloraine__tab-panel { display: none; margin-top: var(--space-xl); }\n.c21w-deloraine__tab-panel.c21w-active { display: block; }\n.c21w-deloraine__school-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n  gap: var(--space-md);\n}\n.c21w-deloraine__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-deloraine__school-card:hover { border-color: var(--border-strong); box-shadow: 0 12px 28px -20px oklch(0 0 0 \/ 0.25); }\n.c21w-deloraine__school-name {\n  margin: 0 0 4px;\n  font-weight: 700;\n  font-size: var(--text-sm);\n  color: var(--ink);\n}\n.c21w-deloraine__school-addr {\n  margin: 0;\n  font-size: 13px;\n  color: var(--muted);\n}\n.c21w-deloraine__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-deloraine__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-deloraine__school-visit:hover { background: var(--accent-fill); border-color: var(--accent-fill); color: var(--accent-ink); }\n.c21w-deloraine__school-row {\n  display: flex;\n  align-items: center;\n  gap: var(--space-sm);\n  width: 100%;\n}\n.c21w-deloraine__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-deloraine__listings {\n  background: var(--accent-fill);\n  color: var(--accent-ink);\n  text-align: center;\n}\n.c21w-deloraine__listings .c21w-deloraine__eyebrow { color: var(--accent-ink-muted); }\n.c21w-deloraine__listings .c21w-deloraine__h2 { color: var(--accent-ink); }\n.c21w-deloraine__listings .c21w-deloraine__section { padding-bottom: var(--space-lg); }\n.c21w-deloraine__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-deloraine__section { padding: var(--space-2xl) clamp(20px, 6vw, 96px); }\n  .c21w-deloraine__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-deloraine\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-deloraine) ~ .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     DELORAINE 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>Deloraine<\/h1>\n      <p>Deloraine is a picturesque town located in southwestern Manitoba, Canada.<\/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=\"Deloraine 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 Deloraine\n    <h2>Your Next Move in Deloraine<\/h2>\n        <p>Deloraine is a picturesque town located in southwestern Manitoba, Canada. Known for its stunning natural beauty and friendly community, Deloraine offers a peaceful and idyllic small-town lifestyle. The town is nestled in the heart of the Turtle Mountains, offering ample opportunities for outdoor recreation, including hiking, fishing, and wildlife watching. Deloraine is also home to a vibrant arts scene, with local galleries and studios showcasing the talents of local artists. The town&#8217;s historic downtown area is characterized by well-preserved heritage buildings, adding to its charm and character. With its warm hospitality and serene surroundings, Deloraine is a beloved destination for residents and visitors alike.<\/p>\n        <img decoding=\"async\" src=\"https:\/\/westmanrealty.c21.ca\/files\/2023\/04\/deloraine-1.jpg\" alt=\"Deloraine, Manitoba\" loading=\"lazy\"\/>\n  <\/section>\n  <!-- \u2500\u2500\u2500 ATTRACTIONS \u2500\u2500\u2500 -->\n  <section id=\"attractions\" data-c21b-reveal>\n      Deloraine Attractions\n      <h2>Things to See &amp; Do<\/h2>\n        <article>\n            <img decoding=\"async\" src=\"https:\/\/westmanrealty.c21.ca\/files\/bb-plugin\/cache\/pool-circle.jpg\" alt=\"Deloraine Winchester Swimming Pool\" loading=\"lazy\"\/>\n          <h3>Deloraine Winchester Swimming Pool<\/h3>\n          <p>The Deloraine Swimming Pool is a favorite spot for locals and visitors alike during the warm summer months. With its large outdoor pool, water slide, and kiddie pool, it&#8217;s a fun and refreshing place to cool off and enjoy some splashing fun in the sun.<\/p>\n          <a href=\"https:\/\/www.delowin.ca\/p\/recreation-district#:~:text=Deloraine%2DWinchester%20Swimming%20Pool&amp;text=The%20pool%20is%20open%20seasonally,at%20204%2D747%2D3088.\" 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\/metigoshe-circle.jpg\" alt=\"Lake Metigoshe\" loading=\"lazy\"\/>\n          <h3>Lake Metigoshe<\/h3>\n          <p>Lake Metigoshe, located in the Turtle Mountains region of North Dakota, USA, is a popular year-round destination for outdoor enthusiasts. In addition to its recreational activities, the lake is surrounded by vibrant fall foliage in autumn, and its frozen surface offers opportunities for ice fishing and snowmobiling in the winter months, making it a scenic and diverse destination for nature lovers and adventure seekers alike.<\/p>\n          <a href=\"https:\/\/www.parkrec.nd.gov\/lake-metigoshe-state-park\" 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\/Prairie-Sentinels-Park-circle.jpg\" alt=\"Prairie Sentinels Park\" loading=\"lazy\"\/>\n          <h3>Prairie Sentinels Park<\/h3>\n          <p>Prairie Sentinels Park in Deloraine, Manitoba is a captivating attraction showcasing restored and preserved grain elevators that were once iconic symbols of the region&#8217;s agricultural industry. A must-visit destination for history enthusiasts, the park offers a glimpse into the past with its impressive collection of grain elevators, interpretive panels, and picnic area.<\/p>\n          <a href=\"https:\/\/www.delowin.ca\/p\/historical-sites\" 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    Southwest Horizon School Division &#8211; Deloraine\n    <h2>Schools Serving the Area<\/h2>\n        <p>Deloraine School112 Lake Street, Deloraine, MB<\/p>K-12<a href=\"https:\/\/dci.shmb.ca\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Deloraine 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      Deloraine Listings\n      <h2>Homes for Sale in Deloraine<\/h2>\n      <p>Browse current MLS\u00ae listings in Deloraine 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 Deloraine goes here, pasted as its own module below this one. -->\n<!-- \/.c21w-deloraine -->\n\n","protected":false},"excerpt":{"rendered":"<p>Discover Deloraine Deloraine is a picturesque town located in southwestern Manitoba, Canada. Get in Touch View Homes for Sale Scroll About Attractions Schools Listings Contact Us About Deloraine Your Next Move in Deloraine Deloraine is a picturesque town located in southwestern Manitoba, Canada. Known for its stunning natural beauty and friendly community, Deloraine offers a [&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-1626","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages\/1626","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=1626"}],"version-history":[{"count":11,"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages\/1626\/revisions"}],"predecessor-version":[{"id":2338,"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages\/1626\/revisions\/2338"}],"wp:attachment":[{"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/media?parent=1626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}