PageSourceSearch

https://www.westvillageacademy.org/blogs/news

html westvillageacademy.org collected 2026-10-05 07:56:23 UTC 233,624 bytes, 6,943 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head>
7    
8
9
10<meta charset="utf-8">
11<meta
12  http-equiv="X-UA-Compatible"
13  content="IE=edge"
14>
15<meta
16  name="viewport"
17  content="width=device-width,initial-scale=1"
18>
19<meta
20  name="view-transition"
21  content="same-origin"
22>
23<meta
24  name="theme-color"
25  content=""
26>
27
28<meta
29  property="og:site_name"
30  content="West Village Academy"
31>
32<meta
33  property="og:url"
34  content="https://www.westvillageacademy.org/blogs/news"
35>
36<meta
37  property="og:title"
38  content="News"
39>
40<meta
41  property="og:type"
42  content="website"
43>
44<meta
45  property="og:description"
46  content="West Village Academy"
47><meta
48  name="twitter:card"
49  content="summary_large_image"
50>
51<meta
52  name="twitter:title"
53  content="News"
54>
55<meta
56  name="twitter:description"
57  content="West Village Academy"
58>
59
60<title>
61  News
62 &ndash; West Village Academy</title>
63
64<link
65  rel="canonical"
66  href="https://www.westvillageacademy.org/blogs/news"
67>
68
69
70<link href="//www.westvillageacademy.org/cdn/shop/t/5/assets/overflow-list.css?v=16727044177065489451785520750" as="style" rel="preload">
71<link href="//www.westvillageacademy.org/cdn/shop/t/5/assets/base.css?v=163256528724360975751785520750" rel="stylesheet" type="text/css" media="all" />
72<link href="//www.westvillageacademy.org/cdn/fonts/open_sans/opensans_n4.c32e4d4eca5273f6d4ee95ddf54b5bbb75fc9b61.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
73<link href="//www.westvillageacademy.org/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
74<link href="//www.westvillageacademy.org/cdn/fonts/oswald/oswald_n7.b3ba3d6f1b341d51018e3cfba146932b55221727.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
75<link href="//www.westvillageacademy.org/cdn/fonts/oswald/oswald_n7.b3ba3d6f1b341d51018e3cfba146932b55221727.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
76
77
78<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 78
78
79<script type="importmap">
80  {
81    "imports": {
82      "@theme/overflow-list": "//www.westvillageacademy.org/cdn/shop/t/5/assets/overflow-list.js?v=46858356770684902511785520750",
83      "@theme/component": "//www.westvillageacademy.org/cdn/shop/t/5/assets/component.js?v=175690430936884589731785520750",
84      "@theme/dialog": "//www.westvillageacademy.org/cdn/shop/t/5/assets/dialog.js?v=50435175020407122251785520750",
85      "@theme/events": "//www.westvillageacademy.org/cdn/shop/t/5/assets/events.js?v=99399773727497444581785520750",
86      "@shopify/events": "https://cdn.shopify.com/storefront/standard-events.js",
87      "@theme/view-event-elements": "//www.westvillageacademy.org/cdn/shop/t/5/assets/view-event-elements.js?v=34258756885466567141785520750",
88      "@theme/focus": "//www.westvillageacademy.org/cdn/shop/t/5/assets/focus.js?v=60436577539430446401785520750",
89      "@theme/morph": "//www.westvillageacademy.org/cdn/shop/t/5/assets/morph.js?v=182601902166245204061785520750",
90      "@theme/paginated-list": "//www.westvillageacademy.org/cdn/shop/t/5/assets/paginated-list.js?v=71290058904108491691785520750",
91      "@theme/performance": "//www.westvillageacademy.org/cdn/shop/t/5/assets/performance.js?v=171015751390534793081785520750",
92      "@theme/product-form": "//www.westvillageacademy.org/cdn/shop/t/5/assets/product-form.js?v=75424241456978697291785520750",
93      "@theme/recently-viewed-products": "//www.westvillageacademy.org/cdn/shop/t/5/assets/recently-viewed-products.js?v=94729125001750262651785520750",
94      "@theme/scrolling": "//www.westvillageacademy.org/cdn/shop/t/5/assets/scrolling.js?v=162288454571026455011785520750",
95      "@theme/section-renderer": "//www.westvillageacademy.org/cdn/shop/t/5/assets/section-renderer.js?v=44511745960026958271785520750",
96      "@theme/section-hydration": "//www.westvillageacademy.org/cdn/shop/t/5/assets/section-hydration.js?v=108434990705342316311785520750",
97      "@theme/money-formatting": "//www.westvillageacademy.org/cdn/shop/t/5/assets/money-formatting.js?v=160151249720534550011785520750",
98      "@theme/utilities": "//www.westvillageacademy.org/cdn/shop/t/5/assets/utilities.js?v=66596746310761568671785520750",
99      "@theme/variant-picker": "//www.westvillageacademy.org/cdn/shop/t/5/assets/variant-picker.js?v=21977969907998071131785520750",
100      "@theme/media-gallery": "//www.westvillageacademy.org/cdn/shop/t/5/assets/media-gallery.js?v=154207211298275592001785520750",
101      "@theme/quick-add": "//www.westvillageacademy.org/cdn/shop/t/5/assets/quick-add.js?v=43065342542833269571785520750",
102      "@theme/paginated-list-aspect-ratio": "//www.westvillageacademy.org/cdn/shop/t/5/assets/paginated-list-aspect-ratio.js?v=25254270272143792451785520750",
103      "@theme/popover-polyfill": "//www.westvillageacademy.org/cdn/shop/t/5/assets/popover-polyfill.js?v=119029313658895111201785520750",
104      "@theme/component-quantity-selector": "//www.westvillageacademy.org/cdn/shop/t/5/assets/component-quantity-selector.js?v=67906657287482036641785520750",
105      "@theme/comparison-slider": "//www.westvillageacademy.org/cdn/shop/t/5/assets/comparison-slider.js?v=106705562947035711941785520750",
106      "@theme/sticky-add-to-cart": "//www.westvillageacademy.org/cdn/shop/t/5/assets/sticky-add-to-cart.js?v=130489688094345781431785520750",
107      "@theme/fly-to-cart": "//www.westvillageacademy.org/cdn/shop/t/5/assets/fly-to-cart.js?v=48483246440248933081785520750",
108      "@theme/scroll-container": "//www.westvillageacademy.org/cdn/shop/t/5/assets/scroll-container.js?v=127018149358875384221785520750",
109      "@theme/theme-drawer": "//www.westvillageacademy.org/cdn/shop/t/5/assets/theme-drawer.js?v=19271060799489679091785520750"
110    }
111  }
112</script>
112<script
113  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/standard-actions-override.js?v=171683365447094389611785520750"
114  type="module"
115></script>
115
116
117<script
118  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/page-view-event.js?v=12823247316348680231785520750"
119  type="module"
120  defer
121></script>
121
122
123<script
124  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/view-transitions.js?v=5297208939214537721785520750"
125  async
126  
127></script>
127
128
129<link
130  rel="modulepreload"
131  href="//www.westvillageacademy.org/cdn/shop/t/5/assets/utilities.js?v=66596746310761568671785520750"
132  fetchpriority="low"
133>
134<link
135  rel="modulepreload"
136  href="//www.westvillageacademy.org/cdn/shop/t/5/assets/component.js?v=175690430936884589731785520750"
137  fetchpriority="low"
138>
139<link
140  rel="modulepreload"
141  href="//www.westvillageacademy.org/cdn/shop/t/5/assets/section-renderer.js?v=44511745960026958271785520750"
142  fetchpriority="low"
143>
144<link
145  rel="modulepreload"
146  href="//www.westvillageacademy.org/cdn/shop/t/5/assets/section-hydration.js?v=108434990705342316311785520750"
147  fetchpriority="low"
148>
149<link
150  rel="modulepreload"
151  href="//www.westvillageacademy.org/cdn/shop/t/5/assets/morph.js?v=182601902166245204061785520750"
152  fetchpriority="low"
153>
154
155
156
157<link
158  rel="modulepreload"
159  href="//www.westvillageacademy.org/cdn/shop/t/5/assets/focus.js?v=60436577539430446401785520750"
160  fetchpriority="low"
161>
162<link
163  rel="modulepreload"
164  href="//www.westvillageacademy.org/cdn/shop/t/5/assets/recently-viewed-products.js?v=94729125001750262651785520750"
165  fetchpriority="low"
166>
167<link
168  rel="modulepreload"
169  href="//www.westvillageacademy.org/cdn/shop/t/5/assets/scrolling.js?v=162288454571026455011785520750"
170  fetchpriority="low"
171>
172<link
173  rel="modulepreload"
174  href="//www.westvillageacademy.org/cdn/shop/t/5/assets/events.js?v=99399773727497444581785520750"
175  fetchpriority="low"
176>
177<script
178  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/popover-polyfill.js?v=119029313658895111201785520750"
179  type="module"
180  fetchpriority="low"
181></script>
vendor: 1 bytes, line 181
181
182<script
183  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/overflow-list.js?v=46858356770684902511785520750"
184  type="module"
185  fetchpriority="low"
186></script>
vendor: 1 bytes, line 186
186
187<script
188  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/quick-add.js?v=43065342542833269571785520750"
189  type="module"
190  fetchpriority="low"
191></script>
191
192
193  
193<script
194    src="//www.westvillageacademy.org/cdn/shop/t/5/assets/cart-discount.js?v=138990160074728809221785520750"
195    type="module"
196    fetchpriority="low"
197  ></script>
197
198
199
200<script
201  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/dialog.js?v=50435175020407122251785520750"
202  type="module"
203  fetchpriority="low"
204></script>
vendor: 1 bytes, line 204
204
205<script
206  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/variant-picker.js?v=21977969907998071131785520750"
207  type="module"
208  fetchpriority="low"
209></script>
vendor: 1 bytes, line 209
209
210<script
211  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/product-card.js?v=37238785082130356571785520750"
212  type="module"
213  fetchpriority="low"
214></script>
vendor: 1 bytes, line 214
214
215<script
216  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/product-form.js?v=75424241456978697291785520750"
217  type="module"
218  fetchpriority="low"
219></script>
vendor: 1 bytes, line 219
219
220<script
221  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/fly-to-cart.js?v=48483246440248933081785520750"
222  type="module"
223  fetchpriority="low"
224></script>
vendor: 1 bytes, line 224
224
225<script
226  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/accordion-custom.js?v=97588419883090888471785520750"
227  type="module"
228  fetchpriority="low"
229></script>
vendor: 1 bytes, line 229
229
230<script
231  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/media.js?v=37825095869491791421785520750"
232  type="module"
233  fetchpriority="low"
234></script>
vendor: 1 bytes, line 234
234
235<script
236  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/product-price.js?v=179333985604099329921785520750"
237  type="module"
238  fetchpriority="low"
239></script>
vendor: 1 bytes, line 239
239
240<script
241  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/product-sku.js?v=28741104639155857071785520750"
242  type="module"
243  fetchpriority="low"
244></script>
vendor: 1 bytes, line 244
244
245<script
246  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/product-inventory.js?v=7173209571153411411785520750"
247  type="module"
248  fetchpriority="low"
249></script>
vendor: 1 bytes, line 249
249
250<script
251  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/show-more.js?v=94563802205717136101785520750"
252  type="module"
253  fetchpriority="low"
254></script>
vendor: 1 bytes, line 254
254
255<script
256  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/slideshow.js?v=28306258147874261831785520750"
257  type="module"
258  fetchpriority="low"
259></script>
vendor: 1 bytes, line 259
259
260<script
261  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/layered-slideshow.js?v=30135417790894624731785520750"
262  type="module"
263  fetchpriority="low"
264></script>
vendor: 1 bytes, line 264
264
265<script
266  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/anchored-popover.js?v=95953304814728754461785520750"
267  type="module"
268  fetchpriority="low"
269></script>
vendor: 1 bytes, line 269
269
270<script
271  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/floating-panel.js?v=151277338116891310371785520750"
272  type="module"
273  fetchpriority="low"
274></script>
vendor: 1 bytes, line 274
274
275<script
276  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/video-background.js?v=25237992823806706551785520750"
277  type="module"
278  fetchpriority="low"
279></script>
vendor: 1 bytes, line 279
279
280<script
281  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/component-quantity-selector.js?v=67906657287482036641785520750"
282  type="module"
283  fetchpriority="low"
284></script>
vendor: 1 bytes, line 284
284
285<script
286  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/media-gallery.js?v=154207211298275592001785520750"
287  type="module"
288  fetchpriority="low"
289></script>
vendor: 1 bytes, line 289
289
290<script
291  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/rte-formatter.js?v=40306132146590816021785520750"
292  type="module"
293  fetchpriority="low"
294></script>
vendor: 1 bytes, line 294
294
295<script
296  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/volume-pricing.js?v=15442793518842484731785520750"
297  type="module"
298  fetchpriority="low"
299></script>
vendor: 1 bytes, line 299
299
300<script
301  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/price-per-item.js?v=115937180292451397851785520750"
302  type="module"
303  fetchpriority="low"
304></script>
vendor: 1 bytes, line 304
304
305<script
306  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661785520750"
307  type="module"
308  fetchpriority="low"
309></script>
309
310
311
312  
312<script
313    src="//www.westvillageacademy.org/cdn/shop/t/5/assets/localization.js?v=15585934801240115691785520750"
314    type="module"
315    fetchpriority="low"
316  ></script>
316
317
318
319
320
321<script
322  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/auto-close-details.js?v=58350291535404441581785520750"
323  defer="defer"
324></script>
324
325
326<script>
327  const Theme = {
328    translations: {
329      placeholder_image: `Placeholder image`,
330      added: `Added`,
331      recipient_form_fields_visible: `Recipient form fields are now visible`,
332      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
333      recipient_form_error: `There was an error with the form submission`,
334      items_added_to_cart_one: `1 item added to cart`,
335      items_added_to_cart_other: `{{ count }} items added to cart`,
336      cart_count: `Total items in cart`,
337    },
338    routes: {
339      cart_add_url: '/cart/add.js',
340      cart_change_url: '/cart/change',
341      cart_update_url: '/cart/update',
342      cart_url: '/cart',
343      predictive_search_url: '/search/suggest',
344      search_url: '/search',
345    },
346    template: {
347      name: 'blog',
348    },
349  };
350</script>
350
351<style data-shopify>
352@font-face {
353  font-family: "Open Sans";
354  font-weight: 400;
355  font-style: normal;
356  font-display: swap;
357  src: url("//www.westvillageacademy.org/cdn/fonts/open_sans/opensans_n4.c32e4d4eca5273f6d4ee95ddf54b5bbb75fc9b61.woff2") format("woff2"),
358       url("//www.westvillageacademy.org/cdn/fonts/open_sans/opensans_n4.5f3406f8d94162b37bfa232b486ac93ee892406d.woff") format("woff");
359}
360@font-face {
361  font-family: "Open Sans";
362  font-weight: 700;
363  font-style: normal;
364  font-display: swap;
365  src: url("//www.westvillageacademy.org/cdn/fonts/open_sans/opensans_n7.a9393be1574ea8606c68f4441806b2711d0d13e4.woff2") format("woff2"),
366       url("//www.westvillageacademy.org/cdn/fonts/open_sans/opensans_n7.7b8af34a6ebf52beb1a4c1d8c73ad6910ec2e553.woff") format("woff");
367}
368@font-face {
369  font-family: "Open Sans";
370  font-weight: 400;
371  font-style: italic;
372  font-display: swap;
373  src: url("//www.westvillageacademy.org/cdn/fonts/open_sans/opensans_i4.6f1d45f7a46916cc95c694aab32ecbf7509cbf33.woff2") format("woff2"),
374       url("//www.westvillageacademy.org/cdn/fonts/open_sans/opensans_i4.4efaa52d5a57aa9a57c1556cc2b7465d18839daa.woff") format("woff");
375}
376@font-face {
377  font-family: "Open Sans";
378  font-weight: 700;
379  font-style: italic;
380  font-display: swap;
381  src: url("//www.westvillageacademy.org/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"),
382       url("//www.westvillageacademy.org/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff");
383}
384@font-face {
385  font-family: Oswald;
386  font-weight: 400;
387  font-style: normal;
388  font-display: swap;
389  src: url("//www.westvillageacademy.org/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2") format("woff2"),
390       url("//www.westvillageacademy.org/cdn/fonts/oswald/oswald_n4.ae5e497f60fc686568afe76e9ff1872693c533e9.woff") format("woff");
391}
392@font-face {
393  font-family: Oswald;
394  font-weight: 700;
395  font-style: normal;
396  font-display: swap;
397  src: url("//www.westvillageacademy.org/cdn/fonts/oswald/oswald_n7.b3ba3d6f1b341d51018e3cfba146932b55221727.woff2") format("woff2"),
398       url("//www.westvillageacademy.org/cdn/fonts/oswald/oswald_n7.6cec6bed2bb070310ad90e19ea7a56b65fd83c0b.woff") format("woff");
399}
400
401
402  :root {
403    /* Page Layout */
404    --sidebar-width: 25rem;
405    --theme-drawer-width: 30rem;
406    --narrow-content-width: 36rem;
407    --normal-content-width: 42rem;
408    --wide-content-width: 46rem;
409    --narrow-page-width: 90rem;
410    --normal-page-width: 120rem;
411    --wide-page-width: 150rem;
412
413    /* Section Heights */
414    --section-height-small: 15rem;
415    --section-height-medium: 25rem;
416    --section-height-large: 35rem;
417
418    @media screen and (min-width: 40em) {
419      --section-height-small: 40svh;
420      --section-height-medium: 55svh;
421      --section-height-large: 70svh;
422    }
423
424    @media screen and (min-width: 60em) {
425      --section-height-small: 50svh;
426      --section-height-medium: 65svh;
427      --section-height-large: 80svh;
428    }
429
430    /* Letter spacing */
431    --letter-spacing-sm: 0.06em;
432    --letter-spacing-md: 0.13em;
433
434    /* Font families */
435    --font-body--family: "Open Sans", sans-serif;
436    --font-body--style: normal;
437    --font-body--weight: 400;
438    --font-subheading--family: Oswald, sans-serif;
439    --font-subheading--style: normal;
440    --font-subheading--weight: 400;
441    --font-heading--family: Oswald, sans-serif;
442    --font-heading--style: normal;
443    --font-heading--weight: 700;
444    --font-accent--family: Oswald, sans-serif;
445    --font-accent--style: normal;
446    --font-accent--weight: 700;
447
448    /* Margin sizes */
449    --font-heading--spacing: 0.25em;
450    --font-h1--spacing: var(--font-heading--spacing);
451    --font-h2--spacing: var(--font-heading--spacing);
452    --font-h3--spacing: var(--font-heading--spacing);
453    --font-h4--spacing: var(--font-heading--spacing);
454    --font-h5--spacing: var(--font-heading--spacing);
455    --font-h6--spacing: var(--font-heading--spacing);
456    --font-paragraph--spacing: 0.5em;
457
458    /** Z-Index / Layering */
459    --layer-section-background: -2;
460    --layer-lowest: -1;
461    --layer-base: 0;
462    --layer-flat: 1;
463    --layer-raised: 2;
464    --layer-heightened: 4;
465    --layer-sticky: 8;
466    --layer-window-overlay: 10;
467    --layer-header-menu: 12;
468    --layer-overlay: 16;
469    --layer-menu-drawer: 18;
470    --layer-temporary: 20;
471
472    /* Max-width / Measure */
473    --max-width--body-normal: 32.5em;
474    --max-width--body-narrow: 22.75em;
475
476    --max-width--heading-normal: 32.5em;
477    --max-width--heading-narrow: 19.5em;
478
479    --max-width--display-normal: 13em;
480    --max-width--display-narrow: 9.75em;
481    --max-width--display-tight: 3.25em;
482
483    /* Letter-spacing / Tracking */
484    --letter-spacing--display-tight: -0.03em;
485    --letter-spacing--display-normal: 0em;
486    --letter-spacing--display-loose: 0.03em;
487
488    --letter-spacing--heading-tight: -0.03em;
489    --letter-spacing--heading-normal: 0em;
490    --letter-spacing--heading-loose: 0.03em;
491
492    --letter-spacing--body-tight: -0.03em;
493    --letter-spacing--body-normal: 0em;
494    --letter-spacing--body-loose: 0.03em;
495
496    /* Line height / Leading */
497    --line-height: 1;
498
499    --line-height--display-tight: 1;
500    --line-height--display-normal: 1.1;
501    --line-height--display-loose: 1.2;
502
503    --line-height--heading-tight: 1.15;
504    --line-height--heading-normal: 1.25;
505    --line-height--heading-loose: 1.35;
506
507    --line-height--body-tight: 1.2;
508    --line-height--body-normal: 1.4;
509    --line-height--body-loose: 1.6;
510
511    /* Typography presets */
512    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
513
514    /* Hardcoded font sizes */
515    --font-size--3xs: 0.625rem;
516    --font-size--2xs: 0.75rem;
517    --font-size--xs: 0.8125rem;
518    --font-size--sm: 0.875rem;
519    --font-size--md: 1rem;
520    --font-size--lg: 1.125rem;
521    --font-size--xl: 1.25rem;
522    --font-size--2xl: 1.5rem;
523    --font-size--3xl: 2rem;
524    --font-size--4xl: 2.5rem;
525    --font-size--5xl: 3rem;
526    --font-size--6xl: 3.5rem;
527
528    /* Menu font sizes */
529    --menu-font-sm--size: 0.875rem;
530    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
531    --menu-font-md--size: 1rem;
532    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
533    --menu-font-lg--size: 1.125rem;
534    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
535    --menu-font-xl--size: 1.25rem;
536    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
537    --menu-font-2xl--size: 1.75rem;
538    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
539
540    /* Colors */
541    --color-error: #8B0000;
542    --color-success: #006400;
543    --color-white: #FFFFFF;
544    --color-white-rgb: 255 255 255;
545    --color-black: #000000;
546    --color-instock: #3ED660;
547    --color-lowstock: #EE9441;
548    --color-outofstock: #C8C8C8;
549
550    /* Opacity */
551    --opacity-5: 0.05;
552    --opacity-8: 0.08;
553    --opacity-10: 0.1;
554    --opacity-15: 0.15;
555    --opacity-20: 0.2;
556    --opacity-25: 0.25;
557    --opacity-30: 0.3;
558    --opacity-40: 0.4;
559    --opacity-50: 0.5;
560    --opacity-60: 0.6;
561    --opacity-70: 0.7;
562    --opacity-80: 0.8;
563    --opacity-85: 0.85;
564    --opacity-90: 0.9;
565    --opacity-subdued-text: 0.8;
566    --opacity-muted-text: 0.6;
567
568    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
569    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
570
571    /* Spacing */
572    --margin-3xs: 0.125rem;
573    --margin-2xs: 0.3rem;
574    --margin-xs: 0.5rem;
575    --margin-sm: 0.7rem;
576    --margin-md: 0.8rem;
577    --margin-lg: 1rem;
578    --margin-xl: 1.25rem;
579    --margin-2xl: 1.5rem;
580    --margin-3xl: 1.75rem;
581    --margin-4xl: 2rem;
582    --margin-5xl: 3rem;
583    --margin-6xl: 5rem;
584
585    --scroll-margin: 50px;
586
587    --padding-3xs: 0.125rem;
588    --padding-2xs: 0.25rem;
589    --padding-xs: 0.5rem;
590    --padding-sm: 0.7rem;
591    --padding-md: 0.8rem;
592    --padding-lg: 1rem;
593    --padding-xl: 1.25rem;
594    --padding-2xl: 1.5rem;
595    --padding-3xl: 1.75rem;
596    --padding-4xl: 2rem;
597    --padding-5xl: 3rem;
598    --padding-6xl: 4rem;
599
600    --gap-3xs: 0.125rem;
601    --gap-2xs: 0.3rem;
602    --gap-xs: 0.5rem;
603    --gap-sm: 0.7rem;
604    --gap-md: 0.9rem;
605    --gap-lg: 1rem;
606    --gap-xl: 1.25rem;
607    --gap-2xl: 2rem;
608    --gap-3xl: 3rem;
609
610    --spacing-scale-sm: 0.6;
611    --spacing-scale-md: 0.7;
612    --spacing-scale-default: 1.0;
613
614    /* Checkout buttons gap */
615    --checkout-button-gap: 10px;
616
617    /* Borders */
618    --style-border-width: 1px;
619    --style-border-radius-xs: 0.2rem;
620    --style-border-radius-sm: 0.6rem;
621    --style-border-radius-md: 0.8rem;
622    --style-border-radius-50: 50%;
623    --style-border-radius-lg: 1rem;
624    --style-border-radius-pills: 40px;
625    --style-border-radius-inputs: 4px;
626    --style-border-radius-buttons-primary: 14px;
627    --style-border-radius-buttons-secondary: 14px;
628    --style-border-width-primary: 0px;
629    --style-border-width-secondary: 1px;
630    --style-border-width-inputs: 1px;
631    --style-border-radius-popover: 14px;
632    --style-border-popover: 1px solid ;
633    --style-border-drawer: 1px solid ;
634    --style-border-swatch-opacity: 10%;
635    --style-border-swatch-width: 1px;
636    --style-border-swatch-style: solid;
637
638    /* Animation */
639    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
640    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
641    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
642    --animation-speed-fast: 0.0625s;
643    --animation-speed: 0.125s;
644    --animation-speed-slow: 0.2s;
645    --animation-speed-medium: 0.15s;
646    --animation-easing: ease-in-out;
647    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
648    --drawer-animation-speed: 0.2s;
649    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
650    --animation-values: var(--animation-speed) var(--animation-easing);
651    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
652    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
653    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
654    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
655    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
656    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
657    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
658    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
659    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
660    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
661    --spring-d300-b0-duration: 0.4980s;
662    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
663    --spring-d280-b0-duration: 0.4648s;
664    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
665    --spring-d260-b0-duration: 0.4316s;
666    --spring-d220-b0-easing: linear(
667      0,
668      0.0093 1.37%,
669      0.0696 4.12%,
670      0.4667 15.09%,
671      0.6322 20.58%,
672      0.6986 23.32%,
673      0.7793 27.44%,
674      0.8219 30.18%,
675      0.8721,
676      0.9089 38.42%,
677      0.9427,
678      0.9644,
679      0.978 54.88%,
680      0.9881 61.74%,
681      0.9944 69.97%,
682      0.998 80.95%,
683      0.9996 98.78%
684    );
685    --spring-d220-b0-duration: 0.3818s;
686    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
687    --spring-d180-b0-duration: 0.2988s;
688
689    /* View transitions */
690    /* View transition old */
691    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
692
693    /* View transition new */
694    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
695
696    /* Focus */
697    --focus-outline-width: 0.09375rem;
698    --focus-outline-offset: 0.2em;
699
700    /* Badges */
701    --badge-blob-padding-block: 1px;
702    --badge-blob-padding-inline: 12px 8px;
703    --badge-rectangle-padding-block: 1px;
704    --badge-rectangle-padding-inline: 6px;
705    @media screen and (min-width: 750px) {
706      --badge-blob-padding-block: 4px;
707      --badge-blob-padding-inline: 16px 12px;
708      --badge-rectangle-padding-block: 4px;
709      --badge-rectangle-padding-inline: 10px;
710    }
711
712    /* Icons */
713    --icon-size-2xs: 0.6rem;
714    --icon-size-xs: 0.85rem;
715    --icon-size-sm: 1.25rem;
716    --icon-size-md: 1.375rem;
717    --icon-size-lg: 1.5rem;
718    --icon-stroke-width: 1.5px;
719
720    /* Input */
721    --input-email-min-width: 200px;
722    --input-search-max-width: 650px;
723    --input-padding-y: 0.8rem;
724    --input-padding-x: 0.8rem;
725    --input-padding: var(--input-padding-y) var(--input-padding-x);
726    --input-box-shadow-width: var(--style-border-width-inputs);
727    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
728    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
729    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
730    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
731    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
732    --input-textarea-min-height: 55px;
733
734    /* Checkbox */
735    --checkbox-size: 22px;
736    --checkbox-border-radius: 7px;
737    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
738    --checkbox-label-padding: 8px;
739
740    @media screen and (min-width: 750px) {
741      --checkbox-size: 16px;
742      --checkbox-border-radius: 5px;
743      --checkbox-label-padding: 6px;
744    }
745
746    /* Button size */
747    --button-size-sm: 30px;
748    --button-size-md: 36px;
749    --button-size: var(--minimum-touch-target);
750    --button-padding-inline: 24px;
751    --button-padding-block: 16px;
752
753    /* Button font-family */
754    --button-font-family-primary: var(--font-body--family);
755    --button-font-family-secondary: var(--font-body--family);
756
757    /* Button text case */
758    --button-text-case: ;
759    --button-text-case-primary: default;
760    --button-text-case-secondary: default;
761
762    /* Borders */
763    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
764    --border-width-sm: 1px;
765    --border-width-md: 2px;
766    --border-width-lg: 5px;
767    --border-radius-sm: 0.25rem;
768
769    /* Drawers */
770    --drawer-inline-padding: 25px;
771    --drawer-menu-inline-padding: 2.5rem;
772    --drawer-header-block-padding: 20px;
773    --drawer-content-block-padding: 10px;
774    --drawer-header-desktop-top: 0rem;
775    --drawer-padding: calc(var(--padding-sm) + 7px);
776    --drawer-height: 100dvh;
777    --drawer-width: 95vw;
778    --drawer-max-width: 500px;
779
780    /* Variant Picker Swatches */
781    --variant-picker-swatch-width-unitless: 34;
782    --variant-picker-swatch-height-unitless: 34;
783    --variant-picker-swatch-width: 34px;
784    --variant-picker-swatch-height: 34px;
785    --variant-picker-swatch-radius: 32px;
786    --variant-picker-border-width: 1px;
787    --variant-picker-border-style: solid;
788    --variant-picker-border-opacity: 10%;
789
790    /* Variant Picker Buttons */
791    --variant-picker-button-radius: 14px;
792    --variant-picker-button-border-width: 1px;
793    --variant-option-label-color: var(--color, var(--color-foreground));
794
795    /* Slideshow */
796    --slideshow-controls-size: 3.5rem;
797    --slideshow-controls-icon: 2rem;
798    --peek-next-slide-size: 3rem;
799
800    /* Utilities */
801    --backdrop-opacity: 0.15;
802    --backdrop-color-rgb: var(--color-shadow-rgb);
803    --minimum-touch-target: 44px;
804    --disabled-opacity: 0.5;
805    --skeleton-opacity: 0.025;
806
807    /* Shapes */
808    --shape--circle: circle(50% at center);
809    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
810    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
811    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
811% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
812
813    /* Buy buttons */
814    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
815
816    /* Card image width and height variables */
817    --card-width-small: 10rem;
818
819    --height-small: 10rem;
820    --height-medium: 11.5rem;
821    --height-large: 13rem;
822    --height-full: 100vh;
823
824    @media screen and (min-width: 750px) {
825      --height-small: 17.5rem;
826      --height-medium: 21.25rem;
827      --height-large: 25rem;
828    }
829
830    /* Modal */
831    --modal-max-height: 65dvh;
832    --quick-add-modal-height: min(38.5rem, 96vh);
833    --quick-add-modal-width: min(54rem, 96vw);
834    --quick-add-modal-gallery-width: 24rem;
835
836    /* Card styles for search */
837    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
838    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
839    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
840
841    /* Cart */
842    --cart-primary-font-family: var(--font-body--family);
843    --cart-primary-font-style: var(--font-body--style);
844    --cart-primary-font-weight: var(--font-body--weight);
845    --cart-secondary-font-family: var(--font-secondary--family);
846    --cart-secondary-font-style: var(--font-secondary--style);
847    --cart-secondary-font-weight: var(--font-secondary--weight);
848  }
849</style>
850
851
852
853
854
855
856  <style data-shopify>
857    .color-custom-popover,
858    .color-custom-popover .text-block {
859      /* Background */
860      --color-background: #f8f8f6;
861      --color-background-rgb: 248 248 246;
862
863      /* Opacity values adjusted for background brightness */
864      
865--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
8660.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
867
868
869      
870        /* Foreground / text — explicit or smart-contrasted */
871        --color: #1a1a1a;
872        --color-rgb: 26 26 26;
873        --color-foreground: #1a1a1a;
874        --color-foreground-rgb: 26 26 26;
875        --color-foreground-muted: rgb(26 26 26 / var(--opacity-muted-text));
876        --color-foreground-subdued: rgb(26 26 26 / var(--opacity-subdued-text));
877        --color-border: #1a1a1a;
878        --color-border-rgb: 26 26 26;
879      
880    }
881
882    
883      .color-custom-popover {
884        /* Form-related tokens stay on .color-custom only — .text-block is a prose
885           container (text/announcement/inline-text/blog-post-description/
886           collection-link/price/sku) and never holds form inputs. */
887        --input-disabled-background-color: rgb(26 26 26 / var(--opacity-10));
888        --input-disabled-border-color: rgb(26 26 26 / var(--opacity-5));
889        --input-disabled-text-color: rgb(26 26 26 / var(--opacity-50));
890        --checkbox-border: 1px solid rgb(26 26 26 / var(--opacity-35-55));
891      }
892    
893
894    .color-custom-popover {
895      color: var(--color, var(--color-foreground));
896      background-color: var(--color-background);
897    }
898  </style>
899
900
901
902
903
904
905
906
907  <style data-shopify>
908    .color-custom-drawer,
909    .color-custom-drawer .text-block {
910      /* Background */
911      --color-background: #f8f8f6;
912      --color-background-rgb: 248 248 246;
913
914      /* Opacity values adjusted for background brightness */
915      
916--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
9170.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
918
919
920      
921        /* Foreground / text — explicit or smart-contrasted */
922        --color: #1a1a1a;
923        --color-rgb: 26 26 26;
924        --color-foreground: #1a1a1a;
925        --color-foreground-rgb: 26 26 26;
926        --color-foreground-muted: rgb(26 26 26 / var(--opacity-muted-text));
927        --color-foreground-subdued: rgb(26 26 26 / var(--opacity-subdued-text));
928        --color-border: #1a1a1a;
929        --color-border-rgb: 26 26 26;
930      
931    }
932
933    
934      .color-custom-drawer {
935        /* Form-related tokens stay on .color-custom only — .text-block is a prose
936           container (text/announcement/inline-text/blog-post-description/
937           collection-link/price/sku) and never holds form inputs. */
938        --input-disabled-background-color: rgb(26 26 26 / var(--opacity-10));
939        --input-disabled-border-color: rgb(26 26 26 / var(--opacity-5));
940        --input-disabled-text-color: rgb(26 26 26 / var(--opacity-50));
941        --checkbox-border: 1px solid rgb(26 26 26 / var(--opacity-35-55));
942      }
943    
944
945    .color-custom-drawer {
946      color: var(--color, var(--color-foreground));
947      background-color: var(--color-background);
948    }
949  </style>
950
951
952
953
954
955
956
957
958  <style data-shopify>
959    .color-custom-badge-sale,
960    .color-custom-badge-sale .text-block {
961      /* Background */
962      --color-background: #f8f8f6;
963      --color-background-rgb: 248 248 246;
964
965      /* Opacity values adjusted for background brightness */
966      
967--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
9680.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
969
970
971      
972        /* Foreground / text — explicit or smart-contrasted */
973        --color: #1a1a1a;
974        --color-rgb: 26 26 26;
975        --color-foreground: #1a1a1a;
976        --color-foreground-rgb: 26 26 26;
977        --color-foreground-muted: rgb(26 26 26 / var(--opacity-muted-text));
978        --color-foreground-subdued: rgb(26 26 26 / var(--opacity-subdued-text));
979        --color-border: #1a1a1a;
980        --color-border-rgb: 26 26 26;
981      
982    }
983
984    
985      .color-custom-badge-sale {
986        /* Form-related tokens stay on .color-custom only — .text-block is a prose
987           container (text/announcement/inline-text/blog-post-description/
988           collection-link/price/sku) and never holds form inputs. */
989        --input-disabled-background-color: rgb(26 26 26 / var(--opacity-10));
990        --input-disabled-border-color: rgb(26 26 26 / var(--opacity-5));
991        --input-disabled-text-color: rgb(26 26 26 / var(--opacity-50));
992        --checkbox-border: 1px solid rgb(26 26 26 / var(--opacity-35-55));
993      }
994    
995
996    .color-custom-badge-sale {
997      color: var(--color, var(--color-foreground));
998      background-color: var(--color-background);
999    }
1000  </style>
1001
1002
1003
1004
1005
1006
1007
1008
1009  <style data-shopify>
1010    .color-custom-badge-sold-out,
1011    .color-custom-badge-sold-out .text-block {
1012      /* Background */
1013      --color-background: #eef1ea;
1014      --color-background-rgb: 238 241 234;
1015
1016      /* Opacity values adjusted for background brightness */
1017      
1018--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
10190.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1020
1021
1022      
1023        /* Foreground / text — explicit or smart-contrasted */
1024        --color: #1a1a1a;
1025        --color-rgb: 26 26 26;
1026        --color-foreground: #1a1a1a;
1027        --color-foreground-rgb: 26 26 26;
1028        --color-foreground-muted: rgb(26 26 26 / var(--opacity-muted-text));
1029        --color-foreground-subdued: rgb(26 26 26 / var(--opacity-subdued-text));
1030        --color-border: #1a1a1a;
1031        --color-border-rgb: 26 26 26;
1032      
1033    }
1034
1035    
1036      .color-custom-badge-sold-out {
1037        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1038           container (text/announcement/inline-text/blog-post-description/
1039           collection-link/price/sku) and never holds form inputs. */
1040        --input-disabled-background-color: rgb(26 26 26 / var(--opacity-10));
1041        --input-disabled-border-color: rgb(26 26 26 / var(--opacity-5));
1042        --input-disabled-text-color: rgb(26 26 26 / var(--opacity-50));
1043        --checkbox-border: 1px solid rgb(26 26 26 / var(--opacity-35-55));
1044      }
1045    
1046
1047    .color-custom-badge-sold-out {
1048      color: var(--color, var(--color-foreground));
1049      background-color: var(--color-background);
1050    }
1051  </style>
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070<style data-shopify>
1071  /* Palette colors */
1072  :root {
1073    --color-background: #FFFFFF;
1074    --color-background-rgb: 255 255 255;
1075    --color-foreground: #1a1a1a;
1076    --color-foreground-rgb: 26 26 26;
1077    --color-border: #1a1a1a;
1078    --color-border-rgb: 26 26 26;
1079    --palette-lightest: #f8f8f6;
1080    --palette-lightest-rgb: 248 248 246;
1081    --palette-darkest: #1a1a1a;
1082    --palette-darkest-rgb: 26 26 26;
1083    
1084--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
10850.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1086
1087
1088    --color-primary-button-text: rgb(30 77 33 / 1.0);
1089    --color-primary-button-background: rgb(200 168 58 / 1.0);
1090    --color-primary-button-border: rgb(200 168 58 / 1.0);
1091    --color-primary-button-focus-outline: rgb(200 168 58);
1092    --color-primary-button-hover-text: rgb(26 26 26 / 1.0);
1093    --color-primary-button-hover-background: #a2882d;
1094    --color-primary-button-hover-border: #a2882d;
1095
1096    --color-secondary-button-text: rgb(26 26 26 / 1.0);
1097    --color-secondary-button-background: rgb(0 0 0 / 0.0);
1098    --color-secondary-button-border: rgb(26 26 26 / 1.0);
1099    --color-secondary-button-hover-text: rgb(26 26 26 / 1.0);
1100    --color-secondary-button-hover-background: rgba(0, 0, 0, 0.15);
1101    --color-secondary-button-hover-border: #404040;
1102
1103    --color-input-background: rgb(248 248 246 / 1.0);
1104    --color-input-text: rgb();
1105    --color-input-text-rgb: ;
1106    --color-input-border: rgb();
1107
1108    --color-variant-background: rgb(248 248 246 / 1.0);
1109    --color-variant-border: rgb();
1110    --color-variant-text: rgb(26 26 26 / 1.0);
1111    --color-variant-text-rgb: 26 26 26;
1112    --color-variant-hover-background: #edede8;
1113    --color-variant-hover-text: rgb(26 26 26 / 1.0);
1114    --color-variant-hover-border: ;
1115
1116    --color-selected-variant-background: rgb(26 26 26 / 1.0);
1117    --color-selected-variant-border: rgb(26 26 26 / 1.0);
1118    --color-selected-variant-text: rgb(248 248 246 / 1.0);
1119    --color-selected-variant-hover-background: #404040;
1120    --color-selected-variant-hover-text: rgb(248 248 246 / 1.0);
1121    --color-selected-variant-hover-border: #404040;
1122
1123    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1124    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1125    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1126    --color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text));
1127    --color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text));
1128    --color-drawer-shadow-rgb: ;
1129    --color-popover-shadow-rgb: 26 26 26;
1130
1131    /* Shadows */
1132    
1133    
1134      --shadow-blur: 20px;
1135      --shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15));
1136    
1137  }
1138
1139  body {
1140    color: var(--color-foreground);
1141    background-color: var(--color-background);
1142  }
1143</style>
1144
1145
1146    
1146<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1146<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/69303926827/digital_wallets/dialog">
1147<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/news.atom" />
1148<link rel="alternate" hreflang="x-default" href="https://www.westvillageacademy.org/blogs/news">
1149<link rel="alternate" hreflang="en" href="https://www.westvillageacademy.org/blogs/news">
1150<link rel="alternate" hreflang="es" href="https://www.westvillageacademy.org/es/blogs/news">
1151<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
vendor: 1 bytes, line 1151
1151
1152<script id="shopify-features" type="application/json">{"accessToken":"044d5f70b8948b0b8fe74f2e35ccc2cb","betas":["rich-media-storefront-analytics"],"domain":"www.westvillageacademy.org","predictiveSearch":true,"shopId":69303926827,"locale":"en"}</script>
vendor: 1 bytes, line 1152
1152
1153<script>var Shopify = Shopify || {};
1154Shopify.shop = "e2yysu-3u.myshopify.com";
1155Shopify.locale = "en";
1156Shopify.currency = {"active":"USD","rate":"1.0"};
1157Shopify.country = "US";
1158Shopify.theme = {"name":"West Village Academy [31\/7\/2026]","id":188726280235,"schema_name":"Horizon","schema_version":"4.0.0","theme_store_id":2481,"role":"main"};
1159Shopify.theme.handle = "null";
1160Shopify.theme.style = {"id":null,"handle":null};
1161Shopify.cdnHost = "www.westvillageacademy.org/cdn";
1162Shopify.routes = Shopify.routes || {};
1163Shopify.routes.root = "/";
1164Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1165Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1166Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1167Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1167
1167
1168<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1168
1168
1169<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 1169
1169
1170<script>
1171  window.Shopify = window.Shopify || {};
1172  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1173  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1174  window.Shopify.SignInWithShop.eligible = true;
1175</script>
vendor: 1 bytes, line 1175
1175
1176<script id="shop-js-analytics" type="application/json">{"pageType":"blog"}</script>
vendor: 1 bytes, line 1176
1176
1177<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1177
1177
1178<script type="module">
1179  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1180
1181  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1182
1183</script>
vendor: 1 bytes, line 1183
1183
1184<script>
1185  window.Shopify = window.Shopify || {};
1186  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1187  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
1188</script>
vendor: 1 bytes, line 1188
1188
1189<script id="__st">var __st={"a":69303926827,"offset":-14400,"reqid":"77836699-18ee-47a4-8452-3eba3d5ac976-1791186980","pageurl":"www.westvillageacademy.org\/blogs\/news","s":"blogs-121738330155","u":"836551d80d62","p":"blog","rtyp":"blog","rid":121738330155};</script>
vendor: 1 bytes, line 1189
1189
1190<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1190
1190
1191<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 1191
1191
1192<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.westvillageacademy.org/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1192
1192
1193<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.westvillageacademy.org/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1193<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1193
1193
1194<script>
1195  window.Shopify = window.Shopify || {};
1196  window.Shopify.MCP = window.Shopify.MCP || {};
1197  window.Shopify.MCP.enabled = true;
1198  window.Shopify.MCP.shop = "e2yysu-3u.myshopify.com";
1199  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.westvillageacademy.org\/api\/mcp";
1200  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
1201</script>
vendor: 1 bytes, line 1201
1201
1202<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.westvillageacademy.org\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1203</script>
vendor: 1 bytes, line 1203
1203
1204<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.westvillageacademy.org/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1205</script>
vendor: 1 bytes, line 1205
1205
1206<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1207  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
1208</script>
vendor: 1 bytes, line 1208
1208
1209<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
1210</script>
1210
1211<link rel="compression-dictionary" href="//www.westvillageacademy.org/cdn/shop/t/5/compiled_assets/styles.css?v=149841888685449781221785520750" crossorigin="anonymous">
1212<link rel="stylesheet" media="screen" href="//www.westvillageacademy.org/cdn/shop/t/5/compiled_assets/styles.css?v=149841888685449781221785520750&subset=AAAAEgAAAAAAIEgAYGAAAAAAAAIAQQFcAIADCIBABDEBAAU" crossorigin="anonymous">
1213<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1213
1214  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1215<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 69303926827,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "blog"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1215
1215
1216<script>
1217  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1218</script>
vendor: 1 bytes, line 1218
1218
1219<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1219).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 69303926827,storefrontBaseUrl: "https://www.westvillageacademy.org",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.westvillageacademy.org/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"West Village Academy","paymentSettings":{"currencyCode":"USD"}
1219,"myshopifyDomain":"e2yysu-3u.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.westvillageacademy.org"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.westvillageacademy.org/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"188726280235","themeStoreId":"2481","themePublished":"true","eventMetadataId":"7c9157c1-05c7-42fa-bc2c-b309d4191ab2","pageType":"blog","resourceId":"121738330155","shopId":"69303926827","storefrontBaseUrl":"https:\/\/www.westvillageacademy.org","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1219<script>
1220  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1221  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1222  window.ShopifyAnalytics.meta.currency = 'USD';
1223  var meta = {"page":{"pageType":"blog","resourceType":"blog","resourceId":121738330155,"requestId":"77836699-18ee-47a4-8452-3eba3d5ac976-1791186980"}};
1224  for (var attr in meta) {
1225    window.ShopifyAnalytics.meta[attr] = meta[attr];
1226  }
1227</script>
vendor: 1 bytes, line 1227
1227
1228<script class="analytics">
1229  (function () {
1230    var customDocumentWrite = function(content) {
1231      var jquery = null;
1232
1233      if (window.jQuery) {
1234        jquery = window.jQuery;
1235      } else if (window.Checkout && window.Checkout.$) {
1236        jquery = window.Checkout.$;
1237      }
1238
1239      if (jquery) {
1240        jquery('body').append(content);
1241      }
1242    };
1243
1244    var hasLoggedConversion = function(token) {
1245      if (token) {
1246        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1247      }
1248      return false;
1249    }
1250
1251    var setCookieIfConversion = function(token) {
1252      if (token) {
1253        var twoMonthsFromNow = new Date(Date.now());
1254        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1255
1256        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1257      }
1258    }
1259
1260    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1261    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1262    if (trekkie.integrations) {
1263      return;
1264    }
1265    trekkie.methods = [
1266      'identify',
1267      'page',
1268      'ready',
1269      'track',
1270      'trackForm',
1271      'trackLink'
1272    ];
1273    trekkie.factory = function(method) {
1274      return function() {
1275        var args = Array.prototype.slice.call(arguments);
1276        args.unshift(method);
1277        trekkie.push(args);
1278        if (method == 'track' || method == 'page') {
1279          var pageUrl;
1280          try {
1281            pageUrl = window.location.href;
1282          } catch (e) {}
1283          var pageReferrer;
1284          try {
1285            pageReferrer = document.referrer;
1286          } catch (e) {}
1287          try {
1288            if (window.__TREKKIE_SHIM_QUEUE == null) {
1289              window.__TREKKIE_SHIM_QUEUE = [];
1290            }
1291            window.__TREKKIE_SHIM_QUEUE.push({
1292              from: 'trekkie-stub',
1293              method: method,
1294              args: args.slice(1),
1295              pageContext: {
1296                url: pageUrl,
1297                referrer: pageReferrer
1298              }
1299            });
1300          } catch (e) {
1301            // no-op
1302          }
1303        }
1304        return trekkie;
1305      };
1306    };
1307    for (var i = 0; i < trekkie.methods.length; i++) {
1308      var key = trekkie.methods[i];
1309      trekkie[key] = trekkie.factory(key);
1310    }
1311    trekkie.load = function(config) {
1312      trekkie.config = config || {};
1313      trekkie.config.initialDocumentCookie = document.cookie;
1314      var first = document.getElementsByTagName('script')[0];
1315var script = document.createElement('script');
1316script.type = 'text/javascript';
1317script.onerror = function(e) {
1318  var scriptFallback = document.createElement('script');
1319  scriptFallback.type = 'text/javascript';
1320  scriptFallback.onerror = function(error) {
1321          var Monorail = {
1322      produce: function produce(monorailDomain, schemaId, payload) {
1323        var currentMs = new Date().getTime();
1324        var event = {
1325          schema_id: schemaId,
1326          payload: payload,
1327          metadata: {
1328            event_created_at_ms: currentMs,
1329            event_sent_at_ms: currentMs
1330          }
1331        };
1332        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1333      },
1334      sendRequest: function sendRequest(endpointUrl, payload) {
1335        // Try the sendBeacon API
1336        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1337          var blobData = new window.Blob([payload], {
1338            type: 'text/plain'
1339          });
1340
1341          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1342            return true;
1343          } // sendBeacon was not successful
1344
1345        } // XHR beacon
1346
1347        var xhr = new XMLHttpRequest();
1348
1349        try {
1350          xhr.open('POST', endpointUrl);
1351          xhr.setRequestHeader('Content-Type', 'text/plain');
1352          xhr.send(payload);
1353        } catch (e) {
1354          console.log(e);
1355        }
1356
1357        return false;
1358      },
1359      isIos12: function isIos12() {
1360        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1361      }
1362    };
1363    Monorail.produce('monorail-edge.shopifysvc.com',
1364      'trekkie_storefront_load_errors/1.1',
1365      {shop_id: 69303926827,
1366      theme_id: 188726280235,
1367      app_name: "storefront",
1368      context_url: window.location.href,
1369      source_url: "//www.westvillageacademy.org/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1370
1371  };
1372  scriptFallback.async = true;
1373  scriptFallback.src = '//www.westvillageacademy.org/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1374  first.parentNode.insertBefore(scriptFallback, first);
1375};
1376script.async = true;
1377script.src = '//www.westvillageacademy.org/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1378first.parentNode.insertBefore(script, first);
1379
1380    };
1381    trekkie.load(
1382      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":69303926827,"isMerchantRequest":null,"themeId":188726280235,"themeCityHash":"3011687579691588051","contentLanguage":"en","currency":"USD","eventMetadataId":"7c9157c1-05c7-42fa-bc2c-b309d4191ab2"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1383    );
1384
1385    var loaded = false;
1386    trekkie.ready(function() {
1387      if (loaded) return;
1388      loaded = true;
1389
1390      window.ShopifyAnalytics.lib = window.trekkie;
1391
1392      var originalDocumentWrite = document.write;
1393      document.write = customDocumentWrite;
1394      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1395      document.write = originalDocumentWrite;
1396
1397      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1398      var token = match? match[1]: undefined;
1399      if (!hasLoggedConversion(token)) {
1400        setCookieIfConversion(token);
1401        
1402      }
1403    });
1404
1405    window.ShopifyAnalytics.lib.page(null,{"pageType":"blog","resourceType":"blog","resourceId":121738330155,"requestId":"77836699-18ee-47a4-8452-3eba3d5ac976-1791186980","shopifyEmitted":true});
1406
1407    var eventsListenerScript = document.createElement('script');
1408    eventsListenerScript.async = true;
1409    eventsListenerScript.src = "//www.westvillageacademy.org/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1410    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1411})();</script>
vendor: 1 bytes, line 1411
1411
1412<script
1413  defer
1414  src="https://www.westvillageacademy.org/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1415  data-application="storefront-renderer"
1416  data-shop-id="69303926827"
1417  data-render-region="gcp-us-central1"
1418  data-page-type="blog"
1419  data-theme-instance-id="188726280235"
1420  data-theme-name="Horizon"
1421  data-theme-version="4.0.0"
1422  data-monorail-region="shop_domain"
1423  data-resource-timing-sampling-rate="10"
1424  data-shs="true"
1425  data-shs-beacon="true"
1426  data-shs-export-with-fetch="true"
1427  data-shs-logs-sample-rate="1"
1428  data-shs-beacon-endpoint="https://www.westvillageacademy.org/api/collect"
1429></script>
1429
1430<meta name="shopify-y" content="9627b7f8-a994-4912-81b2-5d18233f32b9" data-expiration="1822744580000"><meta name="shopify-s" content="973051bb-5e9f-48e2-b47b-f69ca84e16a5" data-expiration="1791188780000"><meta name="new-cookie-storage-activated" content="t">
1431</head>
1432
1433  <body class="page-width-narrow card-hover-effect-none">
1434    <div id="shopify-section-enrollment-popup" class="shopify-section"><style>
1435.enroll_popup_overlay{
1436  position: fixed;
1437  inset: 0;
1438  background: rgba(0,0,0,.6);
1439  display: flex;
1440  align-items: center;
1441  justify-content: center;
1442  z-index: 9999;
1443  opacity: 0;
1444  visibility: hidden;
1445  transition: opacity .25s ease;
1446  padding: 20px;
1447}
1448.enroll_popup_overlay.is_visible{
1449  opacity: 1;
1450  visibility: visible;
1451}
1452.enroll_popup_modal{
1453  background: #fff;
1454  width: 100%;
1455  max-width: 600px;
1456  max-height: 90vh;
1457  overflow-y: auto;
1458  border-radius: 6px;
1459  transform: translateY(20px);
1460  transition: transform .25s ease;
1461  box-shadow: 0 20px 60px rgba(0,0,0,.35);
1462}
1463.enroll_popup_overlay.is_visible .enroll_popup_modal{
1464  transform: translateY(0);
1465}
1466.enroll_popup_header{
1467  display: flex;
1468  align-items: center;
1469  justify-content: space-between;
1470  gap: 16px;
1471  padding: 18px 22px;
1472  border-bottom: 1px solid #e5e5e5;
1473}
1474.enroll_popup_header h3{
1475  margin: 0;
1476  font-size: 19px;
1477  font-weight: 700;
1478  color: #1a1a1a;
1479}
1480.enroll_popup_close{
1481  appearance: none;
1482  border: none;
1483  background: none;
1484  font-size: 22px;
1485  line-height: 1;
1486  cursor: pointer;
1487  color: #333;
1488  padding: 0;
1489  flex-shrink: 0;
1490}
1491.enroll_popup_body{
1492  padding: 24px 26px 6px;
1493}
1494.enroll_popup_subhead{
1495  font-size: 15px;
1496  color: #333;
1497  margin: 0 0 18px;
1498}
1499.enroll_popup_cta{
1500  font-size: 15px;
1501  color: #333;
1502  margin: 0 0 14px;
1503}
1504.enroll_popup_list{
1505  list-style: none;
1506  margin: 0 0 18px;
1507  padding: 0;
1508}
1509.enroll_popup_list li{
1510  display: flex;
1511  align-items: flex-start;
1512  gap: 10px;
1513  font-size: 14.5px;
1514  color: #333;
1515  padding: 6px 0;
1516}
1517.enroll_popup_list .icon{
1518  flex-shrink: 0;
1519}
1520.enroll_popup_highlight{
1521  font-size: 15px;
1522  font-weight: 700;
1523  color: #1a1a1a;
1524  margin: 0 0 22px;
1525}
1526.enroll_popup_button_wrap{
1527  text-align: center;
1528  margin-bottom: 24px;
1529}
1530.enroll_popup_button{
1531  display: inline-block;
1532  background: #1e4d21;
1533  color: #fff;
1534  font-weight: 700;
1535  font-size: 15px;
1536  padding: 13px 38px;
1537  border-radius: 4px;
1538  border: 1px solid #1e4d21;
1539  text-decoration: none;
1540  transition: opacity .2s ease;
1541}
1542.enroll_popup_button:hover{
1543  opacity: .9;
1544}
1545.enroll_popup_footer{
1546  background: #f5f5f5;
1547  text-align: center;
1548  font-size: 13px;
1549  color: #555;
1550  padding: 14px 22px;
1551  border-top: 1px solid #e5e5e5;
1552}
1553
1554@media (max-width: 480px){
1555  .enroll_popup_body{ padding: 20px 18px 4px; }
1556  .enroll_popup_header{ padding: 16px 18px; }
1557}
1558</style>
1559
1560<div
1561  class="enroll_popup_overlay"
1562  data-section-id="enrollment-popup"
1563  data-delay="500"
1564  data-frequency="session"
1565>
1566  <div class="enroll_popup_modal" role="dialog" aria-modal="true">
1567    <div class="enroll_popup_header">
1568      <h3>West Village Academy — Now Enrolling K-8 | 2026-2027</h3>
1569      <button class="enroll_popup_close" aria-label="Close">&times;</button>
1570    </div>
1571    <div class="enroll_popup_body"><p class="enroll_popup_subhead">A Safe, Structured, and Inspiring Education in Dearborn</p><p class="enroll_popup_cta">Schedule Your Private Tour Today</p><ul class="enroll_popup_list"><li><span class="icon">🎓</span><span>Small Class Sizes, Personalized attention for every student</span>
1572              </li><li><span class="icon">📖</span><span>Strong Academics Built for long-term success</span>
1573              </li><li><span class="icon">🎨</span><span>Arts & Athletics: Well-rounded student development</span>
1574              </li><li><span class="icon">🛡️</span><span>Structured SupportPositive behavior & individualized guidance</span>
1575              </li><li><span class="icon">🚌</span><span>Transportation Available Upon Request</span>
1576              </li></ul><p class="enroll_popup_highlight">Exclusive Opportunity! Play on the Detroit Pistons Court of Dreams</p><div class="enroll_popup_button_wrap">
1577          <a href="/pages/enroll" class="enroll_popup_button">
1578            Enroll Now
1579          </a>
1580        </div></div><div class="enroll_popup_footer">
1581        3530 Westwood St, Dearborn, MI | (313) 274-9200 | westvillageacademy.org
1582      </div></div>
1583</div>
1584<script>
1585document.addEventListener('DOMContentLoaded', function () {
1586  document.querySelectorAll('.enroll_popup_overlay').forEach(function (overlay) {
1587    var storageKey = 'enroll_popup_closed';
1588    var delay = parseInt(overlay.getAttribute('data-delay'), 10) || 0;
1589    var frequency = overlay.getAttribute('data-frequency') || 'session';
1590    var storage = sessionStorage;
1591
1592    if (storage.getItem(storageKey)) return;
1593    var closeBtn = overlay.querySelector('.enroll_popup_close');
1594    function markShown() {
1595      storage.setItem(storageKey, 'true');
1596    }
1597    function openPopup() {
1598      overlay.classList.add('is_visible');
1599      document.body.style.overflow = 'hidden';
1600      markShown();
1601    }
1602    function closePopup() {
1603      overlay.classList.remove('is_visible');
1604      document.body.style.overflow = '';
1605    }
1606    setTimeout(openPopup, delay);
1607    if (closeBtn) {
1608      closeBtn.addEventListener('click', closePopup);
1609    }
1610    overlay.addEventListener('click', function (e) {
1611      if (e.target === overlay) {
1612        closePopup();
1613      }
1614    });
1615    document.addEventListener('keydown', function (e) {
1616      if (e.key === 'Escape' && overlay.classList.contains('is_visible')) {
1617        closePopup();
1618      }
1619    });
1620
1621  });
1622});
1623</script>
1623
1624
1625
1626</div>
1627    <a
1628  class="skip-to-content-link button-secondary"
1629  href="#MainContent"
1630>
1631  Skip to content
1632</a>
1633
1634
1635
1636
1637    
1638
1639<theme-drawer id="chat-drawer">
1640  <dialog
1641    ref="panel"
1642    class="theme-drawer__dialog chat-drawer"
1643  >
1644    <shopify-chat
1645      mode="standalone"
1646      mode-switch
1647    ></shopify-chat>
1648  </dialog>
1649</theme-drawer>
1650
1651<script type="module">
1652  const chatDrawer = document.querySelector('#chat-drawer');
1653  const shopifyChat = document.querySelector('shopify-chat');
1654
1655  document.addEventListener('theme-drawer:open', (event) => {
1656    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
1657    shopifyChat?.setAttribute('mode', 'managed');
1658  });
1659
1660  document.addEventListener('theme-drawer:close', (event) => {
1661    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
1662    // If mode is still managed, this is a theme-initiated close (backdrop /
1663    // Escape) — close the chat so the FAB appears. If mode is already
1664    // standalone, the close was triggered by an undock (enter-standalone sets
1665    // mode before closing the drawer) — leave the chat open as a floating panel.
1666    if (shopifyChat?.getAttribute('mode') === 'managed') {
1667      shopifyChat?.removeAttribute('open');
1668    }
1669    shopifyChat?.setAttribute('mode', 'standalone');
1670  });
1671
1672  document.addEventListener('shopify-chat:enter-managed', () => {
1673    // Captured at event-fire time — the dock-transition animation hint below
1674    // depends on state as it was when the event was dispatched.
1675    const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone';
1676
1677    // The activator-click path (FAB click on desktop with stored
1678    // preferredMode=managed) dispatches enter-managed *before* calling show(),
1679    // so the chat's `open` attribute at event time understates the imminent
1680    // outcome. Defer to a microtask: by then show() (if any) has run, and we
1681    // can distinguish the viewport-driven mobile→desktop transition that left
1682    // a minimized FAB (chat stays closed → don't open an empty drawer) from
1683    // an activator click (chat just opened → open the drawer).
1684    queueMicrotask(() => {
1685      if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) {
1686        return;
1687      }
1688      chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined);
1689    });
1690  });
1691
1692  document.addEventListener('shopify-chat:enter-standalone', () => {
1693    shopifyChat?.setAttribute('mode', 'standalone');
1694    chatDrawer?.close?.();
1695  });
1696
1697  document.addEventListener('shopify-chat:close', () => {
1698    if (shopifyChat?.getAttribute('mode') === 'managed') {
1699      chatDrawer?.close?.();
1700    }
1701  });
1702
1703  document.addEventListener('megaMenu:hover', () => {
1704    if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') {
1705      shopifyChat?.removeAttribute('open');
1706    }
1707  });
1708
1709  // After the chat upgrades it self-restores its preferred mode from
1710  // sessionStorage. Reconcile any mismatch with the theme-drawer's state
1711  // — the drawer is the source of truth for which mode the chat should
1712  // be in (open → managed, closed → standalone).
1713  customElements.whenDefined('shopify-chat').then(() => {
1714    const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone';
1715    if (shopifyChat?.getAttribute('mode') !== mode) {
1716      // When switching managed → standalone (e.g. narrow viewport skipped
1717      // drawer restore), also close the chat so it renders as the FAB
1718      // rather than an open standalone panel.
1719      if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) {
1720        shopifyChat?.removeAttribute('open');
1721      }
1722      shopifyChat?.setAttribute('mode', mode);
1723    }
1724  });
1725</script>
1725
1726
1727
1728
1729
1730    <div class="page-wrapper">
1731      <div id="header-group">
1732        <div id="shopify-section-topbar" class="shopify-section"><div
1733  class="topbar_section"
1734  style="
1735    --topbar-bg: #3A7D3E;
1736    --topbar-icon-color: #ffffff;
1737    --topbar-logo-height: 24px;
1738    --topbar-max-width: var(--page-width);
1739  "
1740>
1741  <div class="topbar__columns">
1742    <div class="topbar__left"></div>
1743
1744    <div class="topbar__right">
1745      <div class="topbar__logos">
1746        
1747<localization-form-component
1748  ref="localizationForm"
1749  data-label-results-count="[count] results"
1750  data-show-filter="false"
1751  style=""
1752>
1753  
1754<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
1755
1756    
1757      <div class="language-selector language-selector--collapse-space">
1758        <h2
1759          class="visually-hidden"
1760          id="dropdown-LanguageLabel"
1761        >
1762          Language
1763        </h2>
1764        
1765        <select
1766          id="dropdownSelect"
1767          class="localization-form__select"
1768          name="language_code"
1769          aria-label="Language"
1770          ref="languageInput"
1771          on:change="/changeLanguage"
1772        ><option
1773              value="en"
1774              lang="en"
1775              
1776                selected
1777              
1778            >
1779              English
1780            </option><option
1781              value="es"
1782              lang="es"
1783              
1784            >
1785              Español
1786            </option></select>
1787        <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1788  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1789</svg>
1790</span>
1791      </div>
1792    
1793</form></localization-form-component>
1794
1795
1796
1797        
1798  <search-button
1799    class="search-action"
1800  >
1801    <button
1802      on:click="#search-modal/showDialog"
1803      class="button-unstyled header-actions__action"
1804      aria-label="Search"
1805      aria-haspopup="dialog"
1806    >
1807      <span class="hidden">
1808        Search
1809      </span>
1810
1811      <span class="svg-wrapper ">
1812        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
1813
1814      </span>
1815    </button>
1816  </search-button>
1817
1818
1819
1820
1821<a
1822              href="https://www.classdojo.com/"
1823              class="topbar__logo-wrap"
1824              target="_blank" rel="noopener noreferrer"
1825              aria-label="Badge"
1826            >
1827              <img src="//www.westvillageacademy.org/cdn/shop/files/classDojo.png?v=1782144348&amp;width=80" srcset="//www.westvillageacademy.org/cdn/shop/files/classDojo.png?v=1782144348&amp;width=80 80w" width="80" height="80" loading="lazy" class="topbar__logo">
1828            </a></div>
1829
1830      <span class="topbar__divider" aria-hidden="true"></span>
1831
1832      <div class="topbar__social"><a
1833              href="https://web.facebook.com/westvillageacademy"
1834              class="topbar__social-link"
1835              target="_blank"
1836              rel="noopener noreferrer"
1837              aria-label="Facebook"
1838            >
1839              <svg
1840                class="topbar__social-icon"
1841                aria-hidden="true"
1842                focusable="false"
1843                xmlns="http://www.w3.org/2000/svg"
1844                viewBox="0 0 20 20"
1845              >
1846
1847
1848<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
1849            </a><a
1850              href="https://www.instagram.com/wvawildcats/"
1851              class="topbar__social-link"
1852              target="_blank"
1853              rel="noopener noreferrer"
1854              aria-label="Instagram"
1855            >
1856              <svg
1857                class="topbar__social-icon"
1858                aria-hidden="true"
1859                focusable="false"
1860                xmlns="http://www.w3.org/2000/svg"
1861                viewBox="0 0 20 20"
1862              >
1863
1864
1865<path
1866      fill-rule="evenodd"
1867      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
1868      clip-rule="evenodd"
1869    /></svg>
1870            </a><a
1871              href="https://x.com/wvawildcats"
1872              class="topbar__social-link"
1873              target="_blank"
1874              rel="noopener noreferrer"
1875              aria-label="Twitter"
1876            >
1877              <svg
1878                class="topbar__social-icon"
1879                aria-hidden="true"
1880                focusable="false"
1881                xmlns="http://www.w3.org/2000/svg"
1882                viewBox="0 0 20 20"
1883              >
1884
1885
1886<path
1887      fill-rule="evenodd"
1888      clip-rule="evenodd"
1889      d="M7.27301 2.80005L10.8 7.82205L15.218 2.80005H16.986L11.586 8.93905L17.385 17.193H12.727L8.99701 11.883L4.32601 17.193H2.55801L8.21201 10.766L2.61501 2.80005H7.27301ZM13.515 15.925L5.07001 4.10905H6.47501L14.921 15.925H13.515Z"
1890      fill="currentColor"
1891    /></svg>
1892            </a><a
1893              href="https://www.youtube.com/"
1894              class="topbar__social-link"
1895              target="_blank"
1896              rel="noopener noreferrer"
1897              aria-label="Youtube"
1898            >
1899              <svg
1900                class="topbar__social-icon"
1901                aria-hidden="true"
1902                focusable="false"
1903                xmlns="http://www.w3.org/2000/svg"
1904                viewBox="0 0 20 20"
1905              >
1906
1907
1908<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg>
1909            </a><a
1910              href="https://www.tiktok.com/"
1911              class="topbar__social-link"
1912              target="_blank"
1913              rel="noopener noreferrer"
1914              aria-label="Tiktok"
1915            >
1916              <svg
1917                class="topbar__social-icon"
1918                aria-hidden="true"
1919                focusable="false"
1920                xmlns="http://www.w3.org/2000/svg"
1921                viewBox="0 0 20 20"
1922              >
1923
1924
1925<path d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z" /></svg>
1926            </a></div>
1927    </div>
1928  </div>
1929</div>
1930
1931
1932</div>
1933        <!-- BEGIN sections: header-group -->
1934<header id="shopify-section-sections--27276605128747__header_section" class="shopify-section shopify-section-group-header-group header-section">
1935
1936
1937
1938
1939
1940<script type="application/ld+json">
1941  {
1942    "@context": "http://schema.org",
1943    "@type": "Organization",
1944    "name": "West Village Academy",
1945    
1946      "logo": "https:\/\/www.westvillageacademy.org\/cdn\/shop\/files\/Staff-Directory--06-22-2026_07_42_PM-removebg-preview.png?v=1782139424\u0026width=500",
1947    
1948    "url": "https:\/\/www.westvillageacademy.org"
1949  }
1950</script>
1950
1951
1952<header-component
1953  id="header-component"
1954  class="header"
1955  data-theme-color="rgb(30 77 33)"
1956  data-bubble-style="default"
1957  
1958  
1959    sticky="always"
1960  
1961  data-skip-node-update
1962  data-scroll-direction="none"
1963  
1964  
1965    data-transparent-background="bottom"
1966  
1967  style="
1968    --color-background-top-row: rgba(30 77 33 / 1.0);
1969    --color-background-bottom-row: rgba(255 255 255 / 1.0);
1970    
1971    
1972      --cart-bubble-background: #ffffff;
1973      --cart-bubble-text: #1e4d21;
1974    
1975    
1976  "
1977>
1978  <div class="header__underlay header__underlay-closed"></div>
1979  <div
1980    class="header__underlay header__underlay-open"
1981  ></div>
1982    
1983
1984    
1985
1986    
1987    
1988      <div
1989        class="header__row header__row--top color-#1e4d21 section section--full-width-margin section--page-width color-custom-top-sections--27276605128747__header_section"
1990        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px; --border-bottom-color-mobile: var(--color-border);">
1991        <div class="header__columns">
1992          <style data-shopify>
1993    .color-custom-top-sections--27276605128747__header_section,
1994    .color-custom-top-sections--27276605128747__header_section .text-block {
1995      /* Background */
1996      --color-background: #1e4d21;
1997      --color-background-rgb: 30 77 33;
1998
1999      /* Opacity values adjusted for background brightness */
2000      
2001--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
20020.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
2003
2004
2005      
2006        /* Foreground / text — explicit or smart-contrasted */
2007        --color: #ffffff;
2008        --color-rgb: 255 255 255;
2009        --color-foreground: #ffffff;
2010        --color-foreground-rgb: 255 255 255;
2011        --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text));
2012        --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text));
2013        --color-border: var(--palette-lightest);
2014        --color-border-rgb: var(--palette-lightest-rgb);
2015      
2016    }
2017
2018    
2019      .color-custom-top-sections--27276605128747__header_section {
2020        /* Form-related tokens stay on .color-custom only — .text-block is a prose
2021           container (text/announcement/inline-text/blog-post-description/
2022           collection-link/price/sku) and never holds form inputs. */
2023        --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10));
2024        --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5));
2025        --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50));
2026        --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55));
2027      }
2028    
2029
2030    .color-custom-top-sections--27276605128747__header_section {
2031      color: var(--color, var(--color-foreground));
2032      background-color: var(--color-background);
2033    }
2034  </style>
2035
2036
2037      
2038      
2039<div
2040      class="header__column header__column--left"
2041      data-testid="header-top-left"
2042    >
2043      
2044        
2045          
2046              
2047
2048
2049
2050    <div
2051      class="header__drawer"
2052      ref="headerDrawerContainer"
2053      data-hydration-key="header-drawer-mobile"
2054      
2055    >
2056      
2057
2058
2059
2060
2061  <style data-shopify>
2062    .color-custom-AQm1WbWtyMy9lS1d4V__header-menu-1,
2063    .color-custom-AQm1WbWtyMy9lS1d4V__header-menu-1 .text-block {
2064      /* Background */
2065      --color-background: #3a7d3e;
2066      --color-background-rgb: 58 125 62;
2067
2068      /* Opacity values adjusted for background brightness */
2069      
2070--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
20710.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
2072
2073
2074      
2075        /* Foreground / text — explicit or smart-contrasted */
2076        --color: #ffffff;
2077        --color-rgb: 255 255 255;
2078        --color-foreground: #ffffff;
2079        --color-foreground-rgb: 255 255 255;
2080        --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text));
2081        --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text));
2082        --color-border: var(--palette-lightest);
2083        --color-border-rgb: var(--palette-lightest-rgb);
2084      
2085    }
2086
2087    
2088      .color-custom-AQm1WbWtyMy9lS1d4V__header-menu-1 {
2089        /* Form-related tokens stay on .color-custom only — .text-block is a prose
2090           container (text/announcement/inline-text/blog-post-description/
2091           collection-link/price/sku) and never holds form inputs. */
2092        --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10));
2093        --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5));
2094        --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50));
2095        --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55));
2096      }
2097    
2098
2099    .color-custom-AQm1WbWtyMy9lS1d4V__header-menu-1 {
2100      color: var(--color, var(--color-foreground));
2101      background-color: var(--color-background);
2102    }
2103  </style>
2104
2105
2106
2107<script
2108  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/header-drawer.js?v=121243031541024704371785520750"
2109  type="module"
2110  fetchpriority="low"
2111></script>
2111
2112
2113<header-drawer
2114  class="header-drawer "
2115  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
2116>
2117  <details
2118    id="Details-menu-drawer-container"
2119    data-skip-node-update="true"
2120    class="menu-drawer-container"
2121    ref="details"
2122    scroll-lock
2123  >
2124    <summary
2125      class="header__icon header__icon--menu header__icon--summary"
2126      aria-label="Menu"
2127      on:click="/toggle"
2128    >
2129      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2130  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2131  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2132</svg>
2133</span>
2134      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2135<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
2136</svg>
2137</span>
2138    </summary>
2139    <div
2140      ref="menuDrawer"
2141      class="
2142        menu-drawer
2143        
2144          color-custom-AQm1WbWtyMy9lS1d4V__header-menu-1
2145        
2146      "
2147    >
2148      <button
2149        class="button close-button menu-drawer__close-button focus-inset"
2150        type="button"
2151        aria-label="Close"
2152        on:click="/close"
2153      >
2154        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2155<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
2156</svg>
2157</span>
2158      </button>
2159      <nav
2160        class="menu-drawer__navigation"
2161        style="--menu-top-level-font-family: var(--font-body--family);
2162--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
2163
2164  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
2165  var(--menu-font-2xl--line-height);
2166
2167--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2168
2169--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
2170var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
2171none;
2172
2173    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2174    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
2175    --menu-parent-active-font-color: var(--color-foreground);
2176  
2177--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
2178none;
2179
2180    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2181    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
2182  
2183
2184        "
2185        aria-label="Primary"
2186      >
2187        <ul
2188          class="menu-drawer__menu has-submenu"
2189          role="list"
2190        >
2191            
2192            
2193
2194              <li
2195                style="--menu-drawer-animation-index: 1;"
2196                class="menu-drawer__list-item--flat"
2197              >
2198                
2199<a
2200                    id="HeaderDrawer-home"
2201                    href="/"
2202                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2203                    
2204                  >
2205                    <span class="menu-drawer__menu-item-text wrap-text">Home</span>
2206                  </a>
2207                
2208              </li>
2209              <li
2210                style="--menu-drawer-animation-index: 2;"
2211                class="menu-drawer__list-item--flat"
2212              >
2213                
2214<a
2215                    id="HeaderDrawer-about"
2216                    href="/"
2217                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2218                    
2219                  >
2220                    <span class="menu-drawer__menu-item-text wrap-text">About</span>
2221                  </a>
2222                  
2223                  <ul
2224                    class="menu-drawer__menu menu-drawer__menu--childlist"
2225                    role="list"
2226                    tabindex="-1"
2227                  ><li
2228                        class="menu-drawer__list-item"
2229                        style="--menu-drawer-animation-index: 2;"
2230                      >
2231                        <a
2232                          href="/pages/careers"
2233                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2234                          
2235                        >
2236                          
2237                          <span class="menu-drawer__menu-item-text wrap-text">Careers</span>
2238                        </a>
2239                      </li><li
2240                        class="menu-drawer__list-item"
2241                        style="--menu-drawer-animation-index: 2;"
2242                      >
2243                        <a
2244                          href="/pages/staff"
2245                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2246                          
2247                        >
2248                          
2249                          <span class="menu-drawer__menu-item-text wrap-text">Faculty &amp; Staff</span>
2250                        </a>
2251                      </li><li
2252                        class="menu-drawer__list-item"
2253                        style="--menu-drawer-animation-index: 2;"
2254                      >
2255                        <a
2256                          href="/pages/financial-documents"
2257                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2258                          
2259                        >
2260                          
2261                          <span class="menu-drawer__menu-item-text wrap-text">Financial Documents</span>
2262                        </a>
2263                      </li><li
2264                        class="menu-drawer__list-item"
2265                        style="--menu-drawer-animation-index: 2;"
2266                      >
2267                        <a
2268                          href="/pages/mission-vision"
2269                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2270                          
2271                        >
2272                          
2273                          <span class="menu-drawer__menu-item-text wrap-text">Mission &amp; Vision</span>
2274                        </a>
2275                      </li><li
2276                        class="menu-drawer__list-item"
2277                        style="--menu-drawer-animation-index: 2;"
2278                      >
2279                        <a
2280                          href="/blogs/news"
2281                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
2282                          
2283                            aria-current="page"
2284                          
2285                        >
2286                          
2287                          <span class="menu-drawer__menu-item-text wrap-text">News &amp; Announcements</span>
2288                        </a>
2289                      </li><li
2290                        class="menu-drawer__list-item"
2291                        style="--menu-drawer-animation-index: 2;"
2292                      >
2293                        <a
2294                          href="/pages/photo-album"
2295                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2296                          
2297                        >
2298                          
2299                          <span class="menu-drawer__menu-item-text wrap-text">Photo Albums</span>
2300                        </a>
2301                      </li><li
2302                        class="menu-drawer__list-item"
2303                        style="--menu-drawer-animation-index: 2;"
2304                      >
2305                        <a
2306                          href="/pages/principal-message"
2307                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2308                          
2309                        >
2310                          
2311                          <span class="menu-drawer__menu-item-text wrap-text">Principal&#39;s Message</span>
2312                        </a>
2313                      </li><li
2314                        class="menu-drawer__list-item"
2315                        style="--menu-drawer-animation-index: 2;"
2316                      >
2317                        <a
2318                          href="/pages/upcoming-events"
2319                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2320                          
2321                        >
2322                          
2323                          <span class="menu-drawer__menu-item-text wrap-text">Upcoming Events</span>
2324                        </a>
2325                      </li><li
2326                        class="menu-drawer__list-item"
2327                        style="--menu-drawer-animation-index: 2;"
2328                      >
2329                        <a
2330                          href="/pages/video-gallery"
2331                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2332                          
2333                        >
2334                          
2335                          <span class="menu-drawer__menu-item-text wrap-text">Video Gallery</span>
2336                        </a>
2337                      </li><li
2338                        class="menu-drawer__list-item"
2339                        style="--menu-drawer-animation-index: 2;"
2340                      >
2341                        <a
2342                          href="/pages/board-of-directors"
2343                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2344                          
2345                        >
2346                          
2347                          <span class="menu-drawer__menu-item-text wrap-text">Board Of Directors</span>
2348                        </a>
2349                      </li></ul>
2350                
2351              </li>
2352              <li
2353                style="--menu-drawer-animation-index: 3;"
2354                class="menu-drawer__list-item--flat"
2355              >
2356                
2357<a
2358                    id="HeaderDrawer-students"
2359                    href="/"
2360                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2361                    
2362                  >
2363                    <span class="menu-drawer__menu-item-text wrap-text">Students</span>
2364                  </a>
2365                  
2366                  <ul
2367                    class="menu-drawer__menu menu-drawer__menu--childlist"
2368                    role="list"
2369                    tabindex="-1"
2370                  ><li
2371                        class="menu-drawer__list-item"
2372                        style="--menu-drawer-animation-index: 3;"
2373                      >
2374                        <a
2375                          href="/pages/athletics"
2376                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2377                          
2378                        >
2379                          
2380                          <span class="menu-drawer__menu-item-text wrap-text">Athletics</span>
2381                        </a>
2382                      </li><li
2383                        class="menu-drawer__list-item"
2384                        style="--menu-drawer-animation-index: 3;"
2385                      >
2386                        <a
2387                          href="/pages/bell-schedule"
2388                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2389                          
2390                        >
2391                          
2392                          <span class="menu-drawer__menu-item-text wrap-text">Bell Schedule</span>
2393                        </a>
2394                      </li><li
2395                        class="menu-drawer__list-item"
2396                        style="--menu-drawer-animation-index: 3;"
2397                      >
2398                        <a
2399                          href="/pages/clubs-and-activities"
2400                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2401                          
2402                        >
2403                          
2404                          <span class="menu-drawer__menu-item-text wrap-text">Clubs &amp; Activities</span>
2405                        </a>
2406                      </li><li
2407                        class="menu-drawer__list-item"
2408                        style="--menu-drawer-animation-index: 3;"
2409                      >
2410                        <a
2411                          href="/pages/food-menu"
2412                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2413                          
2414                        >
2415                          
2416                          <span class="menu-drawer__menu-item-text wrap-text">Food Menu</span>
2417                        </a>
2418                      </li></ul>
2419                
2420              </li>
2421              <li
2422                style="--menu-drawer-animation-index: 4;"
2423                class="menu-drawer__list-item--flat"
2424              >
2425                
2426<a
2427                    id="HeaderDrawer-parents"
2428                    href="/"
2429                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2430                    
2431                  >
2432                    <span class="menu-drawer__menu-item-text wrap-text">Parents</span>
2433                  </a>
2434                  
2435                  <ul
2436                    class="menu-drawer__menu menu-drawer__menu--childlist"
2437                    role="list"
2438                    tabindex="-1"
2439                  ><li
2440                        class="menu-drawer__list-item"
2441                        style="--menu-drawer-animation-index: 4;"
2442                      >
2443                        <a
2444                          href="/pages/academic-calender"
2445                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2446                          
2447                        >
2448                          
2449                          <span class="menu-drawer__menu-item-text wrap-text">Academic Calendar</span>
2450                        </a>
2451                      </li><li
2452                        class="menu-drawer__list-item"
2453                        style="--menu-drawer-animation-index: 4;"
2454                      >
2455                        <a
2456                          href="/pages/enroll"
2457                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2458                          
2459                        >
2460                          
2461                          <span class="menu-drawer__menu-item-text wrap-text">Enroll Today</span>
2462                        </a>
2463                      </li><li
2464                        class="menu-drawer__list-item"
2465                        style="--menu-drawer-animation-index: 4;"
2466                      >
2467                        <a
2468                          href="/pages/important-links"
2469                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2470                          
2471                        >
2472                          
2473                          <span class="menu-drawer__menu-item-text wrap-text">Important Links</span>
2474                        </a>
2475                      </li><li
2476                        class="menu-drawer__list-item"
2477                        style="--menu-drawer-animation-index: 4;"
2478                      >
2479                        <a
2480                          href="/pages/parent-student-handbook"
2481                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2482                          
2483                        >
2484                          
2485                          <span class="menu-drawer__menu-item-text wrap-text">Parent &amp; Student Handbook</span>
2486                        </a>
2487                      </li><li
2488                        class="menu-drawer__list-item"
2489                        style="--menu-drawer-animation-index: 4;"
2490                      >
2491                        <a
2492                          href="/pages/school-uniforms"
2493                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2494                          
2495                        >
2496                          
2497                          <span class="menu-drawer__menu-item-text wrap-text">School Uniforms</span>
2498                        </a>
2499                      </li><li
2500                        class="menu-drawer__list-item"
2501                        style="--menu-drawer-animation-index: 4;"
2502                      >
2503                        <a
2504                          href="/pages/supply-list"
2505                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2506                          
2507                        >
2508                          
2509                          <span class="menu-drawer__menu-item-text wrap-text">Supply List</span>
2510                        </a>
2511                      </li></ul>
2512                
2513              </li>
2514              <li
2515                style="--menu-drawer-animation-index: 5;"
2516                class="menu-drawer__list-item--flat"
2517              >
2518                
2519<a
2520                    id="HeaderDrawer-staff"
2521                    href="/"
2522                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2523                    
2524                  >
2525                    <span class="menu-drawer__menu-item-text wrap-text">Staff</span>
2526                  </a>
2527                  
2528                  <ul
2529                    class="menu-drawer__menu menu-drawer__menu--childlist"
2530                    role="list"
2531                    tabindex="-1"
2532                  ><li
2533                        class="menu-drawer__list-item"
2534                        style="--menu-drawer-animation-index: 5;"
2535                      >
2536                        <a
2537                          href="/pages/staff"
2538                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2539                          
2540                        >
2541                          
2542                          <span class="menu-drawer__menu-item-text wrap-text">Staff Directory</span>
2543                        </a>
2544                      </li><li
2545                        class="menu-drawer__list-item"
2546                        style="--menu-drawer-animation-index: 5;"
2547                      >
2548                        <a
2549                          href="/pages/teacher-resources"
2550                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2551                          
2552                        >
2553                          
2554                          <span class="menu-drawer__menu-item-text wrap-text">Teacher Resources</span>
2555                        </a>
2556                      </li></ul>
2557                
2558              </li>
2559              <li
2560                style="--menu-drawer-animation-index: 6;"
2561                class="menu-drawer__list-item--flat"
2562              >
2563                
2564<a
2565                    id="HeaderDrawer-contact"
2566                    href="/pages/contact"
2567                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2568                    
2569                  >
2570                    <span class="menu-drawer__menu-item-text wrap-text">Contact</span>
2571                  </a>
2572                  
2573                  <ul
2574                    class="menu-drawer__menu menu-drawer__menu--childlist"
2575                    role="list"
2576                    tabindex="-1"
2577                  ><li
2578                        class="menu-drawer__list-item"
2579                        style="--menu-drawer-animation-index: 6;"
2580                      >
2581                        <a
2582                          href="/pages/contact"
2583                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2584                          
2585                        >
2586                          
2587                          <span class="menu-drawer__menu-item-text wrap-text">Contact Us</span>
2588                        </a>
2589                      </li><li
2590                        class="menu-drawer__list-item"
2591                        style="--menu-drawer-animation-index: 6;"
2592                      >
2593                        <a
2594                          href="https://www.google.com/maps?q=3530+Westwood+St.,+Dearborn,+MI+48124"
2595                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2596                          
2597                        >
2598                          
2599                          <span class="menu-drawer__menu-item-text wrap-text">Directions</span>
2600                        </a>
2601                      </li></ul>
2602                
2603              </li>
2604        </ul>
2605      </nav>
2606      <div
2607        class="menu-drawer__utility-links menu-drawer__animated-element"
2608        style="--menu-drawer-animation-index: 6;"
2609      >
2610        
2611        
2612          
2613          
2614            <div class="menu-drawer__localization color-custom-popover">
2615              
2616<localization-form-component
2617  ref="localizationForm"
2618  data-label-results-count="[count] results"
2619  data-show-filter="false"
2620  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
2621>
2622  
2623<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
2624
2625    
2626      <div class="language-selector language-selector--collapse-space h5">
2627        <h2
2628          class="visually-hidden"
2629          id="drawer-LanguageLabel"
2630        >
2631          Language
2632        </h2>
2633        
2634        <select
2635          id="drawerSelect"
2636          class="localization-form__select"
2637          name="language_code"
2638          aria-label="Language"
2639          ref="languageInput"
2640          on:change="/changeLanguage"
2641        ><option
2642              value="en"
2643              lang="en"
2644              
2645                selected
2646              
2647            >
2648              English
2649            </option><option
2650              value="es"
2651              lang="es"
2652              
2653            >
2654              Español
2655            </option></select>
2656        <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2657  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2658</svg>
2659</span>
2660      </div>
2661    
2662</form></localization-form-component>
2663
2664
2665
2666            </div>
2667          
2668</div>
2669
2670      
2671    </div>
2672    <div
2673      class="menu-drawer__backdrop"
2674      on:click="header-drawer/close"
2675    ></div>
2676  </details>
2677</header-drawer>
2678
2679
2680
2681    </div>
2682
2683  
2684
2685<style data-shopify>
2686  .header__underlay {
2687    --color-submenu: rgb(58 125 62);
2688  }
2689</style>
2690
2691
2692
2693
2694            
2695        
2696      
2697        
2698          
2699              
2700            
2701        
2702      
2703        
2704          
2705              
2706
2707
2708
2709
2710<a
2711  
2712  href="/"
2713  class="size-style spacing-style header-logo"
2714  style="
2715    --size-style-width: ;--size-style-height: ;
2716    --padding-block-start: 14px;--padding-block-end: 14px;
2717    --font-family: var(--font-body--family);
2718    --font-style: var(--font-body--style);
2719    --font-weight: 600;
2720  "
2721  
2722>
2723  
2724
2725  <span
2726    class="header-logo__image-container header-logo__image-container--original"
2727    data-testid="header-logo"
2728  >
2729    
2730  
2731  
2732  
2733  
2734
2735  
2736
2737  
2738
2739  
2740
2741  <img src="//www.westvillageacademy.org/cdn/shop/files/Staff-Directory--06-22-2026_07_42_PM-removebg-preview.png?height=80&amp;v=1782139424" alt="West Village Academy - Home" width="180" height="80" class="header-logo__image" srcset="//www.westvillageacademy.org/cdn/shop/files/Staff-Directory--06-22-2026_07_42_PM-removebg-preview.png?height=80&amp;v=1782139424 1x, //www.westvillageacademy.org/cdn/shop/files/Staff-Directory--06-22-2026_07_42_PM-removebg-preview.png?height=160&amp;v=1782139424 2x, //www.westvillageacademy.org/cdn/shop/files/Staff-Directory--06-22-2026_07_42_PM-removebg-preview.png?height=240&amp;v=1782139424 3x" style="--header-logo-image-width: 181px;--header-logo-image-width-mobile: 91px; --header-logo-image-height: 80px; --header-logo-image-height-mobile: 40px;">
2742
2743
2744  </span>
2745
2746  
2747</a>
2748
2749
2750
2751
2752
2753            
2754        
2755      
2756    </div><div
2757      class="header__column header__column--right"
2758      data-testid="header-top-right"
2759    >
2760      
2761        
2762          
2763              
2764
2765
2766
2767    
2768
2769
2770
2771
2772  <style data-shopify>
2773    .color-custom-AQm1WbWtyMy9lS1d4V__header-menu,
2774    .color-custom-AQm1WbWtyMy9lS1d4V__header-menu .text-block {
2775      /* Background */
2776      --color-background: #3a7d3e;
2777      --color-background-rgb: 58 125 62;
2778
2779      /* Opacity values adjusted for background brightness */
2780      
2781--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
27820.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
2783
2784
2785      
2786        /* Foreground / text — explicit or smart-contrasted */
2787        --color: #ffffff;
2788        --color-rgb: 255 255 255;
2789        --color-foreground: #ffffff;
2790        --color-foreground-rgb: 255 255 255;
2791        --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text));
2792        --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text));
2793        --color-border: var(--palette-lightest);
2794        --color-border-rgb: var(--palette-lightest-rgb);
2795      
2796    }
2797
2798    
2799      .color-custom-AQm1WbWtyMy9lS1d4V__header-menu {
2800        /* Form-related tokens stay on .color-custom only — .text-block is a prose
2801           container (text/announcement/inline-text/blog-post-description/
2802           collection-link/price/sku) and never holds form inputs. */
2803        --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10));
2804        --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5));
2805        --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50));
2806        --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55));
2807      }
2808    
2809
2810    .color-custom-AQm1WbWtyMy9lS1d4V__header-menu {
2811      color: var(--color, var(--color-foreground));
2812      background-color: var(--color-background);
2813    }
2814  </style>
2815
2816
2817
2818    
2819
2820    <header-menu
2821      ref="headerMenu"
2822      class="header-menu"
2823      
2824      data-hydration-key="header-menu"
2825    >
2826      <div class="header-menu__inner">
2827        <nav
2828          class="menu-list"
2829          aria-label="Primary"
2830          style="--menu-top-level-font-family: var(--font-body--family);
2831--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
2832
2833  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
2834  var(--menu-font-sm--line-height);
2835
2836--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2837"
2838        >
2839          
2840          <overflow-list
2841  
2842    ref="overflowMenu"
2843  
2844  
2845    class="overflow-menu color-custom-AQm1WbWtyMy9lS1d4V__header-menu"
2846  
2847  
2848    minimum-items="2"
2849  
2850  
2851    data-testid="header-menu-overflow-list"
2852  
2853  
2854    data-skip-node-update
2855  
2856>
2857  <template shadowrootmode="open">
2858    <link href="//www.westvillageacademy.org/cdn/shop/t/5/assets/overflow-list.css?v=16727044177065489451785520750" rel="stylesheet" type="text/css" media="all" />
2859
2860    <ul part="list">
2861      <slot></slot>
2862      <slot
2863        name="more"
2864        part="more"
2865        hidden
2866        
2867      >
2868        <li
2869          part="more"
2870        >
2871          <button
2872            class="button"
2873            type="button"
2874            tabindex="0"
2875            
2876          >
2877            More
2878          </button>
2879        </li>
2880      </slot>
2881      <li
2882        part="placeholder"
2883        hidden
2884      ></li>
2885    </ul>
2886
2887    <div part="overflow">
2888      <ul part="overflow-list">
2889        <slot name="overflow"></slot>
2890      </ul>
2891    </div>
2892  </template>
2893
2894  
2895      
2896        <li
2897          role="presentation"
2898          class="menu-list__list-item"
2899          on:focus="/activate"
2900          on:blur="/deactivate"
2901          on:pointerenter="/activate"
2902          on:pointerleave="/deactivate"
2903        >
2904          <a
2905  href="/"
2906  data-skip-node-update="true"
2907  class="menu-list__link"
2908  ref="menuitem"
2909>
2910  <span class="menu-list__link-title">Home</span>
2911
2912  
2913</a></li>
2914      
2915        <li
2916          role="presentation"
2917          class="menu-list__list-item"
2918          on:focus="/activate"
2919          on:blur="/deactivate"
2920          on:pointerenter="/activate"
2921          on:pointerleave="/deactivate"
2922        >
2923          <a
2924  href="/"
2925  data-skip-node-update="true"
2926  class="menu-list__link"aria-controls="submenu-2"
2927    aria-haspopup="true"
2928    aria-expanded="false"
2929  ref="menuitem"
2930>
2931  <span class="menu-list__link-title">About</span>
2932
2933  
2934    <span class="menu-list__arrow">
2935      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16">
2936        <path d="M0 0h16v16H0z" fill="none" />
2937        <path fill="currentColor" fill-rule="evenodd" d="M4.08.16v15.68L11.92 8z" clip-rule="evenodd" />
2938      </svg>
2939    </span>
2940  
2941</a><div class="menu-list__submenu color-custom-AQm1WbWtyMy9lS1d4V__header-menu" ref="submenu[]">
2942              <div
2943                id="submenu-2"
2944                class="menu-list__submenu-inner"
2945                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
2946var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
2947none;
2948
2949    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2950    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
2951    --menu-parent-active-font-color: var(--color-foreground);
2952  
2953--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
2954none;
2955
2956    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2957    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
2958  
2959"
2960              >
2961                
2962                <div class="mega-menu section section--full-width-margin section--page-width">
2963                  <div
2964                    class="mega-menu__grid"
2965                    data-menu-grid-id="MegaMenuList-2"
2966                  >
2967                    
2968<ul
2969  data-menu-list-id="MegaMenuList-2"
2970  class="mega-menu__list list-unstyled"
2971  style="--menu-image-border-radius: 0px;"
2972>
2973  
2974    <li class="mega-menu__column mega-menu__column--span-1">
2975    <div>
2976      <a
2977        href="/pages/careers"
2978        class="mega-menu__link "
2979      >
2980        
2981        <span class="wrap-text">Careers</span>
2982      </a>
2983      
2984    </div>
2985
2986    
2987  
2988    
2989    <div>
2990      <a
2991        href="/pages/staff"
2992        class="mega-menu__link "
2993      >
2994        
2995        <span class="wrap-text">Faculty & Staff</span>
2996      </a>
2997      
2998    </div>
2999
3000    
3001  
3002    
3003    <div>
3004      <a
3005        href="/pages/financial-documents"
3006        class="mega-menu__link "
3007      >
3008        
3009        <span class="wrap-text">Financial Documents</span>
3010      </a>
3011      
3012    </div>
3013
3014    
3015  
3016    
3017    <div>
3018      <a
3019        href="/pages/mission-vision"
3020        class="mega-menu__link "
3021      >
3022        
3023        <span class="wrap-text">Mission & Vision</span>
3024      </a>
3025      
3026    </div>
3027
3028    
3029  
3030    
3031    <div>
3032      <a
3033        href="/blogs/news"
3034        class="mega-menu__link "
3035      >
3036        
3037        <span class="wrap-text">News & Announcements</span>
3038      </a>
3039      
3040    </div>
3041
3042    
3043  
3044    
3045    <div>
3046      <a
3047        href="/pages/photo-album"
3048        class="mega-menu__link "
3049      >
3050        
3051        <span class="wrap-text">Photo Albums</span>
3052      </a>
3053      
3054    </div>
3055
3056    
3057  
3058    
3059    <div>
3060      <a
3061        href="/pages/principal-message"
3062        class="mega-menu__link "
3063      >
3064        
3065        <span class="wrap-text">Principal's Message</span>
3066      </a>
3067      
3068    </div>
3069
3070    
3071  
3072    
3073    <div>
3074      <a
3075        href="/pages/upcoming-events"
3076        class="mega-menu__link "
3077      >
3078        
3079        <span class="wrap-text">Upcoming Events</span>
3080      </a>
3081      
3082    </div>
3083
3084    
3085  
3086    
3087    <div>
3088      <a
3089        href="/pages/video-gallery"
3090        class="mega-menu__link "
3091      >
3092        
3093        <span class="wrap-text">Video Gallery</span>
3094      </a>
3095      
3096    </div>
3097
3098    
3099  
3100    
3101    <div>
3102      <a
3103        href="/pages/board-of-directors"
3104        class="mega-menu__link "
3105      >
3106        
3107        <span class="wrap-text">Board Of Directors</span>
3108      </a>
3109      
3110    </div>
3111
3112    </li>
3113  
3114</ul>
3115
3116
3117
3118<style data-shopify>
3119  [data-menu-grid-id="MegaMenuList-2"] {
3120    
3121      --menu-columns-desktop: 6;
3122      --menu-columns-tablet: 4;
3123    
3124  }
3125
3126  [data-menu-list-id="MegaMenuList-2"] {
3127    
3128      --menu-columns-desktop: 6;
3129      --menu-columns-tablet: 4;
3130    
3131  }
3132</style>
3133
3134
3135
3136                  </div>
3137                </div>
3138              </div>
3139            </div></li>
3140      
3141        <li
3142          role="presentation"
3143          class="menu-list__list-item"
3144          on:focus="/activate"
3145          on:blur="/deactivate"
3146          on:pointerenter="/activate"
3147          on:pointerleave="/deactivate"
3148        >
3149          <a
3150  href="/"
3151  data-skip-node-update="true"
3152  class="menu-list__link"aria-controls="submenu-3"
3153    aria-haspopup="true"
3154    aria-expanded="false"
3155  ref="menuitem"
3156>
3157  <span class="menu-list__link-title">Students</span>
3158
3159  
3160    <span class="menu-list__arrow">
3161      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16">
3162        <path d="M0 0h16v16H0z" fill="none" />
3163        <path fill="currentColor" fill-rule="evenodd" d="M4.08.16v15.68L11.92 8z" clip-rule="evenodd" />
3164      </svg>
3165    </span>
3166  
3167</a><div class="menu-list__submenu color-custom-AQm1WbWtyMy9lS1d4V__header-menu" ref="submenu[]">
3168              <div
3169                id="submenu-3"
3170                class="menu-list__submenu-inner"
3171                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
3172var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
3173none;
3174
3175    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
3176    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
3177    --menu-parent-active-font-color: var(--color-foreground);
3178  
3179--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
3180none;
3181
3182    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
3183    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
3184  
3185"
3186              >
3187                
3188                <div class="mega-menu section section--full-width-margin section--page-width">
3189                  <div
3190                    class="mega-menu__grid"
3191                    data-menu-grid-id="MegaMenuList-3"
3192                  >
3193                    
3194<ul
3195  data-menu-list-id="MegaMenuList-3"
3196  class="mega-menu__list list-unstyled"
3197  style="--menu-image-border-radius: 0px;"
3198>
3199  
3200    <li class="mega-menu__column mega-menu__column--span-1">
3201    <div>
3202      <a
3203        href="/pages/athletics"
3204        class="mega-menu__link "
3205      >
3206        
3207        <span class="wrap-text">Athletics</span>
3208      </a>
3209      
3210    </div>
3211
3212    
3213  
3214    
3215    <div>
3216      <a
3217        href="/pages/bell-schedule"
3218        class="mega-menu__link "
3219      >
3220        
3221        <span class="wrap-text">Bell Schedule</span>
3222      </a>
3223      
3224    </div>
3225
3226    
3227  
3228    
3229    <div>
3230      <a
3231        href="/pages/clubs-and-activities"
3232        class="mega-menu__link "
3233      >
3234        
3235        <span class="wrap-text">Clubs & Activities</span>
3236      </a>
3237      
3238    </div>
3239
3240    
3241  
3242    
3243    <div>
3244      <a
3245        href="/pages/food-menu"
3246        class="mega-menu__link "
3247      >
3248        
3249        <span class="wrap-text">Food Menu</span>
3250      </a>
3251      
3252    </div>
3253
3254    </li>
3255  
3256</ul>
3257
3258
3259
3260<style data-shopify>
3261  [data-menu-grid-id="MegaMenuList-3"] {
3262    
3263      --menu-columns-desktop: 6;
3264      --menu-columns-tablet: 4;
3265    
3266  }
3267
3268  [data-menu-list-id="MegaMenuList-3"] {
3269    
3270      --menu-columns-desktop: 6;
3271      --menu-columns-tablet: 4;
3272    
3273  }
3274</style>
3275
3276
3277
3278                  </div>
3279                </div>
3280              </div>
3281            </div></li>
3282      
3283        <li
3284          role="presentation"
3285          class="menu-list__list-item"
3286          on:focus="/activate"
3287          on:blur="/deactivate"
3288          on:pointerenter="/activate"
3289          on:pointerleave="/deactivate"
3290        >
3291          <a
3292  href="/"
3293  data-skip-node-update="true"
3294  class="menu-list__link"aria-controls="submenu-4"
3295    aria-haspopup="true"
3296    aria-expanded="false"
3297  ref="menuitem"
3298>
3299  <span class="menu-list__link-title">Parents</span>
3300
3301  
3302    <span class="menu-list__arrow">
3303      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16">
3304        <path d="M0 0h16v16H0z" fill="none" />
3305        <path fill="currentColor" fill-rule="evenodd" d="M4.08.16v15.68L11.92 8z" clip-rule="evenodd" />
3306      </svg>
3307    </span>
3308  
3309</a>
3309<div class="menu-list__submenu color-custom-AQm1WbWtyMy9lS1d4V__header-menu" ref="submenu[]">
3310              <div
3311                id="submenu-4"
3312                class="menu-list__submenu-inner"
3313                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
3314var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
3315none;
3316
3317    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
3318    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
3319    --menu-parent-active-font-color: var(--color-foreground);
3320  
3321--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
3322none;
3323
3324    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
3325    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
3326  
3327"
3328              >
3329                
3330                <div class="mega-menu section section--full-width-margin section--page-width">
3331                  <div
3332                    class="mega-menu__grid"
3333                    data-menu-grid-id="MegaMenuList-4"
3334                  >
3335                    
3336<ul
3337  data-menu-list-id="MegaMenuList-4"
3338  class="mega-menu__list list-unstyled"
3339  style="--menu-image-border-radius: 0px;"
3340>
3341  
3342    <li class="mega-menu__column mega-menu__column--span-1">
3343    <div>
3344      <a
3345        href="/pages/academic-calender"
3346        class="mega-menu__link "
3347      >
3348        
3349        <span class="wrap-text">Academic Calendar</span>
3350      </a>
3351      
3352    </div>
3353
3354    
3355  
3356    
3357    <div>
3358      <a
3359        href="/pages/enroll"
3360        class="mega-menu__link "
3361      >
3362        
3363        <span class="wrap-text">Enroll Today</span>
3364      </a>
3365      
3366    </div>
3367
3368    
3369  
3370    
3371    <div>
3372      <a
3373        href="/pages/important-links"
3374        class="mega-menu__link "
3375      >
3376        
3377        <span class="wrap-text">Important Links</span>
3378      </a>
3379      
3380    </div>
3381
3382    
3383  
3384    
3385    <div>
3386      <a
3387        href="/pages/parent-student-handbook"
3388        class="mega-menu__link "
3389      >
3390        
3391        <span class="wrap-text">Parent & Student Handbook</span>
3392      </a>
3393      
3394    </div>
3395
3396    
3397  
3398    
3399    <div>
3400      <a
3401        href="/pages/school-uniforms"
3402        class="mega-menu__link "
3403      >
3404        
3405        <span class="wrap-text">School Uniforms</span>
3406      </a>
3407      
3408    </div>
3409
3410    
3411  
3412    
3413    <div>
3414      <a
3415        href="/pages/supply-list"
3416        class="mega-menu__link "
3417      >
3418        
3419        <span class="wrap-text">Supply List</span>
3420      </a>
3421      
3422    </div>
3423
3424    </li>
3425  
3426</ul>
3427
3428
3429
3430<style data-shopify>
3431  [data-menu-grid-id="MegaMenuList-4"] {
3432    
3433      --menu-columns-desktop: 6;
3434      --menu-columns-tablet: 4;
3435    
3436  }
3437
3438  [data-menu-list-id="MegaMenuList-4"] {
3439    
3440      --menu-columns-desktop: 6;
3441      --menu-columns-tablet: 4;
3442    
3443  }
3444</style>
3445
3446
3447
3448                  </div>
3449                </div>
3450              </div>
3451            </div></li>
3452      
3453        <li
3454          role="presentation"
3455          class="menu-list__list-item"
3456          on:focus="/activate"
3457          on:blur="/deactivate"
3458          on:pointerenter="/activate"
3459          on:pointerleave="/deactivate"
3460        >
3461          <a
3462  href="/"
3463  data-skip-node-update="true"
3464  class="menu-list__link"aria-controls="submenu-5"
3465    aria-haspopup="true"
3466    aria-expanded="false"
3467  ref="menuitem"
3468>
3469  <span class="menu-list__link-title">Staff</span>
3470
3471  
3472    <span class="menu-list__arrow">
3473      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16">
3474        <path d="M0 0h16v16H0z" fill="none" />
3475        <path fill="currentColor" fill-rule="evenodd" d="M4.08.16v15.68L11.92 8z" clip-rule="evenodd" />
3476      </svg>
3477    </span>
3478  
3479</a><div class="menu-list__submenu color-custom-AQm1WbWtyMy9lS1d4V__header-menu" ref="submenu[]">
3480              <div
3481                id="submenu-5"
3482                class="menu-list__submenu-inner"
3483                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
3484var(--font-body--style);
3484 --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
3485none;
3486
3487    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
3488    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
3489    --menu-parent-active-font-color: var(--color-foreground);
3490  
3491--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
3492none;
3493
3494    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
3495    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
3496  
3497"
3498              >
3499                
3500                <div class="mega-menu section section--full-width-margin section--page-width">
3501                  <div
3502                    class="mega-menu__grid"
3503                    data-menu-grid-id="MegaMenuList-5"
3504                  >
3505                    
3506<ul
3507  data-menu-list-id="MegaMenuList-5"
3508  class="mega-menu__list list-unstyled"
3509  style="--menu-image-border-radius: 0px;"
3510>
3511  
3512    <li class="mega-menu__column mega-menu__column--span-1">
3513    <div>
3514      <a
3515        href="/pages/staff"
3516        class="mega-menu__link "
3517      >
3518        
3519        <span class="wrap-text">Staff Directory</span>
3520      </a>
3521      
3522    </div>
3523
3524    
3525  
3526    
3527    <div>
3528      <a
3529        href="/pages/teacher-resources"
3530        class="mega-menu__link "
3531      >
3532        
3533        <span class="wrap-text">Teacher Resources</span>
3534      </a>
3535      
3536    </div>
3537
3538    </li>
3539  
3540</ul>
3541
3542
3543
3544<style data-shopify>
3545  [data-menu-grid-id="MegaMenuList-5"] {
3546    
3547      --menu-columns-desktop: 6;
3548      --menu-columns-tablet: 4;
3549    
3550  }
3551
3552  [data-menu-list-id="MegaMenuList-5"] {
3553    
3554      --menu-columns-desktop: 6;
3555      --menu-columns-tablet: 4;
3556    
3557  }
3558</style>
3559
3560
3561
3562                  </div>
3563                </div>
3564              </div>
3565            </div></li>
3566      
3567        <li
3568          role="presentation"
3569          class="menu-list__list-item"
3570          on:focus="/activate"
3571          on:blur="/deactivate"
3572          on:pointerenter="/activate"
3573          on:pointerleave="/deactivate"
3574        >
3575          <a
3576  href="/pages/contact"
3577  data-skip-node-update="true"
3578  class="menu-list__link"aria-controls="submenu-6"
3579    aria-haspopup="true"
3580    aria-expanded="false"
3581  ref="menuitem"
3582>
3583  <span class="menu-list__link-title">Contact</span>
3584
3585  
3586    <span class="menu-list__arrow">
3587      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16">
3588        <path d="M0 0h16v16H0z" fill="none" />
3589        <path fill="currentColor" fill-rule="evenodd" d="M4.08.16v15.68L11.92 8z" clip-rule="evenodd" />
3590      </svg>
3591    </span>
3592  
3593</a><div class="menu-list__submenu color-custom-AQm1WbWtyMy9lS1d4V__header-menu" ref="submenu[]">
3594              <div
3595                id="submenu-6"
3596                class="menu-list__submenu-inner"
3597                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
3598var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
3599none;
3600
3601    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
3602    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
3603    --menu-parent-active-font-color: var(--color-foreground);
3604  
3605--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
3606none;
3607
3608    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
3609    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
3610  
3611"
3612              >
3613                
3614                <div class="mega-menu section section--full-width-margin section--page-width">
3615                  <div
3616                    class="mega-menu__grid"
3617                    data-menu-grid-id="MegaMenuList-6"
3618                  >
3619                    
3620<ul
3621  data-menu-list-id="MegaMenuList-6"
3622  class="mega-menu__list list-unstyled"
3623  style="--menu-image-border-radius: 0px;"
3624>
3625  
3626    <li class="mega-menu__column mega-menu__column--span-1">
3627    <div>
3628      <a
3629        href="/pages/contact"
3630        class="mega-menu__link "
3631      >
3632        
3633        <span class="wrap-text">Contact Us</span>
3634      </a>
3635      
3636    </div>
3637
3638    
3639  
3640    
3641    <div>
3642      <a
3643        href="https://www.google.com/maps?q=3530+Westwood+St.,+Dearborn,+MI+48124"
3644        class="mega-menu__link "
3645      >
3646        
3647        <span class="wrap-text">Directions</span>
3648      </a>
3649      
3650    </div>
3651
3652    </li>
3653  
3654</ul>
3655
3656
3657
3658<style data-shopify>
3659  [data-menu-grid-id="MegaMenuList-6"] {
3660    
3661      --menu-columns-desktop: 6;
3662      --menu-columns-tablet: 4;
3663    
3664  }
3665
3666  [data-menu-list-id="MegaMenuList-6"] {
3667    
3668      --menu-columns-desktop: 6;
3669      --menu-columns-tablet: 4;
3670    
3671  }
3672</style>
3673
3674
3675
3676                  </div>
3677                </div>
3678              </div>
3679            </div></li>
3680      
3681      <li
3682        class="menu-list__list-item"
3683        role="presentation"
3684        slot="more"
3685        on:focus="/activate"
3686        on:blur="/deactivate"
3687        on:pointerenter="/activate"
3688        on:pointerleave="/deactivate"
3689      >
3690        <button role="listitem" class="menu-list__link button-unstyled">
3691          <span class="menu-list__link-title">More</span>
3692        </button>
3693      </li>
3694    
3695</overflow-list>
3696
3697        </nav>
3698      </div>
3699
3700      
3700<script
3701        src="//www.westvillageacademy.org/cdn/shop/t/5/assets/header-menu.js?v=95929844569485293131785520750"
3702        type="module"
3703        fetchpriority="low"
3704      ></script>
3704
3705    </header-menu>
3706
3707
3708<style data-shopify>
3709  .header__underlay {
3710    --color-submenu: rgb(58 125 62);
3711  }
3712</style>
3713
3714
3715
3716
3717            
3718        
3719      
3720        
3721          
3722              
3723  
3724  
3725    <div class="dropdown-localization mobile:hidden">
3726      
3727<localization-form-component
3728  ref="localizationForm"
3729  data-label-results-count="[count] results"
3730  data-show-filter="false"
3731  style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
3732>
3733  
3734<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
3735
3736    
3737      <div class="language-selector language-selector--collapse-space">
3738        <h2
3739          class="visually-hidden"
3740          id="dropdown-LanguageLabel"
3741        >
3742          Language
3743        </h2>
3744        
3745        <select
3746          id="dropdownSelect"
3747          class="localization-form__select"
3748          name="language_code"
3749          aria-label="Language"
3750          ref="languageInput"
3751          on:change="/changeLanguage"
3752        ><option
3753              value="en"
3754              lang="en"
3755              
3756                selected
3757              
3758            >
3759              English
3760            </option><option
3761              value="es"
3762              lang="es"
3763              
3764            >
3765              Español
3766            </option></select>
3767        <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3768  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3769</svg>
3770</span>
3771      </div>
3772    
3773</form></localization-form-component>
3774
3775
3776
3777    </div>
3778  
3779
3780            
3781        
3782      
3783        
3784          
3785              
3786
3787
3788
3789            
3790        
3791      
3792        
3793          
3794              
3795
3796<script
3797  type="module"
3798  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/cart-icon.js?v=109428858171217037751785520750"
3799  fetchpriority="low"
3800></script>
3800
3801
3802
3803<header-actions
3804  
3805>
3806  
3807
3808  
3809    <button
3810      class="header-actions__action button-unstyled"
3811      on:click="#cart-drawer/toggle"
3812      aria-haspopup="dialog"
3813      aria-expanded="false"
3814      aria-controls="cart-drawer"
3815      aria-label="Cart"
3816      aria-describedby="cart-bubble-text"
3817      data-testid="cart-drawer-trigger"
3818    >
3819      
3820    </button>
3821  
3822
3823  <span
3824    ref="liveRegion"
3825    class="visually-hidden"
3826    role="status"
3827    data-testid="cart-count-live-region"
3828  ></span>
3829<div class="header_icon_wrapper"><a
3830      href="/pages/financial-documents"
3831      class="header_icons"
3832    >
3833     <img src="//www.westvillageacademy.org/cdn/shop/files/Transparency-logo.png?v=1782144348&amp;width=150" alt="" srcset="//www.westvillageacademy.org/cdn/shop/files/Transparency-logo.png?v=1782144348&amp;width=150 150w" width="150" height="150" loading="lazy">
3834    </a><a
3835      href="https://www.mischooldata.org/"
3836      class="header_icons"
3837    >
3838     <img src="//www.westvillageacademy.org/cdn/shop/files/MI-School-logo.png?v=1782144348&amp;width=150" alt="" srcset="//www.westvillageacademy.org/cdn/shop/files/MI-School-logo.png?v=1782144348&amp;width=150 150w" width="150" height="81" loading="lazy">
3839    </a></div><a
3840      href="/pages/enroll"
3841      class="button header-cta-button mobile:hidden"
3842    >Enroll Today</a></header-actions>
3843
3844<script
3845  type="module"
3846  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/header-actions.js?v=157135685635924702181785520750"
3847  fetchpriority="low"
3848></script>
3848
3849
3850
3851
3852          
3853        
3854      
3855    </div>
3856        </div>
3857      </div>
3858    
3859  
3860    
3861
3862    
3863
3864    
3865    
3866  
3867
3868  
3869    <div class="header__row header__navigation-bar-row">
3870      
3871
3872
3873
3874    
3875  
3876
3877<style data-shopify>
3878  .header__underlay {
3879    --color-submenu: rgb(58 125 62);
3880  }
3881</style>
3882
3883
3884
3885
3886    </div>
3887  
3888</header-component>
3889
3890<script
3891  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/header.js?v=183210491532312943441785520750"
3892  type="module"
3893></script>
3893
3894
3895
3896
3897
3898  
3898<script type="module">
3899    import { hydrate } from '@theme/section-hydration';
3900    const url = new URL(window.location.href);
3901    url.searchParams.delete('page');
3902    hydrate('sections--27276605128747__header_section', url);
3903  </script>
3903
3904
3905
3906
3907</header>
3908<!-- END sections: header-group -->
3909      </div>
3910
3911      
3911<script>
3912        // Inline header height and menu style calculations to prevent layout shift
3913        // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
3914        (function setHeaderHeighCustomProperties() {
3915          /*
3916           * Header calculation functions for maintaining CSS variables
3917           * Mimic calculateHeaderGroupHeight() in utilities.js
3918           */
3919          const header = document.querySelector('header-component');
3920          const headerGroup = document.querySelector('#header-group');
3921          const hasHeaderSection = headerGroup?.querySelector('.header-section');
3922
3923          if (!header || !headerGroup) return;
3924
3925          const headerTopRow = header.querySelector('.header__row--top');
3926          const headerHeight = header.offsetHeight;
3927
3928          // Calculate the total height of the header group
3929          let headerGroupHeight = 0;
3930          const children = headerGroup.children;
3931          for (let i = 0; i < children.length; i++) {
3932            const element = children[i];
3933            if (element === header || !(element instanceof HTMLElement)) continue;
3934            headerGroupHeight += element.offsetHeight;
3935          }
3936
3937          // Check for transparent header special case
3938          if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
3939            headerGroupHeight += headerHeight;
3940          }
3941
3942          // Set CSS variables
3943          document.body.style.setProperty('--header-height', `${headerHeight}px`);
3944          document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
3945
3946          if (headerTopRow) {
3947            window.requestAnimationFrame(function () {
3948              document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
3949            });
3950          }
3951
3952          /**
3953           * Updates CSS custom properties for transparent header offset calculation
3954           * Mimic updateTransparentHeaderOffset() in utilities.js
3955           */
3956
3957          if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
3958            document.body.style.setProperty('--transparent-header-offset-boolean', '0');
3959            return;
3960          }
3961
3962          const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
3963
3964          const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
3965          document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
3966        })();
3967
3968        (function setHeaderMenuStyle() {
3969          const headerComponent = document.querySelector('#header-component');
3970          if (headerComponent) {
3971            const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
3972            const overflowList = headerComponent?.querySelector('overflow-list');
3973            const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
3974            headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
3975          }
3976        })();
3977      </script>
3977
3978
3979      <main
3980        id="MainContent"
3981        class="content-for-layout"
3982        role="main"
3983        data-page-transition-enabled="false"
3984        data-product-transition="false"
3985        data-template="blog"
3986      >
3987        <section id="shopify-section-template--27276610764843__featured_blog_posts_QztEpk" class="shopify-section featured-blog-posts">
3988
3989
3990
3991
3992
3993<div
3994  class="section-background"
3995></div>
3996
3997<div
3998  class="
3999    section
4000    section--page-width
4001    
4002    section-resource-list
4003    spacing-style
4004    gap-style
4005  "
4006  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));--gap: 12px;"
4007>
4008  <div id="shopify-block-AemlYK09uUVZyeHBWU__static-blog-title" class="shopify-block">
4009
4010
4011
4012
4013
4014
4015
4016
4017
4018
4019  <rte-formatter class=" spacing-style text-block text-block--AemlYK09uUVZyeHBWU__static-blog-title rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
4020    <h3>News</h3>
4021  </rte-formatter>
4022
4023
4024
4025
4026
4027
4028</div>
4029
4030
4031  
4032      
4033    
4034
4035  
4036
4037  
4038
4039  
4040
4041<div
4042  class="
4043    resource-list
4044    
4045    
4046    resource-list--grid
4047  "
4048  style="--resource-list-column-gap-desktop: 30px;--resource-list-row-gap-desktop: 30px;--resource-list-columns: repeat(3, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
4049  
4050    data-testid="featured-blog-posts"
4051  
4052>
4053  
4054      
4055    
4056      <div class="resource-list__item">
4057        
4058
4059
4060
4061
4062
4063
4064
4065
4066
4067
4068
4069
4070
4071<div
4072  class="
4073    featured-blog-posts-card spacing-style border-style
4074    
4075    
4076  "
4077  data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card"
4078  data-testid="featured-blog-posts-card"
4079  
4080  style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4081--border-width: 1px; --border-style: none; --border-color:
4082rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
4083--text-align: left;
4084    --horizontal-alignment: left;
4085    --gap: 8px;
4086  "
4087  
4088>
4089  <a
4090    class="featured-blog-posts-card__link"
4091    
4092      href="/blogs/news/together"
4093    
4094  >
4095    <span class="visually-hidden">Make a Difference</span>
4096  </a>
4097
4098  <div class="featured-blog-posts-card__inner">
4099    
4100      
4101  
4102
4103
4104
4105
4106<style data-shopify>
4107  
4108    .featured-blog-posts-card[data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card"] {
4109      --ratio: 1 / 1;
4110    }
4111  
4112</style>
4113
4114
4115  <div
4116    class="
4117      resource-image
4118      
4119        featured-blog-posts-card__image
4120      
4121      spacing-style border-style
4122      
4123    "
4124    style="
4125--border-width: 1px; --border-style: none; --border-color:
4126rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
4127"
4128    
4129  ><img src="//www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_1_70c2ce3b-43eb-4a41-a43f-34eb2433e5f4.jpg?v=1785267787&amp;width=3840" alt="Make a Difference" srcset="//www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_1_70c2ce3b-43eb-4a41-a43f-34eb2433e5f4.jpg?v=1785267787&amp;width=240 240w, //www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_1_70c2ce3b-43eb-4a41-a43f-34eb2433e5f4.jpg?v=1785267787&amp;width=352 352w, //www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_1_70c2ce3b-43eb-4a41-a43f-34eb2433e5f4.jpg?v=1785267787&amp;width=832 832w, //www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_1_70c2ce3b-43eb-4a41-a43f-34eb2433e5f4.jpg?v=1785267787&amp;width=1200 1200w, //www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_1_70c2ce3b-43eb-4a41-a43f-34eb2433e5f4.jpg?v=1785267787&amp;width=1600 1600w, //www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_1_70c2ce3b-43eb-4a41-a43f-34eb2433e5f4.jpg?v=1785267787&amp;width=1920 1920w, //www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_1_70c2ce3b-43eb-4a41-a43f-34eb2433e5f4.jpg?v=1785267787&amp;width=2560 2560w, //www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_1_70c2ce3b-43eb-4a41-a43f-34eb2433e5f4.jpg?v=1785267787&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
4130  </div>
4131
4132
4133
4134
4135
4136
4137
4138
4139
4140
4141    
4142
4143    <div class="featured-blog-posts-card__content layout-panel-flex--column">
4144      <h4>
4145  
4146
4147
4148
4149
4150
4151
4152
4153  <rte-formatter class=" spacing-style text-block text-block--AN29NcGprMW40S0ZWe__title rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-);          --text-align: left;          ">
4154    <h4>Make a Difference</h4>
4155  </rte-formatter>
4156
4157
4158
4159
4160
4161
4162
4163</h4>
4164      
4165  <div id="shopify-block-ASlY0K3ViY0lQMkFrK__blog-post-info-text" class="shopify-block">
4166
4167
4168
4169
4170<div
4171    class="
4172      blog-post-details
4173      spacing-style
4174      justify-left
4175      
4176    "
4177    style="
4178      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4179      
4180    "
4181  ><span><time datetime="2026-07-28T19:27:33Z">July 28, 2026</time></span></div>
4182
4183
4184
4185
4186
4187</div>
4188
4189
4190      
4191  
4192
4193
4194
4195
4196
4197  
4198  
4199
4200  
4201
4202  <rte-formatter 
4203  class="blog-post-card__content-text spacing-style text-block text-block--Abmh5MTBnejJ1YlNtN__blog-post-description rte
4204     rte 
4205  "
4206
4207  style="
4208    --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
4209
4210    
4211
4212    
4213  "
4214
4215  
4216>
4217    
4218    
4219  </rte-formatter>
4220
4221
4222
4223
4224
4225
4226
4227    </div>
4228  </div>
4229</div>
4230
4231
4232
4233
4234
4235      </div>
4236      
4237        <!--@list/split-->
4238      
4239    
4240      <div class="resource-list__item">
4241        
4242
4243
4244
4245
4246
4247
4248
4249
4250
4251
4252
4253
4254
4255<div
4256  class="
4257    featured-blog-posts-card spacing-style border-style
4258    
4259    
4260  "
4261  data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-1"
4262  data-testid="featured-blog-posts-card"
4263  
4264  style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4265--border-width: 1px; --border-style: none; --border-color:
4266rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
4267--text-align: left;
4268    --horizontal-alignment: left;
4269    --gap: 8px;
4270  "
4271  
4272>
4273  <a
4274    class="featured-blog-posts-card__link"
4275    
4276      href="/blogs/news/hiring"
4277    
4278  >
4279    <span class="visually-hidden">
4279Hiring Bus Driver</span>
4280  </a>
4281
4282  <div class="featured-blog-posts-card__inner">
4283    
4284      
4285  
4286
4287
4288
4289
4290<style data-shopify>
4291  
4292    .featured-blog-posts-card[data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-1"] {
4293      --ratio: 1 / 1;
4294    }
4295  
4296</style>
4297
4298
4299  <div
4300    class="
4301      resource-image
4302      
4303        featured-blog-posts-card__image
4304      
4305      spacing-style border-style
4306      
4307    "
4308    style="
4309--border-width: 1px; --border-style: none; --border-color:
4310rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
4311"
4312    
4313  ><img src="//www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_514d2284-1f8e-4209-9e89-4f8aab55f701.jpg?v=1785267805&amp;width=3840" alt="Hiring Bus Driver" srcset="//www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_514d2284-1f8e-4209-9e89-4f8aab55f701.jpg?v=1785267805&amp;width=240 240w, //www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_514d2284-1f8e-4209-9e89-4f8aab55f701.jpg?v=1785267805&amp;width=352 352w, //www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_514d2284-1f8e-4209-9e89-4f8aab55f701.jpg?v=1785267805&amp;width=832 832w, //www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_514d2284-1f8e-4209-9e89-4f8aab55f701.jpg?v=1785267805&amp;width=1200 1200w, //www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_514d2284-1f8e-4209-9e89-4f8aab55f701.jpg?v=1785267805&amp;width=1600 1600w, //www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_514d2284-1f8e-4209-9e89-4f8aab55f701.jpg?v=1785267805&amp;width=1920 1920w, //www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_514d2284-1f8e-4209-9e89-4f8aab55f701.jpg?v=1785267805&amp;width=2560 2560w, //www.westvillageacademy.org/cdn/shop/articles/WhatsApp_Image_2026-07-28_at_11.39.45_PM_514d2284-1f8e-4209-9e89-4f8aab55f701.jpg?v=1785267805&amp;width=3840 3840w" width="3840" height="5760" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
4314  </div>
4315
4316
4317
4318
4319
4320
4321
4322
4323
4324
4325    
4326
4327    <div class="featured-blog-posts-card__content layout-panel-flex--column">
4328      <h4>
4329  
4330
4331
4332
4333
4334
4335
4336
4337  <rte-formatter class=" spacing-style text-block text-block--AN29NcGprMW40S0ZWe__title-1 rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-);          --text-align: left;          ">
4338    <h4>Hiring Bus Driver</h4>
4339  </rte-formatter>
4340
4341
4342
4343
4344
4345
4346
4347</h4>
4348      
4349  <div id="shopify-block-ASlY0K3ViY0lQMkFrK__blog-post-info-text-1" class="shopify-block">
4350
4351
4352
4353
4354<div
4355    class="
4356      blog-post-details
4357      spacing-style
4358      justify-left
4359      
4360    "
4361    style="
4362      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4363      
4364    "
4365  ><span><time datetime="2026-07-28T19:26:07Z">July 28, 2026</time></span></div>
4366
4367
4368
4369
4370
4371</div>
4372
4373
4374      
4375  
4376
4377
4378
4379
4380
4381  
4382  
4383
4384  
4385
4386  <rte-formatter 
4387  class="blog-post-card__content-text spacing-style text-block text-block--Abmh5MTBnejJ1YlNtN__blog-post-description-1 rte
4388     rte 
4389  "
4390
4391  style="
4392    --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
4393
4394    
4395
4396    
4397  "
4398
4399  
4400>
4401    
4402    
4403  </rte-formatter>
4404
4405
4406
4407
4408
4409
4410
4411    </div>
4412  </div>
4413</div>
4414
4415
4416
4417
4418
4419      </div>
4420      
4421        <!--@list/split-->
4422      
4423    
4424      <div class="resource-list__item">
4425        
4426
4427
4428
4429
4430
4431
4432
4433
4434
4435
4436
4437
4438
4439<div
4440  class="
4441    featured-blog-posts-card spacing-style border-style
4442    
4443    
4444  "
4445  data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-2"
4446  data-testid="featured-blog-posts-card"
4447  
4448  style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4449--border-width: 1px; --border-style: none; --border-color:
4450rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
4451--text-align: left;
4452    --horizontal-alignment: left;
4453    --gap: 8px;
4454  "
4455  
4456>
4457  <a
4458    class="featured-blog-posts-card__link"
4459    
4460      href="/blogs/news/summer-discovery-family-survey"
4461    
4462  >
4463    <span class="visually-hidden">Summer Discovery Family Survey</span>
4464  </a>
4465
4466  <div class="featured-blog-posts-card__inner">
4467    
4468      
4469  
4470
4471
4472
4473
4474<style data-shopify>
4475  
4476    .featured-blog-posts-card[data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-2"] {
4477      --ratio: 1 / 1;
4478    }
4479  
4480</style>
4481
4482
4483  <div
4484    class="
4485      resource-image
4486      
4487        featured-blog-posts-card__image
4488      
4489      spacing-style border-style
4490      
4491    "
4492    style="
4493--border-width: 1px; --border-style: none; --border-color:
4494rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
4495"
4496    
4497  ><img src="//www.westvillageacademy.org/cdn/shop/articles/Summer_Discovery_Parent_Survey_2.png?v=1784913072&amp;width=3840" alt="Summer Discovery Family Survey" srcset="//www.westvillageacademy.org/cdn/shop/articles/Summer_Discovery_Parent_Survey_2.png?v=1784913072&amp;width=240 240w, //www.westvillageacademy.org/cdn/shop/articles/Summer_Discovery_Parent_Survey_2.png?v=1784913072&amp;width=352 352w, //www.westvillageacademy.org/cdn/shop/articles/Summer_Discovery_Parent_Survey_2.png?v=1784913072&amp;width=832 832w, //www.westvillageacademy.org/cdn/shop/articles/Summer_Discovery_Parent_Survey_2.png?v=1784913072&amp;width=1200 1200w, //www.westvillageacademy.org/cdn/shop/articles/Summer_Discovery_Parent_Survey_2.png?v=1784913072&amp;width=1600 1600w, //www.westvillageacademy.org/cdn/shop/articles/Summer_Discovery_Parent_Survey_2.png?v=1784913072&amp;width=1920 1920w, //www.westvillageacademy.org/cdn/shop/articles/Summer_Discovery_Parent_Survey_2.png?v=1784913072&amp;width=2560 2560w, //www.westvillageacademy.org/cdn/shop/articles/Summer_Discovery_Parent_Survey_2.png?v=1784913072&amp;width=3840 3840w" width="3840" height="5432" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
4498  </div>
4499
4500
4501
4502
4503
4504
4505
4506
4507
4508
4509    
4510
4511    <div class="featured-blog-posts-card__content layout-panel-flex--column">
4512      <h4>
4513  
4514
4515
4516
4517
4518
4519
4520
4521  <rte-formatter class=" spacing-style text-block text-block--AN29NcGprMW40S0ZWe__title-2 rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-);          --text-align: left;          ">
4522    <h4>Summer Discovery Family Survey</h4>
4523  </rte-formatter>
4524
4525
4526
4527
4528
4529
4530
4531</h4>
4532      
4533  <div id="shopify-block-ASlY0K3ViY0lQMkFrK__blog-post-info-text-2" class="shopify-block">
4534
4535
4536
4537
4538<div
4539    class="
4540      blog-post-details
4541      spacing-style
4542      justify-left
4543      
4544    "
4545    style="
4546      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4547      
4548    "
4549  ><span><time datetime="2026-07-24T17:11:10Z">July 24, 2026</time></span></div>
4550
4551
4552
4553
4554
4555</div>
4556
4557
4558      
4559  
4560
4561
4562
4563
4564
4565  
4566  
4567
4568  
4569
4570  <rte-formatter 
4571  class="blog-post-card__content-text spacing-style text-block text-block--Abmh5MTBnejJ1YlNtN__blog-post-description-2 rte
4572     rte 
4573  "
4574
4575  style="
4576    --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
4577
4578    
4579
4580    
4581  "
4582
4583  
4584>
4585    Take The Survey
4586    
4587  </rte-formatter>
4588
4589
4590
4591
4592
4593
4594
4595    </div>
4596  </div>
4597</div>
4598
4599
4600
4601
4602
4603      </div>
4604      
4605        <!--@list/split-->
4606      
4607    
4608      <div class="resource-list__item">
4609        
4610
4611
4612
4613
4614
4615
4616
4617
4618
4619
4620
4621
4622
4623<div
4624  class="
4625    featured-blog-posts-card spacing-style border-style
4626    
4627    
4628  "
4629  data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-3"
4630  data-testid="featured-blog-posts-card"
4631  
4632  style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4633--border-width: 1px; --border-style: none; --border-color:
4634rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
4635--text-align: left;
4636    --horizontal-alignment: left;
4637    --gap: 8px;
4638  "
4639  
4640>
4641  <a
4642    class="featured-blog-posts-card__link"
4643    
4644      href="/blogs/news/ice-cream-social"
4645    
4646  >
4647    <span class="visually-hidden">Ice Cream Social</span>
4648  </a>
4649
4650  <div class="featured-blog-posts-card__inner">
4651    
4652      
4653  
4654
4655
4656
4657
4658<style data-shopify>
4659  
4660    .featured-blog-posts-card[data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-3"] {
4661      --ratio: 1 / 1;
4662    }
4663  
4664</style>
4665
4666
4667  <div
4668    class="
4669      resource-image
4670      
4671        featured-blog-posts-card__image
4672      
4673      spacing-style border-style
4674      
4675    "
4676    style="
4677--border-width: 1px; --border-style: none; --border-color:
4678rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
4679"
4680    
4681  ><img src="//www.westvillageacademy.org/cdn/shop/articles/WVA_Ice_Cream_Social_2026.png?v=1785264453&amp;width=3840" alt="Ice Cream Social" srcset="//www.westvillageacademy.org/cdn/shop/articles/WVA_Ice_Cream_Social_2026.png?v=1785264453&amp;width=240 240w, //www.westvillageacademy.org/cdn/shop/articles/WVA_Ice_Cream_Social_2026.png?v=1785264453&amp;width=352 352w, //www.westvillageacademy.org/cdn/shop/articles/WVA_Ice_Cream_Social_2026.png?v=1785264453&amp;width=832 832w, //www.westvillageacademy.org/cdn/shop/articles/WVA_Ice_Cream_Social_2026.png?v=1785264453&amp;width=1200 1200w, //www.westvillageacademy.org/cdn/shop/articles/WVA_Ice_Cream_Social_2026.png?v=1785264453&amp;width=1600 1600w, //www.westvillageacademy.org/cdn/shop/articles/WVA_Ice_Cream_Social_2026.png?v=1785264453&amp;width=1920 1920w, //www.westvillageacademy.org/cdn/shop/articles/WVA_Ice_Cream_Social_2026.png?v=1785264453&amp;width=2560 2560w, //www.westvillageacademy.org/cdn/shop/articles/WVA_Ice_Cream_Social_2026.png?v=1785264453&amp;width=3840 3840w" width="3840" height="5436" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
4682  </div>
4683
4684
4685
4686
4687
4688
4689
4690
4691
4692
4693    
4694
4695    <div class="featured-blog-posts-card__content layout-panel-flex--column">
4696      <h4>
4697  
4698
4699
4700
4701
4702
4703
4704
4705  <rte-formatter class=" spacing-style text-block text-block--AN29NcGprMW40S0ZWe__title-3 rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-);          --text-align: left;          ">
4706    <h4>Ice Cream Social</h4>
4707  </rte-formatter>
4708
4709
4710
4711
4712
4713
4714
4715</h4>
4716      
4717  <div id="shopify-block-ASlY0K3ViY0lQMkFrK__blog-post-info-text-3" class="shopify-block">
4718
4719
4720
4721
4722<div
4723    class="
4724      blog-post-details
4725      spacing-style
4726      justify-left
4727      
4728    "
4729    style="
4730      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4731      
4732    "
4733  ><span><time datetime="2026-06-25T17:53:02Z">June 25, 2026</time></span></div>
4734
4735
4736
4737
4738
4739</div>
4740
4741
4742      
4743  
4744
4745
4746
4747
4748
4749  
4750  
4751
4752  
4753
4754  <rte-formatter 
4755  class="blog-post-card__content-text spacing-style text-block text-block--Abmh5MTBnejJ1YlNtN__blog-post-description-3 rte
4756     rte 
4757  "
4758
4759  style="
4760    --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
4761
4762    
4763
4764    
4765  "
4766
4767  
4768>
4769    
4770    
4771  </rte-formatter>
4772
4773
4774
4775
4776
4777
4778
4779    </div>
4780  </div>
4781</div>
4782
4783
4784
4785
4786
4787      </div>
4788      
4789        <!--@list/split-->
4790      
4791    
4792      <div class="resource-list__item">
4793        
4794
4795
4796
4797
4798
4799
4800
4801
4802
4803
4804
4805
4806
4807<div
4808  class="
4809    featured-blog-posts-card spacing-style border-style
4810    
4811    
4812  "
4813  data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-4"
4814  data-testid="featured-blog-posts-card"
4815  
4816  style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4817--border-width: 1px; --border-style: none; --border-color:
4818rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
4819--text-align: left;
4820    --horizontal-alignment: left;
4821    --gap: 8px;
4822  "
4823  
4824>
4825  <a
4826    class="featured-blog-posts-card__link"
4827    
4828      href="/blogs/news/wva-wildcat-tutoring-club"
4829    
4830  >
4831    <span class="visually-hidden">
4831WVA Wildcat Tutoring Club</span>
4832  </a>
4833
4834  <div class="featured-blog-posts-card__inner">
4835    
4836      
4837  
4838
4839
4840
4841
4842<style data-shopify>
4843  
4844    .featured-blog-posts-card[data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-4"] {
4845      --ratio: 1 / 1;
4846    }
4847  
4848</style>
4849
4850
4851  <div
4852    class="
4853      resource-image
4854      
4855        featured-blog-posts-card__image
4856      
4857      spacing-style border-style
4858      
4859    "
4860    style="
4861--border-width: 1px; --border-style: none; --border-color:
4862rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
4863"
4864    
4865  ><img src="//www.westvillageacademy.org/cdn/shop/articles/wva_tutoring_f9767ac3-3cec-4814-9186-9a5496f54c1c.jpg?v=1782410529&amp;width=3840" alt="WVA Wildcat Tutoring Club" srcset="//www.westvillageacademy.org/cdn/shop/articles/wva_tutoring_f9767ac3-3cec-4814-9186-9a5496f54c1c.jpg?v=1782410529&amp;width=240 240w, //www.westvillageacademy.org/cdn/shop/articles/wva_tutoring_f9767ac3-3cec-4814-9186-9a5496f54c1c.jpg?v=1782410529&amp;width=352 352w, //www.westvillageacademy.org/cdn/shop/articles/wva_tutoring_f9767ac3-3cec-4814-9186-9a5496f54c1c.jpg?v=1782410529&amp;width=832 832w, //www.westvillageacademy.org/cdn/shop/articles/wva_tutoring_f9767ac3-3cec-4814-9186-9a5496f54c1c.jpg?v=1782410529&amp;width=1200 1200w, //www.westvillageacademy.org/cdn/shop/articles/wva_tutoring_f9767ac3-3cec-4814-9186-9a5496f54c1c.jpg?v=1782410529&amp;width=1600 1600w, //www.westvillageacademy.org/cdn/shop/articles/wva_tutoring_f9767ac3-3cec-4814-9186-9a5496f54c1c.jpg?v=1782410529&amp;width=1920 1920w, //www.westvillageacademy.org/cdn/shop/articles/wva_tutoring_f9767ac3-3cec-4814-9186-9a5496f54c1c.jpg?v=1782410529&amp;width=2560 2560w, //www.westvillageacademy.org/cdn/shop/articles/wva_tutoring_f9767ac3-3cec-4814-9186-9a5496f54c1c.jpg?v=1782410529&amp;width=3840 3840w" width="3840" height="4966" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
4866  </div>
4867
4868
4869
4870
4871
4872
4873
4874
4875
4876
4877    
4878
4879    <div class="featured-blog-posts-card__content layout-panel-flex--column">
4880      <h4>
4881  
4882
4883
4884
4885
4886
4887
4888
4889  <rte-formatter class=" spacing-style text-block text-block--AN29NcGprMW40S0ZWe__title-4 rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-);          --text-align: left;          ">
4890    <h4>WVA Wildcat Tutoring Club</h4>
4891  </rte-formatter>
4892
4893
4894
4895
4896
4897
4898
4899</h4>
4900      
4901  <div id="shopify-block-ASlY0K3ViY0lQMkFrK__blog-post-info-text-4" class="shopify-block">
4902
4903
4904
4905
4906<div
4907    class="
4908      blog-post-details
4909      spacing-style
4910      justify-left
4911      
4912    "
4913    style="
4914      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4915      
4916    "
4917  ><span><time datetime="2026-06-25T17:52:20Z">June 25, 2026</time></span></div>
4918
4919
4920
4921
4922
4923</div>
4924
4925
4926      
4927  
4928
4929
4930
4931
4932
4933  
4934  
4935
4936  
4937
4938  <rte-formatter 
4939  class="blog-post-card__content-text spacing-style text-block text-block--Abmh5MTBnejJ1YlNtN__blog-post-description-4 rte
4940     rte 
4941  "
4942
4943  style="
4944    --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
4945
4946    
4947
4948    
4949  "
4950
4951  
4952>
4953    
4954
4955WVA Tutoring.pdf (103 KB)
4956
4957
4958    
4959  </rte-formatter>
4960
4961
4962
4963
4964
4965
4966
4967    </div>
4968  </div>
4969</div>
4970
4971
4972
4973
4974
4975      </div>
4976      
4977        <!--@list/split-->
4978      
4979    
4980      <div class="resource-list__item">
4981        
4982
4983
4984
4985
4986
4987
4988
4989
4990
4991
4992
4993
4994
4995<div
4996  class="
4997    featured-blog-posts-card spacing-style border-style
4998    
4999    
5000  "
5001  data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-5"
5002  data-testid="featured-blog-posts-card"
5003  
5004  style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5005--border-width: 1px; --border-style: none; --border-color:
5006rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
5007--text-align: left;
5008    --horizontal-alignment: left;
5009    --gap: 8px;
5010  "
5011  
5012>
5013  <a
5014    class="featured-blog-posts-card__link"
5015    
5016      href="/blogs/news/how-to-communicate"
5017    
5018  >
5019    <span class="visually-hidden">How to Communicate</span>
5020  </a>
5021
5022  <div class="featured-blog-posts-card__inner">
5023    
5024      
5025  
5026
5027
5028
5029
5030<style data-shopify>
5031  
5032    .featured-blog-posts-card[data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-5"] {
5033      --ratio: 1 / 1;
5034    }
5035  
5036</style>
5037
5038
5039  <div
5040    class="
5041      resource-image
5042      
5043        featured-blog-posts-card__image
5044      
5045      spacing-style border-style
5046      
5047    "
5048    style="
5049--border-width: 1px; --border-style: none; --border-color:
5050rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
5051"
5052    
5053  ><img src="//www.westvillageacademy.org/cdn/shop/articles/resized_wva_communication.jpg?v=1782409783&amp;width=3840" alt="How to Communicate" srcset="//www.westvillageacademy.org/cdn/shop/articles/resized_wva_communication.jpg?v=1782409783&amp;width=240 240w, //www.westvillageacademy.org/cdn/shop/articles/resized_wva_communication.jpg?v=1782409783&amp;width=352 352w, //www.westvillageacademy.org/cdn/shop/articles/resized_wva_communication.jpg?v=1782409783&amp;width=832 832w, //www.westvillageacademy.org/cdn/shop/articles/resized_wva_communication.jpg?v=1782409783&amp;width=1200 1200w, //www.westvillageacademy.org/cdn/shop/articles/resized_wva_communication.jpg?v=1782409783&amp;width=1600 1600w, //www.westvillageacademy.org/cdn/shop/articles/resized_wva_communication.jpg?v=1782409783&amp;width=1920 1920w, //www.westvillageacademy.org/cdn/shop/articles/resized_wva_communication.jpg?v=1782409783&amp;width=2560 2560w, //www.westvillageacademy.org/cdn/shop/articles/resized_wva_communication.jpg?v=1782409783&amp;width=3840 3840w" width="3840" height="5779" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
5054  </div>
5055
5056
5057
5058
5059
5060
5061
5062
5063
5064
5065    
5066
5067    <div class="featured-blog-posts-card__content layout-panel-flex--column">
5068      <h4>
5069  
5070
5071
5072
5073
5074
5075
5076
5077  <rte-formatter class=" spacing-style text-block text-block--AN29NcGprMW40S0ZWe__title-5 rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-);          --text-align: left;          ">
5078    <h4>How to Communicate</h4>
5079  </rte-formatter>
5080
5081
5082
5083
5084
5085
5086
5087</h4>
5088      
5089  <div id="shopify-block-ASlY0K3ViY0lQMkFrK__blog-post-info-text-5" class="shopify-block">
5090
5091
5092
5093
5094<div
5095    class="
5096      blog-post-details
5097      spacing-style
5098      justify-left
5099      
5100    "
5101    style="
5102      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5103      
5104    "
5105  ><span><time datetime="2026-06-25T17:49:37Z">June 25, 2026</time></span></div>
5106
5107
5108
5109
5110
5111</div>
5112
5113
5114      
5115  
5116
5117
5118
5119
5120
5121  
5122  
5123
5124  
5125
5126  <rte-formatter 
5127  class="blog-post-card__content-text spacing-style text-block text-block--Abmh5MTBnejJ1YlNtN__blog-post-description-5 rte
5128     rte 
5129  "
5130
5131  style="
5132    --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
5133
5134    
5135
5136    
5137  "
5138
5139  
5140>
5141    
5142    
5143  </rte-formatter>
5144
5145
5146
5147
5148
5149
5150
5151    </div>
5152  </div>
5153</div>
5154
5155
5156
5157
5158
5159      </div>
5160      
5161        <!--@list/split-->
5162      
5163    
5164      <div class="resource-list__item">
5165        
5166
5167
5168
5169
5170
5171
5172
5173
5174
5175
5176
5177
5178
5179<div
5180  class="
5181    featured-blog-posts-card spacing-style border-style
5182    
5183    
5184  "
5185  data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-6"
5186  data-testid="featured-blog-posts-card"
5187  
5188  style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5189--border-width: 1px; --border-style: none; --border-color:
5190rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
5191--text-align: left;
5192    --horizontal-alignment: left;
5193    --gap: 8px;
5194  "
5195  
5196>
5197  <a
5198    class="featured-blog-posts-card__link"
5199    
5200      href="/blogs/news/re-enrollment-for-the-26-27-school-year"
5201    
5202  >
5203    <span class="visually-hidden">Re-Enrollment for the 26/27 School Year!</span>
5204  </a>
5205
5206  <div class="featured-blog-posts-card__inner">
5207    
5208      
5209  
5210
5211
5212
5213
5214<style data-shopify>
5215  
5216    .featured-blog-posts-card[data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-6"] {
5217      --ratio: 1 / 1;
5218    }
5219  
5220</style>
5221
5222
5223  <div
5224    class="
5225      resource-image
5226      
5227        featured-blog-posts-card__image
5228      
5229      spacing-style border-style
5230      
5231    "
5232    style="
5233--border-width: 1px; --border-style: none; --border-color:
5234rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
5235"
5236    
5237  ><img src="//www.westvillageacademy.org/cdn/shop/articles/WVA_Enrollment_Flyer_3_1.png?v=1785264583&amp;width=3840" alt="Re-Enrollment for the 26/27 School Year!" srcset="//www.westvillageacademy.org/cdn/shop/articles/WVA_Enrollment_Flyer_3_1.png?v=1785264583&amp;width=240 240w, //www.westvillageacademy.org/cdn/shop/articles/WVA_Enrollment_Flyer_3_1.png?v=1785264583&amp;width=352 352w, //www.westvillageacademy.org/cdn/shop/articles/WVA_Enrollment_Flyer_3_1.png?v=1785264583&amp;width=832 832w, //www.westvillageacademy.org/cdn/shop/articles/WVA_Enrollment_Flyer_3_1.png?v=1785264583&amp;width=1200 1200w, //www.westvillageacademy.org/cdn/shop/articles/WVA_Enrollment_Flyer_3_1.png?v=1785264583&amp;width=1600 1600w, //www.westvillageacademy.org/cdn/shop/articles/WVA_Enrollment_Flyer_3_1.png?v=1785264583&amp;width=1920 1920w, //www.westvillageacademy.org/cdn/shop/articles/WVA_Enrollment_Flyer_3_1.png?v=1785264583&amp;width=2560 2560w, //www.westvillageacademy.org/cdn/shop/articles/WVA_Enrollment_Flyer_3_1.png?v=1785264583&amp;width=3840 3840w" width="3840" height="5760" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
5238  </div>
5239
5240
5241
5242
5243
5244
5245
5246
5247
5248
5249    
5250
5251    <div class="featured-blog-posts-card__content layout-panel-flex--column">
5252      <h4>
5253  
5254
5255
5256
5257
5258
5259
5260
5261  <rte-formatter class=" spacing-style text-block text-block--AN29NcGprMW40S0ZWe__title-6 rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-);          --text-align: left;          ">
5262    <h4>Re-Enrollment for the 26/27 School Year!</h4>
5263  </rte-formatter>
5264
5265
5266
5267
5268
5269
5270
5271</h4>
5272      
5273  <div id="shopify-block-ASlY0K3ViY0lQMkFrK__blog-post-info-text-6" class="shopify-block">
5274
5275
5276
5277
5278<div
5279    class="
5280      blog-post-details
5281      spacing-style
5282      justify-left
5283      
5284    "
5285    style="
5286      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5287      
5288    "
5289  ><span><time datetime="2026-06-25T17:46:34Z">June 25, 2026</time></span></div>
5290
5291
5292
5293
5294
5295</div>
5296
5297
5298      
5299  
5300
5301
5302
5303
5304
5305  
5306  
5307
5308  
5309
5310  <rte-formatter 
5311  class="blog-post-card__content-text spacing-style text-block text-block--Abmh5MTBnejJ1YlNtN__blog-post-description-6 rte
5312     rte 
5313  "
5314
5315  style="
5316    --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
5317
5318    
5319
5320    
5321  "
5322
5323  
5324>
5325    https://zangleweb.resa.net/westvillage/parent...
5326    
5327  </rte-formatter>
5328
5329
5330
5331
5332
5333
5334
5335    </div>
5336  </div>
5337</div>
5338
5339
5340
5341
5342
5343      </div>
5344      
5345        <!--@list/split-->
5346      
5347    
5348      <div class="resource-list__item">
5349        
5350
5351
5352
5353
5354
5355
5356
5357
5358
5359
5360
5361
5362
5363<div
5364  class="
5365    featured-blog-posts-card spacing-style border-style
5366    
5367    
5368  "
5369  data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-7"
5370  data-testid="featured-blog-posts-card"
5371  
5372  style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5373--border-width: 1px; --border-style: none; --border-color:
5374rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
5375--text-align: left;
5376    --horizontal-alignment: left;
5377    --gap: 8px;
5378  "
5379  
5380>
5381  <a
5382    class="featured-blog-posts-card__link"
5383    
5384      href="/blogs/news/wva-parent-survey-25-26-school-year"
5385    
5386  >
5387    <span class="visually-hidden">
5387WVA Parent Survey 25/26 School Year</span>
5388  </a>
5389
5390  <div class="featured-blog-posts-card__inner">
5391    
5392      
5393  
5394
5395
5396
5397
5398<style data-shopify>
5399  
5400    .featured-blog-posts-card[data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-7"] {
5401      --ratio: 1 / 1;
5402    }
5403  
5404</style>
5405
5406
5407  <div
5408    class="
5409      resource-image
5410      
5411        featured-blog-posts-card__image
5412      
5413      spacing-style border-style
5414      
5415    "
5416    style="
5417--border-width: 1px; --border-style: none; --border-color:
5418rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
5419"
5420    
5421  ><img src="//www.westvillageacademy.org/cdn/shop/articles/parent_survey_qr.jpg?v=1782409243&amp;width=3840" alt="WVA Parent Survey 25/26 School Year" srcset="//www.westvillageacademy.org/cdn/shop/articles/parent_survey_qr.jpg?v=1782409243&amp;width=240 240w, //www.westvillageacademy.org/cdn/shop/articles/parent_survey_qr.jpg?v=1782409243&amp;width=352 352w, //www.westvillageacademy.org/cdn/shop/articles/parent_survey_qr.jpg?v=1782409243&amp;width=832 832w, //www.westvillageacademy.org/cdn/shop/articles/parent_survey_qr.jpg?v=1782409243&amp;width=1200 1200w, //www.westvillageacademy.org/cdn/shop/articles/parent_survey_qr.jpg?v=1782409243&amp;width=1600 1600w, //www.westvillageacademy.org/cdn/shop/articles/parent_survey_qr.jpg?v=1782409243&amp;width=1920 1920w, //www.westvillageacademy.org/cdn/shop/articles/parent_survey_qr.jpg?v=1782409243&amp;width=2560 2560w, //www.westvillageacademy.org/cdn/shop/articles/parent_survey_qr.jpg?v=1782409243&amp;width=3840 3840w" width="3840" height="3220" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
5422  </div>
5423
5424
5425
5426
5427
5428
5429
5430
5431
5432
5433    
5434
5435    <div class="featured-blog-posts-card__content layout-panel-flex--column">
5436      <h4>
5437  
5438
5439
5440
5441
5442
5443
5444
5445  <rte-formatter class=" spacing-style text-block text-block--AN29NcGprMW40S0ZWe__title-7 rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-);          --text-align: left;          ">
5446    <h4>WVA Parent Survey 25/26 School Year</h4>
5447  </rte-formatter>
5448
5449
5450
5451
5452
5453
5454
5455</h4>
5456      
5457  <div id="shopify-block-ASlY0K3ViY0lQMkFrK__blog-post-info-text-7" class="shopify-block">
5458
5459
5460
5461
5462<div
5463    class="
5464      blog-post-details
5465      spacing-style
5466      justify-left
5467      
5468    "
5469    style="
5470      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5471      
5472    "
5473  ><span><time datetime="2026-06-25T17:40:05Z">June 25, 2026</time></span></div>
5474
5475
5476
5477
5478
5479</div>
5480
5481
5482      
5483  
5484
5485
5486
5487
5488
5489  
5490  
5491
5492  
5493
5494  <rte-formatter 
5495  class="blog-post-card__content-text spacing-style text-block text-block--Abmh5MTBnejJ1YlNtN__blog-post-description-7 rte
5496     rte 
5497  "
5498
5499  style="
5500    --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
5501
5502    
5503
5504    
5505  "
5506
5507  
5508>
5509    https://docs.google.com/forms/d/e/1FAIpQLSdxS...
5510    
5511  </rte-formatter>
5512
5513
5514
5515
5516
5517
5518
5519    </div>
5520  </div>
5521</div>
5522
5523
5524
5525
5526
5527      </div>
5528      
5529        <!--@list/split-->
5530      
5531    
5532      <div class="resource-list__item">
5533        
5534
5535
5536
5537
5538
5539
5540
5541
5542
5543
5544
5545
5546
5547<div
5548  class="
5549    featured-blog-posts-card spacing-style border-style
5550    
5551    
5552  "
5553  data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-8"
5554  data-testid="featured-blog-posts-card"
5555  
5556  style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5557--border-width: 1px; --border-style: none; --border-color:
5558rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
5559--text-align: left;
5560    --horizontal-alignment: left;
5561    --gap: 8px;
5562  "
5563  
5564>
5565  <a
5566    class="featured-blog-posts-card__link"
5567    
5568      href="/blogs/news/willy-wonka-jr-10-00"
5569    
5570  >
5571    <span class="visually-hidden">Willy Wonka Jr $10.00</span>
5572  </a>
5573
5574  <div class="featured-blog-posts-card__inner">
5575    
5576      
5577  
5578
5579
5580
5581
5582<style data-shopify>
5583  
5584    .featured-blog-posts-card[data-block-id="AM05PR1VmeE90OC8xe__static-blog-post-card-8"] {
5585      --ratio: 1 / 1;
5586    }
5587  
5588</style>
5589
5590
5591  <div
5592    class="
5593      resource-image
5594      
5595        featured-blog-posts-card__image
5596      
5597      spacing-style border-style
5598      
5599    "
5600    style="
5601--border-width: 1px; --border-style: none; --border-color:
5602rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
5603"
5604    
5605  ><img src="//www.westvillageacademy.org/cdn/shop/articles/willywonkajr_0eea6a88-b6ba-44e2-b151-b40a226982d3.jpg?v=1782408945&amp;width=3840" alt="Willy Wonka Jr $10.00" srcset="//www.westvillageacademy.org/cdn/shop/articles/willywonkajr_0eea6a88-b6ba-44e2-b151-b40a226982d3.jpg?v=1782408945&amp;width=240 240w, //www.westvillageacademy.org/cdn/shop/articles/willywonkajr_0eea6a88-b6ba-44e2-b151-b40a226982d3.jpg?v=1782408945&amp;width=352 352w, //www.westvillageacademy.org/cdn/shop/articles/willywonkajr_0eea6a88-b6ba-44e2-b151-b40a226982d3.jpg?v=1782408945&amp;width=832 832w, //www.westvillageacademy.org/cdn/shop/articles/willywonkajr_0eea6a88-b6ba-44e2-b151-b40a226982d3.jpg?v=1782408945&amp;width=1200 1200w, //www.westvillageacademy.org/cdn/shop/articles/willywonkajr_0eea6a88-b6ba-44e2-b151-b40a226982d3.jpg?v=1782408945&amp;width=1600 1600w, //www.westvillageacademy.org/cdn/shop/articles/willywonkajr_0eea6a88-b6ba-44e2-b151-b40a226982d3.jpg?v=1782408945&amp;width=1920 1920w, //www.westvillageacademy.org/cdn/shop/articles/willywonkajr_0eea6a88-b6ba-44e2-b151-b40a226982d3.jpg?v=1782408945&amp;width=2560 2560w, //www.westvillageacademy.org/cdn/shop/articles/willywonkajr_0eea6a88-b6ba-44e2-b151-b40a226982d3.jpg?v=1782408945&amp;width=3840 3840w" width="3840" height="5760" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 33vw, 100vw">
5606  </div>
5607
5608
5609
5610
5611
5612
5613
5614
5615
5616
5617    
5618
5619    <div class="featured-blog-posts-card__content layout-panel-flex--column">
5620      <h4>
5621  
5622
5623
5624
5625
5626
5627
5628
5629  <rte-formatter class=" spacing-style text-block text-block--AN29NcGprMW40S0ZWe__title-8 rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-);          --text-align: left;          ">
5630    <h4>Willy Wonka Jr $10.00</h4>
5631  </rte-formatter>
5632
5633
5634
5635
5636
5637
5638
5639</h4>
5640      
5641  <div id="shopify-block-ASlY0K3ViY0lQMkFrK__blog-post-info-text-8" class="shopify-block">
5642
5643
5644
5645
5646<div
5647    class="
5648      blog-post-details
5649      spacing-style
5650      justify-left
5651      
5652    "
5653    style="
5654      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5655      
5656    "
5657  ><span><time datetime="2026-06-25T17:35:41Z">June 25, 2026</time></span></div>
5658
5659
5660
5661
5662
5663</div>
5664
5665
5666      
5667  
5668
5669
5670
5671
5672
5673  
5674  
5675
5676  
5677
5678  <rte-formatter 
5679  class="blog-post-card__content-text spacing-style text-block text-block--Abmh5MTBnejJ1YlNtN__blog-post-description-8 rte
5680     rte 
5681  "
5682
5683  style="
5684    --padding-block-start: 8px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;
5685
5686    
5687
5688    
5689  "
5690
5691  
5692>
5693    
5694    
5695  </rte-formatter>
5696
5697
5698
5699
5700
5701
5702
5703    </div>
5704  </div>
5705</div>
5706
5707
5708
5709
5710
5711      </div>
5712      
5713    
5714  
5715
5716    
5717</div>
5718
5719
5720
5721
5722</div>
5723
5724
5725</section>
5726      </main>
5727
5728      <footer>
5729        <!-- BEGIN sections: footer-group -->
5730<div id="shopify-section-sections--27276604964907__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
5731
5732
5733
5734
5735
5736
5737  <style data-shopify>
5738    .color-custom-sections--27276604964907__footer_m9NzUG,
5739    .color-custom-sections--27276604964907__footer_m9NzUG .text-block {
5740      /* Background */
5741      --color-background: #1e4d21;
5742      --color-background-rgb: 30 77 33;
5743
5744      /* Opacity values adjusted for background brightness */
5745      
5746--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
57470.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
5748
5749
5750      
5751        /* Foreground / text — explicit or smart-contrasted */
5752        --color: var(--palette-lightest);
5753        --color-rgb: var(--palette-lightest-rgb);
5754        --color-foreground: var(--palette-lightest);
5755        --color-foreground-rgb: var(--palette-lightest-rgb);
5756        --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
5757        --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
5758        --color-border: var(--palette-lightest);
5759        --color-border-rgb: var(--palette-lightest-rgb);
5760      
5761    }
5762
5763    
5764      .color-custom-sections--27276604964907__footer_m9NzUG {
5765        /* Form-related tokens stay on .color-custom only — .text-block is a prose
5766           container (text/announcement/inline-text/blog-post-description/
5767           collection-link/price/sku) and never holds form inputs. */
5768        --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
5769        --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
5770        --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
5771        --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
5772      }
5773    
5774
5775    .color-custom-sections--27276604964907__footer_m9NzUG {
5776      color: var(--color, var(--color-foreground));
5777      background-color: var(--color-background);
5778    }
5779  </style>
5780
5781
5782
5783<div
5784  class="section-background color-custom-sections--27276604964907__footer_m9NzUG"
5785  
5786    style="
5787      background-image: url(//www.westvillageacademy.org/cdn/shop/files/footer_bg.jpg?v=1782842600&width=1920);
5788      background-size: cover;
5789      background-position: center;
5790      opacity: 1.0;
5791    "
5792  
5793></div>
5794<div
5795  class="section section--page-width color-custom-sections--27276604964907__footer_m9NzUG"
5796>
5797  
5798  <div
5799    class="
5800      footer-content
5801      spacing-style
5802      
5803      
5804    "
5805    style="
5806      --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 36px));
5807      --footer-gap: 40px;
5808      --grid-columns: 3;
5809      --last-row-count: 3;
5810      --tablet-last-row-count: 1;
5811    "
5812  >
5813    
5814
5815
5816
5817
5818
5819
5820
5821
5822
5823
5824<div
5825  class="
5826    group-block
5827    group-block--height-fit
5828    group-block--width-fill
5829    border-style
5830    spacing-style
5831    size-style
5832    
5833    
5834  "
5835  style="
5836    
5837--border-width: 1px; --border-style: none; --border-color:
5838rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
5839
5840    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5841    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5842    
5843  "
5844  
5845  data-testid="group-block"
5846><div class="group-block__media-wrapper">
5847    
5848
5849
5850
5851    
5852  </div>
5853
5854  <div
5855    class="
5856      group-block-content
5857      
5858      layout-panel-flex
5859      layout-panel-flex--column
5860       mobile-column
5861    "
5862    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5863
5864--gap: 12px;
5865
5866--horizontal-alignment: flex-start; --vertical-alignment: center;
5867--vertical-alignment-mobile: center;
5868"
5869  >
5870  <div id="shopify-block-ATUtrZFpFY3pUU21Ib__footer_logo_UfWycp" class="shopify-block"><style>
5871.footer_logo {
5872    width: 100%;
5873    height: auto;
5874    position: relative;
5875}
5876.footer_logo::before {
5877    content: '';
5878    position: absolute;
5879    background-image: url('//www.westvillageacademy.org/cdn/shop/files/footer-bg_icon_9c23c22e-aed9-49c4-bfa0-a152dd376859.png?v=1782918986');
5880    background-size: cover;
5881    background-repeat: no-repeat;
5882    background-position: center;
5883    width: 250px;
5884    height: 250px;
5885    left: 95px;
5886    top: -25px;
5887}
5888.footer_logo .logo_inner {
5889    max-width: 170px;
5890}
5891
5892@media screen and (max-width: 991px) {
5893
5894}
5895</style>
5896
5897
5898<div class="footer_logo" id="footer_logo-ATUtrZFpFY3pUU21Ib__footer_logo_UfWycp">
5899    <a href="https://www.westvillageacademy.org/">
5900        <div class="logo_inner">
5901            
5902                <img src="//www.westvillageacademy.org/cdn/shop/files/footer_logo_915bbdbf-0d1a-493a-972a-5449e8d80965.png?v=1782917560&amp;width=174" alt="" srcset="//www.westvillageacademy.org/cdn/shop/files/footer_logo_915bbdbf-0d1a-493a-972a-5449e8d80965.png?v=1782917560&amp;width=174 174w" width="174" height="191" loading="lazy" class="footer_logo">
5903            
5904        </div>
5905    </a>
5906</div>
5907
5908</div>
5909
5910</div>
5911</div>
5912
5913
5914
5915
5916
5917
5918
5919
5920
5921
5922
5923
5924
5925
5926
5927
5928<div
5929  class="
5930    group-block
5931    group-block--height-fit
5932    group-block--width-fill
5933    border-style
5934    spacing-style
5935    size-style
5936    
5937    
5938  "
5939  style="
5940    
5941--border-width: 1px; --border-style: none; --border-color:
5942rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
5943
5944    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5945    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5946    
5947  "
5948  
5949  data-testid="group-block"
5950><div class="group-block__media-wrapper">
5951    
5952
5953
5954
5955    
5956  </div>
5957
5958  <div
5959    class="
5960      group-block-content
5961      
5962      layout-panel-flex
5963      layout-panel-flex--column
5964       mobile-column
5965    "
5966    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5967
5968--gap: 14px;
5969
5970--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
5971--vertical-alignment-mobile: flex-start;
5972"
5973  >
5974  
5975
5976
5977
5978
5979
5980
5981
5982
5983  <rte-formatter class=" spacing-style text-block text-block--AbVRwbzVqNUlPQUhhW__footer_address paragraph    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;              --color: #ffffff;      --color-rgb: 255 255 255;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
5984    <p>3530 Westwood St, Dearborn, MI 48124</p>
5985  </rte-formatter>
5986
5987
5988
5989
5990
5991
5992
5993
5994
5995
5996
5997
5998
5999
6000
6001  <rte-formatter class=" spacing-style text-block text-block--Ac2tEeVFMUEVuMzZiN__footer_phone paragraph    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;              --color: #ffffff;      --color-rgb: 255 255 255;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
6002    <p>P :  (313) 274-9200</p>
6003  </rte-formatter>
6004
6005
6006
6007
6008
6009
6010
6011
6012
6013
6014
6015
6016
6017
6018
6019
6020
6021
6022
6023
6024
6025<div
6026  class="social-icons__wrapper social-icons__wrapper--AT0EzelhycXlZWkpVd__footer_social"
6027  
6028>
6029  
6030    <style data-shopify>
6031      .social-icons__wrapper--AT0EzelhycXlZWkpVd__footer_social {
6032        --color-utilities: #ffffff;
6033      }
6034    </style>
6035  
6036  
6037
6038  
6039    
6040
6041    
6042    
6043      
6044        <div
6045          class="social-icons__icon-wrapper"
6046        >
6047          <a
6048            href="https://www.facebook.com/westvillageacademy"
6049            target="_blank"
6050            rel="noopener noreferrer"
6051            aria-label="Facebook"
6052            
6053          >
6054            <span class="social-icons__icon-label">Facebook</span>
6055            
6056              <svg
6057                class="social-icons__icon icon-default"
6058                aria-hidden="true"
6059                focusable="false"
6060                xmlns="http://www.w3.org/2000/svg"
6061                viewBox="0 0 20 20"
6062              >
6063
6064
6065<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
6066            
6067          </a>
6068        </div>
6069      
6070    
6071  
6072    
6073
6074    
6075    
6076      
6077        <div
6078          class="social-icons__icon-wrapper"
6079        >
6080          <a
6081            href="https://www.instagram.com/wvawildcats/"
6082            target="_blank"
6083            rel="noopener noreferrer"
6084            aria-label="Instagram"
6085            
6086          >
6087            <span class="social-icons__icon-label">Instagram</span>
6088            
6089              <svg
6090                class="social-icons__icon icon-default"
6091                aria-hidden="true"
6092                focusable="false"
6093                xmlns="http://www.w3.org/2000/svg"
6094                viewBox="0 0 20 20"
6095              >
6096
6097
6098<path
6099      fill-rule="evenodd"
6100      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
6101      clip-rule="evenodd"
6102    /></svg>
6103            
6104          </a>
6105        </div>
6106      
6107    
6108  
6109    
6110
6111    
6112    
6113      
6114        <div
6115          class="social-icons__icon-wrapper"
6116        >
6117          <a
6118            href="https://www.youtube.com/channel/UCxxxxxxxx"
6119            target="_blank"
6120            rel="noopener noreferrer"
6121            aria-label="Youtube"
6122            
6123          >
6124            <span class="social-icons__icon-label">Youtube</span>
6125            
6126              <svg
6127                class="social-icons__icon icon-default"
6128                aria-hidden="true"
6129                focusable="false"
6130                xmlns="http://www.w3.org/2000/svg"
6131                viewBox="0 0 20 20"
6132              >
6133
6134
6135<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg>
6136            
6137          </a>
6138        </div>
6139      
6140    
6141  
6142    
6143
6144    
6145    
6146      
6147        <div
6148          class="social-icons__icon-wrapper"
6149        >
6150          <a
6151            href="https://www.tiktok.com/@westvillageacademy"
6152            target="_blank"
6153            rel="noopener noreferrer"
6154            aria-label="Tiktok"
6155            
6156          >
6157            <span class="social-icons__icon-label">Tiktok</span>
6158            
6159              <svg
6160                class="social-icons__icon icon-default"
6161                aria-hidden="true"
6162                focusable="false"
6163                xmlns="http://www.w3.org/2000/svg"
6164                viewB
6164ox="0 0 20 20"
6165              >
6166
6167
6168<path d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z" /></svg>
6169            
6170          </a>
6171        </div>
6172      
6173    
6174  
6175    
6176
6177    
6178    
6179      
6180        <div
6181          class="social-icons__icon-wrapper"
6182        >
6183          <a
6184            href="https://x.com/wvawildcats"
6185            target="_blank"
6186            rel="noopener noreferrer"
6187            aria-label="Twitter"
6188            
6189          >
6190            <span class="social-icons__icon-label">Twitter</span>
6191            
6192              <svg
6193                class="social-icons__icon icon-default"
6194                aria-hidden="true"
6195                focusable="false"
6196                xmlns="http://www.w3.org/2000/svg"
6197                viewBox="0 0 20 20"
6198              >
6199
6200
6201<path
6202      fill-rule="evenodd"
6203      clip-rule="evenodd"
6204      d="M7.27301 2.80005L10.8 7.82205L15.218 2.80005H16.986L11.586 8.93905L17.385 17.193H12.727L8.99701 11.883L4.32601 17.193H2.55801L8.21201 10.766L2.61501 2.80005H7.27301ZM13.515 15.925L5.07001 4.10905H6.47501L14.921 15.925H13.515Z"
6205      fill="currentColor"
6206    /></svg>
6207            
6208          </a>
6209        </div>
6210      
6211    
6212  
6213    
6214
6215    
6216    
6217  
6218    
6219
6220    
6221    
6222  
6223    
6224
6225    
6226    
6227  
6228    
6229
6230    
6231    
6232  
6233    
6234
6235    
6236    
6237  
6238    
6239
6240    
6241    
6242  
6243    
6244
6245    
6246    
6247  
6248    
6249
6250    
6251    
6252  
6253</div>
6254
6255
6256
6257
6258
6259</div>
6260</div>
6261
6262
6263
6264
6265
6266
6267
6268
6269
6270
6271  
6272
6273
6274
6275
6276  
6277  <style data-shopify>
6278    .color-custom-Ad3JjK1lZMGtEYzlZO__menu_about,
6279    .color-custom-Ad3JjK1lZMGtEYzlZO__menu_about .text-block {
6280      --color: #ffffff;
6281      --color-rgb: 255 255 255;
6282      --color-foreground: #ffffff;
6283      --color-foreground-rgb: 255 255 255;
6284      --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text));
6285      --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text));
6286
6287      
6288
6289    }
6290
6291    .color-custom-Ad3JjK1lZMGtEYzlZO__menu_about {
6292      /* Form-related tokens stay on .color-custom only. */
6293      --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10));
6294      --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5));
6295      --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50));
6296      --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55));
6297    }
6298
6299    
6300      .color-custom-Ad3JjK1lZMGtEYzlZO__menu_about {
6301        color: var(--color-foreground);
6302      }
6303
6304      .color-custom-Ad3JjK1lZMGtEYzlZO__menu_about .text-block,
6305      .color-custom-Ad3JjK1lZMGtEYzlZO__menu_about .footer-utilities__text,
6306      .color-custom-Ad3JjK1lZMGtEYzlZO__menu_about .custom-typography,
6307      .color-custom-Ad3JjK1lZMGtEYzlZO__menu_about .footer-utilities__icons,
6308      .color-custom-Ad3JjK1lZMGtEYzlZO__menu_about .social-icons__wrapper {
6309        color: var(--color, var(--color-foreground));
6310      }
6311    
6312  </style>
6313
6314
6315
6316  <accordion-custom
6317  
6318    class="menu"
6319  
6320  
6321  
6322    open-by-default-on-desktop
6323  
6324  
6325    open-by-default-on-mobile
6326  
6327  
6328    data-disable-on-desktop="true"
6329  
6330  
6331    data-disable-on-mobile="true"
6332  
6333  
6334  
6335  
6336>
6337  
6338    <details
6339      class="
6340        menu__details
6341        spacing-style
6342         color-custom-Ad3JjK1lZMGtEYzlZO__menu_about
6343      "
6344      data-testid="menu-details"
6345      style="
6346        --spacing--size: 10px;
6347        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6348      "
6349      
6350        open
6351      
6352      
6353    >
6354      <summary class="menu__heading h5">
6355        
6356        <span class="menu__heading__accordion">
6357          About Us
6358          
6359            <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6360  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6361</svg>
6362</span>
6363          
6364        </span>
6365      </summary>
6366
6367      <nav
6368        class="details-content"
6369        
6370      >
6371        
6372          <ul class="list-unstyled list_wrapper">
6373            
6374              <li class="menu__item paragraph">
6375                <a href="/pages/non-discrimination-statement">
6376                  Non-Discrimination Statement
6377                </a>
6378              </li>
6379            
6380              <li class="menu__item paragraph">
6381                <a href="/pages/web-accessibility-statement">
6382                  Web Accessibility Statement
6383                </a>
6384              </li>
6385            
6386              <li class="menu__item paragraph">
6387                <a href="/pages/website-accessibility-complaint-form">
6388                  Web Accessibility Complaint Form
6389                </a>
6390              </li>
6391            
6392              <li class="menu__item paragraph">
6393                <a href="/pages/financial-documents">
6394                  Transparency Reporting
6395                </a>
6396              </li>
6397            
6398          </ul>
6399        
6400      </nav>
6401      <a href="https://www.thecenterforcharters.org/schools/choice/our-schools/west-village-academy/">
6402        
6403          <img src="//www.westvillageacademy.org/cdn/shop/files/Charter-logo_fdb505b0-fba0-4c17-a246-97f2f6365454.png?v=1782765834&amp;width=209" alt="" srcset="//www.westvillageacademy.org/cdn/shop/files/Charter-logo_fdb505b0-fba0-4c17-a246-97f2f6365454.png?v=1782765834&amp;width=209 209w" width="209" height="64" loading="lazy" class="logo_img">
6404        
6405      </a>
6406    </details>
6407  
6408</accordion-custom>
6409
6410
6411
6412
6413
6414
6415
6416
6417
6418  </div>
6419</div>
6420
6421
6422
6423
6424</div>
6425<!-- END sections: footer-group -->
6426      </footer>
6427    </div>
6428
6429    
6430
6431    <div
6432      id="shopify-section-cart-drawer-section"
6433      class="shopify-section"
6434    >
6435  
6436
6437  
6437<script
6438    type="module"
6439    src="//www.westvillageacademy.org/cdn/shop/t/5/assets/cart-drawer.js?v=101430053943909765251785520750"
6440    fetchpriority="low"
6441  ></script>
6441
6442
6443  
6444
6445  <theme-drawer
6446    id="cart-drawer"
6447    data-skip-node-update
6448  >
6449    <dialog
6450      ref="panel"
6451      class="theme-drawer__dialog color-custom-drawer"
6452      aria-labelledby="cart-drawer-heading"
6453      cart-summary-sticky="true"
6454    >
6455      <cart-drawer-component
6456        
6457      >
6458        <template id="empty-cart-template">
6459          
6460    <div
6461      class="cart-drawer__content"
6462      aria-label="Cart"
6463    >
6464      <h2
6465        class="theme-drawer__title h4"
6466        id="cart-drawer-heading"
6467      >
6468        Your cart is empty
6469      </h2>
6470
6471      <div class="cart-drawer__items">
6472        
6473
6474
6475<script
6476  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/component-cart-items.js?v=14476580701730542761785520750"
6477  type="module"
6478  fetchpriority="low"
6479></script>
vendor: 1 bytes, line 6479
6479
6480<script
6481  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/component-cart-quantity-selector.js?v=168493463479860323171785520750"
6482  type="module"
6483  fetchpriority="low"
6484></script>
vendor: 1 bytes, line 6484
6484
6485<script
6486  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661785520750"
6487  type="module"
6488  fetchpriority="low"
6489></script>
6489
6490
6491<div
6492  
6493  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
6494  
6495    data-cart-drawer-empty
6496  
6497  style=""
6498>
6499  
6500<p>
6501        Have an account? <a href="https://www.westvillageacademy.org/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
6502      </p><a
6503      class="button cart-items__empty-button"
6504      href="/collections/all"
6505    >
6506      <span class="button-text">
6507        Continue shopping
6508      </span>
6509    </a></div>
6510
6511
6512
6513      </div>
6514    </div>
6515    
6516        </template>
6517
6518        <div
6519          class="cart-drawer__inner cart-drawer--empty"
6520          data-hydration-key="cart-drawer-inner"
6521        ><div class="theme-drawer__header">
6522              <button
6523                on:click="#cart-drawer/close"
6524                class="theme-drawer__close-button cart-drawer__close-button--empty"
6525                type="button"
6526                aria-label="Close"
6527              >
6528                <span class="svg-wrapper"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6529<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
6530</svg>
6531</span>
6532              </button>
6533            </div>
6534          
6535
6536<cart-items-component
6537  class="cart-items-component"
6538  
6539    data-drawer
6540    view-event-trigger="dialog"
6541  
6542  data-section-id="cart-drawer-section"
6543  
6544  view-event-payload="{&quot;context&quot;:null,&quot;cart&quot;:null}"
6545  
6546>
6547  
6548
6549    <div
6550      class="cart-drawer__content"
6551      aria-label="Cart"
6552    >
6553      <h2
6554        class="theme-drawer__title h4"
6555        id="cart-drawer-heading"
6556      >
6557        Your cart is empty
6558      </h2>
6559
6560      <div class="cart-drawer__items">
6561        
6562
6563
6564<script
6565  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/component-cart-items.js?v=14476580701730542761785520750"
6566  type="module"
6567  fetchpriority="low"
6568></script>
vendor: 1 bytes, line 6568
6568
6569<script
6570  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/component-cart-quantity-selector.js?v=168493463479860323171785520750"
6571  type="module"
6572  fetchpriority="low"
6573></script>
vendor: 1 bytes, line 6573
6573
6574<script
6575  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661785520750"
6576  type="module"
6577  fetchpriority="low"
6578></script>
6578
6579
6580<div
6581  
6582  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
6583  
6584    data-cart-drawer-empty
6585  
6586  style=""
6587>
6588  
6589<p>
6590        Have an account? <a href="https://www.westvillageacademy.org/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
6591      </p><a
6592      class="button cart-items__empty-button"
6593      href="/collections/all"
6594    >
6595      <span class="button-text">
6596        Continue shopping
6597      </span>
6598    </a></div>
6599
6600
6601
6602      </div>
6603    </div>
6604    
6605
6606</cart-items-component>
6607
6608
6609
6610        </div>
6611      </cart-drawer-component>
6612    </dialog>
6613  </theme-drawer>
6614
6615  
6616    </div>
6617  
6618
6619
6620    
6621
6622
6623
6624
6625
6626
6627<script
6628  type="module"
6629  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/theme-drawer.js?v=19271060799489679091785520750"
6630  fetchpriority="low"
6631></script>
6631
6632
6633<script>
6634  /* Runs synchronously during HTML parsing — opens the correct drawer on first
6635     paint if navigation state was saved, so it renders with the rest of the page. */
6636  (function () {
6637    var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean);
6638    if (!drawerIds.length) return;
6639
6640    // Only restore on wide viewports (squeeze mode). On narrow viewports the
6641    // drawer is a modal overlay — let it start closed after navigation rather
6642    // than re-opening a fullscreen dialog the user may have left behind.
6643    if (!window.matchMedia('(min-width: 990px)').matches) return;
6644
6645    var dialogs = [];
6646    for (var i = 0; i < drawerIds.length; i++) {
6647      var drawer = document.getElementById(drawerIds[i]);
6648      if (!drawer) continue;
6649
6650      drawer.setAttribute('open', '');
6651
6652      // Set [open] directly so the CSS slide-in applies without triggering
6653      // the browser's dialog focusing steps — on wide viewports the drawer is
6654      // a sidebar, not a modal, so focus should stay where it is.
6655      // The instant class suppresses the slide-in transition for the initial restore.
6656      // Set --drawer-stack-order so z-index layering matches the original order.
6657      drawer.style.setProperty('--drawer-stack-order', String(i + 1));
6658
6659      var dialog = drawer.querySelector('dialog');
6660      if (dialog) {
6661        dialog.setAttribute('open', '');
6662        dialog.classList.add('theme-drawer__dialog-instant');
6663        dialogs.push(dialog);
6664      }
6665
6666      // Let each drawer type handle its own restore (e.g. shopify-chat mode).
6667      // Synchronous dispatch — listeners attached during earlier parsing run immediately.
6668      drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring'));
6669    }
6670
6671    // Apply squeeze immediately, bypassing the margin transition.
6672    // Only squeeze if at least one drawer was actually restored — saved
6673    // drawer IDs may not exist on every page (e.g. cart-drawer on /cart).
6674    var pageWrapper = document.querySelector('.page-wrapper');
6675    if (pageWrapper && dialogs.length > 0) {
6676      pageWrapper.style.transition = 'none';
6677      pageWrapper.classList.add('page-wrapper--drawer-open');
6678    }
6679
6680    // Re-enable transitions after one paint so the instant state is rendered first.
6681    requestAnimationFrame(function () {
6682      requestAnimationFrame(function () {
6683        if (pageWrapper) pageWrapper.style.transition = '';
6684        for (var j = 0; j < dialogs.length; j++) {
6685          dialogs[j].classList.remove('theme-drawer__dialog-instant');
6686        }
6687      });
6688    });
6689  })();
6690</script>
6690
6691
6692<script
6693  type="module"
6694>
6695  const pageWrapper = document.querySelector('.page-wrapper');
6696  const squeezeQuery = window.matchMedia('(min-width: 990px)');
6697
6698  // ── Squeeze coordination ──
6699  // Listens to all drawers. Only squeezes on wide viewports.
6700  document.addEventListener('theme-drawer:open', () => {
6701    if (squeezeQuery.matches) {
6702      pageWrapper?.classList.add('page-wrapper--drawer-open');
6703    }
6704  });
6705
6706  document.addEventListener('theme-drawer:close', () => {
6707    const openDrawer = document.querySelector('theme-drawer[open]');
6708    if (!openDrawer) {
6709      pageWrapper?.classList.remove('page-wrapper--drawer-open');
6710    }
6711  });
6712
6713  squeezeQuery.addEventListener('change', () => {
6714    const openDrawer = document.querySelector('theme-drawer[open]');
6715    pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches);
6716  });
6717
6718  // ── State persistence ──
6719  // Store open drawer IDs sorted by their visual stack order so
6720  // the restore script can recreate the same z-index layering.
6721  function persistDrawerState() {
6722    const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])'));
6723    if (!openDrawers.length) {
6724      sessionStorage.removeItem('theme-drawer-open');
6725      return;
6726    }
6727
6728    openDrawers.sort((a, b) => {
6729      const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0);
6730      const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0);
6731      return orderA - orderB;
6732    });
6733
6734    sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(','));
6735  }
6736
6737  document.addEventListener('theme-drawer:open', persistDrawerState);
6738  document.addEventListener('theme-drawer:close', persistDrawerState);
6739</script>
6739
6740
6741
6742    
6743
6744
6745
6746
6747
6748
6749<script
6750  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/dialog.js?v=50435175020407122251785520750"
6751  type="module"
6752></script>
6752
6753
6754<script
6755  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/predictive-search.js?v=162722252387887966571785520750"
6756  type="module"
6757  fetchpriority="low"
6758></script>
6758
6759
6760<dialog-component
6761  id="search-modal"
6762  class="search-modal"
6763  
6764>
6765  <dialog
6766    ref="dialog"
6767    on:click="/closeDialogOnClickOutside"
6768    on:keydown="/closeDialogOnEscapePress"
6769    class="search-modal__content dialog-modal"
6770    scroll-lock
6771    aria-labelledby="search-modal-heading"
6772  >
6773    <h2
6774      id="search-modal-heading"
6775      class="visually-hidden"
6776    >
6777      Search
6778    </h2>
6779    <predictive-search-component
6780      class="predictive-search color-custom-popover"
6781      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
6782      data-section-id="predictive-search"
6783      data-testid="search-component--modal"
6784      role="search"
6785      aria-label="Search"
6786    >
6787      <form
6788        action="/search"
6789        method="get"
6790        role="search"
6791        class="predictive-search-form"
6792        ref="form"
6793        on:keydown="/onSearchKeyDown"
6794      >
6795        <div
6796          class="predictive-search-form__header"
6797        >
6798          <div class="predictive-search-form__header-inner">
6799            <label
6800              for="cmdk-input"
6801              class="visually-hidden"
6802            >Search</label>
6803            <input
6804              class="search-input"
6805              id="cmdk-input"
6806              type="search"
6807              name="q"
6808              role="combobox"
6809              aria-expanded="false"
6810              aria-owns="predictive-search-results"
6811              aria-controls="predictive-search-results"
6812              aria-haspopup="listbox"
6813              aria-autocomplete="list"
6814              autocomplete="off"
6815              placeholder="Search"
6816              ref="searchInput"
6817              on:input="/search"
6818              on:keydown="/onSearchKeyDown"
6819            >
6820            <input
6821              name="options[prefix]"
6822              type="hidden"
6823              value="last"
6824            >
6825            <span class="svg-wrapper predictive-search__icon">
6826              <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
6827
6828            </span>
6829            <button
6830              type="button"
6831              class="button-unstyled predictive-search__reset-button"
6832              ref="resetButton"
6833              hidden
6834              on:click="/resetSearch"
6835            >
6836              Clear
6837            </button>
6838          </div>
6839          <button
6840            type="button"
6841            class="button predictive-search__close-modal-button"
6842            aria-label="Close dialog"
6843            on:click="dialog-component/closeDialog"
6844            ref="closeModalButton"
6845          >
6846            <span class="svg-wrapper">
6847              <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6848<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
6849</svg>
6850
6851            </span>
6852          </button>
6853        </div>
6854
6855        <div class="predictive-search-form__content-wrapper">
6856          <div
6857            class="predictive-search-form__content"
6858            ref="predictiveSearchResults"
6859            on:click="/handleModalClick"
6860          >
6861            
6862
6863<div
6864  id="predictive-search-results"
6865  class="predictive-search-dropdown"
6866  role="listbox"
6867  aria-expanded="true"
6868  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
6869>
6870  
6871    <div class="predictive-search-results__inner">
6872      
6873      
6874        
6875        
6876        
6877          <div class="predictive-search-results__no-results">
6878            <p>No products found.</p>
6879          </div>
6880        
6881      
6882    </div>
6883  
6884</div>
6885
6886          </div>
6887
6888          <div class="predictive-search-form__footer">
6889            <button
6890              class="button predictive-search__search-button"
6891              ref="viewAllButton"
6892            >
6893              View all
6894            </button>
6895          </div>
6896        </div>
6897      </form>
6898    </predictive-search-component>
6899  </dialog>
6900</dialog-component>
6901
6902
6903
6904
6905    
6906      
6906<script
6907  src="//www.westvillageacademy.org/cdn/shop/t/5/assets/gift-card-recipient-form.js?v=170482155849799299241785520750"
6908  type="module"
6909  fetchpriority="low"
6910></script>
6910
6911<quick-add-dialog id="quick-add-dialog">
6912  <dialog
6913    class="quick-add-modal dialog-modal color-custom-popover"
6914    ref="dialog"
6915    scroll-lock
6916  >
6917    <button
6918      ref="closeButton"
6919      on:click="/closeDialog"
6920      class="button button-unstyled close-button quick-add-modal__close"
6921      aria-label="Close dialog"
6922    ><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6923<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
6924</svg>
6925</button>
6926
6927    <product-component
6928      id="quick-add-modal-content"
6929      class="quick-add-modal__content"
6930      view-event-trigger="dialog"
6931    ></product-component>
6932  </dialog>
6933</quick-add-dialog>
6934
6935
6936
6937
6938
6939
6940    
6941  
6941<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6941
6942</body>
6943</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.