PageSourceSearch

https://oostburg.k12.wi.us/110324_1

html oostburg.k12.wi.us collected 2026-10-07 00:57:03 UTC 231,751 bytes, 4,171 lines download raw bytes

1
2    <!DOCTYPE html>
3<html lang="en">
4<head>
5    <!-- needed for form submission -->
vendor: 90 bytes, lines 5-8
5
6<script
7    id="googleRecaptcha"
8    src="https://www.google.com/recaptcha/api.js?render=
86LcgqJAUAAAAAJhQs01VmAHQEf3SatmIFQjI7iNP
vendor: 34 bytes, lines 8-12
8"
9    async
10    defer
11></script>
12
13<style>
14    :root {
15        --site-design-link-color: #DA3831;
16        --site-design-link-color-hover: #333333;
17        --site-design-body-copy-color: #ffffff;
18    }
19    .inputLimitBadge {
20        border-radius: 50%;
21        background-color: #8CAB4F !important;
22        margin: auto 0 3px 5px;
23    }
24    #rotateImgModal {
25        z-index: 99999 !important;
26    }
27    /* THIS MODAL CLASS FIXES THE MODAL INSIDE A MODAL SCROLL BUG */
28    .modal {
29        overflow-y: scroll !important;
30    }
31    .grepcatcha {
32        visibility: hidden
33    }
34    .wrapped {
35        word-wrap: break-word;
36    }
37    .table.table-filter.quick_links th:nth-child(2) {
38        width: 45%;
39    }
40    .table.table-filter.quick_links th:nth-child(3) {
41        width: 45%;
42    }
43    .table.table-filter.quick_links th:nth-child(4) {
44        width: 5%;
45    }
46    .table.table-filter.quick_links th:nth-child(5) {
47        width: 5%;
48    }
49    .qlheader {
50        background: #337ab7 !important;
51        color: #fff;
52    }
53
54    [class*="link_group_"] {
55        margin-bottom: 20px;
56    }
57    .ele_img {
58        height: 200px;
59        width: 250px;
60    }
61    .error, .error_iframe {
62        background: rgb(239, 217, 217) !important;
63    }
64    .errorpic {
65        border: dashed 1px red !important;
66    }
67    .cke_inner.cke_reset {
68        height:auto !important;
69    }
70    .cke_wysiwyg_frame.cke_reset {
71        height:192px;
72        margin-bottom: 100px;
73    }
74    .cke_wysiwyg_frame {
75        height:192px;
76        margin-bottom: 100px;
77        clear:both;
78    }
79    .cke_contents.cke_reset {
80        height:192px;
81    }
82    .visEditArea .pencil_icon {
83        position: relative;
84        z-index: 2;
85    }
86    .dropdown-menu {
87        cursor: pointer;
88    }
89    .stack_option:hover {
90        background-color: #ccc;
91    }
92    @media (min-width: 1200px) {
93        .modifiedWidth {
94            width: 50% !important;
95        }
96    }
97    .inputLimitBadge {
98        border-radius: 50%;
99        background-color: #8CAB4F !important;
100        margin: auto 0 3px 5px;
101    }
102    #rotateImgModal {
103        z-index: 99999 !important;
104    }
105    /* THIS MODAL CLASS FIXES THE MODAL INSIDE A MODAL SCROLL BUG */
106    .modal {
107        overflow-y: scroll !important;
108    }
109    .grepcatcha {
110        visibility: hidden
111    }
112    .wrapped {
113        word-wrap: break-word;
114    }
115    .table.table-filter.quick_links th:nth-child(2) {
116        width: 45%;
117    }
118    .table.table-filter.quick_links th:nth-child(3) {
119        width: 45%;
120    }
121    .table.table-filter.quick_links th:nth-child(4) {
122        width: 5%;
123    }
124    .table.table-filter.quick_links th:nth-child(5) {
125        width: 5%;
126    }
127    .qlheader {
128        background: #337ab7 !important;
129        color: #fff;
130    }
131    [class*="link_group_"] {
132        margin-bottom: 20px;
133    }
134    .ele_img {
135        height: 200px;
136        width: 250px;
137    }
138    .error, .error_iframe {
139        background: rgb(239, 217, 217) !important;
140    }
141    .errorpic {
142        border: dashed 1px red !important;
143    }
144    .cke_inner.cke_reset {
145        height:auto !important;
146    }
147    .cke_wysiwyg_frame.cke_reset {
148        height:192px;
149        margin-bottom: 100px;
150    }
151    .cke_wysiwyg_frame {
152        height:192px;
153        margin-bottom: 100px;
154        clear:both;
155    }
156    .cke_contents.cke_reset {
157        height:192px;
158    }
159    .visEditArea .pencil_icon {
160        position: relative;
161        z-index: 2;
162    }
163    .dropdown-menu {
164        cursor: pointer;
165    }
166    .stack_option:hover {
167        background-color: #ccc;
168    }
169    @media (min-width: 1200px) {
170        .modifiedWidth {
171            width: 50% !important;
172        }
173    }
174    .Pageoptions {
175        padding-bottom:5px;
176        cursor: pointer;
177    }
178    .Pageoptions.active {
179        background-color: #ccc;
180    }
181    .tooltip {
182        width: 200px !important;
183    }
184    .launch-icons  {
185        text-decoration: none !important;
186    }
187
188/*	--------------------------------------------------
189    :: Centering Month & Date TEXT in dateField & dayField Divs
190    -------------------------------------------------- */
191    .center-month-div {
192        display: flex;
193        justify-content: center;
194        align-items: center;
195        margin: 20px auto;
196    }
197/*	--------------------------------------------------
198    :: Styling Stack Table Rows
199    -------------------------------------------------- */
200    .table-filter {
201        background-color: #f7f9f9 !important;
202        border-bottom: 1px solid #eee;
203    }
204    .table-filter tbody tr:hover {
205        cursor: pointer;
206        background-color: #d3d3d3;;
207        color:#000;
208        font-weight:bold !important;
209    }
210    .table-filter tbody tr td .btn.edit_modal {
211        margin-top:0px !important;
212    }
213    .table-filter tbody tr td .btn.details_modal {
214        margin-top:0px !important;
215    }
216    .table-filter tbody tr td {
217        padding: 10px;
218        vertical-align: middle;
219        border-top-color: #eee;
220    }
221    .table-filter tbody tr.selected td {
222        background-color: #eee;
223    }
224    .table-filter tr td:first-child {
225        width: 38px;
226    }
227    .table-filter tr td:nth-child(2):(.accordionTableRows) {
228        width: 35px;
229    }
230/*	--------------------------------------------------
231    :: Photo Album Delete Icon
232    -------------------------------------------------- */
233    .table-filter.ablum-filter tbody tr td .btn.delete_this_row, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete {
234        background-color: #f7f9f9 !important;
235        color:#d9534f !important;
236        border:none !important;
237        outline: none;
238        margin-top:5px !important;
239    }
240    .table-filter.ablum-filter tbody tr:hover td .btn.delete_this_row, .table-filter.ablum-filter tbody tr:hover td .btn.design_table_item_delete {
241        background-color: #FBFBFB !important;
242        color:#d9534f !important;
243        border:none !important;
244        outline: none;
245    }
246    .table-filter.ablum-filter tbody tr td .btn.delete_this_row:hover, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete:hover {
247        background-color: #d9534f !important;
248        color:#ffffff !important;
249        border:none !important;
250        outline: none;
251    }
252    .table-filter.ablum-filter tbody tr td .btn.delete_this_row .fa.fa-trash, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete .fa.fa-trash {
253        margin-top:0px !important;
254    }
255    .table-filter.ablum-filter tbody tr td .btn:not(.updateImageRow):not(.updateImageModal):not(.designSlideModal):not(.updateSlideRow) {
256        padding-top:12px !important;
257    }
258    .table-filter.ablum-filter tbody tr td input[type='text'] {
259        margin-top:10px !important;
260    }
261/*	--------------------------------------------------
262    :: Sponsor Slider Delete Icon
263    -------------------------------------------------- */
264    .table-filter.ablum-filter tbody tr td .btn.delete_this_row, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete {
265        background-color: #f7f9f9 !important;
266        color:#d9534f !important;
267        border:none !important;
268        outline: none;
269        margin-top:5px !important;
270    }
271    .table-filter.ablum-filter tbody tr:hover td .btn.delete_this_row, .table-filter.ablum-filter tbody tr:hover td .btn.design_table_item_delete {
272        background-color: #FBFBFB !important;
273        color:#d9534f !important;
274        border:none !important;
275        outline: none;
276    }
277    .table-filter.ablum-filter tbody tr td .btn.delete_this_row:hover, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete:hover {
278        background-color: #d9534f !important;
279        color:#ffffff !important;
280        border:none !important;
281        outline: none;
282    }
283    .table-filter.ablum-filter tbody tr td .btn.delete_this_row .fa.fa-trash, .table-filter.ablum-filter tbody tr td .btn.design_table_item_delete .fa.fa-trash {
284        margin-top:0px !important;
285    }
286    .table-filter.ablum-filter tbody tr td .btn:not(.updateImageRow):not(.updateImageModal):not(.designSlideModal):not(.updateSliderRow) {
287        padding-top:12px !important;
288    }
289    .table-filter.ablum-filter tbody tr td input[type='text'] {
290        margin-top:10px !important;
291    }
292
293/*	--------------------------------------------------
294    :: Quick Links Delete Icon
295    -------------------------------------------------- */
296
297    .table-filter tbody tr td .btn.quick_links_item_delete {
298        background-color: #f7f9f9 !important;
299        color:#d9534f !important;
300        border:none !important;
301        outline: none;
302        margin-top:5px !important;
303    }
304    .table-filter tbody tr:hover td .btn.quick_links_item_delete {
305        background-color: #FBFBFB !important;
306        color:#d9534f !important;
307        border:none !important;
308        outline: none;
309    }
310    .table-filter tbody tr td .btn.quick_links_item_delete:hover {
311        background-color: #d9534f !important;
312        color:#ffffff !important;
313        border:none !important;
314        outline: none;
315    }
316    .table-filter tbody tr td .btn.quick_links_item_delete .fa.fa-trash{
317        margin-top:0px !important;
318    }
319    .table-filter.quick_links tbody tr td .btn.details_modal, .table-filter.quick_links tbody tr td .btn.edit_modal  {
320        margin-top:6px !important;
321        outline: none;
322    }
323/*	--------------------------------------------------
324    :: Comment Area Delete Icon
325    -------------------------------------------------- */
326
327    .table tbody tr td .btn.comment_item_delete {
328        background-color: #d9534f !important;
329        color:#ffffff !important;
330        border:none !important;
331        outline: none;
332    }
333    .table tbody tr td .btn.comment_item_delete .fa.fa-trash{
334        margin-top:0px !important;
335    }
336    .btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger {
337        background-color: #d9534f !important;
338        color:#ffffff !important;
339        outline: none;
340    }
341    .btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {
342        background-color: #5cb85c !important;
343        color:#ffffff !important;
344        outline: none;
345    }
346/*	--------------------------------------------------
347    :: Announcement Delete Icon
348    -------------------------------------------------- */
349
350    .table-filter tbody tr td .btn.announ_item_delete {
351        background-color: transparent !important;
352        color:#d9534f !important;
353        border:none !important;
354        outline: none;
355        margin-top:5px !important;
356    }
357    .table-filter tbody tr:hover td .btn.announ_item_delete {
358        color:#d9534f !important;
359        border:none !important;
360        outline: none;
361    }
362    .table-filter tbody tr td .btn.announ_item_delete:hover {
363        border:none !important;
364        outline: none;
365    }
366    .table-filter tbody tr td .btn.announ_item_delete .fa.fa-trash{
367        margin-top:0px !important;
368    }
369    .table-filter.announce tbody tr td .btn.details_modal, .table-filter.announce tbody tr td .btn.edit_modal  {
370        margin-top:6px !important;
371        outline: none;
372    }
373/*	--------------------------------------------------
374    :: Accordion Delete Icon
375    -------------------------------------------------- */
376    .table-filter tbody tr td .btn.accordion_item_delete {
377        background-color: #f7f9f9 !important;
378        color:#d9534f !important;
379        border:none !important;
380    }
381    .table-filter tbody tr:hover td .btn.accordion_item_delete {
382        background-color: #FBFBFB !important;
383        color:#d9534f !important;
384        border:none !important;
385    }
386    .table-filter tbody tr td .btn.accordion_item_delete:hover {
387        background-color: #d9534f !important;
388        color:#ffffff !important;
389        border:none !important;
390    }
391    .table-filter tbody tr td .btn.accordion_item_delete .fa {
392        margin-top:0px !important;
393    }
394    .table-filter tbody tr td .btn.accordion_item_delete {
395        margin-top:0px !important;
396    }
397/*	--------------------------------------------------
398    :: Document Delete Icon
399    -------------------------------------------------- */
400
401    .table-filter tbody tr td .btn.document_item_delete {
402        background-color: #f7f9f9 !important;
403        color:#d9534f !important;
404        border:none !important;
405        margin-top:5px !important;
406    }
407    .table-filter tbody tr:hover td .btn.document_item_delete {
408        background-color: #FBFBFB !important;
409        color:#d9534f !important;
410        border:none !important;
411    }
412    .table-filter tbody tr:hover td .btn.document_item_delete .fa {
413        margin-top:0px !important;
414    }
415    .table-filter tbody tr td .btn.document_item_delete:hover {
416        background-color: #d9534f !important;
417        color:#ffffff !important;
418        border:none !important;
419    }
420/*	--------------------------------------------------
421    :: Visibility Icon
422    -------------------------------------------------- */
423    .table-filter tbody tr td .btn.document_item_turn_off .fa.fa-eye {
424        color: #5cb85c !important;
425        margin-top:-1px !important;
426    }
427    .table-filter tbody tr td .btn.document_item_turn_off .fa.fa-eye-slash {
428        color: #d9534f !important;
429        margin-top:-1px !important;
430    }
431
432
433    .table-filter tbody tr td .btn.document_item_turn_off {
434        background-color: #FBFBFB !important;
435        margin-top:0px !important;
436        border: none !important;
437        outline: none;
438    }
439    .table-filter tbody tr:hover td .btn.document_item_turn_off {
440        background-color: #ffffff !important;
441        border:none !important;
442        outline: none;
443    }
444    .table-filter tbody tr td .btn.document_item_turn_off:hover {
445        background-color: #53b59a !important;
446        border:none !important;
447        outline: none;
448    }
449
450    .table-filter tbody tr td .btn.document_item_turn_off:hover .fa.fa-eye-slash  {
451        color: #fff !important;
452    }
453    .table-filter tbody tr td .btn.document_item_turn_off:hover .fa.fa-eye  {
454        color: #fff !important;
455    }
456/*	--------------------------------------------------
457    :: Details and Edit Button
458    -------------------------------------------------- */
459    .btn.details_modal,
460    .table-filter tbody tr:hover td .btn.details_modal {
461        background-color: #221E1F !important;
462        color:white !important;
463        border:none !important;
464    }
465    .table-filter tbody tr td .btn.details_modal:hover {
466        background-color: #221E1F  !important;
467        color:#ffffff !important;
468        border:none !important;
469    }
470    .table-filter tbody tr:hover td .btn.edit_modal {
471        background-color: #221E1F  !important;
472        color:white !important;
473        border:none !important;
474    }
475    .table-filter tbody tr td .btn.edit_modal:hover {
476        background-color: #221E1F  !important;
477        color:#ffffff !important;
478        border:none !important;
479    }
480/*	--------------------------------------------------
481    :: jconfirm popup delete
482    -------------------------------------------------- */
483    .jconfirm_delete [data-event="confirm"] {
484        background: #221E1F !important;
485    }
486    .jconfirm_delete [data-event="deny"] {
487        color: #221E1F !important;
488    }
489    .jc-white-theme .jc-arrow-top {
490        border-bottom-color: #fff !important;
491    }
492    .jconfirm_delete {
493        box-shadow: 4px 4px 6px 4px #c7c7c7;
494        border: none !important;
495    }
496
497    
498    .ablum-filter .btn .btn-primary {
499        background-color: #337ab7 !important;
500        color:white !important;
501        border:none !important;
502        outline: none;
503    }
504    .ablum-filter .btn-info {
505        background-color: #5bc0de !important;
506        color:white !important;
507        border:none !important;
508        outline: none;
509    }
510    .ablum-filter .btn-danger {
511        background-color: #d9534f !important;
512        color:white !important;
513        border:none !important;
514        outline: none;
515    }
516    .ablum-filter .btn-warning {
517        background-color: #f0ad4e !important;
518        color:white !important;
519        border:none !important;
520        outline: none;
521    }
522    .ablum-filter .btn-success {
523        background-color: #5cb85c !important;
524        color:white !important;
525        border:none !important;
526        outline: none;
527    }
528    .ablum-filter .btn-Normal {
529        background-color: #FBFBFB !important;
530        color:white !important;
531        border:none !important;
532        outline: none;
533    }
534/*	--------------------------------------------------
535    :: css for accordion modal
536    -------------------------------------------------- */
537    #linkModal {
538        z-index: 2000;
539    }
540    /* class needed for ig feed styling - admin side */
541    @media (min-width: 1200px) {
542        .ig-feed-lg-offset {
543            margin-left: 12.5%;
544        }
545    }
546
547</style>
548
549<script type="text/javascript">
550    var loadElemID = '';
551    const siteDesignOptionsHeadingColor = "#DA3831";
552    const siteDesignOptionsTextColor    = "#333333";
553    const siteDesignOptionsLinkColor    = "#DA3831";
554</script>
554
555<link rel="canonical" href="https://www.oostburg.k12.wi.us/">
556<meta property="og:title" content="Oostburg School District">
557<meta property="og:image" content="https://cdn.smartsites.parentsquare.com/library/common/DefaultShareImage_350x350.png">
558<meta name="description" content="Oostburg School District">
559<meta name="keywords" content="">
560<meta name="author" content="Oostburg School District">
561<meta name="copyright" content="ParentSquare and Oostburg School District">
562<meta name="language" content="English">
563<meta name="charset" content="iso-8859-1">
564<meta name="distribution" content="Global">
565<meta name="rating" content="General">
566<meta name="expires" content="Never">
567<meta name="robots" content="index, follow">
568<meta name="revisit-after" content="7 days">
569<meta name="page-id" content="110324">
570<meta name="nav-level" content="1">
571    <link rel="stylesheet" href="/includes/customFonts/icon-set/styles.css" />
572    <meta charset="utf-8"/>
573    <meta http-equiv="Content-Language" content="en">
574    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
575    <meta name="viewport" content="width=device-width, initial-scale=1"/>
576    <link rel="shortcut icon" href="https://files.smartsites.parentsquare.com/13419/favicon.ico" type="image/x-icon" /><title>Oostburg School District - Home</title><link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Outfit%3A700%7CReddit+Sans%7CInter%3A700%7CSeaweed+Script"><link rel="stylesheet" type="text/css" media="print" href="/templates/common/css_print.css" async defer>            
576<script>
577            (function (h, o, u, n, d) {
578                h = h[d] = h[d] || { q: [], onReady: function (c) { h.q.push(c) } }
579                d = o.createElement(u); d.async = 1; d.src = n
580                n = o.getElementsByTagName(u)[0]; n.parentNode.insertBefore(d, n)
581            })(window, document, 'script', 'https://www.datadoghq-browser-agent.com/us1/v5/datadog-rum.js', 'DD_RUM')
582            window.DD_RUM.onReady(function () {
583                window.DD_RUM.init({
584                    clientToken: 'pub77a0ea20d4be2115e98a417826c0cb0c',
585                    applicationId: 'fc345302-8ceb-435f-96c0-e053557f5949',
586                    site: 'datadoghq.com',
587                    service: 'smartsites',
588                    env: 'production',
589                    // Specify a version number to identify the deployed version of your application in Datadog
590                    // version: '1.0.0',
591                    sessionSampleRate: 1,
592                    sessionReplaySampleRate: 1,
593                    trackUserInteractions: true,
594                    trackResources: true,
595                    trackLongTasks: true,
596                    defaultPrivacyLevel: 'mask-user-input',
597                });
598            })
599        </script>
599
600            
600<script>
601        window.FeatureFlags = {"SS_1500":true,"SS_2341":true,"SS_2625":false,"SS_2690":true,"SS_2678":false,"CRO_4438":true,"SS-3067":false,"SiteAdmin.SyncSharedComponentESRefactor":true,"GqlPostFeeds":true,"PdfParser.Pagecount":false,"Calendar.EventsNoEndDate":true,"BulkProfilePic.ReactConversion":false,"ES.SearchQueryOptimization":true,"ES.Timeout":true,"Calendar.AsynchronousEventSlider":true,"Site.SocialMediaPreviewImg":true,"Page.LegacyLockedPages":false,"UserFavorites.ComponentMarkingSystem":true,"PostFeedGroups":true,"Admin.ParentSquare.Styles":true,"Components.CommunityGroups":true,"Spotlight.SmallWithComponentBody":true,"PageValidation.Calendar":true,"Chatbot.Enabled":false,"District.PopularLinks":true,"Security.Cro12871LoadStackItemsGuard":true,"Admin.PSQLogoRebrand":true,"StaffDirectory.ReactContactForm":true,"Documents.DownloadTracking":true,"LinkChecker.API.Check":true,"Chatbot.Dashboard":true,"Chatbot.Settings":true,"CmsMigration.API.ImportContent":true,"HorizontalPictureSeries.SwapReorder":true,"PageSettings.CondenseContent":true,"Components.ColumnsColumnHeadings":true,"IconMatrix.ComponentBodyHeading":true,"ResourceCalendars.ContrastGuardrails":true,"Components.SinglePsqPost":false,"Assets.LegacyCleanup":true,"ScrollOverImages.Backgroun
601dColorImage":true,"RecycleBin.Refactoring":false,"decompose_stack_type_57":true,"SmartAdmin.RedirectBulkImport":true,"ComponentFavorites.API":false,"ProfilePicture.API.FetchDelete":false,"PagePro.ImportSingleComponent":false,"decompose_stack_type_64":false,"Components.ColumnsContentStyles":false,"PhotoDrawer.ImageVariants":false};
602    </script>
602
603    <link rel="modulepreload" href="/dist/assets/documentTracking-D0cSWl7z.js" />
603<script type="module" src="/dist/assets/documentTracking-D0cSWl7z.js"></script>
603            
603<script
604        type="text/javascript"
605        src="https://cdn.smartsites.parentsquare.com/lib/jquery/3.6.0/jquery.min.js"
606        integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK"
607        crossorigin="anonymous"
608    ></script>
608
609    
609<script
610        src="https://cdn.smartsites.parentsquare.com/library/jquery/jquery-ui-1.14.0/jquery-ui.min.js"
611        integrity="sha384-sC4zu1a2SFQFGYBkaBToaGs3q67h0XwkuZQWeuDcF36dMjN2G6kWneRHoE3EdZ2D"
612        crossorigin="anonymous"
613    ></script>
613
614    
614<script
615        src="https://cdn.smartsites.parentsquare.com/library/jquery/jquery.ui.touch-punch.min.js"
616        integrity="sha384-MI/QivrbkVVJ89UOOdqJK/w6TLx0MllO/LsQi9KvvJFuRHGbYtsBvbGSM8JHKCS0"
617        crossorigin="anonymous"
618    ></script>
618
619
620    
620<script type="text/javascript" src="/js/jquery.fittext.js"></script>
620
621
622    <link
623        rel="stylesheet"
624        href="https://cdn.smartsites.parentsquare.com/lib/bootstrap/css/bootstrap.css"
625        integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7"
626        crossorigin="anonymous"
627    />
628    <link rel="stylesheet" type="text/css" href="/css/bootstrap_custom_5column.css" />
629    <link
630        rel="stylesheet"
631        href="https://cdn.smartsites.parentsquare.com/lib/bootstrap/css/daterangepicker.css"
632        integrity="sha384-I7hgs8ZRNoM5/Df9CSWppjNRLWEykml6aS6mhsfcbJhgI8jX5c04D8rStWRXFrTA"
633        crossorigin="anonymous"
634    />
635    <link rel="stylesheet"
636        href="https://cdn.smartsites.parentsquare.com/lib/bootstrap/css/build.css"
637        integrity="sha384-+W9JHuw1WbupIW+lP+JnQdmQN5FG5Mi7gyrQqnT2AHxPtpr+gIjYtB77j3ciwQcF"
638        crossorigin="anonymous"
639    />
640    
640<script
641        type="text/javascript"
642        src="https://cdn.smartsites.parentsquare.com/lib/js/bootstrap.min.js"
643        integrity="sha384-HQDRcraHJG13A26h3RbjhkUw8Spk/X4wHJA/fPCQ3IXPlHfU93JhJEEiHZ8uhtbI"
644        crossorigin="anonymous"
645    ></script>
645
646    
646<script
647        type="text/javascript"
648        src="https://cdn.smartsites.parentsquare.com/lib/momentjs/moment.min.js"
649        integrity="sha384-jzJ+sNWbKe71gDLLfQKgdtslQjhK70oKLFN+wmwxyg6mQN7Vem+wzce4pryF0HP/"
650        crossorigin="anonymous"
651    ></script>
651
652    
652<script
653        type="text/javascript"
654        src="https://cdn.smartsites.parentsquare.com/lib/bootstrap/js/daterangepicker.js"
655        integrity="sha384-rir2SQU4/PHUpA8Bf0tnnwMOZwQBBlSYMz5TUMo4wIwkpAuuErlLSAULgDsJYbA2"
656        crossorigin="anonymous"
657    ></script>
657
658    <link rel="stylesheet"
659        href="https://cdn.smartsites.parentsquare.com/library/jquery/jquery-ui-1.14.0/jquery-ui.min.css"
660        integrity="sha384-tewSheIhRp+og/A/t/fjeITzC+Lif7RoRf+uu5fpCNjV5iV1c7H9rNh60AKqwabB"
661        crossorigin="anonymous"
662    />
663    <link rel="stylesheet" href="https://cdn.smartsites.parentsquare.com/library/jquery/jquery-ui-1.14.0/jquery-ui.theme.min.css"
664        integrity="sha384-5lhP3Gu7JSM9XgFNEVR5ZjWivaKVmsYbWQkxdPoEG1lseGQ0hJCkFkDwN0i3fRxW"
665        crossorigin="anonymous"
666    />
667    
667<script type="text/javascript" src="/includes/js/countUp.js"></script>
667
668    
668<script type="text/javascript" src="/js/pause_carousels.js"></script>
668
669
670    <!-- Slick Slider CSS -->
671    <link rel="stylesheet" type="text/css" href="/includes/css/slick.css"/>
672    <!-- Slick Slider JS -->
673    
673<script src="/includes/js/slick.min.js"></script>
673
674    
674<script src="/js/slick-a11y.js?v=20261006210426"></script>
674
675    
675<script src="/includes/js/enquire.min.js"></script>
675
676
677    <link href="/css/bootstrap-select.css" rel="stylesheet">
678    <link
679        href="https://cdn.smartsites.parentsquare.com/fontawesome/fontawesome7.3.1/css/fa-all.v2.min.css"
680        rel="stylesheet"
681        integrity="sha384-uKNTZljlm44oCrAmQSO1z7kokYPoL7eU1VO3yw9+gbyYklFoR1k5xNagtC4RS3tf"
682        crossorigin="anonymous"
683    />
684    <link href="https://cdn.smartsites.parentsquare.com/fontawesome/smartsites/v10/css/custom-icons.min.css"
685        rel="stylesheet"
686        type="text/css"
687        integrity="sha384-Q0QR160VymkTQTu+7EW4S5VoGkz3gz1/z+8dG+F3zmKY4J6uiyhN/BTWqAUlnxKr"
688        crossorigin="anonymous"
689    />
690    
690<script type="text/javascript" src="/js/bootstrap-select.js"></script>
690
691    <link
692        rel="stylesheet"
693        type="text/css"
694        href="https://cdn.smartsites.parentsquare.com/lib/alertify/1.13.1/themes/alertify.combined.css"
695        integrity="sha384-l3NZrXjxol09TE8Ix43axKqrwCFKVPA0w0JKno0AoLhYjW2JJ2gvC5XA+AcPZ9mZ"
696        crossorigin="anonymous"
697    />
698    
698<script type="text/javascript" src="/includes/alertify/lib/alertify.min.js"></script>
698
699    
699<script
700        type="text/javascript"
701        src="https://cdn.smartsites.parentsquare.com/lib/js/wow.min.js"
702        integrity="sha384-iO46hjwJrsVBSL6dSZiISIaArh5K3mgUT5bTQVkkFF+wMh0DNbK6xPgTfyrYtteD"
703        crossorigin="anonymous"
704    ></script>
704
705    <link
706        rel="stylesheet"
707        type="text/css"
708        href="https://cdn.smartsites.parentsquare.com/css/animate.css"
709        integrity="sha384-q00rjbZK7hm9ZyQShTBydn6PZTbRe+EzzlX+Np7sOSp2qDP7Vu4yHFppyPccjIfD"
710        crossorigin="anonymous"
711    />
712    <link rel="stylesheet" type="text/css" href="/includes/css/liquid-slider.css" />
713    <link rel="stylesheet" type="text/css" href="/css/normalize.css?abcd1234" />
714    <style>
715    .container {
716        width:100%;
717        margin-right:auto;
718        margin-left:auto;
719        padding-right:2rem;
720        padding-left:2rem;
721
722    }
723    @media(min-width:640px){
724        .container {
725            max-width:640px
726        }
727    }
728    @media(min-width:768px){
729        .container {
730            max-width:768px;
731            padding-right:4rem;
732            padding-left:4rem
733        }
734    }
735    @media(min-width:1024px){
736        .container {
737            max-width:1024px
738        }
739    }
740    @media(min-width:1280px){
741        .container {
742            max-width:1280px;
743            padding-right:6rem;
744            padding-left:6rem
745        }
746    }
747    @media(min-width:1536px){
748        .container {
749            max-width:1536px
750        }
751    }
752    @media(min-width:1680px){
753        .container {
754            max-width:1680px
755        }
756    }
757</style>                <link href="/css/jquery.smartmenus.bootstrap.css" rel="stylesheet">
758    
758<script type="text/javascript" src="/js/jquery.smartmenus.js"></script>
758
759    
759<script type="text/javascript" src="/js/jquery.smartmenus.bootstrap.js"></script>
759
760    <link rel="modulepreload" href="/dist/assets/FeatureFlagsUtil-L982irFf.js" />
761<link rel="modulepreload" href="/dist/assets/SmartMenu-2AkILJe6.js" />
762<link rel="modulepreload" href="/dist/assets/Logger-D_qtsJjD.js" />
763<link rel="modulepreload" href="/dist/assets/MobileMenuAccessibility-Cmbgt7V5.js" />
764<link rel="modulepreload" href="/dist/assets/jquery-UIAagU1C.js" />
765<link rel="modulepreload" href="/dist/assets/_commonjsHelpers-CE1G-McA.js" />
765<script type="module" src="/dist/assets/FeatureFlagsUtil-L982irFf.js"></script>
vendor: 1 bytes, line 765
765
766<script type="module" src="/dist/assets/SmartMenu-2AkILJe6.js"></script>
vendor: 1 bytes, line 766
766
767<script type="module" src="/dist/assets/MobileMenuAccessibility-Cmbgt7V5.js"></script>
767        <link rel="modulepreload" href="/dist/assets/EmbeddedVideoLandmark-DJLtnRCY.js" />
768<link rel="modulepreload" href="/dist/assets/FaHoverAnimations-Bh_oO09Q.js" />
768<script type="module" src="/dist/assets/EmbeddedVideoLandmark-DJLtnRCY.js"></script>
vendor: 1 bytes, line 768
768
769<script type="module" src="/dist/assets/FaHoverAnimations-Bh_oO09Q.js"></script>
769        
769<script type="text/javascript" src="/js/jarallax214.min.js"></script>
769
770    
770<script type="text/javascript" src="/js/jarallax-video214.min.js"></script>
770
771    <link rel="stylesheet" type="text/css" href="/css/jarallax.min.css" />
772    
772<script
773        src="https://cdn.jsdelivr.net/npm/[email protected]/rellax.min.js"
774        integrity="sha384-pSQdnqsuAwdyk3FjmdCugWc6JXrpCyQPJbweAfCT9EjnJayrGAKKuI6V54wCfQ5c"
775        crossorigin="anonymous"
776    ></script>
776
777    
777<script>
778        $(function() {
779            // Found: https://dirask.com/posts/JavaScript-detect-Apple-Safari-web-browser-p5g2R1
780            const platformExpression = /Mac|iPhone|iPod|iPad/i;
781            const rejectedExpression = /Chrome|Android|CriOS|FxiOS|EdgiOS/i;
782            const expectedExpression = /Safari/i;
783
784            const isAppleSafari = () => {
785                const agent = navigator.userAgent;
786                if (rejectedExpression.test(agent)) {
787                    return false;
788                }
789                return platformExpression.test(agent) && expectedExpression.test(agent);
790            };
791
792            // Global jarallax config
793            $('.jarallax').jarallax({
794                disableParallax: function () {
795                    return isAppleSafari()
796                },
797                disableVideo: function () {
798                    return isAppleSafari()
799                },
800                speed: 0.2
801            });
802        });
803    </script>
803
804
805    <!-- Google Fonts -->
806    <link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext" rel="stylesheet">
807    <link rel="stylesheet" type="text/css" href="/css/main-sass.css?v=20261006210426">
808        
808<script src="/js/classes/ColorContrast.js?v=20261006210426"></script>
808
809    
809<script
810        type="text/javascript"
811        src="https://cdn.jsdelivr.net/npm/[email protected]/dist/loadingoverlay.min.js"
812        integrity="sha384-L2MNADX6uJTVkbDNELTUeRjzdfJToVbpmubYJ2C74pwn8FHtJeXa+3RYkDRX43zQ"
813        crossorigin="anonymous"
814    ></script>
814
815    
815<script src="/js/stack_items.js?v=20261006210426"></script>
815
816    
816<script type="module" src="/js/components.js?v=20261006210426"></script>
816
817    
817<script src="/js/general.js?v=20261006210426"></script>
817
818    
818<script src="/js/deviceDetector.js?v=20261006210426"></script>
818
819        
819<script src="https://use.typekit.net/ynn5aia.js"
820        crossorigin="anonymous"
821        rel="preload"
822        as="script"
823    ></script>
823
824    
824<script>
825        try {
826        Typekit.load({async: true});
827        } catch (e) {}
828    </script>
828
829    <style>
830    body {
831        -webkit-font-smoothing: antialiased;
832    }
833    .grecaptcha-badge {
834        visibility: hidden;
835    }
836    .psq_font {
837        font-family: "proxima-nova", "proxima nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
838    }
839    .psq_footer_logo {
840        font-size: 16px;
841    }
842    .psq_footer_logo a {
843        text-decoration: none !important;
844    }
845
846    /*Extra large Modals*/
847    @media (min-width: 768px) {
848        .modal-xxl {
849            width: 90%;
850            max-width:1200px;
851        }
852    }
853    .ajs-button.btn.btn-success {
854        color: #fff !important;
855        background-color: #5cb85c !important;
856        border-color: #4cae4c !important;
857    }
858    .containSelect {
859        max-width:185px;
860    }
861        .natural_p_tag {
862        margin-top: 1em;
863        margin-bottom: 1rem;
864    }
865    .stretchSelect {
866        width:100%;
867    }
868    .embed-responsive.embed-responsive-16by9 {
869        position: auto !important;
870    }
871    .remove_default_padding {
872        padding:0px !important;
873        margin:0px !important;
874        display:inline-block;
875    }
876    #search {
877        position: fixed;
878        top: 0px;
879        left: 0px;
880        width: 100%;
881        height: 100%;
882        background-color: rgba(0, 0, 0, 0.7);
883        -webkit-transition: all 0.5s ease-in-out;
884        -moz-transition: all 0.5s ease-in-out;
885        -o-transition: all 0.5s ease-in-out;
886        -ms-transition: all 0.5s ease-in-out;
887        transition: all 0.5s ease-in-out;
888        -webkit-transform: translate(0px, -100%) scale(0, 0);
889        -moz-transform: translate(0px, -100%) scale(0, 0);
890        -o-transform: translate(0px, -100%) scale(0, 0);
891        -ms-transform: translate(0px, -100%) scale(0, 0);
892        transform: translate(0px, -100%) scale(0, 0);
893        opacity: 0;
894    }
895    #search.open {
896        -webkit-transform: translate(0px, 0px) scale(1, 1);
897        -moz-transform: translate(0px, 0px) scale(1, 1);
898        -o-transform: translate(0px, 0px) scale(1, 1);
899        -ms-transform: translate(0px, 0px) scale(1, 1);
900        transform: translate(0px, 0px) scale(1, 1);
901        opacity: 1;
902        z-index:999999999;
903    }
904    #search input[type="search"] {
905        position: absolute;
906        top: 50%;
907        width: 100%;
908        color: rgb(255, 255, 255);
909        background: rgba(0, 0, 0, 0);
910        font-size: 60px;
911        font-weight: 300;
912        text-align: center;
913        border: 0px;
914        margin: 0px auto;
915        margin-top: -51px;
916        padding-left: 30px;
917        padding-right: 30px;
918        outline: none;
919    }
920    .btn.btn-success.btn-sm.editbutton, .stack_sort_handle, .visButton {
921        filter: brightness(100%) !important;
922    }
923    #search .btn {
924        position: absolute;
925        top: 50%;
926        left: 50%;
927        margin-top: 61px;
928        margin-left: -45px;
929    }
930    #search .close {
931        position: fixed;
932        top: 15px;
933        right: 15px;
934        color:#000000 !important;;
935        background-color:#EDEDED;
936        border-color: #EDEDED;
937        opacity: 1;
938        padding: 10px 17px;
939        font-size: 27px;
940    }
941}
942    /*STYLING TAB ONLY BUTTONS*/
943    .sr-only.sr-only-focusable {
944        background-color:#000000 !important;
945        color: #FFFFFF !important;
946        font-weight:bold !important;
947        padding:10px !important;
948        border: 5px solid yellow !important;
949        text-decoration:none !important;
950    }
951    /*LOGGED IN BAR*/
952    .btn-group-justified.adminBar {
953        color:#000000 !important;
954    }
955    .btn-warning.admin-btn, .btn-success.admin-btn, .btn-danger.admin-btn, .btn-info.admin-btn, .btn-primary.admin-btn, .btn-default.admin-btn {
956        color:#FFFFFF !important;
957        font-weight:bold !important;
958        filter: brightness(100%) !important;
959    }
960    
961    /** Component Header Config */
962    
963    .ss-component-header {
964        .ss-component-header-title {
965            font-family: Inter, sans-serif;
966    font-weight: 700;            font-size: clamp(26px, 8vw, 48px);            color: #DA3831;
967                            &:before,
968                &:after {
969                    border-color: #EDEDED                }
970            
971                            &:before,
972                &:after {
973                    display: none;
974                }
975                
976        }
977    }
978
979    /** Columns per-column headings (SS-4812): inherit Component Heading font
980        and size. Color comes from Site Design unless the component sets an
981        alternate heading color. Never render accent lines. */
982    .ss-column-heading {
983        font-family: Inter, sans-serif;
984    font-weight: 700;        font-size: clamp(26px, 8vw, 48px);        color: #DA3831;    }
985    h3.ss-column-heading {
986        font-size: clamp(26px * 0.75, 8vw * 0.75, 48px * 0.75);    }
987    </style>
988    
988<script>
989    var targetDate = new Date(Date.now() + (86400 * 1000)).getTime();
990    $(document).ready(function() {
991        var dateStartCounter = 0;
992        $( "input[name='daterangepicker_start']" ).each(function(i,val) {
993            $( this ).attr('id','daterangepicker_start'+dateStartCounter);
994            $( this ).prepend('<label for="daterangepicker_start'+dateStartCounter+'">Start Date</label>');
995            dateStartCounter++;
996        });
997        var dateEndCounter=0;
998        $( "input[name='daterangepicker_end']" ).each(function(i,val) {
999            $( this ).attr('id','daterangepicker_end'+dateEndCounter);
1000            $( this ).prepend('<label for="daterangepicker_end'+dateEndCounter+'">End Date</label>');
1001            dateEndCounter++;
1002        });
1003                        //if scale is on (set to on or empty), and any font size is set by in site designs, pass the plugin the fitText paramteries
1004        if ($('.the_site_title').length !== 0) {
1005            $(".the_site_title").fitText(1, { minFontSize: '0px', maxFontSize: '100px' });
1006        }
1007        //else
1008                //else dont run the site title is using basic bootstrap, the text will break on spaces, and font size is set by media queries
1009    });
1010    function getCookie(cname) {
1011        var name = cname + "=";
1012        var ca   = document.cookie.split(';');
1013        for(var i = 0; i < ca.length; i++) {
1014            var c = ca[i];
1015            while (c.charAt(0) == ' ') {
1016                c = c.substring(1);
1017            }
1018            if (c.indexOf(name) == 0) {
1019                return c.substring(name.length, c.length);
1020            }
1021        }
1022        return "";
1023    }
1024    function setCookie(name, value) {
1025        var date = new Date();
1026        date.setTime(date.getTime() + (86400 * 1000));
1027        var expires         = "expires=" + date.toUTCString();
1028        document.cookie     = name + "=" + value + "; " + expires;
1029    }
1030    function deleteCookie(name) {
1031        var expires         = "expires=Thu, 01 Jan 1970 00:00:01 GMT";
1032        document.cookie     = name + "=" + "" + "; " + expires;
1033    }
1034
1035    // added to patch chrome loging out bug with multisite tabs open - Abby 03/21/2022
1036    function check_timer() {
1037        targetDate = parseInt(getCookie(sess) * 1000);
1038        let currentDate = new Date().getTime();
1039        let secondsLeft = ((targetDate - currentDate) / 1000) % 3600;
1040        return parseInt(secondsLeft);
1041    }
1042    /**
1043     * used JS to determine what part of the contained string needs to be truncated. Built for use with Sub-nav stack.
1044     * container_class is the class of the button or div that contains the string and that determines the width available area
1045     * text_class is the class on the SPAN that contains the text to be truncated. The span will have to have this class
1046     *      and the data attribute "data-original" that contains the full string prior to truncating
1047     * size_divider is a numeric value that determins the change from width to pixel size. Default is 8
1048     * Created 5/3/22 by Will Raines
1049     */
1050    function magic_truncate(container_class, text_class, size_divider = 8)
1051    {
1052        $('.'+container_class).each(function(){
1053            var outer_width = $(this).width();
1054            var usable_area = outer_width - 50;
1055            var string_limit = Math.floor(usable_area / size_divider);
1056            var text_string = $(this).find("."+text_class).attr('data-original');
1057            $(this).find("."+text_class).text(text_string);
1058
1059            var text_string_width = $(this).find("."+text_class).width();
1060            var truncated_text = '';
1061
1062            if (text_string_width > usable_area) {
1063                var truncated_text = text_string.substring(0, string_limit);
1064                $(this).find("."+text_class).text(truncated_text+' ...');
1065            }
1066        });
1067    }
1068    </script>
1068
1069    
1069<script type="text/javascript">
1070    $(document).ready(function() {
1071        //add menu animations
1072    });
1073    var wow = new WOW ({
1074        offset:       75,          // distance to the element when triggering the animation (default is 0)
1075        mobile:       false,       // trigger animations on mobile devices (default is true)
1076    });
1077    wow.init();
1078        $.fn.removeCss = function() {
1079        var removedCss = $.makeArray(arguments);
1080        return this.each(function() {
1081            var e$ = $(this);
1082            var style = e$.attr('style');
1083            if (typeof style !== 'string') return;
1084            style = $.trim(style);
1085            var styles = style.split(/;+/);
1086            var sl = styles.length;
1087            for (var l = removedCss.length, i = 0; i < l; i++) {
1088                var r = removedCss[i];
1089                if (!r) continue;
1090                for (var j = 0; j < sl;) {
1091                    var sp = $.trim(styles[j]);
1092                    if (!sp || (sp.indexOf(r) === 0 && $.trim(sp.substring(r.length)).indexOf(':') === 0)) {
1093                        styles.splice(j, 1);
1094                        sl--;
1095                    } else {
1096                        j++;
1097                    }
1098                }
1099            }
1100            if (styles.length === 0) {
1101                e$.removeAttr('style');
1102            } else {
1103                e$.attr('style', styles.join(';'));
1104            }
1105        });
1106    };
1107    text_truncate = function(str, length, ending) {
1108        if (length == null) {
1109            length = 100;
1110        }
1111        if (ending == null) {
1112            ending = '...';
1113        }
1114        if (str.length > length) {
1115            return str.substring(0, length - ending.length) + ending;
1116        } else {
1117            return str;
1118        }
1119    };
1120    $.fn.hasClassStartsWith = function(className) {
1121        return this.filter('[class^=\''+className+'\'], [class*=\''+className+'\']');
1122    }
1123    </script>
1123
1124    </head>
1125<body class="ss-widen-container  ss-hp  ss-transparent-header ss-body-site-header-three  ">
1126    <style>
1127        #skipToMainContentLink {
1128        color: white;
1129        background-color: black;
1130        font-size: 14px;
1131        padding: 6px;
1132    }
1133        </style>
1134    <div id="jumpToTop"></div>
1135    <div id="ss-live-status" role="status" aria-live="polite" aria-atomic="true" class="sr-only"></div>
1136    <a id="skipToMainContentLink" href="#skiptocontent" class="sr-only sr-only-focusable">Skip to main content</a>
1137    <link rel="modulepreload" href="/dist/assets/StatusAlertAnnouncer-TlSm2OmV.js" />
1138<link rel="modulepreload" href="/dist/assets/PopUpAlertsComponent-DXDEh6ZV.js" />
1139<link rel="modulepreload" href="/dist/assets/AlertsDialog-D9bH4YML.js" />
1140<link rel="modulepreload" href="/dist/assets/schemas-BdgNnLKl.js" />
1141<link rel="modulepreload" href="/dist/assets/Logger-D_qtsJjD.js" /><link rel="stylesheet" href="/dist/assets/AlertsDialog-DTCJJhlc.css" />
1141<script type="module" src="/dist/assets/StatusAlertAnnouncer-TlSm2OmV.js"></script>
vendor: 1 bytes, line 1141
1141
1142<script type="module" src="/dist/assets/PopUpAlertsComponent-DXDEh6ZV.js"></script>
1142    <style>
1143        .ss-lightbox-modal-alert {
1144            --ss-modal-content-alert-btn-text-font-color: #FFFFFF;
1145            --ss-modal-content-alert-btn-color: #000000;
1146        }
1147    </style>        <!--
1148        This navigation is hidden from website view, and is only used to determine navbar height, if bootstrap sticky nav is set to display
1149        -->
1150        <nav style="display:none;" aria-hidden="true" class="navHeightBar navbar navbar-inverse">
1151            <div class="container-fluid">
1152                <div class="navbar-header">
1153                    <button aria-hidden="true" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
1154                        <span class="sr-only">Welcome</span>
1155                        <span class="icon-bar"></span>
1156                        <span class="icon-bar"></span>
1157                        <span class="icon-bar"></span>
1158                    </button>
1159                </div>
1160                <div class="collapse navbar-collapse" id="myNavbar">
1161                    <ul class="nav navbar-nav">
1162                        <li class="active"><a href="#">Home</a></li>
1163                        <li><a href="#" class="search_clickify"><i aria-label="Search" role="img" class="fa-solid fa-magnifying-glass"></i></a></li>
1164                    </ul>
1165                </div>
1166            </div>
1167        </nav>
1168            
1168<script>
1169    $(document).ready(function() {
1170        $('.makeTableResponsive table').each(function() {
1171            $(this).addClass("table")
1172            $(this).addClass("table-bordered");
1173            if ($(this).attr("style") == "width: 500px;") {
1174                $(this).removeAttr("style");
1175            }
1176            $(this).wrap("<div class='table-responsive'></div>");
1177            $(this).parents().find(".img-responsive:first").removeClass('makeTableResponsive');
1178        });
1179        $(".makeTableResponsive table td").css({"border-color":"#333333"});
1180        $(".table:not(.dataTable) td").css({"border-color":"#333333"});
1181        $('.makeTableResponsive').removeClass('makeTableResponsive');
1182        if (typeof setSideBarCalendars !== "undefined") {
1183            setSideBarCalendars();
1184        }
1185        if (typeof setSideBarLessonplans !== "undefined") {
1186            setSideBarLessonplans();
1187        }
1188        $(function () {
1189            $('.search_clickify').on('click', function(event) {
1190                event.preventDefault();
1191                window.location = 'search';
1192            });
1193            $('#search, #search button.close').on('click keyup', function(event) {
1194                if (event.target == this || event.target.className == 'close' || event.keyCode == 27) {
1195                    $(this).removeClass('open');
1196                }
1197            });
1198        });
1199
1200        function sidebarContactModal() {
1201            $('#sndMsgBut').on('click',function() {
1202                $(".openmodal").click(function() {
1203                    $('#send_message_modal .modal-body').html('<center><h2>Send A Message</h2></center>'+'<div style="margin:20px;" class="col-md-12" style="height:800px"><div style="height:800px !important"><iframe  src="/includes/pages/responsive_send_message.php" frameBorder="0" style="width:100%; height:800px !important;"></iframe></div></div>');
1204                });
1205                $('#send_message_modal').on('hidden.bs.modal', function () {
1206                    $('#send_message_modal .modal-body').html('');
1207                })
1208            });
1209        }
1210        //Gather sub nav html on section with subpages
1211        top_subnav = $("#other_pages_in_section").html();
1212        bottom_subnav = $("#subMenu").html();
1213        //set subnav html to a variable, empty other placement div based on screen width
1214        if (top_subnav != '') {
1215            subnav_content=top_subnav;
1216            $("#subMenu").empty()
1217            $("#other_pages_in_section").empty()
1218        }
1219        if (bottom_subnav != '') {
1220            subnav_content = bottom_subnav;
1221            $("#subMenu").empty()
1222        }
1223        //set sub nav where it goes on load
1224        if ($(window).width() <= 767) {
1225            $('#other_pages_in_section').html(subnav_content);
1226            replaceNavBrand('');
1227        } else {
1228            if ($(window).width() >= 767) {
1229                $('#subMenu').html(subnav_content);
1230                replaceNavBrand('');
1231            }
1232        }
1233        /**
1234         * Determines how far to push down the body tag if sticky nav is set, and then pushes it down
1235         * @param  not needed
1236         * @return boolean
1237         */
1238        function stickyNavBodyTagPusher() {
1239            setTimeout(function () {
1240                //finds the hidden nav to obtain the nav height on a full width device
1241                big_screen_height    = $(".navHeightBar").outerHeight()-1;
1242                //a collapsed nav uses a different height than a non-collapsed nav, this obtains that height
1243                superSmallScreen     = big_screen_height -7;
1244                //Determines the outer height of the nav being used on the website
1245                globalNavHeight      = $(".globalnav").outerHeight();
1246                // Determains the outer height of the district selector
1247                const selectorheight = $("#districtSelector").outerHeight();
1248                //determines the px difference between the size of the nav normally, and when its expanded beyond one row on smaller devices
1249                pushDownBody         = (globalNavHeight - big_screen_height);
1250                //in rare cases large navigations may not be able to accurtly predict how far down the body should be pushed below the nav, this allows custom input
1251                pushDownBody         = pushDownBody + parseInt(10);
1252                //if stickynav is used we don't want to use the pushBodyDown var
1253                pushDownBodyJs       = parseInt(1);
1254                //if district selector is set
1255                                    pushDownBody = pushDownBody - 2;
1256                    $("#districtSelector").css('padding-top','20px');
1257                                    // $('#disSelPos').css('margin-top',globalNavHeight+'px');
1258                                    // Commenting out for possible sticky nav bug, gap between nav and top of site.
1259                    $('body').css('margin-top',(pushDownBody+selectorheight+big_screen_height)+'px');
1260                    return true;
1261                                }, 100);
1262        }
1263        //set sidebars and subnavs where they go on window resize
1264        window.onresize = function() {
1265            if (window.innerWidth <= 991) {
1266                if (typeof sidebarContactModal !== "undefined") {
1267                    sidebarContactModal();
1268                }
1269                if (typeof setSideBarCalendars !== "undefined") {
1270                    setSideBarCalendars();
1271                }
1272                if (typeof setSideBarLessonplans !== "undefined") {
1273                    setSideBarLessonplans();
1274                }
1275            } else {
1276                if (window.innerWidth >= 992) {
1277                    if (typeof sidebarContactModal !== "undefined") {
1278                        sidebarContactModal();
1279                    }
1280                    if (typeof setSideBarCalendars !== "undefined") {
1281                        setSideBarCalendars();
1282                    }
1283                    if (typeof setSideBarLessonplans !== "undefined") {
1284                        setSideBarLessonplans();
1285                    }                    }
1286            }
1287            if (window.innerWidth <= 767) {
1288                $('#subMenu').empty();
1289                $('#other_pages_in_section').html(subnav_content);
1290                //animateHamburger();
1291                replaceNavBrand('');
1292            } else {
1293                if (window.innerWidth >= 767) {
1294                    $('#other_pages_in_section').empty();
1295                    $('#subMenu').html(subnav_content);
1296                    //animateHamburger();
1297                    replaceNavBrand('');
1298                }
1299            }
1300        }
1301                function replaceNavBrand(branding) {
1302            $(".globalBranding").html(branding)
1303        }
1304        $('a').click(function(e) {
1305            //prevent cliking on # from scrolling to top of screen
1306            if ($(this).attr('href') == '#') {
1307                e.preventDefault();
1308            }
1309        });
1310        sidebarContactModal();
1311            });
1312    /**
1313     * Author: Heather Corey
1314     * jQuery Simple Parallax Plugin
1315     */
1316    (function($) {
1317        $.fn.parallax = function(options) {
1318            var windowHeight = $(window).height();
1319            // Establish default settings
1320            var settings = $.extend({
1321                speed        : 0.15
1322            }, options);
1323            // Iterate over each object in collection
1324            return this.each( function() {
1325                // Save a reference to the element
1326                var $this = $(this);
1327                // Set up Scroll Handler
1328                $(document).scroll(function() {
1329                    var scrollTop = $(window).scrollTop();
1330                    var offset = $this.offset().top;
1331                    var height = $this.outerHeight();
1332                    // Check if above or below viewport
1333                    if (offset + height <= scrollTop || offset >= scrollTop + windowHeight) {
1334                        return;
1335                    }
1336                    var yBgPosition = Math.round((offset - scrollTop) * settings.speed);
1337                    // Apply the Y Background Position to Set the Parallax Effect
1338                    $this.css('background-position', 'center ' + yBgPosition + 'px');
1339                });
1340            });
1341        }
1342    }(jQuery));
1343    //function to figure out if element is in viewport
1344    if (typeof $.fn.isInViewport === "undefined") {
1345        $.fn.isInViewport = function() {
1346            var elementTop = $(this).offset().top;
1347            var elementBottom = elementTop + $(this).outerHeight();
1348            var viewportTop = $(window).scrollTop();
1349            var viewportBottom = viewportTop + $(window).height();
1350            return elementBottom > viewportTop && elementTop < viewportBottom;
1351        };
1352    }
1353    // function to determine the tallest height of given elems and set the height of all elems to that
1354    function normalize_heights(items) {
1355        let heights = []; //create empty array to store height values
1356        let tallest = 0; //create variable to make note of the tallest slide
1357        items.each(function() { //add heights to array
1358            heights.push($(this).outerHeight());
1359        });
1360        tallest = Math.max.apply(null, heights); //cache largest value
1361        items.each(function() {
1362            $(this).css('min-height',tallest + 'px');
1363        });
1364    }
1365    </script>
1365
1366    <div id="scriptloads"></div>
1367    <div class="modal fade" id="send_message_modal" tabindex="-1" role="dialog">
1368        <div class="modal-dialog">
1369            <!-- Modal content-->
1370            <div class="modal-content">
1371                <div class="modal-header">
1372                    <button type="button" class="close" data-dismiss="modal">&times;</button>
1373                </div>
1374                <div class="modal-body">
1375                </div>
1376                <div class="modal-footer">
1377                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
1378                </div>
1379            </div>
1380        </div>
1381    </div>
1382    </div></div>        <style>
1383        .ss-site-header {
1384            --ss-header-background-color: #000000;
1385--ss-header-gradient: linear-gradient(to bottom, rgba(0,0,0,.6) 0px, rgba(0,0,0,.5) calc(100% - 70px), rgba(0,0,0,0) 100%);
1386--ss-header-transparent-spacer-color: rgba(255, 255, 255, .20);
1387--ss-header-background-image: url('https://files.smartsites.parentsquare.com/13419/design_img__cbou05lg458k8ognken.png');
1388--ss-header-background-position: center;
1389--ss-header-spacer-color-desktop: rgba(255, 255, 255, .20);
1390--ss-header-spacer-color-mobile: rgba(255, 255, 255, .20);
1391--ss-background-nav-color: #DA3831;
1392--ss-background-nav-hover-color: #DA3831;
1393--ss-nav-font-family: Outfit, sans-serif;
1394--ss-nav-font-weight: 700;
1395--ss-nav-font-size-desktop: 20px;
1396--ss-nav-font-color: white;
1397--ss-nav-font-hover-color: white;
1398--ss-nav-icon-color: white;
1399--ss-menu-background-color: white;
1400--ss-menu-background-hover-color: #000000;
1401--ss-menu-font-family: Reddit Sans, sans-serif;
1402--ss-menu-font-size: 18px;
1403--ss-menu-font-color: #DA3831;
1404--ss-menu-font-hover-color: white;
1405--ss-showcase-caption-color: #000000;
1406--ss-site-name-font-family: Inter, sans-serif;
1407--ss-site-name-font-weight: 700;
1408--ss-site-name-font-size-desktop: 32px;
1409--ss-site-name-font-size-mobile: 28px;
1410--ss-site-name-font-color: white;
1411--ss-tagline-font-family: Reddit Sans, sans-serif;
1412--ss-tagline-font-size-desktop: 20px;
1413--ss-tagline-font-size-mobile: 18px;
1414--ss-tagline-font-color: white;
1415--ss-utility-font-family: Reddit Sans, sans-serif;
1416--ss-utility-font-size: 16px;
1417--ss-utility-font-color: white;
1418--ss-utility-icon-color: white;
1419--ss-utility-bar-background-color: #DA3831;
1420--ss-default-font-family: Reddit Sans, sans-serif;
1421--ss-default-font-size: 18px;
1422        }
1423        #ss-header-mobile-menu,
1424        #ss-schools-modal,
1425        #ss-popular-links-modal {
1426            --ss-modal-font-hover-color: #DA3831;
1427--ss-modal-heading-font-family: Inter, sans-serif;
1428--ss-modal-heading-font-weight: 700;
1429--ss-modal-font-family: Reddit Sans, sans-serif;
1430--ss-header-popular-links-icon-color: #DA3831;
1431--ss-default-font-size: 18px;
1432        }
1433        #ss-popular-links-modal .ss-lightbox-modal-content {
1434            padding: 20px;
1435        }
1436    </style>
1437    <header class="ss-site-header ss-site-header-three">
1438            <nav class="ss-site-header-main-nav ss-site-header-main-nav-mobile" aria-label="Main">
1439            <ul class="ss-site-header-main-links-container js-site-header-contains-translate nav"><li class="ss-desktop-only js-header-custom-link custom-link">
1440        <a class="" href="https://www.oostburg.k12.wi.us/117837"  >
1441            <div class="ss-site-header-main-link-title">
1442                <span>Employment</span>
1443            </div>
1444        </a>
1445        
1446    </li><li class="ss-desktop-only js-header-custom-link custom-link">
1447        <a class="" href="https://www.oostburg.k12.wi.us/117838"  >
1448            <div class="ss-site-header-main-link-title">
1449                <span>Calendar</span>
1450            </div>
1451        </a>
1452        
1453    </li><li class="ss-desktop-only js-header-custom-link custom-link">
1454        <a class="" href="https://theshoeboxoostburg.square.site/"  target="_blank" rel="noopener noreferrer">
1455            <div class="ss-site-header-main-link-title">
1456                <span>School Store</span>
1457            </div>
1458        </a>
1459        
1460    </li><li class="popular-links">
1461        <a class="" href="#popularLinks" data-toggle="modal" data-target="#ss-popular-links-modal" aria-controls="ss-popular-links-modal" aria-haspopup="dialog" role="button" >
1462            <div class="ss-site-header-main-link-title">
1463                <span><span class='ss-site-header-main-link-title-text'>Popular Links</span>    <svg class="arrow-svg" xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10" fill="none" aria-hidden="true">
1464        <path d="M2 4L6 8L10 4" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
1465    </svg></span>
1466            </div>
1467        </a>
1468        
1469    </li><li class="translate">
1470        <a class=" has-submenu" href="#translate" role="button" aria-label="Translate this site" >
1471            <div class="ss-site-header-main-link-title">
1472                <span>    <svg class="translate-svg" xmlns="http://www.w3.org/2000/svg" width="27" height="16" viewBox="0 0 27 16" fill="none">
1473        <path d="M2.68387 0C1.20355 0 0 1.19583 0 2.66667V13.3333C0 14.8042 1.20355 16 2.68387 16H11.4065H12.7484H13.4194H24.1548C25.6352 16 26.8387 14.8042 26.8387 13.3333V2.66667C26.8387 1.19583 25.6352 0 24.1548 0H13.4194H12.7484H11.4065H2.68387ZM24.1548 2C24.5239 2 24.8258 2.3 24.8258 2.66667V13.3333C24.8258 13.7 24.5239 14 24.1548 14H13.4194V2H24.1548ZM7.4771 4.6625L10.161 10.6625C10.3497 11.0833 10.1568 11.575 9.73323 11.7625C9.30968 11.95 8.81484 11.7583 8.62613 11.3375L8.2529 10.5H5.16645L4.79323 11.3375C4.60452 11.7583 4.10968 11.9458 3.68613 11.7625C3.26258 11.5792 3.07387 11.0833 3.25839 10.6625L5.94226 4.6625C6.07645 4.3625 6.37839 4.16667 6.70968 4.16667C7.04097 4.16667 7.3429 4.3625 7.4771 4.6625ZM7.50645 8.83333L6.70968 7.05L5.9129 8.83333H7.50645ZM19.1226 4.16667C18.6613 4.16667 18.2839 4.54167 18.2839 5V5.16667H16.1032C15.6419 5.16667 15.2645 5.54167 15.2645 6C15.2645 6.45833 15.6419 6.83333 16.1032 6.83333H19.1226H20.5945C20.2884 7.52917 19.8648 8.1625 19.3448 8.70833L19.3239 8.6875L18.7116 8.07917C18.3845 7.75417 17.8519 7.75417 17.5248 8.07917C17.1977 8.40417 17.1977 8.93333 17.5248 9.25833L18.0323 9.7625C17.7848 9.9125 17.5248 10.05 17.2565 10.1708L17.1055 10.2375C16.6819 10.425 16.4932 10.9167 16.6777 11.3375C16.8623 11.7583 17.3613 11.9458 17.7848 11.7625L17.9358 11.6958C18.439 11.475 18.9171 11.2042 19.3616 10.8875C19.5419 11.0125 19.7223 11.1292 19.911 11.2417L20.7035 11.7125C21.1019 11.95 21.6177 11.8208 21.8526 11.425C22.0874 11.0292 21.9616 10.5167 21.5632 10.2833L20.7706 9.8125C20.7329 9.79167 20.6952 9.76667 20.6574 9.74583C21.3787 8.9625 21.9448 8.04167 22.3181 7.02083L22.3935 6.83333H22.4774C22.9387 6.83333 23.3161 6.45833 23.3161 6C23.3161 5.54167 22.9387 5.16667 22.4774 5.16667H21.8065H19.9613V5C19.9613 4.54167 19.5839 4.16667 19.1226 4.16667Z" fill="#636363"/>
1474    </svg>    <svg class="translate-active-svg" xmlns="http://www.w3.org/2000/svg" width="27" height="16" viewB
1474ox="0 0 27 16" fill="none">
1475        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.75293 0H23.8812C25.4015 0 26.6342 1.23378 26.6342 2.75632V13.2437C26.6342 14.7658 25.4019 16 23.8812 16H2.75293C1.23268 16 0 14.7662 0 13.2437V2.75632C0 1.2342 1.23227 0 2.75293 0ZM2.66346 13.9454H13.3173V1.94505H2.66346C2.29723 1.94505 1.99759 2.24506 1.99759 2.61174V13.2787C1.99759 13.6454 2.29723 13.9454 2.66346 13.9454ZM23.0693 6.72059H23.1525C23.6103 6.72059 23.9849 6.34558 23.9849 5.88724C23.9849 5.42889 23.6103 5.05388 23.1525 5.05388H20.6555V4.88721C20.6555 4.42887 20.281 4.05386 19.8232 4.05386C19.3654 4.05386 18.9909 4.42887 18.9909 4.88721V5.05388H16.8268C16.369 5.05388 15.9945 5.42889 15.9945 5.88724C15.9945 6.34558 16.369 6.72059 16.8268 6.72059H21.2839C20.9801 7.41644 20.5598 8.04979 20.0438 8.59564L20.023 8.57481L19.4154 7.96646C19.0907 7.64145 18.5622 7.64145 18.2376 7.96646C17.913 8.29147 17.913 8.82065 18.2376 9.14565L18.7412 9.64984C18.4956 9.79984 18.2376 9.93734 17.9713 10.0582L17.8214 10.1248C17.4011 10.3124 17.2138 10.804 17.397 11.2249C17.5801 11.6457 18.0753 11.8332 18.4956 11.6499L18.6455 11.5832C19.1448 11.3624 19.6193 11.0915 20.0604 10.7749C20.2394 10.8999 20.4183 11.0165 20.6056 11.129L21.3921 11.5999C21.7875 11.8374 22.2994 11.7082 22.5324 11.3124C22.7655 10.9165 22.6406 10.404 22.2453 10.1707L21.4587 9.69984C21.44 9.68942 21.4213 9.67796 21.4025 9.6665C21.3838 9.65504 21.3651 9.64358 21.3464 9.63317C22.0622 8.84981 22.624 7.92896 22.9944 6.9081L23.0693 6.72059ZM7.65728 4.11182C7.98605 4.11182 8.28569 4.30766 8.41886 4.60766L11.0823 10.6078C11.2696 11.0287 11.0782 11.5203 10.6578 11.7078C10.2375 11.8954 9.74643 11.7037 9.55915 11.2828L9.18876 10.4453H6.12579L5.7554 11.2828C5.56813 11.7037 5.07705 11.8912 4.65672 11.7078C4.2364 11.5245 4.04912 11.0287 4.23224 10.6078L6.89569 4.60766C7.02887 4.30766 7.32851 4.11182 7.65728 4.11182ZM7.65728 6.99523L6.86656 8.7786H8.44799L7.65728 6.99523Z" fill="#636363"/>
1476    </svg></span>
1477            </div>
1478        </a>
1479            <ul class="dropdown-menu sm-nowrap">
1480        <li class="googleDropdownContainerTarget">
1481        </li>
1482    </ul>
1483    </li></ul>
1484            <div class="ss-site-header-mobile-menu">
1485        <button class="ss-button" data-toggle="modal" data-target="#ss-header-mobile-menu" aria-label="Open mobile menu" aria-haspopup="dialog">
1486                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true" focusable="false">
1487        <path d="M2 2H18" stroke="white" stroke-width="2.5" stroke-linecap="round"/>
1488        <path d="M2 10H18" stroke="white" stroke-width="2.5" stroke-linecap="round"/>
1489        <path d="M2 18H18" stroke="white" stroke-width="2.5" stroke-linecap="round"/>
1490    </svg>
1491        </button>
1492    </div>
1493    </nav>    <div class="ss-site-header-main-nav-top">
1494        <ul class="ss-site-header-main-links-container js-site-header-main-links-container-left">
1495            
1496        </ul>
1497        <ul class="ss-site-header-main-links-container ss-site-header-loading js-site-header-contains-translate js-site-header-main-links-container-right">
1498            <li class="ss-desktop-only js-header-custom-link custom-link">
1499        <a class="" href="https://www.oostburg.k12.wi.us/117837"  >
1500            <div class="ss-site-header-main-link-title">
1501                <span>Employment</span>
1502            </div>
1503        </a>
1504        
1505    </li><li class="ss-desktop-only js-header-custom-link custom-link">
1506        <a class="" href="https://www.oostburg.k12.wi.us/117838"  >
1507            <div class="ss-site-header-main-link-title">
1508                <span>Calendar</span>
1509            </div>
1510        </a>
1511        
1512    </li><li class="ss-desktop-only js-header-custom-link custom-link">
1513        <a class="" href="https://theshoeboxoostburg.square.site/"  target="_blank" rel="noopener noreferrer">
1514            <div class="ss-site-header-main-link-title">
1515                <span>School Store</span>
1516            </div>
1517        </a>
1518        
1519    </li><li class="popular-links">
1520        <a class="" href="#popularLinks" data-toggle="modal" data-target="#ss-popular-links-modal" aria-controls="ss-popular-links-modal" aria-haspopup="dialog" role="button" >
1521            <div class="ss-site-header-main-link-title">
1522                <span><span class='ss-site-header-main-link-title-text'>Popular Links</span>    <svg class="arrow-svg" xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10" fill="none" aria-hidden="true">
1523        <path d="M2 4L6 8L10 4" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
1524    </svg></span>
1525            </div>
1526        </a>
1527        
1528    </li><li class="translate">
1529        <a class=" has-submenu" href="#translate" role="button" aria-label="Translate this site" >
1530            <div class="ss-site-header-main-link-title">
1531                <span>    <svg class="translate-svg" xmlns="http://www.w3.org/2000/svg" width="27" height="16" viewBox="0 0 27 16" fill="none">
1532        <path d="M2.68387 0C1.20355 0 0 1.19583 0 2.66667V13.3333C0 14.8042 1.20355 16 2.68387 16H11.4065H12.7484H13.4194H24.1548C25.6352 16 26.8387 14.8042 26.8387 13.3333V2.66667C26.8387 1.19583 25.6352 0 24.1548 0H13.4194H12.7484H11.4065H2.68387ZM24.1548 2C24.5239 2 24.8258 2.3 24.8258 2.66667V13.3333C24.8258 13.7 24.5239 14 24.1548 14H13.4194V2H24.1548ZM7.4771 4.6625L10.161 10.6625C10.3497 11.0833 10.1568 11.575 9.73323 11.7625C9.30968 11.95 8.81484 11.7583 8.62613 11.3375L8.2529 10.5H5.16645L4.79323 11.3375C4.60452 11.7583 4.10968 11.9458 3.68613 11.7625C3.26258 11.5792 3.07387 11.0833 3.25839 10.6625L5.94226 4.6625C6.07645 4.3625 6.37839 4.16667 6.70968 4.16667C7.04097 4.16667 7.3429 4.3625 7.4771 4.6625ZM7.50645 8.83333L6.70968 7.05L5.9129 8.83333H7.50645ZM19.1226 4.16667C18.6613 4.16667 18.2839 4.54167 18.2839 5V5.16667H16.1032C15.6419 5.16667 15.2645 5.54167 15.2645 6C15.2645 6.45833 15.6419 6.83333 16.1032 6.83333H19.1226H20.5945C20.2884 7.52917 19.8648 8.1625 19.3448 8.70833L19.3239 8.6875L18.7116 8.07917C18.3845 7.75417 17.8519 7.75417 17.5248 8.07917C17.1977 8.40417 17.1977 8.93333 17.5248 9.25833L18.0323 9.7625C17.7848 9.9125 17.5248 10.05 17.2565 10.1708L17.1055 10.2375C16.6819 10.425 16.4932 10.9167 16.6777 11.3375C16.8623 11.7583 17.3613 11.9458 17.7848 11.7625L17.9358 11.6958C18.439 11.475 18.9171 11.2042 19.3616 10.8875C19.5419 11.0125 19.7223 11.1292 19.911 11.2417L20.7035 11.7125C21.1019 11.95 21.6177 11.8208 21.8526 11.425C22.0874 11.0292 21.9616 10.5167 21.5632 10.2833L20.7706 9.8125C20.7329 9.79167 20.6952 9.76667 20.6574 9.74583C21.3787 8.9625 21.9448 8.04167 22.3181 7.02083L22.3935 6.83333H22.4774C22.9387 6.83333 23.3161 6.45833 23.3161 6C23.3161 5.54167 22.9387 5.16667 22.4774 5.16667H21.8065H19.9613V5C19.9613 4.54167 19.5839 4.16667 19.1226 4.16667Z" fill="#636363"/>
1533    </svg>    <svg class="translate-active-svg" xmlns="http://www.w3.org/2000/svg" width="27" height="16" viewBox="0 0 27 16" fill="none">
1534        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.75293 0H23.8812C25.4015 0 26.6342 1.23378 26.6342 2.75632V13.2437C26.6342 14.7658 25.4019 16 23.8812 16H2.75293C1.23268 16 0 14.7662 0 13.2437V2.75632C0 1.2342 1.23227 0 2.75293 0ZM2.66346 13.9454H13.3173V1.94505H2.66346C2.29723 1.94505 1.99759 2.24506 1.99759 2.61174V13.2787C1.99759 13.6454 2.29723 13.9454 2.66346 13.9454ZM23.0693 6.72059H23.1525C23.6103 6.72059 23.9849 6.34558 23.9849 5.88724C23.9849 5.42889 23.6103 5.05388 23.1525 5.05388H20.6555V4.88721C20.6555 4.42887 20.281 4.05386 19.8232 4.05386C19.3654 4.05386 18.9909 4.42887 18.9909 4.88721V5.05388H16.8268C16.369 5.05388 15.9945 5.42889 15.9945 5.88724C15.9945 6.34558 16.369 6.72059 16.8268 6.72059H21.2839C20.9801 7.41644 20.5598 8.04979 20.0438 8.59564L20.023 8.57481L19.4154 7.96646C19.0907 7.64145 18.5622 7.64145 18.2376 7.96646C17.913 8.29147 17.913 8.82065 18.2376 9.14565L18.7412 9.64984C18.4956 9.79984 18.2376 9.93734 17.9713 10.0582L17.8214 10.1248C17.4011 10.3124 17.2138 10.804 17.397 11.2249C17.5801 11.6457 18.0753 11.8332 18.4956 11.6499L18.6455 11.5832C19.1448 11.3624 19.6193 11.0915 20.0604 10.7749C20.2394 10.8999 20.4183 11.0165 20.6056 11.129L21.3921 11.5999C21.7875 11.8374 22.2994 11.7082 22.5324 11.3124C22.7655 10.9165 22.6406 10.404 22.2453 10.1707L21.4587 9.69984C21.44 9.68942 21.4213 9.67796 21.4025 9.6665C21.3838 9.65504 21.3651 9.64358 21.3464 9.63317C22.0622 8.84981 22.624 7.92896 22.9944 6.9081L23.0693 6.72059ZM7.65728 4.11182C7.98605 4.11182 8.28569 4.30766 8.41886 4.60766L11.0823 10.6078C11.2696 11.0287 11.0782 11.5203 
153410.6578 11.7078C10.2375 11.8954 9.74643 11.7037 9.55915 11.2828L9.18876 10.4453H6.12579L5.7554 11.2828C5.56813 11.7037 5.07705 11.8912 4.65672 11.7078C4.2364 11.5245 4.04912 11.0287 4.23224 10.6078L6.89569 4.60766C7.02887 4.30766 7.32851 4.11182 7.65728 4.11182ZM7.65728 6.99523L6.86656 8.7786H8.44799L7.65728 6.99523Z" fill="#636363"/>
1535    </svg></span>
1536            </div>
1537        </a>
1538            <ul class="dropdown-menu sm-nowrap">
1539        <li class="googleDropdownContainerTarget">
1540        </li>
1541    </ul>
1542    </li><li class="search">
1543        <a class="" href="/search" aria-label="Search this site" >
1544            <div class="ss-site-header-main-link-title">
1545                <span>    <svg class="search-svg" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1546        <path d="M8.284 14.568C11.7546 14.568 14.568 11.7546 14.568 8.284C14.568 4.81344 11.7546 2 8.284 2C4.81344 2 2 4.81344 2 8.284C2 11.7546 4.81344 14.568 8.284 14.568Z" stroke="#636363" stroke-width="2.5" stroke-linecap="square" stroke-linejoin="round"/>
1547        <path d="M17.9956 18L12.8516 12.856" stroke="#636363" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
1548    </svg></span>
1549            </div>
1550        </a>
1551        
1552    </li>
1553        </ul>
1554    </div>    <div class="ss-site-header-main-container">
1555            <div class="ss-site-header-hero-container ">
1556            <div class="ss-site-header-hero-image ss-site-header-hero-normal-size">
1557            <a href="/" aria-label="Oostburg School District">    <img alt="" src="https://files.smartsites.parentsquare.com/13419/header_logo_img_ucr0km545m467falcdk.png" /></a>
1558    </div>
1559            <div class="ss-site-header-title-container"><p class="ss-site-header-school-name">Oostburg School District</p>    <p class="ss-site-header-school-tagline">Growing Together</p></div>
1560    </div>
1561            <nav class="ss-site-header-main-nav ss-site-header-main-nav-contained" aria-label="Main">
1562            <ul class="ss-site-header-page-links ss-site-header-center-page-links nav">
1563            <li class="top-nav">
1564        <a class=" top-nav-link" href="/110324_1" target="_self">
1565            <span>Home</span>
1566        </a>
1567        
1568    </li>    <li class="top-nav has-showcase">
1569        <a class="has-submenu top-nav-link" href="/about" target="_self">
1570            <span>District</span>
1571        </a>
1572                <ul class="dropdown-menu sm-nowrap ss-dropdown-menu-with-showcase" role="presentation">
1573        <li class="ss-dropdown-menu-showcase-column ss-showcase-menu-panel" role="none">
1574                            <div class="ss-showcase-menu-panel-image">
1575                    <img src="https://files.smartsites.parentsquare.com/13419/du2tl8kb39osdfeohcl.png" alt="" role="presentation" class="">
1576                </div>
1577            
1578                            <div class="ss-showcase-menu-panel-content">
1579                                                                    <h2 class="ss-showcase-menu-panel-title">District</h2>
1580                    
1581                                            <p class="ss-showcase-menu-panel-caption">Learn what guides Oostburg Schools, from our mission and leadership to the people, policies, and vision shaping our future.</p>
1582                                    </div>
1583                    </li>
1584        <li class="ss-dropdown-menu-showcase-column ss-submenu-links" role="none">
1585            <ul>
1586                    <li>    <a href="/superintendent" class="" target="_self">Superintendent</a></li>    <li>    <a href="/vision" class="" target="_self">Vision</a></li>    <li>    <a href="/school-board" class="" target="_self">School Board</a></li>    <li>    <a href="/leadership-team" class="" target="_self">Leadership Team</a></li>    <li>    <a href="/policies-notices" class="" target="_self">Policies & Notices</a></li>    <li>    <a href="/district-information" class="has-submenu" target="_self">    <div><span>District Information</span>    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12" fill="none">
1587        <path d="M4 2L8 6L4 10" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
1588    </svg></div></a>    <ul class="dropdown-menu sm-nowrap">
1589            <li>    <a href="/school-funding" class="" target="_self">
1589School Funding</a></li>    </ul>
1590</li>            </ul>
1591        </li>
1592    </ul>
1593
1594    </li>    <li class="top-nav has-showcase">
1595        <a class="has-submenu top-nav-link" href="/117783_1" target="_self">
1596            <span>Schools</span>
1597        </a>
1598                <ul class="dropdown-menu sm-nowrap ss-dropdown-menu-with-showcase" role="presentation">
1599        <li class="ss-dropdown-menu-showcase-column ss-showcase-menu-panel" role="none">
1600                            <div class="ss-showcase-menu-panel-image">
1601                    <img src="https://files.smartsites.parentsquare.com/13419/cdtsij0b763fbifdcnn.jpeg" alt="" role="presentation" class="">
1602                </div>
1603            
1604                            <div class="ss-showcase-menu-panel-content">
1605                                                                    <h2 class="ss-showcase-menu-panel-title">Schools</h2>
1606                    
1607                                            <p class="ss-showcase-menu-panel-caption">Discover each of our schools, where every student is known, challenged, and supported from their first day through graduation.</p>
1608                                    </div>
1609                    </li>
1610        <li class="ss-dropdown-menu-showcase-column ss-submenu-links" role="none">
1611            <ul>
1612                    <li>    <a href="/high-school" class="" target="_self">High School</a></li>    <li>    <a href="/middle-school" class="" target="_self">Middle School</a></li>    <li>    <a href="/elementary-school" class="" target="_self">Elementary School</a></li>            </ul>
1613        </li>
1614    </ul>
1615
1616    </li>    <li class="top-nav has-showcase">
1617        <a class="has-submenu top-nav-link" href="/families" target="_self">
1618            <span>Families</span>
1619        </a>
1620                <ul class="dropdown-menu sm-nowrap ss-dropdown-menu-with-showcase" role="presentation">
1621        <li class="ss-dropdown-menu-showcase-column ss-showcase-menu-panel" role="none">
1622                            <div class="ss-showcase-menu-panel-image">
1623                    <img src="https://files.smartsites.parentsquare.com/13419/kjkhuoeo5voa4cmdagm.png" alt="" role="presentation" class="">
1624                </div>
1625            
1626                            <div class="ss-showcase-menu-panel-content">
1627                                                                    <h2 class="ss-showcase-menu-panel-title">Families</h2>
1628                    
1629                                            <p class="ss-showcase-menu-panel-caption">Everything families need to stay informed, connected, and engaged throughout their child&#039;s educational journey.</p>
1630                                    </div>
1631                    </li>
1632        <li class="ss-dropdown-menu-showcase-column ss-submenu-links" role="none">
1633            <ul>
1634                    <li>    <a href="/enroll" class="" target="_self">Enrollment</a></li>    <li>    <a href="/assessment" class="" target="_self">Assessment Information</a></li>    <li>    <a href="/attendance" class="" target="_self">Attendance</a></li>    <li>    <a href="/food-service" class="" target="_self">Food Service</a></li>    <li>    <a href="/handbooks" class="" target="_self">Handbooks</a></li>    <li>    <a href="/school-supplies" class="" target="_self">School Supplies</a></li>    <li>    <a href="/430883_2" class="" target="_blank" rel="noopener noreferrer">Canvas</a></li>    <li>    <a href="/infinitecampusparent" class="" target="_blank" rel="noopener noreferrer">Infinite Campus Portal</a></li>    <li>    <a href="/430839_2" class="" target="_blank" rel="noopener noreferrer">ParentSquare</a></li>            </ul>
1635        </li>
1636    </ul>
1637
1638    </li>    <li class="top-nav has-showcase">
1639        <a class="has-submenu top-nav-link" href="/117785_1" target="_self">
1640            <span>Students</span>
1641        </a>
1642                <ul class="dropdown-menu sm-nowrap ss-dropdown-menu-with-showcase" role="presentation">
1643        <li class="ss-dropdown-menu-showcase-column ss-showcase-menu-panel" role="none">
1644                            <div class="ss-showcase-menu-panel-image">
1645                    <img src="https://files.smartsites.parentsquare.com/13419/dqd1vmlro6sgfkmncmd.png" alt="" role="presentation" class="">
1646                </div>
1647            
1648                            <div class="ss-showcase-menu-panel-content">
1649                                                                    <h2 class="ss-showcase-menu-panel-title">Students</h2>
1650                    
1651                                            <p class="ss-showcase-menu-panel-caption">Resources, opportunities, and support to help every student learn, grow, and succeed in and beyond the classroom.</p>
1652                                    </div>
1653                    </li>
1654        <li class="ss-dropdown-menu-showcase-column ss-submenu-links" role="none">
1655            <ul>
1656                    <li>    <a href="/student-services" class="" target="_self">Student Resources</a></li>    <li>    <a href="/430884_2" class="" target="_self" >Canvas</a></li>    <li>    <a href="/430993_2" class="" target="_self" >Infinite Campus Portal</a></li>    <li>    <a href="/430994_2" class="" target="_self" >StudentSquare</a></li>    <li>    <a href="/lunch" class="" target="_self" >Lunch</a></li>            </ul>
1657        </li>
1658    </ul>
1659
1660    </li>    <li class="top-nav has-showcase">
1661        <a class="has-submenu top-nav-link" href="/117789_1" target="_self">
1662            <span>Activities</span>
1663        </a>
1664                <ul class="dropdown-menu sm-nowrap ss-dropdown-menu-with-showcase" role="presentation">
1665        <li class="ss-dropdown-menu-showcase-column ss-showcase-menu-panel" role="none">
1666                            <div class="ss-showcase-menu-panel-image">
1667                    <img src="https://files.smartsites.parentsquare.com/13419/igafcq14hlv6faeigop.png" alt="" role="presentation" class="">
1668                </div>
1669            
1670                            <div class="ss-showcase-menu-panel-content">
1671                                                                    <h2 class="ss-showcase-menu-panel-title">Activities</h2>
1672                    
1673                                            <p class="ss-showcase-menu-panel-caption">Explore the clubs, activities, and organizations available to Oostburg students.</p>
1674                                    </div>
1675                    </li>
1676        <li class="ss-dropdown-menu-showcase-column ss-submenu-links" role="none">
1677            <ul>
1678                    <li>    <a href="/430862_2" class="has-submenu" target="_self">    <div><span>Athletics</span>    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12" fill="none">
1679        <path d="M4 2L8 6L4 10" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
1680    </svg></div></a>    <ul class="dropdown-menu sm-nowrap">
1681            <li>    <a href="/257764_3" class="has-submenu" target="_self">    <div><span>OSD Sports</span>    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12" fill="none">
1682        <path d="M4 2L8 6L4 10" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
1683    </svg></div></a>    <ul class="dropdown-menu sm-nowrap">
1684            <li>    <a href="/82007_4" class="" target="_self">Boys Basketball</a></li>    <li>    <a href="/82000_4" class="" target="_self">Boys Soccer</a></li>    <li>    <a href="/82002_4" class="" target="_self">Cross Country</a></li>    <li>    <a href="/82003_4" class="" target="_self">Dance</a></li>    <li>    <a href="/81999_4" class="" target="_self">Football</a></li>    <li>    <a href="/82022_4" class="" target="_self">Girls Basketball</a></li>    <li>    <a href="/82001_4" class="" target="_self">Girls Volleyball</a></li>    <li>    <a href="/82017_4" class="" target="_self">Softball</a></li>    <li>    <a href="/82016_4" class="" target="_self">Track</a></li>    <li>    <a href="/82006_4" class="" target="_self">Wrestling</a></li>    </ul>
1685</li>    <li>    <a href="/260894_3" class="has-submenu" target="_self">    <div><span>Club and Co-op</span>    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12" fill="none">
1686        <path d="M4 2L8 6L4 10" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
1687    </svg></div></a>    <ul class="dropdown-menu sm-nowrap">
1688            <li>    <a href="/83097_4" class="" target="_self">Archery (Club Sport)</a></li>    <li>    <a href="/83098_4" class="" target="_self">Bowling (Club Sport)</a></li>    <li>    <a href="/83095_4" class="" target="_self">Girls Golf (Co-Op)</a></li>    <li>    <a href="/83096_4" class="" target="_self">Hockey (Co-op)</a></li>    </ul>
1689</li>    <li>    <a href="/257200_3" class="" target="_self">Sign Up</a></li>    </ul>
1690</li>    <li>    <a href="/430996_2" class="" target="_self">Fine Arts</a></li>    <li>    <a href="/clubs" class="" target="_self">Clubs and Organizations</a></li>    <li>    <a href="/activities-calendar" class="" target="_self">Activities Calendar</a></li>            </ul>
1691        </li>
1692    </ul>
1693
1694    </li>    <li class="top-nav has-showcase">
1695        <a class="has-submenu top-nav-link" href="/117790_1" target="_self">
1696            <span>Community</span>
1697        </a>
1698                <ul class="dropdown-menu sm-nowrap ss-dropdown-menu-with-showcase" role="presentation">
1699        <li class="ss-dropdown-menu-showcase-column ss-showcase-menu-panel" role="none">
1700                            <div class="ss-showcase-menu-panel-image">
1701                    <img src="https://files.smartsites.parentsquare.com/13419/plq690hnpda18iiingb.png" alt="" role="presentation" class="">
1702                </div>
1703            
1704                            <div class="ss-showcase-menu-panel-content">
1705                                                                    <h2 class="ss-showcase-menu-panel-title">Community</h2>
1706                    
1707                                            <p class="ss-showcase-menu-panel-caption">Strong schools are built on strong communities. Explore the people, partnerships, and opportunities that connect Oostburg Schools with those we serve.</p>
1708                                    </div>
1709                    </li>
1710        <li class="ss-dropdown-menu-showcase-column ss-submenu-links" role="none">
1711            <ul>
1712                    <li>    <a href="/430872_2" class="" target="_self">Educational Opportunities</a></li>    <li>    <a href="/facility-use" class="" target="_self">Facility Use</a></li>    <li>    <a href="/fitness" class="" target="_self">Fitness</a></li>    <li>    <a href="/435608_2" class="" target="_self">Get Involved</a></li>    <li>    <a href="/430878_2" class="" target="_self">Welcome to Oostburg</a></li>            </ul>
1713        </li>
1714    </ul>
1715
1716    </li>
1717    </ul>
1718    </nav>
1719    </div>
1720        <div id="GoogleTranslateDropdown" class="googleTranslateDropdown" style="display:none">
1721        <div id="google_translate_element"></div>
1722    </div>
1723    
1723<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
1723
1724            <div id="ss-schools-modal" class="modal ss-lightbox-modal ss-lightbox-modal-default " role="dialog" aria-modal="true" aria-label="Schools">
1725        <div class="ss-lightbox-modal-content-wrap">
1726            <div class="ss-lightbox-modal-content ">
1727                
1728                <button class="ss-button ss-close-modal" data-dismiss="modal" aria-label="Close"><i class="fa-regular fa-xmark-large" aria-hidden="true"></i></button>
1729                <div class="ss-lightbox-modal-content-inner">
1730                    
1731                </div>
1732            </div>
1733        </div>
1734    </div>
1735        
1735<script>
1736        $(document).ready(() => {
1737            const lightboxModal = $('#ss-schools-modal');
1738            ;
1739            lightboxModal.on('show.bs.modal', function(e) {
1740                $('html').addClass('modal-open');
1741            });
1742            lightboxModal.on('hide.bs.modal', function(e) {
1743                $('html').removeClass('modal-open');
1744            });
1745        });
1746    </script>
1746
1747            <div id="ss-popular-links-modal" class="modal ss-lightbox-modal ss-lightbox-modal-default " role="dialog" aria-modal="true" aria-label="Popular Links">
1748        <div class="ss-lightbox-modal-content-wrap">
1749            <div class="ss-lightbox-modal-content ">
1750                
1751                <button class="ss-button ss-close-modal" data-dismiss="modal" aria-label="Close"><i class="fa-regular fa-xmark-large" aria-hidden="true"></i></button>
1752                <div class="ss-lightbox-modal-content-inner">
1753                        <h2 class='ss-popular-links-heading no-category'>
1754        <span>Popular Links</span>
1755    </h2>
1756    <ul class="ss-popular-links-list">
1757            <li class="ss-desktop-hidden js-header-custom-link">    <div class="ss-popular-links-icon-container"><i class="fa-regular fa-graduation-cap fa-lg" aria-hidden="true"></i></div><a href="https://www.oostburg.k12.wi.us/117837">Employment</a></li>    <li class="ss-desktop-hidden js-header-custom-link">    <div class="ss-popular-links-icon-container"><i class="fa-graphite fa-thin fa-calendar fa-lg" aria-hidden="true"></i></div><a href="https://www.oostburg.k12.wi.us/117838">Calendar</a></li>    <li class="ss-desktop-hidden js-header-custom-link">    <div class="ss-popular-links-icon-container"><i class="fa-regular fa-basket-shopping fa-lg" aria-hidden="true"></i></div><a href="https://theshoeboxoostburg.square.site/" target="_blank" rel="noopener noreferrer">School Store</a></li>    <li class="">    <div class="ss-popular-links-icon-container"><i class="fa-light fa-address-book fa-lg" aria-hidden="true"></i></div><a href="https://www.oostburg.k12.wi.us/117839">Directory</a></li>    <li class="">    <div class="ss-popular-links-icon-container"><i class="fa-solid fa-bullseye-pointer fa-lg" aria-hidden="true"></i></div><a href="https://www.oostburg.k12.wi.us/o/osd/page/canvas">Canvas</a></li>    <li class="">    <div class="ss-popular-links-icon-container"><i class="fa-notdog fa-solid fa-link fa-lg" aria-hidden="true"></i></div><a href="https://clever.com/in/oostburg" target="_blank" rel="noopener noreferrer">Clever</a></li>    <li class="">    <div class="ss-popular-links-icon-container"><i class="fa-regular fa-cabinet-filing fa-lg" aria-hidden="true"></i></div><a href="https://wicloud2.infinitecampus.org/campus/portal/oostburg.jsp" target="_blank" rel="noopener noreferrer">Infinite Campus</a></li>
1758    </ul>
1759                </div>
1760            </div>
1761        </div>
1762    </div>
1763        
1763<script>
1764        $(document).ready(() => {
1765            const lightboxModal = $('#ss-popular-links-modal');
1766            ;
1767            lightboxModal.on('show.bs.modal', function(e) {
1768                $('html').addClass('modal-open');
1769            });
1770            lightboxModal.on('hide.bs.modal', function(e) {
1771                $('html').removeClass('modal-open');
1772            });
1773        });
1774    </script>
1774
1775            <div id="ss-header-mobile-menu" class="modal ss-lightbox-modal ss-lightbox-modal-default fade come-from-modal right" role="dialog" aria-modal="true" aria-label="Mobile menu">
1776        <div class="ss-lightbox-modal-content-wrap">
1777            <div class="ss-lightbox-modal-content ss-lightbox-fullscreen">
1778                
1779                <button class="ss-button ss-close-modal" data-dismiss="modal" aria-label="Close"><i class="fa-regular fa-xmark-large" aria-hidden="true"></i></button>
1780                <div class="ss-lightbox-modal-content-inner">
1781                    <ul>    <li class="ss-mobile-menu-heading ss-mobile-menu-search ss-mobile-menu-level-1"><a class="ss-mobile-menu-link" href="/search" target="_self">    <svg class="search-svg" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1782        <path d="M8.284 14.568C11.7546 14.568 14.568 11.7546 14.568 8.284C14.568 4.81344 11.7546 2 8.284 2C4.81344 2 2 4.81344 2 8.284C2 11.7546 4.81344 14.568 8.284 14.568Z" stroke="#636363" stroke-width="2.5" stroke-linecap="square" stroke-linejoin="round"/>
1783        <path d="M17.9956 18L12.8516 12.856" stroke="#636363" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
1784    </svg>Search</a></li>    <li class="ss-mobile-menu-heading ss-mobile-menu-level-1"><a class="ss-mobile-menu-link" href="/110324_1" target="_self">Home</a></li>    <li class="ss-mobile-menu-level-1 ">
1785        <h2 class=" ss-mobile-menu-heading">
1786                <a href="/about" class="ss-mobile-menu-link">District</a>
1787            <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu1" id="ss-mobile-menu-heading1" class="ss-button ss-mobile-menu-disclosure-button" aria-label="District">
1788                <i class="fa-solid fa-chevron-down"></i>
1789            </button>
1790        </h2>
1791        <div role="region" id="ss-mobile-menu1" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading1">
1792            <ul class="ss-mobile-menu-list">
1793                    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/superintendent" target="_self">Superintendent</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/vision" target="_self">Vision</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/school-board" target="_self">School Board</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/leadership-team" target="_self">Leadership Team</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/policies-notices" target="_self">Policies & Notices</a></li>    <li class="ss-mobile-menu-level-2 ">
1794        <h3 class="">
1795                <a href="/district-information" class="ss-mobile-menu-link">District Information</a>
1796            <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu0" id="ss-mobile-menu-heading0" class="ss-button ss-mobile-menu-disclosure-button" aria-label="District Information">
1797                <i class="fa-solid fa-chevron-down"></i>
1798            </button>
1799        </h3>
1800        <div role="region" id="ss-mobile-menu0" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading0">
1801            <ul class="ss-mobile-menu-list">
1802                    <li class=" ss-mobile-menu-level-3"><a class="ss-mobile-menu-link" href="/school-funding" target="_self">School Funding</a></li>
1803            </ul>
1804        </div>
1805    </li>
1806            </ul>
1807        </div>
1808    </li>    <li class="ss-mobile-menu-level-1 ">
1809        <h2 class=" ss-mobile-menu-heading">
1810                <a href="/117783_1" class="ss-mobile-menu-link">Schools</a>
1811            <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu2" id="ss-mobile-menu-heading2" class="ss-button ss-mobile-menu-disclosure-button" aria-label="Schools">
1812                <i class="fa-solid fa-chevron-down"></i>
1813            </button>
1814        </h2>
1815        <div role="region" id="ss-mobile-menu2" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading2">
1816            <ul class="ss-mobile-menu-list">
1817                    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/high-school" target="_self">High School</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/middle-school" target="_self">Middle School</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/elementary-school" target="_self">Elementary School</a></li>
1818            </ul>
1819        </div>
1820    </li>    <li class="ss-mobile-menu-level-1 ">
1821        <h2 class=" ss-mobile-menu-heading">
1822                <a href="/families" class="ss-mobile-menu-link">Families</a>
1823            <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu3" id="ss-mobile-menu-heading3" class="ss-button ss-mobile-menu-disclosure-button" aria-label="Families">
1824                <i class="fa-solid fa-chevron-down"></i>
1825            </button>
1826        </h2>
1827        <div role="region" id="ss-mobile-menu3" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading3">
1828            <ul class="ss-mobile-menu-list">
1829                    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/enroll" target="_self">Enrollment</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/assessment" target="_self">Assessment Information</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/attendance" target="_self">Attendance</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/food-service" target="_self">Food Service</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/handbooks" target="_self">Handbooks</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/school-supplies" target="_self">School Supplies</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430883_2" target="_self">Canvas</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/infinitecampusparent" target="_self">Infinite Campus Portal</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430839_2" target="_self">ParentSquare</a></li>
1830            </ul>
1831        </div>
1832    </li>    <li class="ss-mobile-menu-level-1 ">
1833        <h2 class=" ss-mobile-menu-heading">
1834                <a href="/117785_1" class="ss-mobile-menu-link">Students</a>
1835            <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu4" id="ss-mobile-menu-heading4" class="ss-button ss-mobile-menu-disclosure-button" aria-label="Students">
1836                <i class="fa-solid fa-chevron-down"></i>
1837            </button>
1838        </h2>
1839        <div role="region" id="ss-mobile-menu4" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading4">
1840            <ul class="ss-mobile-menu-list">
1841                    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/student-services" target="_self">Student Resources</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430884_2" target="_self">Canvas</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430993_2" target="_self">Infinite Campus Portal</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430994_2" target="_self">StudentSquare</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/lunch" target="_self">Lunch</a></li>
1842            </ul>
1843        </div>
1844    </li>    <li class="ss-mobile-menu-level-1 ">
1845        <h2 class=" ss-mobile-menu-heading">
1846                <a href="/117789_1" class="ss-mobile-menu-link">Activities</a>
1847            <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu8" id="ss-mobile-menu-heading8" class="ss-button ss-mobile-menu-disclosure-button" aria-label="Activities">
1848                <i class="fa-solid fa-chevron-down"></i>
1849            </button>
1850        </h2>
1851        <div role="region" id="ss-mobile-menu8" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading8">
1852            <ul class="ss-mobile-menu-list">
1853                    <li class="ss-mobile-menu-level-2 ">
1854        <h3 class="">
1855                <a href="/430862_2" class="ss-mobile-menu-link">Athletics</a>
1856            <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu7" id="ss-mobile-menu-heading7" class="ss-button ss-mobile-menu-disclosure-button" aria-label="Athletics">
1857                <i class="fa-solid fa-chevron-down"></i>
1858            </button>
1859        </h3>
1860        <div role="region" id="ss-mobile-menu7" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading7">
1861            <ul class="ss-mobile-menu-list">
1862                    <li class="ss-mobile-menu-level-3 ">
1863        <h4 class="">
1864                <a href="/257764_3" class="ss-mobile-menu-link">OSD Sports</a>
1865            <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu5" id="ss-mobile-menu-heading5" class="ss-button ss-mobile-menu-disclosure-button" aria-label="OSD Sports">
1866                <i class="fa-solid fa-chevron-down"></i>
1867            </button>
1868        </h4>
1869        <div role="region" id="ss-mobile-menu5" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading5">
1870            <ul class="ss-mobile-menu-list">
1871                    <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82007_4" target="_self">Boys Basketball</a></li>    <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82000_4" target="_self">Boys Soccer</a></li>    <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82002_4" target="_self">Cross Country</a></li>    <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82003_4" target="_self">Dance</a></li>    <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/81999_4" target="_self">Football</a></li>    <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82022_4" target="_self">Girls Basketball</a></li>    <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82001_4" target="_self">Girls Volleyball</a></li>    <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82017_4" target="_self">Softball</a></li>    <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82016_4" target="_self">Track</a></li>    <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/82006_4" target="_self">Wrestling</a></li>
1872            </ul>
1873        </div>
1874    </li>    <li class="ss-mobile-menu-level-3 ">
1875        <h4 class="">
1876                <a href="/260894_3" class="ss-mobile-menu-link">Club and Co-op</a>
1877            <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu6" id="ss-mobile-menu-heading6" class="ss-button ss-mobile-menu-disclosure-button" aria-label="Club and Co-op">
1878                <i class="fa-solid fa-chevron-down"></i>
1879            </button>
1880        </h4>
1881        <div role="region" id="ss-mobile-menu6" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading6">
1882            <ul class="ss-mobile-menu-list">
1883                    <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/83097_4" target="_self">Archery (Club Sport)</a></li>    <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/83098_4" target="_self">Bowling (Club Sport)</a></li>    <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/83095_4" target="_self">Girls Golf (Co-Op)</a></li>    <li class=" ss-mobile-menu-level-4"><a class="ss-mobile-menu-link" href="/83096_4" target="_self">Hockey (Co-op)</a></li>
1884            </ul>
1885        </div>
1886    </li>    <li class=" ss-mobile-menu-level-3"><a class="ss-mobile-menu-link" href="/257200_3" target="_self">Sign Up</a></li>
1887            </ul>
1888        </div>
1889    </li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430996_2" target="_self">Fine Arts</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/clubs" target="_self">Clubs and Organizations</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/activities-calendar" target="_self">Activities Calendar</a></li>
1890            </ul>
1891        </div>
1892    </li>    <li class="ss-mobile-menu-level-1 ">
1893        <h2 class=" ss-mobile-menu-heading">
1894                <a href="/117790_1" class="ss-mobile-menu-link">Community</a>
1895            <button type="button" aria-expanded="false" aria-controls="ss-mobile-menu9" id="ss-mobile-menu-heading9" class="ss-button ss-mobile-menu-disclosure-button" aria-label="Community">
1896                <i class="fa-solid fa-chevron-down"></i>
1897            </button>
1898        </h2>
1899        <div role="region" id="ss-mobile-menu9" class="ss-mobile-menu-group" aria-labelledby="ss-mobile-menu-heading9">
1900            <ul class="ss-mobile-menu-list">
1901                    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430872_2" target="_self">Educational Opportunities</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/facility-use" target="_self">Facility Use</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/fitness" target="_self">Fitness</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/435608_2" target="_self">Get Involved</a></li>    <li class=" ss-mobile-menu-level-2"><a class="ss-mobile-menu-link" href="/430878_2" target="_self">Welcome to Oostburg</a></li>
1902            </ul>
1903        </div>
1904    </li></ul>
1905                </div>
1906            </div>
1907        </div>
1908    </div>
1909        
1909<script>
1910        $(document).ready(() => {
1911            const lightboxModal = $('#ss-header-mobile-menu');
1912            ;
1913            lightboxModal.on('show.bs.modal', function(e) {
1914                $('html').addClass('modal-open');
1915            });
1916            lightboxModal.on('hide.bs.modal', function(e) {
1917                $('html').removeClass('modal-open');
1918            });
1919        });
1920    </script>
1920
1921    </header><div class="banner_area site_header center-block"></div><div class="clearfix"></div><main id="page-content-wrapper" class="site_container content-color container"><link rel="stylesheet" type="text/css" href="https://files.smartsites.parentsquare.com/13419/css22245.css">    <style>
1922    
1923            .whiteBGlink {
1924                color:Transparent !important;
1925            }
1926            .whiteBGlink:hover {
1927                color:#c3c3c300 !important;
1928            }    .textOnWhite {
1929        color:#000000 !important;
1930    }
1931    .footer_color {
1932        color:#ffffff !important;
1933    }
1934    .footer_color a {
1935        color:#ffffff !important;
1936    }
1937    .content-color .breadcrumb>li a {
1938        color:#333333;
1939    }
1940    ::-webkit-input-placeholder { /* Chrome */
1941        transition: opacity 250ms ease-in-out;
1942    }
1943    :-ms-input-placeholder { /* IE 10+ */
1944        transition: opacity 250ms ease-in-out;
1945    }
1946    ::-moz-placeholder { /* Firefox 19+ */
1947        opacity: 1;
1948        transition: opacity 250ms ease-in-out;
1949    }
1950    :-moz-placeholder { /* Firefox 4 - 18 */
1951        opacity: 1;
1952        transition: opacity 250ms ease-in-out;
1953    }
1954    .social-network a.icoRss:hover em, .social-network a.icoFacebook:hover em, .social-network a.icoTwitter:hover em,
1955    .social-network a.icoGoogle:hover em, .social-network a.icoVimeo:hover em, .social-network a.icoLinkedin:hover em {
1956        color:#fff;
1957    }
1958    a.socialIcon:hover, .socialHoverClass {
1959        color:#44BCDD;
1960    }
1961    .social-circle li a {
1962        display:inline-block;
1963        position:relative;
1964        margin:0 auto 0 auto;
1965        -moz-border-radius:50%;
1966        -webkit-border-radius:50%;
1967        border-radius:50%;
1968        text-align:center;
1969        width: 50px;
1970        height: 50px;
1971        font-size:30px;
1972    }
1973    .social-circle li em {
1974        margin:0;
1975        line-height:50px;
1976        text-align: center;
1977    }
1978    .social-circle li a:hover em, .triggeredHover {
1979        -moz-transform: rotate(360deg);
1980        -webkit-transform: rotate(360deg);
1981        -ms--transform: rotate(360deg);
1982        transform: rotate(360deg);
1983        -webkit-transition: all 0.2s;
1984        -moz-transition: all 0.2s;
1985        -o-transition: all 0.2s;
1986        -ms-transition: all 0.2s;
1987        transition: all 0.2s;
1988    }
1989    .social-circle em {
1990        color: #fff;
1991        -webkit-transition: all 0.8s;
1992        -moz-transition: all 0.8s;
1993        -o-transition: all 0.8s;
1994        -ms-transition: all 0.8s;
1995        transition: all 0.8s;
1996    }
1997            .widget_row_bg_0 {
1998            height: unset !important;
1999        }
2000        div[id*="item"] .widget_row_bg_0{
2001            padding-bottom: unset !important;
2002        }
2003        div[id*="item"] .widget_row_bg_0{
2004            padding-bottom: 31px !important;
2005        }
2006                .widget_row_bg_1 {
2007            height: unset !important;
2008        }
2009        div[id*="item"] .widget_row_bg_1{
2010            padding-bottom: unset !important;
2011        }
2012        div[id*="item"] .widget_row_bg_1{
2013            padding-bottom: 31px !important;
2014        }
2015                .widget_row_bg_2 {
2016            height: unset !important;
2017        }
2018        div[id*="item"] .widget_row_bg_2{
2019            padding-bottom: unset !important;
2020        }
2021        div[id*="item"] .widget_row_bg_2{
2022            padding-bottom: 31px !important;
2023        }
2024                .widget_row_bg_3 {
2025            height: unset !important;
2026        }
2027        div[id*="item"] .widget_row_bg_3{
2028            padding-bottom: unset !important;
2029        }
2030        div[id*="item"] .widget_row_bg_3{
2031            padding-bottom: 31px !important;
2032        }
2033                .widget_row_bg_4 {
2034            height: unset !important;
2035        }
2036        div[id*="item"] .widget_row_bg_4{
2037            padding-bottom: unset !important;
2038        }
2039        div[id*="item"] .widget_row_bg_4{
2040            padding-bottom: 31px !important;
2041        }
2042                .widget_row_bg_5 {
2043            height: unset !important;
2044        }
2045        div[id*="item"] .widget_row_bg_5{
2046            padding-bottom: unset !important;
2047        }
2048        div[id*="item"] .widget_row_bg_5{
2049            padding-bottom: 31px !important;
2050        }
2051                .widget_row_bg_6 {
2052            height: unset !important;
2053        }
2054        div[id*="item"] .widget_row_bg_6{
2055            padding-bottom: unset !important;
2056        }
2057        div[id*="item"] .widget_row_bg_6{
2058            padding-bottom: 31px !important;
2059        }
2060            .siteExtraMargins {
2061        margin-top:20px !important;
2062    }
2063        .bs_alert_size .close {
2064        opacity: .6;
2065    }
2066    html {
2067        height: 100% !important;
2068    }
2069    </style>
2070    
2070<script>
2071    $(document).ready(function(){
2072        let determineRow         = '';
2073        let determineColumn      = '';
2074        let divid                = '';
2075        let sameTypeWidgetRowNum = '';
2076        $('[href*="skipFBContent"],[href*="skipTwitterContent"]').each((i,e) => {
2077            $(e).on('focusin', function() {
2078                determineRow         = $(this).attr("data-feedrow");
2079                determineColumn      = $(this).attr("data-feedcolumn");
2080                divid                = $(this).attr("data-divid");
2081                sameTypeWidgetRowNum = (determineColumn == 1) ? 'THE 1ST COLUMN' : sameTypeWidgetRowNum;
2082                sameTypeWidgetRowNum = (determineColumn == 2) ? 'THE 2ND COLUMN' : sameTypeWidgetRowNum;
2083                sameTypeWidgetRowNum = (determineColumn == 3) ? 'THE 3RD COLUMN' : sameTypeWidgetRowNum;
2084                sameTypeWidgetRowNum = (determineColumn == 4) ? 'THE 4TH COLUMN' : sameTypeWidgetRowNum;
2085                sameTypeWidgetRowNum = (determineColumn == 5) ? 'THE 5TH COLUMN' : sameTypeWidgetRowNum;
2086                sameTypeWidgetRowNum = (determineColumn == 6) ? 'THE 6TH COLUMN' : sameTypeWidgetRowNum;
2087                let widget_row       = $(".page_widgets_bg_"+determineRow).closest('div').children().first().attr("class");
2088                if (widget_row !== undefined) {
2089                    //widgets on old design headers
2090                    widget_display_selector = $("."+widget_row);
2091                } else {
2092                    //widgets fed into design stacks
2093                    widget_display_selector = $(".page_widgets_bg_"+determineRow+".widget_row_bg_"+determineRow+"");
2094                }
2095                if ($(this).attr("href") == "#skipFBContentDown_"+divid) {
2096                    $(widget_display_selector).prepend('<div class="alert alert-info alert-dismissible fade in tab_alert" style="position:absolute !important;z-index:30 !important;"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a><strong>Info!</strong> PRESS ENTER TO SKIP PAST <strong>'+ sameTypeWidgetRowNum + ' (FACEBOOK FEED)</strong>, OR TAB TO CONTINUE</div>');
2097                }
2098                if ($(this).attr("href") == "#skipFBContentUp_"+divid) {
2099                    $(widget_display_selector).prepend('<div class="alert alert-info alert-dismissible fade in tab_alert" style="position:absolute !important;z-index:30 !important;"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a><strong>Info!</strong> PRESS ENTER TO JUMP TO TOP OF <strong>'+ sameTypeWidgetRowNum + ' (FACEBOOK FEED)</strong>, SHIFT+TAB TO CONTINUE INTO FB FEED, OR TAB TO CONTINUE</div>');
2100                }
2101                if ($(this).attr("href") == "#skipTwitterContentDown_"+divid) {
2102                    $(widget_display_selector).prepend('<div class="alert alert-info alert-dismissible fade in tab_alert" style="position:absolute !important;z-index:30 !important;"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a><strong>Info!</strong> PRESS ENTER TO SKIP PAST <strong>'+ sameTypeWidgetRowNum + ' (TWITTER FEED)</strong>, OR TAB TO CONTINUE</div>');
2103                }
2104                if ($(this).attr("href") == "#skipTwitterContentUp_"+divid) {
2105                    $(widget_display_selector).prepend('<div class="alert alert-info alert-dismissible fade in tab_alert" style="position:absolute !important;z-index:30 !important;"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a><strong>Info!</strong> PRESS ENTER TO JUMP TO TOP OF <strong>'+ sameTypeWidgetRowNum + ' (TWITTER FEED)</strong>, SHIFT+TAB TO CONTINUE INTO TWITTER FEED, OR TAB TO CONTINUE</div>');
2106                }
2107                $('html,body').animate({
2108                    scrollTop: $(".page_widgets_bg_"+determineRow).offset().top
2109                });
2110            }).on('focusout', function() {
2111                $(".tab_alert").remove();
2112            });
2113        });
2114            });
2115    </script>
2115
2116    <div class=" page-content inset"></div>
2117    
2117<script>
2118    var videoObj = {};
2119    var userVideoObj = {};
2120    $(document).ready(function() {
2121        $(".warning").remove();
2122        $('.horitontal_pic').on('mouseup',function() {
2123            src = $(this).attr('src');
2124            new_file_path = src;
2125            text = $(this).attr('alt');
2126            if (text.toLowerCase().indexOf("website picture") >= 0) {
2127                text = '';
2128            }
2129            img = '<img src="' + new_file_path + '" class="img-responsive"/>';
2130
2131
2132                $('#horitontal_pic_list .modal-body').html('<center>'+img+'</center>'+'<div style="margin:20px;" class="photo_desc well text-center">'+text+'</div>');
2133
2134
2135            $('#horitontal_pic_list').on('hidden.bs.modal', function () {
2136                $('#horitontal_pic_list .modal-body').html('');
2137            })
2138        });
2139    });
2140
2141
2142    $(document).on('click', '.ig_video_play_btn', function() {
2143        let button = $(this);
2144        button.hide();
2145        button.prev('img').hide();
2146        button.next('video').show().get(0).play();
2147    });
2148
2149    $(document).on('click', '.carousel_ig_post', function() {
2150        $('video').trigger('pause');
2151        $('.ig_video_play_btn').show();
2152    });
2153    </script>
2153
2154    <!-- horitontal_pic modal (this can not be moved to where the other modals are created) -->
2155    <div class="modal fade" id="horitontal_pic_list" tabindex="-1" role="dialog">
2156        <div class="modal-dialog">
2157            <!-- stack pic series image body content-->
2158            <div class="modal-content">
2159                <div class="modal-header">
2160                    <button type="button" class="close" data-dismiss="modal">&times;</button>
2161                </div>
2162                <div class="modal-body">
2163                </div>
2164                <div class="modal-footer">
2165                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
2166                </div>
2167            </div>
2168        </div>
2169    </div>
2170    <h1 class="page_title sr-only">Homepage</h1><style>
2171        .stack_title {
2172            color:#333333 !important;
2173        }
2174    </style><div id="submitted_form_content"></div><div id="skiptocontent"><div id="divHeight" class="container-fluid" style="padding:0px !important;"><div class="stack_sort_area col-md-12 col-xs-12 col-sm-12 remove_col_padding">
2175<section data-comp="spotlight" class="ss-component stack-item-container editme ss-no-pad break-out  " id="item2119379">
2176    <!-- Stack Spotlight Component -->
2177    <div class="clearfix"></div>
2178            <div id="stack_content_2119379" class="stack-item-view-container ">
2179                <div class="ss-component-content container">
2180                    <div class="ss-editor-content ss-component-intro ss-linked-image-hover-zoom"></div>            <div class="spotlight-container spotlight-layout-large spotlight-layout-photo-right spotlight-hor-text-align-center spotlight-vert-text-align-center spotlight-caption-box spotlight-caption-align-left spotlight-caption-responsive spotlight-caption-width-small">
2181                <div class="spotlight-nav-container">
2182                    <div class="spotlight-nav-options">
2183                            <button class="js-carousel-control-spotlight js-carousel-pause carousel-nav-option carousel-nav-option-pause ss-button"  data-direction="pause" aria-label="Pause Slideshow">
2184            <svg class="nav-pause-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
2185        <g clip-path="url(#clip0_15_1083)">
2186            <rect width="40" height="40" rx="20" fill="black"/>
2187            <path d="M23 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/>
2188            <path d="M17 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/>
2189        </g>
2190        <defs>
2191            <clipPath id="clip0_15_1083">
2192                <rect width="40" height="40" fill="white"/>
2193            </clipPath>
2194        </defs>
2195    </svg>
2196        <span class="sr-only">Pause</span>
2197    </button>    <button class="js-carousel-control-spotlight js-carousel-cycle carousel-nav-option carousel-nav-option-cycle ss-button" style="display:none;" data-direction="cycle" aria-label="Play Slideshow">
2198            <svg class="nav-play-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
2199        <g clip-path="url(#clip0_15_1112)">
2200            <rect class="nav-play-circle" width="40" height="40" rx="20" fill="black" />
2201            <path d="M25.875 19.3505C26.375 19.6392 26.375 20.3608 25.875 20.6495L17.625 25.4127C17.125 25.7013 16.5 25.3405 16.5 24.7631L16.5 15.2369C16.5 14.6595 17.125 14.2987 17.625 14.5873L25.875 19.3505Z" fill="white"/>
2202        </g>
2203        <defs>
2204            <clipPath id="clip0_15_1112">
2205                <rect width="40" height="40" fill="white"/>
2206            </clipPath>
2207        </defs>
2208    </svg>
2209        <span class="sr-only">Play</span>
2210    </button>    <button class="js-carousel-control-spotlight js-carousel-prev carousel-nav-option carousel-nav-option-prev ss-button"  data-direction="prev" aria-label="Previous Slide">
2211            <div class="nav-svg-container">
2212        <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
2213            <circle cx="20" cy="20" r="20" />
2214        </svg>
2215        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="left-nav-arrow-svg nav
2215-arrow-svg">
2216            <path d="M7.26318 1.625L2.61117 6.04442L7.26318 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
2217        </svg>
2218    </div>
2219        <span class="sr-only">Previous</span>
2220    </button>    <button class="js-carousel-control-spotlight js-carousel-next carousel-nav-option carousel-nav-option-next ss-button"  data-direction="next" aria-label="Next Slide">
2221            <div class="nav-svg-container">
2222        <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
2223            <circle cx="20" cy="20" r="20" />
2224        </svg>
2225        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="right-nav-arrow-svg nav-arrow-svg">
2226            <path d="M1.73682 1.625L6.38883 6.04442L1.73682 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
2227        </svg>
2228    </div>
2229        <span class="sr-only">Next</span>
2230    </button>                    </div>
2231                </div>
2232                <div id="spotlightCarousel_2119379"
2233                     class="carousel slide spotlight-carousel-container carousel-fade"
2234                     role="region"
2235                     aria-label="Spotlight"
2236                     data-ride="carousel"
2237                     data-interval="6000"
2238                     aria-roledescription="carousel">
2239                    <div class="carousel-inner">
2240                            <div class="item active"
2241         data-index="0"
2242         role="group"
2243         aria-roledescription="Slide"
2244         aria-label="Slide 1 of 8: Group of students"
2245         data-ss-slide-announcement="Slide 1 of 8. Group of students">
2246            <div class="spotlight-slide">
2247        <div class="spotlight-slide-component">
2248            <div class="spotlight-image-container spotlight-image-container-0 ">
2249                <img src="https://files.smartsites.parentsquare.com/13419/gni4bp2sukor8ehilnd.jpg" alt='Group of students' />
2250            </div>
2251        </div>
2252        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2253            <div class="spotlight-text-container">
2254                
2255                
2256            </div>
2257        </div>
2258    </div>
2259    </div>    <div class="item "
2260         data-index="1"
2261         role="group"
2262         aria-roledescription="Slide"
2263         aria-label="Slide 2 of 8: Group of students"
2264         data-ss-slide-announcement="Slide 2 of 8. Group of students">
2265            <div class="spotlight-slide">
2266        <div class="spotlight-slide-component">
2267            <div class="spotlight-image-container spotlight-image-container-1 ">
2268                <img src="https://files.smartsites.parentsquare.com/13419/73vsb68tlaq6dfliofl.png" alt='Group of students' />
2269            </div>
2270        </div>
2271        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2272            <div class="spotlight-text-container">
2273                
2274                
2275            </div>
2276        </div>
2277    </div>
2278    </div>    <div class="item "
2279         data-index="2"
2280         role="group"
2281         aria-roledescription="Slide"
2282         aria-label="Slide 3 of 8: Group of three students"
2283         data-ss-slide-announcement="Slide 3 of 8. Group of three students">
2284            <div class="spotlight-slide">
2285        <div class="spotlight-slide-component">
2286            <div class="spotlight-image-container spotlight-image-container-2 ">
2287                <img src="https://files.smartsites.parentsquare.com/13419/qpcf1ulg0aagdcjbnil.png" alt='Group of three students' />
2288            </div>
2289        </div>
2290        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2291            <div class="spotlight-text-container">
2292                
2293                
2294            </div>
2295        </div>
2296    </div>
2297    </div>    <div class="item "
2298         data-index="3"
2299         role="group"
2300         aria-roledescription="Slide"
2301         aria-label="Slide 4 of 8: Group of basketball players"
2302         data-ss-slide-announcement="Slide 4 of 8. Group of basketball players">
2303            <div class="spotlight-slide">
2304        <div class="spotlight-slide-component">
2305            <div class="spotlight-image-container spotlight-image-container-3 ">
2306                <img src="https://files.smartsites.parentsquare.com/13419/lohuos5jr0kobmeimnl.png" alt='Group of basketball players' />
2307            </div>
2308        </div>
2309        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2310            <div class="spotlight-text-container">
2311                
2312                
2313            </div>
2314        </div>
2315    </div>
2316    </div>    <div class="item "
2317         data-index="4"
2318         role="group"
2319         aria-roledescription="Slide"
2320         aria-label="Slide 5 of 8: Two girls in costume"
2321         data-ss-slide-announcement="Slide 5 of 8. Two girls in costume">
2322            <div class="spotlight-slide">
2323        <div class="spotlight-slide-component">
2324            <div class="spotlight-image-container spotlight-image-container-4 ">
2325                <img src="https://files.smartsites.parentsquare.com/13419/78j82s0g74v97eeefhl.png" alt='Two girls in costume' />
2326            </div>
2327        </div>
2328        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2329            <div class="spotlight-text-container">
2330                
2331                
2332            </div>
2333        </div>
2334    </div>
2335    </div>    <div class="item "
2336         data-index="5"
2337         role="group"
2338         aria-roledescription="Slide"
2339         aria-label="Slide 6 of 8: Student on court"
2340         data-ss-slide-announcement="Slide 6 of 8. Student on court">
2341            <div class="spotlight-slide">
2342        <div class="spotlight-slide-component">
2343            <div class="spotlight-image-container spotlight-image-container-5 ">
2344                <img src="https://files.smartsites.parentsquare.com/13419/pffegmbqsrlc4odgall.png" alt='Student on court' />
2345            </div>
2346        </div>
2347        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2348            <div class="spotlight-text-container">
2349                
2350                
2351            </div>
2352        </div>
2353    </div>
2354    </div>    <div class="item "
2355         data-index="6"
2356         role="group"
2357         aria-roledescription="Slide"
2358         aria-label="Slide 7 of 8: Group of cheerleaders"
2359         data-ss-slide-announcement="Slide 7 of 8. Group of cheerleaders">
2360            <div class="spotlight-slide">
2361        <div class="spotlight-slide-component">
2362            <div class="spotlight-image-container spotlight-image-container-6 ">
2363                <img src="https://files.smartsites.parentsquare.com/13419/2v1lkqbgg41k8fgfjpl.png" alt='Group of cheerleaders' />
2364            </div>
2365        </div>
2366        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2367            <div class="spotlight-text-container">
2368                
2369                
2370            </div>
2371        </div>
2372    </div>
2373    </div>    <div class="item "
2374         data-index="7"
2375         role="group"
2376         aria-roledescription="Slide"
2377         aria-label="Slide 8 of 8: Student welding"
2378         data-ss-slide-announcement="Slide 8 of 8. Student welding">
2379            <div class="spotlight-slide">
2380        <div class="spotlight-slide-component">
2381            <div class="spotlight-image-container spotlight-image-container-7 ">
2382                <img src="https://files.smartsites.parentsquare.com/13419/f64097mursqd2fmiicm.png" alt='Student welding' />
2383            </div>
2384        </div>
2385        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2386            <div class="spotlight-text-container">
2387                
2388                
2389            </div>
2390        </div>
2391    </div>
2392    </div>                    </div>
2393                </div>
2394                <div class="normalize-slides">
2395                        <div class="spotlight-slide">
2396        <div class="spotlight-slide-component">
2397            <div class="spotlight-image-container spotlight-image-container-0 ">
2398                <img src="https://files.smartsites.parentsquare.com/13419/gni4bp2sukor8ehilnd.jpg" alt='Group of students' />
2399            </div>
2400        </div>
2401        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2402            <div class="spotlight-text-container">
2403                
2404                
2405            </div>
2406        </div>
2407    </div>    <div class="spotlight-slide">
2408        <div class="spotlight-slide-component">
2409            <div class="spotlight-image-container spotlight-image-container-1 ">
2410                <img src="https://files.smartsites.parentsquare.com/13419/73vsb68tlaq6dfliofl.png" alt='Group of students' />
2411            </div>
2412        </div>
2413        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2414            <div class="spotlight-text-container">
2415                
2416                
2417            </div>
2418        </div>
2419    </div>    <div class="spotlight-slide">
2420        <div class="spotlight-slide-component">
2421            <div class="spotlight-image-container spotlight-image-container-2 ">
2422                <img src="https://files.smartsites.parentsquare.com/13419/qpcf1ulg0aagdcjbnil.png" alt='Group of three students' />
2423            </div>
2424        </div>
2425        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2426            <div class="spotlight-text-container">
2427                
2428                
2429            </div>
2430        </div>
2431    </div>    <div class="spotlight-slide">
2432        <div class="spotlight-slide-component">
2433            <div class="spotlight-image-container spotlight-image-container-3 ">
2434                <img src="https://files.smartsites.parentsquare.com/13419/lohuos5jr0kobmeimnl.png" alt='Group of basketball players' />
2435            </div>
2436        </div>
2437        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2438            <div class="spotlight-text-container">
2439                
2440                
2441            </div>
2442        </div>
2443    </div>    <div class="spotlight-slide">
2444        <div class="spotlight-slide-component">
2445            <div class="spotlight-image-container spotlight-image-container-4 ">
2446                <img src="https://files.smartsites.parentsquare.com/13419/78j82s0g74v97eeefhl.png" alt='Two girls in costume' />
2447            </div>
2448        </div>
2449        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2450            <div class="spotlight-text-container">
2451                
2452                
2453            </div>
2454        </div>
2455    </div>    <div class="spotlight-slide">
2456        <div class="spotlight-slide-component">
2457            <div class="spotlight-image-container spotlight-image-container-5 ">
2458                <img src="https://files.smartsites.parentsquare.com/13419/pffegmbqsrlc4odgall.png" alt='Student on court' />
2459            </div>
2460        </div>
2461        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2462            <div class="spotlight-text-container">
2463                
2464                
2465            </div>
2466        </div>
2467    </div>    <div class="spotlight-slide">
2468        <div class="spotlight-slide-component">
2469            <div class="spotlight-image-container spotlight-image-container-6 ">
2470                <img src="https://files.smartsites.parentsquare.com/13419/2v1lkqbgg41k8fgfjpl.png" alt='Group of cheerleaders' />
2471            </div>
2472        </div>
2473        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2474            <div class="spotlight-text-container">
2475                
2476                
2477            </div>
2478        </div>
2479    </div>    <div class="spotlight-slide">
2480        <div class="spotlight-slide-component">
2481            <div class="spotlight-image-container spotlight-image-container-7 ">
2482                <img src="https://files.smartsites.parentsquare.com/13419/f64097mursqd2fmiicm.png" alt='Student welding' />
2483            </div>
2484        </div>
2485        <div class="spotlight-slide-component spotlight-hide-gradient-bg  spotlight-no-text-bg spotlight-slide-bg-color">
2486            <div class="spotlight-text-container">
2487                
2488                
2489            </div>
2490        </div>
2491    </div>                </div>
2492                                    <div class="sr-only js-spotlight-slide-announcer" role="status" aria-l
2492ive="polite" aria-atomic="true"></div>            </div>
2493        </div>
2494    </div>
2495    <div class="clearfix"></div>
2496
2497    <!-- Stack Spotlight Designer CSS -->
2498    <style>
2499        #item2119379 .spotlight-slide-bg-color {
2500            background-color: #000000;        }
2501
2502    #item2119379 .spotlight-text-container .spotlight-slide-title {
2503        font-family: Outfit, sans-serif;
2504    font-weight: 700;        color: #ffffff;    }
2505
2506    #item2119379 .spotlight-text-cta-container p {
2507        font-family: "Reddit Sans", sans-serif;        color: #ffffff;    }
2508
2509    @media only screen and (min-width : 1100px) {
2510        #item2119379 .spotlight-text-container .spotlight-slide-title {
2511            font-size: 48px;        }
2512        #item2119379 .spotlight-text-cta-container p {
2513            font-size: 26px;        }
2514    }
2515
2516        #item2119379 .spotlight-image-container-0:before {
2517        background-image: url('https://files.smartsites.parentsquare.com/13419/gni4bp2sukor8ehilnd.jpg');
2518    }    #item2119379 .spotlight-image-container-1:before {
2519        background-image: url('https://files.smartsites.parentsquare.com/13419/73vsb68tlaq6dfliofl.png');
2520    }    #item2119379 .spotlight-image-container-2:before {
2521        background-image: url('https://files.smartsites.parentsquare.com/13419/qpcf1ulg0aagdcjbnil.png');
2522    }    #item2119379 .spotlight-image-container-3:before {
2523        background-image: url('https://files.smartsites.parentsquare.com/13419/lohuos5jr0kobmeimnl.png');
2524    }    #item2119379 .spotlight-image-container-4:before {
2525        background-image: url('https://files.smartsites.parentsquare.com/13419/78j82s0g74v97eeefhl.png');
2526    }    #item2119379 .spotlight-image-container-5:before {
2527        background-image: url('https://files.smartsites.parentsquare.com/13419/pffegmbqsrlc4odgall.png');
2528    }    #item2119379 .spotlight-image-container-6:before {
2529        background-image: url('https://files.smartsites.parentsquare.com/13419/2v1lkqbgg41k8fgfjpl.png');
2530    }    #item2119379 .spotlight-image-container-7:before {
2531        background-image: url('https://files.smartsites.parentsquare.com/13419/f64097mursqd2fmiicm.png');
2532    }
2533            #item2119379 .animated-button svg path {
2534        stroke: #ffffff;
2535    }
2536
2537    #item2119379 .animated-button {
2538        color: #ffffff;
2539        background-color: #5a20b0;
2540        font-family: "Reddit Sans", sans-serif;
2541    }
2542        #item2119379 .animated-button {
2543        font-size: 16px;
2544    }
2545
2546    #item2119379 .animated-button .animated-button-text {
2547        transform: translateX(4.6666666666667px);
2548    }
2549
2550    #item2119379 .animated-button svg {
2551        height: 11.2px;
2552    }
2553        @media only screen and (max-width : 991px) {
2554            #item2119379 .animated-button {
2555        font-size: 16px;
2556    }
2557
2558    #item2119379 .animated-button .animated-button-text {
2559        transform: translateX(4.6666666666667px);
2560    }
2561
2562    #item2119379 .animated-button svg {
2563        height: 11.2px;
2564    }
2565    }
2566        </style>
2567</section>
2568
2569<section data-comp="icon-matrix" class="ss-component ss-icon-matrix  break-out ss-has-bg     " id="item2119380" data-pageid="stack_icon_matrix" data-parentid="110324" data-elemid="2119380" >
2570                
2571    
2572    <div id="stack_content_2119380" class="">
2573                <div class="ss-component-content container background-break-out">
2574            <div class="ss-im-details-wrapper"></div>
2575            <div class="ss-component-column-wrapper ss-im-body-left ss-one-third">
2576                                            <div class="ss-component-column ss-column-one ss-editor-content ss-clear ss-linked-image-hover-zoom"><h2><span style="font-size:72px;">Our Mission</span></h2>
2577
2578<p><span style="font-size:22px;"><b>At Oostburg Schools, our mission is to ensure all students learn at high levels so they can become positive and productive contributors to society and the world.</b></span></p>
2579
2580<p><span style="font-size:20px;">Students and their learning are at the heart of the decision we make. We align our curriculum and use research based instructional practices to support high levels of learning for our students. We pursue uncommon academic impact b
2580y creating meaningful learning experiences where students think critically, innovate, create, collaborate, debate, solve problems, and discover their unique strengths. By combining academic excellence with personalized opportunities and strong relationships, we prepare students for success in college, careers, and life.</span></p>
2581</div>                                <div class="ss-component-column ss-im-solid-overlap-boxes ss-column-two  ">    <div class="ss-im-icons-list-wrapper">
2582        <div class="ss-im-icons-list">
2583            
2584<div class="ss-im-icon-wrapper ss-flex-3">
2585        <button class="ss-im-link ss-lightbox-link ss-button ss-im-icon-wrapper-inner" data-toggle="modal" data-target="#ss-components-shared-modal">
2586            <img src="https://files.smartsites.parentsquare.com/13419/ad4o1cumvfmpccikcfd.png" alt="" class="ss-icon ss-custom-icon ss-xlarge-icon  ss-icon-border" aria-hidden="true" />
2587        <h2 class="ss-icon-title" data-text-size="24">Growth</h2>
2588            <div class="ss-icon-text" data-text-size="18">Growth is the journey to excellence.</div>
2589    </button>
2590    <div class="ss-hidden-lightbox-content"><div class="ss-editor-content"><p><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:18px;"></span></span></p>
2591
2592<p><span style="font-size:18px;">Every student and every adult has the capacity to learn, improve, and reach new levels of success. We focus on becoming the best version of ourselves by embracing challenges, reflecting on our practice, and committing to continuous improvement. Excellence is not a destination but a mindset.</span></p>
2593
2594<p><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:18px;"></span></span></p>
2595</div></div>
2596</div>
2597
2598<div class="ss-im-icon-wrapper ss-flex-3">
2599        <button class="ss-im-link ss-lightbox-link ss-button ss-im-icon-wrapper-inner" data-toggle="modal" data-target="#ss-components-shared-modal">
2600            <img src="https://files.smartsites.parentsquare.com/13419/ugmuhds56c0t9gioegg.png" alt="" class="ss-icon ss-custom-icon ss-xlarge-icon  ss-icon-border" aria-hidden="true" />
2601        <h2 class="ss-icon-title" data-text-size="24">Trust</h2>
2602            <div class="ss-icon-text" data-text-size="18">Trust is the foundation of strong relationships and high performing organizations. </div>
2603    </button>
2604    <div class="ss-hidden-lightbox-content"><div class="ss-editor-content"><p><span style="font-size:18px;"></span><span style="font-size:18px;">We build trust through transparency, honesty, consistency, and following through on our commitments. We recognize that we are all works in progress and believe authentic relationships are built when people feel respected, supported, and safe to learn from both 
2604successes and mistakes.</span><span style="font-size:18px;"></span></p>
2605</div></div>
2606</div>
2607
2608<div class="ss-im-icon-wrapper ss-flex-3">
2609        <button class="ss-im-link ss-lightbox-link ss-button ss-im-icon-wrapper-inner" data-toggle="modal" data-target="#ss-components-shared-modal">
2610            <img src="https://files.smartsites.parentsquare.com/13419/ka87a1i21353bbfadbl.png" alt="" class="ss-icon ss-custom-icon ss-xlarge-icon  ss-icon-border" aria-hidden="true" />
2611        <h2 class="ss-icon-title" data-text-size="24">Collabor­ation</h2>
2612            <div class="ss-icon-text" data-text-size="18">We believe our best work happens together.</div>
2613    </button>
2614    <div class="ss-hidden-lightbox-content"><div class="ss-editor-content"><p><span style="font-size:18px;"></span>By sharing ideas, learning from one another, and taking collective responsibility for student success, we accomplish more than we ever could alone. Collaboration extends beyond our classrooms to our families, our community, and every member of the Oostburg team because every student benefits when we work together.<span style="font-size:18px;"></span></p>
2615</div></div>
2616</div>
2617
2618<div class="ss-im-icon-wrapper ss-flex-3">
2619        <button class="ss-im-link ss-lightbox-link ss-button ss-im-icon-wrapper-inner" data-toggle="modal" data-target="#ss-components-shared-modal">
2620            <img src="https://files.smartsites.parentsquare.com/13419/plgh38siaugffdhkiei.png" alt="" class="ss-icon ss-custom-icon ss-xlarge-icon  ss-icon-border" aria-hidden="true" />
2621        <h2 class="ss-icon-title" data-text-size="24">Communic­ation</h2>
2622            <div class="ss-icon-text" data-text-size="18">Communication builds connection.</div>
2623    </button>
2624    <div class="ss-hidden-lightbox-content"><div class="ss-editor-content"><p><span style="font-size:18px;"></span>We believe meaningful conversations create understanding, strengthen relationships, and move our work forward. We listen first, seek to understand before being understood, communicate with honesty and respect, and address challenges directly because healthy communication is essential to a thriving school community.<span style="font-size:18px;"></span></p>
2625</div></div>
2626</div>
2627
2628<div class="ss-im-icon-wrapper ss-flex-3">
2629        <button class="ss-im-link ss-lightbox-link ss-button ss-im-icon-wrapper-inner" data-toggle="modal" data-target="#ss-components-shared-modal">
2630            <img src="https://files.smartsites.parentsquare.com/13419/t18rvbv07ia3eakhjim.png" alt="" class="ss-icon ss-custom-icon ss-xlarge-icon  ss-icon-border" aria-hidden="true" />
2631        <h2 class="ss-icon-title" data-text-size="24">Community</h2>
2632            <div class="ss-icon-text" data-text-size="18">Community is at the heart of who we are.</div>
2633    </button>
2634    <div class="ss-hidden-lightbox-content"><div class="ss-editor-content"><p><span style="font-size:18px;"></span></p>
2635
2636<p>Oostburg is a place where students, staff, families, and community members work together to create exceptional opportunities for children. Dutchmen pride is rooted in a strong sense of belonging, shared traditions, and a commitment to one another. We honor our past while embracing opportunities to grow, knowing that strong schools help create a strong community.</p>
2637
2638<p><span style="font-size:18px;"></span></p>
2639</div></div>
2640</div>
2641
2642<div class="ss-im-icon-wrapper ss-flex-3">
2643        <button class="ss-im-link ss-lightbox-link ss-button ss-im-icon-wrapper-inner" data-toggle="modal" data-target="#ss-components-shared-modal">
2644            <img src="https://files.smartsites.parentsquare.com/13419/9mtr8lrjceua5oaflgp.jpg" alt="" class="ss-icon ss-custom-icon ss-xlarge-icon  ss-icon-border" aria-hidden="true" />
2645        <h2 class="ss-icon-title" data-text-size="24">Steward­ship</h2>
2646            <div class="ss-icon-text" data-text-size="18">We have been entrusted with something incredibly important: the education, safety, and well being of our students. </div>
2647    </button>
2648    <div class="ss-hidden-lightbox-content"><div class="ss-editor-content"><p>We are committed to making decisions that place students first and use our time, talents, and resources responsibly. Through careful stewardship, we honor the trust our community places in us and ensure Oostburg Schools remain strong for generations to come.</p>
2649</div></div>
2650</div>
2651
2652        </div>
2653    </div></div>
2654            </div>
2655        </div>
2656    </div>
2657        <style type="text/css">
2658    #item2119380 {
2659        background-repeat: no-repeat;
2660        background-position: center center;
2661        background-image:url("https://files.smartsites.parentsquare.com/13419/j34cr7puami18mdbghm.png");
2662    }
2663    #item2119380::before {
2664            background-color: #da3831;
2665        opacity: 0.0;
2666    }
2667    #item2119380 .ss-icon-title {
2668        font-family: Outfit, sans-serif;
2669    font-weight: 700;;
2670        font-size: clamp(14px, 4.5vw, 24px);
2671    }
2672    #item2119380 .ss-icon-text {
2673        font-family: "Reddit Sans", sans-serif;;
2674        font-size: 18px;
2675    }
2676        #item2119380 .ss-editor-content {
2677        color: #ffffff;
2678    }
2679    #item2119380 .ss-editor-content a {
2680        color: #ffffff;
2681    }
2682    #item2119380 .ss-im-icon-wrapper-inner {
2683        border-color: transparent;
2684    }
2685    #item2119380 .ss-im-icon-wrapper-inner::before {
2686        background-color: #000000;
2687        opacity: 1.0;
2688    }
2689    #item2119380 .ss-icon {
2690        color: ;
2691        background-color: #ffffff;
2692        border-color: transparent;border-color: #ffffff;
2693    }
2694    #item2119380 .ss-icon-title {
2695        color: #ffffff;
2696    }
2697    #item2119380 .ss-icon-text {
2698        color: #ffffff;
2699    }
2700    #item2119380 .ss-im-scroll .ss-im-slick-dots :not(.slick-active) .ss-im-dot {
2701        border-color: #FFFFFF;
2702    }
2703    #item2119380 .ss-im-scroll .ss-im-slick-dots .slick-active .ss-im-dot {
2704        background-color: #FFFFFF;
2705    }</style></section>
2706
2707<section data-comp="scroll-over-images" class="ss-component stack-item-container scrollover-image-stack-item-container editme ss-no-pad break-out   ss-no-margin ss-no-radius " id="item2119381">
2708    <!-- Stack Scrollover Image Component -->
2709    <div class="clearfix"></div>
2710            <div id="stack_content_2119381" class="stack-item-view-container ">
2711                <div class="ss-component-content container ">
2712                    <div class="ss-editor-content ss-component-intro ss-linked-image-hover-zoom"></div>            <div class="scrollover-image-rows stack-item-content-container stack-item-four-column-grid scrollover-gradiant">
2713                <div class="scrollover-image-container stack-item-four-column-grid">        <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item"
2714        style="background-image: url('https://files.smartsites.parentsquare.com/13419/s2e27vam92dgbkhncnm.png')">
2715        <div class="image-rollover-content title-only">
2716
2717                        <div class="image-rollover-reveal">
2718                <div class="image-rollover-reveal-inner">
2719
2720
2721                </div>
2722            </div>
2723        </div>
2724    </div>        <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item"
2725        style="background-image: url('https://files.smartsites.parentsquare.com/13419/kd8qc3siif489clodom.png')">
2726        <div class="image-rollover-content title-only">
2727
2728                        <div class="image-rollover-reveal">
2729                <div class="image-rollover-reveal-inner">
2730
2731
2732                </div>
2733            </div>
2734        </div>
2735    </div>        <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item"
2736        style="background-image: url('https://files.smartsites.parentsquare.com/13419/mm182pd47puu2inegpm.png')">
2737        <div class="image-rollover-content title-only">
2738
2739                        <div class="image-rollover-reveal">
2740                <div class="image-rollover-reveal-inner">
2741
2742
2743                </div>
2744            </div>
2745        </div>
2746    </div>        <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item"
2747        style="background-image: url('https://files.smartsites.parentsquare.com/13419/3v25npkeujjrdgeldan.png')">
2748        <div class="image-rollover-content title-only">
2749
2750                        <div class="image-rollover-reveal">
2751                <div class="image-rollover-reveal-inner">
2752
2753
2754                </div>
2755            </div>
2756        </div>
2757    </div></div>            </div>
2758        </div>
2759    </div>
2760    <div class="clearfix"></div>
2761    <style>
2762#item2119381 .image-rollover-container {
2763    height: 400px;
2764}
2765
2766#item2119381 .scrollover-image-container .ss-scrollover-title {
2767    color: #ffffff;    font-family: Outfit, sans-serif;
2768    font-weight: 700;    font-size: 20px;}
2769
2770#item2119381 .scrollover-image-container p {
2771    color: #ffffff;    font-family: Inter, sans-serif;
2772    font-weight: 700;    font-size: 28px;}
2773
2774#item2119381 .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title,
2775#item2119381 .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title,
2776#item2119381 .image-rollover-container:not(.scrollover-static):hover p,
2777#item2119381 .image-rollover-container:not(.scrollover-static):focus-within p {
2778    color: #ffffff;}
2779
2780#item2119381 .scrollover-cover .image-rollover-container::before,
2781#item2119381 .scrollover-cover-centered .image-rollover-container::before {
2782    background-color: #000000;
2783    opacity: 0.0;
2784}
2785
2786#item2119381 .image-rollover-container:not(.scrollover-static):focus-within::before,
2787#item2119381 .image-rollover-container:not(.scrollover-static):hover::before,
2788#item2119381 .scrollover-cover .image-rollover-container:not(.scrollover-static):hover::before,
2789#item2119381 .scrollover-cover .image-rollover-container:not(.scrollover-static):focus-within::before,
2790#item2119381 .scrollover-cover-centered .image-rollover-container:not(.scrollover-static):hover::before,
2791#item2119381 .scrollover-cover-centered .image-rollover-container:not(.scrollover-static):focus-within::before {
2792    background-color: #000000;
2793    opacity: 0.0;
2794}
2795
2796#item2119381 .scrollover-gradiant .image-rollover-content .ss-scrollover-title::before {
2797    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) 44.9%);
2798}
2799
2800#item2119381 .scrollover-gradiant .image-rollover-content p:not(.ss-scrollover-title)::before,
2801#item2119381 .scrollover-gradiant .image-rollover-content.title-only .ss-scrollover-title::after,
2802#item2119381 .scrollover-solid .image-rollover-content .ss-scrollover-title::before,
2803#item2119381 .scrollover-solid .image-rollover-content p:not(.ss-scrollover-title)::before,
2804#item2119381 .scrollover-solid .image-rollover-content.title-only .ss-scrollover-title::after {
2805    background-color: rgba(0, 0, 0, 0.0);
2806}
2807
2808#item2119381 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title::before,
2809#item2119381 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title::before,
2810#item2119381 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):hover p:not(.ss-scrollover-title)::before,
2811#item2119381 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):focus-within p:not(.ss-scrollover-title)::before,
2812#item2119381 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):hover .image-rollover-content.title-only .ss-scrollover-title::after,
2813#item2119381 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):focus-within .image-rollover-content.title-only .ss-scrollover-title::after {
2814    background-image: none;
2815    background-color: transparent;
2816}
2817
2818#item2119381 .scrollover-solid .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title::before,
2819#item2119381 .scrollover-solid .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title::before,
2820#item2119381 .scrollover-solid .image-rollover-container:not(.scrollover-static):hover p:not(.ss-scrollover-title)::before,
2821#item2119381 .scrollover-solid .image-rollover-container:not(.scrollover-static):focus-within p:not(.ss-scrollover-title)::before,
2822#item2119381 .scrollover-solid .image-rollover-container:not(.scrollover-static):hover .image-rollover-content.title-only .ss-scrollover-title::after,
2823#item2119381 .scrollover-solid .image-rollover-container:not(.scrollover-static):focus-within .image-rollover-content.title-only .ss-scrollover-title::after {
2824    background-color: transparent;
2825}
2826
2827/* Highlight: per-line highlighter behind the title; caption text sits on a translucent panel; the button does not */
2828#item2119381 .scrollover-highlight .image-rollover-content .ss-scrollover-title span {
2829    background-color: rgba(0, 0, 0, 0.0);
2830}
2831
2832#item2119381 .scrollover-highlight .image-rollover-reveal p {
2833    background-color: rgba(0, 0, 0, 0.0);
2834    color: #ffffff;}
2835
2836/* Title color stays constant on hover for the Highlight variant */
2837#item2119381 .scrollover-highlight .ss-scrollover-title,
2838#item2119381 .scrollover-highlight .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title,
2839#item2119381 .scrollover-highlight .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title {
2840    color: #ffffff;}
2841
2842@media screen and (max-width: 767px) {
2843    #item2119381 .image-rollover-content {
2844        visibility: visible;
2845    }
2846    #item2119381 .scrollover-image-container .image-rollover-container:not(.scrollover-static) .ss-scrollover-title,
2847    #item2119381 .scrollover-image-container .image-rollover-container:not(.scrollover-static) p {
2848        color: #ffffff;    }
2849
2850    #item2119381 .scrollover-highlight .image-rollover-container .ss-scrollover-title {
2851        color: #ffffff;    }
2852
2853    #item2119381 .scrollover-cover .image-rollover-container:not(.scrollover-static)::before,
2854    #item2119381 .scrollover-cover-centered .image-rollover-container:not(.scrollover-static)::before,
2855    #item2119381 .image-rollover-container:not(.scrollover-static)::before {
2856        background-color: #000000;
2857        opacity: 0.0;
2858    }
2859}
2860        #item2119381 .animated-button svg path {
2861        stroke: #000000;
2862    }
2863
2864    #item2119381 .animated-button {
2865        color: #000000;
2866        background-color: #b8b8b8;
2867        font-family: "Reddit Sans", sans-serif;
2868    }
2869        #item2119381 .animated-button {
2870        font-size: 16px;
2871    }
2872
2873    #item2119381 .animated-button .animated-button-text {
2874        transform: translateX(4.6666666666667px);
2875    }
2876
2877    #item2119381 .animated-button svg {
2878        height: 11.2px;
2879    }
2880    </style>
2881</section>
2882
2883
2884
2885<section data-comp="spotlight" class="ss-component stack-item-container editme ss-no-pad break-out  " id="item2119382">
2886    <!-- Stack Spotlight Component -->
2887    <div class="clearfix"></div>
2888            <div id="stack_content_2119382" class="stack-item-view-container ">
2889                <div class="ss-component-content container">
2890                    <div class="ss-editor-content ss-component-intro ss-linked-image-hover-zoom"></div>            <div class="spotlight-container spotlight-layout-small spotlight-layout-small-with-body spotlight-layout-photo-left spotlight-hor-text-align-left spotlight-vert-text-align-center spotlight-caption-gradient spotlight-caption-align-center spotlight-caption-responsive spotlight-caption-width-small">
2891                <div class="spotlight-nav-container">
2892                    <div class="spotlight-nav-options">
2893                            <button class="js-carousel-control-spotlight js-carousel-pause carousel-nav-option carousel-nav-option-pause ss-button"  data-direction="pause" aria-label="Pause Slideshow">
2894            <svg class="nav-pause-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
2895        <g clip-path="url(#clip0_15_1083)">
2896            <rect width="40" height="40" rx="20" fill="black"/>
2897            <path d="M23 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/>
2898            <path d="M17 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/>
2899        </g>
2900        <defs>
2901            <clipPath id="clip0_15_1083">
2902                <rect width="40" height="40" fill="white"/>
2903            </clipPath>
2904        </defs>
2905    </svg>
2906        <span class="sr-only">Pause</span>
2907    </button>    <button class="js-carousel-control-spotlight js-carousel-cycle carousel-nav-option carousel-nav-option-cycle ss-button" style="display:none;" data-direction="cycle" aria-label="Play Slideshow">
2908            <svg class="nav-play-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
2909        <g clip-path="url(#clip0_15_1112)">
2910            <rect class="nav-play-circle" width="40" height="40" rx="20" fill="black" />
2911            <path d="M25.875 19.3505C26.375 19.6392 26.375 20.3608 25.875 20.6495L17.625 25.4127C17.125 25.7013 16.5 25.3405 16.5 24.7631L16.5 15.2369C16.5 14.6595 17.125 14.2987 17.625 14.5873L25.875 19.3505Z" fill="white"/>
2912        </g>
2913        <defs>
2914            <clipPath id="clip0_15_1112">
2915                <rect width="40" height="40" fill="white"/>
2916            </clipPath>
2917        </defs>
2918    </svg>
2919        <span class="sr-only">Play</span>
2920    </button>    <button class="js-carousel-control-spotlight js-carousel-prev carousel-nav-option carousel-nav-option-prev ss-button"  data-direction="prev" aria-label="Previous Slide">
2921            <div class="nav-svg-container">
2922        <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
2923            <circle cx="20" cy="20" r="20" />
2924        </svg>
2925        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="left-nav-arrow-svg nav-arrow-svg">
2926            <path d="M7.26318 1.625L2.61117 6.04442L7.26318 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
2927        </svg>
2928    </div>
2929        <span class="sr-only">Previous</span>
2930    </button>    <button class="js-carousel-control-spotlight js-carousel-next carousel-nav-option carousel-nav-option-next ss-button"  data-direction="next" aria-label="Next Slide">
2931            <div class="nav-svg-container">
2932        <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
2933            <circle cx="20" cy="20" r="20" />
2934        </svg>
2935        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="right-nav-arrow-svg nav-arrow-svg">
2936            <path d="M1.73682 1.625L6.38883 6.04442L1.73682 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
2937        </svg>
2938    </div>
2939        <span class="sr-only">Next</span>
2940    </button>                    </div>
2941                </div>
2942                <div id="spotlightCarousel_2119382"
2943                     class="carousel slide spotlight-carousel-container carousel-fade"
2944                     role="region"
2945                     aria-label="Spotlight"
2946                     data-ride="carousel"
2947                     data-interval="6000"
2948                     aria-roledescription="carousel">
2949                    <div class="carousel-inner">
2950                            <div class="item active"
2951         data-index="0"
2952         role="group"
2953         aria-roledescription="Slide"
2954         aria-label="Slide 1 of 3: Group of students"
2955         data-ss-slide-announcement="Slide 1 of 3. Group of students">
2956            <div class="spotlight-slide">
2957        <div class="spotlight-slide-component">
2958            <div class="spotlight-image-container spotlight-image-container-0 ">
2959                <img src="https://files.smartsites.parentsquare.com/13419/ikk56gi0vr6galhbgio.png" alt='Group of students' />
2960            </div>
2961        </div>
2962        <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color">
2963            <div class="spotlight-text-container">
2964                
2965                
2966            </div>
2967        </div>
2968    </div>
2969    </div>    <div class="item "
2970         data-index="1"
2971         role="group"
2972         aria-roledescription="Slide"
2973         aria-label="Slide 2 of 3: Group of students"
2974         data-ss-slide-announcement="Slide 2 of 3. Group of students">
2975            <div class="spotlight-slide">
2976        <div class="spotlight-slide-component">
2977            <div class="spotlight-image-container spotlight-image-container-1 ">
2978                <img src="https://files.smartsites.parentsquare.com/13419/kmct1tfpis4vfmcacpi.png" alt='Group of students' />
2979            </div>
2980        </div>
2981        <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color">
2982            <div class="spotlight-text-container">
2983                
2984                
2985            </div>
2986        </div>
2987    </div>
2988    </div>    <div class="item "
2989         data-index="2"
2990         role="group"
2991         aria-roledescription="Slide"
2992         aria-label="Slide 3 of 3: Group of students"
2993         data-ss-slide-announcement="Slide 3 of 3. Group of students">
2994            <div class="spotlight-slide">
2995        <div class="spotlight-slide-component">
2996            <div class="spotlight-image-container spotlight-image-container-2 ">
2997                <img src="https://files.smartsites.parentsquare.com/13419/16ussl8amsuvafhcjhb.png" alt='Group of students' />
2998            </div>
2999        </div>
3000        <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color">
3001            <div class="spotlight-text-container">
3002                
3003                
3004            </div>
3005        </div>
3006    </div>
3007    </div>                    </div>
3008                </div>
3009                <div class="normalize-slides">
3010                        <div class="spotlight-slide">
3011        <div class="spotlight-slide-component">
3012            <div class="spotlight-image-container spotlight-image-container-0 ">
3013                <img src="https://files.smartsites.parentsquare.com/13419/ikk56gi0vr6galhbgio.png" alt='Group of students' />
3014            </div>
3015        </div>
3016        <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color">
3017            <div class="spotlight-text-container">
3018                
3019                
3020            </div>
3021        </div>
3022    </div>    <div class="spotlight-slide">
3023        <div class="spotlight-slide-component">
3024            <div class="spotlight-image-container spotlight-image-container-1 ">
3025                <img src="https://files.smartsites.parentsquare.com/13419/kmct1tfpis4vfmcacpi.png" alt='Group of students' />
3026            </div>
3027        </div>
3028        <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color">
3029            <div class="spotlight-text-container">
3030                
3031                
3032            </div>
3033        </div>
3034    </div>    <div class="spotlight-slide">
3035        <div class="spotlight-slide-component">
3036            <div class="spotlight-image-container spotlight-image-container-2 ">
3037                <img src="https://files.smartsites.parentsquare.com/13419/16ussl8amsuvafhcjhb.png" alt='Group of students' />
3038            </div>
3039        </div>
3040        <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color">
3041            <div class="spotlight-text-container">
3042                
3043                
3044            </div>
3045        </div>
3046    </div>                </div>
3047                    <div class="spotlight-component-body-panel spotlight-slide-bg-color">
3048        <div class="spotlight-component-body-content">
3049            
3050            <div class="ss-editor-content spotlight-component-body-text ss-linked-image-hover-zoom">
3051                <p style="text-align: center;"><span style="font-family:Inter;"><span style="line-height:1;"><span style="font-size:60px;"><strong>GROWING TOGETHER</strong></span></span></span></p>
3052
3053<p style="text-align: center;"><span style="font-size:26px;">Together, our students, staff and families create moments that reflect our commitment to every student and the relationships that make learning possible.</span></p>
3054
3055            </div>
3056        </div>
3057    </div>                    <div class="sr-only js-spotlight-slide-announcer" role="status" aria-live="polite" aria-atomic="true"></div>            </div>
3058        </div>
3059    </div>
3060    <div class="clearfix"></div>
3061
3062    <!-- Stack Spotlight Designer CSS -->
3063    <style>
3064        #item2119382 .spotlight-slide-bg-color {
3065            background-color: #000000;        }
3066
3067    #item2119382 .spotlight-text-container .spotlight-slide-title {
3068        font-family: Outfit, sans-serif;
3069    font-weight: 700;        color: #ffffff;    }
3070
3071    #item2119382 .spotlight-text-cta-container p {
3072        font-family: "Reddit Sans", sans-serif;        color: #ffffff;    }
3073
3074    @media only screen and (min-width : 1100px) {
3075        #item2119382 .spotlight-text-container .spotlight-slide-title {
3076            font-size: 36px;        }
3077        #item2119382 .spotlight-text-cta-container p {
3078            font-size: 22px;        }
3079    }
3080
3081        #item2119382 .spotlight-image-container-0:before {
3082        background-image: url('https://files.smartsites.parentsquare.com/13419/ikk56gi0vr6galhbgio.png');
3083    }    #item2119382 .spotlight-image-container-1:before {
3084        background-image: url('https://files.smartsites.parentsquare.com/13419/kmct1tfpis4vfmcacpi.png');
3085    }    #item2119382 .spotlight-image-container-2:before {
3086        background-image: url('https://files.smartsites.parentsquare.com/13419/16ussl8amsuvafhcjhb.png');
3087    }
3088            #item2119382 .animated-button svg path {
3089        stroke: #333333;
3090    }
3091
3092    #item2119382 .animated-button {
3093        color: #333333;
3094        background-color: #ffffff;
3095        font-family: "Reddit Sans", sans-serif;
3096    }
3097        #item2119382 .animated-button {
3098        font-size: 16px;
3099    }
3100
3101    #item2119382 .animated-button .animated-button-text {
3102        transform: translateX(4.6666666666667px);
3103    }
3104
3105    #item2119382 .animated-button svg {
3106        height: 11.2px;
3107    }
3108        @media only screen and (max-width : 991px) {
3109            #item2119382 .animated-button {
3110        font-size: 16px;
3111    }
3112
3113    #item2119382 .animated-button .animated-button-text {
3114        transform: translateX(4.6666666666667px);
3115    }
3116
3117    #item2119382 .animated-button svg {
3118        height: 11.2px;
3119    }
3120    }
3121        #item2119382 .spotlight-component-body-panel .ss-component-header {
3122        padding: 0;
3123        max-width: 100%;
3124    }
3125
3126    #item2119382 .spotlight-component-body-panel .ss-component-header-title {
3127        color: #ffffff;    }
3128
3129    #item2119382 .spotlight-component-body-panel .ss-component-header-title::before,
3130    #item2119382 .spotlight-component-body-panel .ss-component-header-title::after {
3131        border-color: currentColor;
3132    }
3133
3134    #item2119382 .spotlight-component-body-text {
3135        color: #ffffff;    }
3136
3137    #item2119382 .spotlight-component-body-text a,
3138    #item2119382 .spotlight-component-body-text a:visited {
3139        color: #ffffff;    }
3140        </style>
3141</section>
3142
3143<section data-comp="scroll-over-images" class="ss-component stack-item-container scrollover-image-stack-item-container editme ss-no-pad break-out   ss-no-margin ss-no-radius " id="item2119383">
3144    <!-- Stack Scrollover Image Component -->
3145    <div class="clearfix"></div>
3146            <div id="stack_content_2119383" class="stack-item-view-container ">
3147                <div class="ss-component-content container ">
3148                    <div class="ss-editor-content ss-component-intro ss-linked-image-hover-zoom"></div>            <div class="scrollover-image-rows stack-item-content-container stack-item-four-column-grid scrollover-gradiant">
3149                <div class="scrollover-image-container stack-item-four-column-grid">        <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item"
3150        style="background-image: url('https://files.smartsites.parentsquare.com/13419/kjj92g7uhnil3cbgjkl.png')">
3151        <div class="image-rollover-content title-only">
3152
3153                        <div class="image-rollover-reveal">
3154                <div class="image-rollover-reveal-inner">
3155
3156
3157                </div>
3158            </div>
3159        </div>
3160    </div>        <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item"
3161        style="background-image: url('https://files.smartsites.parentsquare.com/13419/eu556h2ipr14cmkbmll.png')">
3162        <div class="image-rollover-content title-only">
3163
3164                        <div class="image-rollover-reveal">
3165                <div class="image-rollover-reveal-inner">
3166
3167
3168                </div>
3169            </div>
3170        </div>
3171    </div>        <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item"
3172        style="background-image: url('https://files.smartsites.parentsquare.com/13419/fcjc0lohve9i9oglmli.png')">
3173        <div class="image-rollover-content title-only">
3174
3175                        <div class="image-rollover-reveal">
3176                <div class="image-rollover-reveal-inner">
3177
3178
3179                </div>
3180            </div>
3181        </div>
3182    </div>        <div class="link-box image-rollover-container scrollover-static" role="group" aria-label="item"
3183        style="background-image: url('https://files.smartsites.parentsquare.com/13419/phhmqjmuo5rkfdjokml.png')">
3184        <div class="image-rollover-content title-only">
3185
3186                        <div class="image-rollover-reveal">
3187                <div class="image-rollover-reveal-inner">
3188
3189
3190                </div>
3191            </div>
3192        </div>
3193    </div></div>            </div>
3194        </div>
3195    </div>
3196    <div class="clearfix"></div>
3197    <style>
3198#item2119383 .image-rollover-container {
3199    height: 400px;
3200}
3201
3202#item2119383 .scrollover-image-container .ss-scrollover-title {
3203    color: #ffffff;    font-family: Outfit, sans-serif;
3204    font-weight: 700;    font-size: 30px;}
3205
3206#item2119383 .scrollover-image-container p {
3207    color: #ffffff;    font-family: "Reddit Sans", sans-serif;    font-size: 22px;}
3208
3209#item2119383 .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title,
3210#item2119383 .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title,
3211#item2119383 .image-rollover-container:not(.scrollover-static):hover p,
3212#item2119383 .image-rollover-container:not(.scrollover-static):focus-within p {
3213    color: #ffffff;}
3214
3215#item2119383 .scrollover-cover .image-rollover-container::before,
3216#item2119383 .scrollover-cover-centered .image-rollover-container::before {
3217    background-color: #000000;
3218    opacity: 0.0;
3219}
3220
3221#item2119383 .image-rollover-container:not(.scrollover-static):focus-within::before,
3222#item2119383 .image-rollover-container:not(.scrollover-static):hover::before,
3223#item2119383 .scrollover-cover .image-rollover-container:not(.scrollover-static):hover::before,
3224#item2119383 .scrollover-cover .image-rollover-container:not(.scrollover-static):focus-within::before,
3225#item2119383 .scrollover-cover-centered .image-rollover-container:not(.scrollover-static):hover::before,
3226#item2119383 .scrollover-cover-centered .image-rollover-container:not(.scrollover-static):focus-within::before {
3227    background-color: #000000;
3228    opacity: 0.0;
3229}
3230
3231#item2119383 .scrollover-gradiant .image-rollover-content .ss-scrollover-title::before {
3232    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) 44.9%);
3233}
3234
3235#item2119383 .scrollover-gradiant .image-rollover-content p:not(.ss-scrollover-title)::before,
3236#item2119383 .scrollover-gradiant .image-rollover-content.title-only .ss-scrollover-title::after,
3237#item2119383 .scrollover-solid .image-rollover-content .ss-scrollover-title::before,
3238#item2119383 .scrollover-solid .image-rollover-content p:not(.ss-scrollover-title)::before,
3239#item2119383 .scrollover-solid .image-rollover-content.title-only .ss-scrollover-title::after {
3240    background-color: rgba(0, 0, 0, 0.0);
3241}
3242
3243#item2119383 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title::before,
3244#item2119383 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title::before,
3245#item2119383 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):hover p:not(.ss-scrollover-title)::before,
3246#item2119383 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):focus-within p:not(.ss-scrollover-title)::before,
3247#item2119383 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):hover .image-rollover-content.title-only .ss-scrollover-title::after,
3248#item2119383 .scrollover-gradiant .image-rollover-container:not(.scrollover-static):focus-within .image-rollover-content.title-only .ss-scrollover-title::after {
3249    background-image: none;
3250    background-color: transparent;
3251}
3252
3253#item2119383 .scrollover-solid .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title::before,
3254#item2119383 .scrollover-solid .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title::before,
3255#item2119383 .scrollover-solid .image-rollover-container:not(.scrollover-static):hover p:not(.ss-scrollover-title)::before,
3256#item2119383 .scrollover-solid .image-rollover-container:not(.scrollover-static):focus-within p:not(.ss-scrollover-title)::before,
3257#item2119383 .scrollover-solid .image-rollover-container:not(.scrollover-static):hover .image-rollover-content.title-only .ss-scrollover-title::after,
3258#item2119383 .scrollover-solid .image-rollover-container:not(.scrollover-static):focus-within .image-rollover-content.title-only .ss-scrollover-title::after {
3259    background-color: transparent;
3260}
3261
3262/* Highlight: per-line highlighter behind the title; caption text sits on a translucent panel; the button does not */
3263#item2119383 .scrollover-highlight .image-rollover-content .ss-scrollover-title span {
3264    background-color: rgba(0, 0, 0, 0.0);
3265}
3266
3267#item2119383 .scrollover-highlight .image-rollover-reveal p {
3268    background-color: rgba(0, 0, 0, 0.0);
3269    color: #ffffff;}
3270
3271/* Title color stays constant on hover for the Highlight variant */
3272#item2119383 .scrollover-highlight .ss-scrollover-title,
3273#item2119383 .scrollover-highlight .image-rollover-container:not(.scrollover-static):hover .ss-scrollover-title,
3274#item2119383 .scrollover-highlight .image-rollover-container:not(.scrollover-static):focus-within .ss-scrollover-title {
3275    color: #ffffff;}
3276
3277@media screen and (max-width: 767px) {
3278    #item2119383 .image-rollover-content {
3279        visibility: visible;
3280    }
3281    #item2119383 .scrollover-image-container .image-rollover-container:not(.scrollover-static) .ss-scrollover-title,
3282    #item2119383 .scrollover-image-container .image-rollover-container:not(.scrollover-static) p {
3283        color: #ffffff;    }
3284
3285    #item2119383 .scrollover-highlight .image-rollover-container .ss-scrollover-title {
3286        color: #ffffff;    }
3287
3288    #item2119383 .scrollover-cover .image-rollover-container:not(.scrollover-static)::before,
3289    #item2119383 .scrollover-cover-centered .image-rollover-container:not(.scrollover-static)::before,
3290    #item2119383 .image-rollover-container:not(.scrollover-static)::before {
3291        background-color: #000000;
3292        opacity: 0.0;
3293    }
3294}
3295        #item2119383 .animated-button svg path {
3296        stroke: #333333;
3297    }
3298
3299    #item2119383 .animated-button {
3300        color: #333333;
3301        background-color: #ffffff;
3302        font-family: "Reddit Sans", sans-serif;
3303    }
3304        #item2119383 .animated-button {
3305        font-size: 16px;
3306    }
3307
3308    #item2119383 .animated-button .animated-button-text {
3309        transform: translateX(4.6666666666667px);
3310    }
3311
3312    #item2119383 .animated-button svg {
3313        height: 11.2px;
3314    }
3315    </style>
3316</section>
3317
3318
3319
3320<section data-comp="columns" class="ss-component ss-columns  break-out ss-has-bg    " id="item2119384" data-pageid="stack_columns" data-parentid="110324" data-elemid="2119384">
3321            
3322    <div id="stack_content_2119384" class="">
3323                <div class="ss-component-content container background-break-out ss-two-column">
3324            <div class="ss-columns-details-wrapper">
3325                <div class="ss-editor-content ss-component-intro "></div>
3326            </div>
3327            <div class="ss-component-column-wrapper ss-two-column" data-testid="columns-column-wrapper">
3328                <div class="ss-editor-content ss-component-column ss-column-one ">
3329                                        <p><span style="font-family:Inter;"><span style="line-height:1;"><span style="font-size:96px;"><strong>WE&rsquo;VE GOT THE ANSWERS.</strong></span></span></span></p>
3330                </div>
3331                                <div class="ss-editor-content ss-component-column ss-column-two ">
3332                                        <p><span style="font-size:26px;">Can&rsquo;t find what you need? Utilize the search feature at the top of the page to look up key words, or contact us. We&rsquo;re happy to help!<br />
3333<br />
3334<a class="btn btn-info" href="https://parentsquare.com" rel="noopener noreferrer" target="_blank">General Inquiries<span aria-hidden="true" class="ss-button-icon"></span></a>&nbsp;<a class="btn btn-info" data-jsplus-bb="1" href="/directory">District Staff Directory<span aria-hidden="true" class="ss-button-icon"></span></a></span></p>
3335                </div>
3336                                                            </div>
3337        </div>
3338    </div>
3339        <style type="text/css">
3340    #item2119384 {
3341        color: #ffffff;
3342        background-repeat: no-repeat;
3343        background-position: center center;
3344        background-image:url("https://files.smartsites.parentsquare.com/13419/2hibbp8t5u57biogece.png");
3345    }
3346    #item2119384::before {
3347        background-color: #da3831;
3348        opacity: 0.0;
3349    }
3350    #item2119384 a:not(.ss-admin-edit) {
3351        color: #ffffff;
3352    }
3353    #item2119384 img,
3354    #item2119384 a:has(img) {
3355        border-radius: 0px;
3356    }
3357    
3358    
3359    </style>        
3359<script>
3360        a11yOptHeading("item2119384", "#da3831");
3361    </script>
3361
3362    </section>
3363
3364            <section data-comp="post-feed" class="ss-component ss-post-feed stack_news break-out editme ss-has-bg  " id="item2119385" data-pageid="stack_newsArticles" data-parentid="110324" data-elemid="2119385" >    <link rel="modulepreload" href="/dist/assets/PostFeedComponent-DCBX5Kw7.js" />
3365<link rel="modulepreload" href="/dist/assets/jquery-UIAagU1C.js" />
3366<link rel="modulepreload" href="/dist/assets/slick-Ddqr_xR3.js" />
3367<link rel="modulepreload" href="/dist/assets/_commonjsHelpers-CE1G-McA.js" /><link rel="stylesheet" href="/dist/assets/slick-o7-aLwkL.css" />
3367<script type="module" src="/dist/assets/PostFeedComponent-DCBX5Kw7.js"></script>
3367            <div id="stack_content_2119385" class="">
3368                <div class="ss-component-content container background-break-out"  data-num-articles="10" data-comp-body="false">
3369                    <div class="ss-editor-content ss-component-intro ss-linked-image-hover-zoom"><p><strong><span style="line-height:1;"><span style="font-size:96px;"><span style="font-family:Inter;">FEATURED NEWS</span></span></span></strong><br />
3370<span style="font-size:26px;">Stay up to date on exciting news, events and more with the&nbsp;<a href="https://www.parentsquare.com/signin" rel="noopener noreferrer" target="_blank">ParentSquare app!</a></span></p>
3371</div>                                <div class="news-feed-compact news-feed-overflow-arrows  ">
3372                        <div class="custom_5kQnjP  news-feed-compact-container news-feed-grid-container news-feed-container-5kQnjP">
3373                            <article id="article90287486" class="article-container article-color ss-post-feed-card" role="group" aria-label="article">
3374                            <div class="stack-news-grid-article-container">
3375                            <div class="ss-post-feed-img-container ss-constrain-image">
3376                <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_zWIHBUGrROK8sYDOrRru_Screenshot%202026-09-28%20at%2012.54.54%E2%80%AFPM.png');"></div>
3377                <img src="https://pubmedia.parentsquare.com/feeds/full_zWIHBUGrROK8sYDOrRru_Screenshot%202026-09-28%20at%2012.54.54%E2%80%AFPM.png" alt="Allie Socher Named Next Business Manager" loading="lazy">
3378            </div>
3379                
3380                            <h2 class="stack-news-grid-title stack-news-text">            <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&amp;psqFeed=true&amp;articleID=90287486">Allie Socher Named Next Business Manager</a></h2>
3381                
3382            </div>
3383            </article>            <article id="article89437491" class="article-container article-color ss-post-feed-card" role="group" aria-label="article">
3384                            <div class="stack-news-grid-article-container">
3385                            <div class="ss-post-feed-img-container ss-constrain-image">
3386                <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_QL2sq7FSKSpIoaDTi5lb_Screenshot%202026-09-22%20at%2011.35.28%E2%80%AFAM.png');"></div>
3387                <img src="https://pubmedia.parentsquare.com/feeds/full_QL2sq7FSKSpIoaDTi5lb_Screenshot%202026-09-22%20at%2011.35.28%E2%80%AFAM.png" alt="Understanding OSD’s $560,000 Reduction in State Aid" loading="lazy">
3388            </div>
3389                
3390                            <h2 class="stack-news-grid-title stack-news-text">            <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&amp;psqFeed=true&amp;articleID=89437491">Understanding OSD’s $560,000 Reduction in State Aid</a></h2>
3391                
3392            </div>
3393            </article>            <article id="article87485576" class="article-container article-color ss-post-feed-card" role="group" aria-label="article">
3394                            <div class="stack-news-grid-article-container">
3395                            <div class="ss-post-feed-img-container ss-constrain-image">
3396                <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_U5QCrLUhQNWwO51b2orb_Screenshot%202026-09-09%20at%207.30.58%E2%80%AFAM.png');"></div>
3397                <img src="https://pubmedia.parentsquare.com/feeds/full_U5QCrLUhQNWwO51b2orb_Screenshot%202026-09-09%20at%207.30.58%E2%80%AFAM.png" alt="A New Life for the OSD Track" loading="lazy">
3398            </div>
3399                
3400                            <h2 class="stack-news-grid-title stack-news-text">            <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&amp;psqFeed=true&amp;articleID=87485576">A New Life for the OSD Track</a></h2>
3401                
3402            </div>
3403            </article>            <article id="article85987321" class="article-container article-color ss-post-feed-card" role="group" aria-label="article">
3404                            <div class="stack-news-grid-article-container">
3405                            <div class="ss-post-feed-img-container ss-constrain-image">
3406                <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_lTayT99nTHKMfwjSL
34067A2_Screenshot%202026-08-28%20at%2010.46.01%E2%80%AFAM.png');"></div>
3407                <img src="https://pubmedia.parentsquare.com/feeds/full_lTayT99nTHKMfwjSL7A2_Screenshot%202026-08-28%20at%2010.46.01%E2%80%AFAM.png" alt="What Makes Oostburg Special" loading="lazy">
3408            </div>
3409                
3410                            <h2 class="stack-news-grid-title stack-news-text">            <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&amp;psqFeed=true&amp;articleID=85987321">What Makes Oostburg Special</a></h2>
3411                
3412            </div>
3413            </article>            <article id="article85732081" class="article-container article-color ss-post-feed-card" role="group" aria-label="article">
3414                            <div class="stack-news-grid-article-container">
3415                            <div class="ss-post-feed-img-container ss-constrain-image">
3416                <div class="ss-post-feed-img-bg" style="background-image: url('https://media.parentsquare.com/studio-editor%2Fstudio-post%2F2569532%2F1787860426.jpeg?Expires=1791853023&Signature=WM2HddTJwyhITpASLef6LEE7vtWlUoUYUMpaAbmoRawJ-lP50A3zd6dnKB~tWeB3-MS1WlR2MHtjGeiOjl5GMJgq-cpmlx56sQyo1JzfpbqokqwQ2108TgNSqdbhxEpwsema4jTuvADlo73hne5P4I4~CkyQKfVy5BZmL3snh5~r3pOXuVU-~r74KE7IqotBrDtGkWPLWI2gJgDkVsuYMU7bwvUzlMpgnHa0vQdjAhzKCbvlSZjNKSlSK0SnSX4RpwJGEBUgPTKik-vRCFqBSJ3BZIcF1EdsA0uaOQiShTVjSv4A07TbwtwpJEw6pPV-YXPYbN4xQocCQO-VKkiUsg__&Key-Pair-Id=K32YKENFPCRJ60');"></div>
3417                <img src="https://media.parentsquare.com/studio-editor%2Fstudio-post%2F2569532%2F1787860426.jpeg?Expires=1791853023&Signature=WM2HddTJwyhITpASLef6LEE7vtWlUoUYUMpaAbmoRawJ-lP50A3zd6dnKB~tWeB3-MS1WlR2MHtjGeiOjl5GMJgq-cpmlx56sQyo1JzfpbqokqwQ2108TgNSqdbhxEpwsema4jTuvADlo73hne5P4I4~CkyQKfVy5BZmL3snh5~r3pOXuVU-~r74KE7IqotBrDtGkWPLWI2gJgDkVsuYMU7bwvUzlMpgnHa0vQdjAhzKCbvlSZjNKSlSK0SnSX4RpwJGEBUgPTKik-vRCFqBSJ3BZIcF1EdsA0uaOQiShTVjSv4A07TbwtwpJEw6pPV-YXPYbN4xQocCQO-VKkiUsg__&Key-Pair-Id=K32YKENFPCRJ60" alt="End of Aug 2026" loading="lazy">
3418            </div>
3419                
3420                            <h2 class="stack-news-grid-title stack-news-text">            <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&amp;psqFeed=true&amp;articleID=85732081">End of Aug 2026</a></h2>
3421                
3422            </div>
3423            </article>
3423            <article id="article85210729" class="article-container article-color ss-post-feed-card" role="group" aria-label="article">
3424                            <div class="stack-news-grid-article-container">
3425                            <div class="ss-post-feed-img-container ss-constrain-image">
3426                <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_RBBp15FWQvOO08KBx3VM_Screenshot%202026-08-21%20at%206.48.44%E2%80%AFPM.png');"></div>
3427                <img src="https://pubmedia.parentsquare.com/feeds/full_RBBp15FWQvOO08KBx3VM_Screenshot%202026-08-21%20at%206.48.44%E2%80%AFPM.png" alt="A Sandbox Inspired by Students" loading="lazy">
3428            </div>
3429                
3430                            <h2 class="stack-news-grid-title stack-news-text">            <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&amp;psqFeed=true&amp;articleID=85210729">A Sandbox Inspired by Students</a></h2>
3431                
3432            </div>
3433            </article>            <article id="article85020396" class="article-container article-color ss-post-feed-card" role="group" aria-label="article">
3434                            <div class="stack-news-grid-article-container">
3435                            <div class="ss-post-feed-img-container ss-constrain-image">
3436                <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_g1evQfBGRqajQ51Mexrd_Screenshot%202026-08-20%20at%203.44.31%E2%80%AFPM.png');"></div>
3437                <img src="https://pubmedia.parentsquare.com/feeds/full_g1evQfBGRqajQ51Mexrd_Screenshot%202026-08-20%20at%203.44.31%E2%80%AFPM.png" alt="8 Days, From Silence to Music" loading="lazy">
3438            </div>
3439                
3440                            <h2 class="stack-news-grid-title stack-news-text">            <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&amp;psqFeed=true&amp;articleID=85020396">8 Days, From Silence to Music</a></h2>
3441                
3442            </div>
3443            </article>            <article id="article84864202" class="article-container article-color ss-post-feed-card" role="group" aria-label="article">
3444                            <div class="stack-news-grid-article-container">
3445                            <div class="ss-post-feed-img-container ss-constrain-image">
3446                <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_kFFwutHwSQuVQBkvjMHg_th19.png');"></div>
3447                <img src="https://pubmedia.parentsquare.com/feeds/full_kFFwutHwSQuVQBkvjMHg_th19.png" alt="A Fresh Start for the OSD Baseball Infield" loading="lazy">
3448            </div>
3449                
3450                            <h2 class="stack-news-grid-title stack-news-text">            <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&amp;psqFeed=true&amp;articleID=84864202">A Fresh Start for the OSD Baseball Infield</a></h2>
3451                
3452            </div>
3453            </article>            <article id="article84121837" class="article-container article-color ss-post-feed-card" role="group" aria-label="article">
3454                            <div class="stack-news-grid-article-container">
3455                            <div class="ss-post-feed-img-container ss-constrain-image">
3456                <div class="ss-post-feed-img-bg" style="background-image: url('https://pubmedia.parentsquare.com/feeds/full_avfiFs7T0e2vTKYW22kg_absolutvision-82TpEld0_e4-unsplash%20Small.jpeg');"></div>
3457                <img src="https://pubmedia.parentsquare.com/feeds/full_avfiFs7T0e2vTKYW22kg_absolutvision-82TpEld0_e4-unsplash%20Small.jpeg" alt="Important School Year Information" loading="lazy">
3458            </div>
3459                
3460                            <h2 class="stack-news-grid-title stack-news-text">            <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&amp;psqFeed=true&amp;articleID=84121837">Important School Year Information</a></h2>
3461                
3462            </div>
3463            </article>            <article id="article83849112" class="article-container article-color ss-post-feed-card" role="group" aria-label="article">
3464                            <div class="stack-news-grid-article-container">
3465                            <div class="ss-post-feed-img-container ss-constrain-image">
3466                <div class="ss-post-feed-img-bg" style="background-image: url('https://posts.parentsquare.com/inline_images_36ba2263f0ba6ee2_1786376744263-unnamed.png');"></div>
3467                <img src="https://posts.parentsquare.com/inline_images_36ba2263f0ba6ee2_1786376744263-unnamed.png" alt="Please Welcome Our New Varsity Softball Coach Courtney Krabbe" loading="lazy">
3468            </div>
3469                
3470                            <h2 class="stack-news-grid-title stack-news-text">            <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&amp;psqFeed=true&amp;articleID=83849112">Please Welcome Our New Varsity Softball Coach Courtney Krabbe</a></h2>
3471                
3472            </div>
3473            </article>
3474            </div>
3475                    <div class="ss-slick-control-wrapper ">
3476            <div class="ss-slick-control-buttons">
3477                <div class="ss-slick-play-pause-wrapper">
3478                    <button aria-label="Pause Article Carousel" class="ss-slick-pause ss-button">    <svg class="nav-pause-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
3479        <g clip-path="url(#clip0_15_1083)">
3480            <rect width="40" height="40" rx="20" fill="black"/>
3481            <path d="M23 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/>
3482            <path d="M17 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/>
3483        </g>
3484        <defs>
3485            <clipPath id="clip0_15_1083">
3486                <rect width="40" height="40" fill="white"/>
3487            </clipPath>
3488        </defs>
3489    </svg></button>
3490                    <button aria-label="Play Article Carousel" class="ss-slick-play ss-button">    <svg class="nav-play-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
3491        <g clip-path="url(#clip0_15_1112)">
3492            <rect class="nav-play-circle" width="40" height="40" rx="20" fill="black" />
3493            <path d="M25.875 19.3505C26.375 19.6392 26.375 20.3608 25.875 20.6495L17.625 25.4127C17.125 25.7013 16.5 25.3405 16.5 24.7631L16.5 15.2369C16.5 14.6595 17.125 14.2987 17.625 14.5873L25.875 19.3505Z" fill="white"/>
3494        </g>
3495        <defs>
3496            <clipPath id="clip0_15_1112">
3497                <rect width="40" height="40" fill="white"/>
3498            </clipPath>
3499        </defs>
3500    </svg></button>
3501                </div>
3502                <button aria-label="Previous Article" class="slick-prev ss-button">    <div class="nav-svg-container">
3503        <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
3504            <circle cx="20" cy="20" r="20" />
3505        </svg>
3506        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="left-nav-arrow-svg nav-arrow-svg">
3507            <path d="M7.26318 1.625L2.61117 6.04442L7.26318 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
3508        </svg>
3509    </div></button>
3510                <button aria-label="Next Article" class="slick-next ss-button">    <div class="nav-svg-container">
3511        <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
3512            <circle cx="20" cy="20" r="20" />
3513        </svg>
3514        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="right-nav-arrow-svg nav-arrow-svg">
3515            <path d="M1.73682 1.625L6.38883 6.04442L1.73682 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
3516        </svg>
3517    </div></button>
3518                <button aria-label="Previous Article" class="slick-prev-mobile-carousel ss-button">    <div class="nav-svg-container">
3519        <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
3520            <circle cx="20" cy="20" r="20" />
3521        </svg>
3522        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="left-nav-arrow-svg nav-arrow-svg">
3523            <path d="M7.26318 1.625L2.61117 6.04442L7.26318 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
3524        </svg>
3525    </div></button>
3526                <button aria-label="Next Article" class="slick-next-mobile-carousel ss-button">    <div class="nav-svg-container">
3527        <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
3528            <circle cx="20" cy="20" r="20" />
3529        </svg>
3530        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="right-nav-arrow-svg nav-arrow-svg">
3531            <path d="M1.73682 1.625L6.38883 6.04442L1.73682 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
3532        </svg>
3533    </div></button>
3534            </div>
3535            
3536        </div>
3537            
3538        </div>
3539                </div>
3540    </div>
3541    <style>
3542                    #item2119385::before {
3543                width: 100vw;
3544                left: 50%;
3545                transform: translateX(-50%);
3546                background-color: #000000;
3547            }
3548                        #item2119385 .ss-component-header h2 {
3549                color: #ffffff !important;
3550            }
3551            #item2119385 .ss-component-header h2::before,
3552            #item2119385 .ss-component-header h2::after {
3553                border-color: #C6C6C6 !important;
3554            }
3555            #item2119385 .ss-editor-content,
3556            #item2119385 .news-feed-feature-columns .stack-news-grid-date,
3557            #item2119385 .news-feed-feature-columns .news-article-description,
3558            #item2119385 .news-feed-feature-rows .news-article-description {
3559                color: #ffffff !important;
3560            }
3561            #item2119385 .ss-editor-content a:not(.btn):not(.animated-button) {
3562                color: #da3831 !important;
3563            }
3564            #item2119385 .news-feed-feature-columns .stack-news-grid-date {
3565                color: #ffffff;
3566            }
3567            
3568                    .news-feed-container-5kQnjP {
3569                grid-template-columns: repeat(4, minmax(0, 1fr));
3570            }
3571            @media only screen and (max-width : 992px) {
3572                .news-feed-container-5kQnjP {
3573                    grid-template-columns: repeat(3, minmax(0, 1fr));
3574                }
3575            }
3576            @media only screen and (max-width: 768px) {
3577                .news-feed-container-5kQnjP {
3578                    grid-template-columns: repeat(2, minmax(0, 1fr));
3579                }
3580            }
3581            @media only screen and (max-width : 480px) {
3582                .news-feed-container-5kQnjP {
3583                    grid-template-columns: repeat(1, minmax(0, 1fr));
3584                }
3585            }
3586                @media (max-width: 767px) {
3587            #stack_content_2119385 .setBreakLine {
3588                clear:both;
3589            }
3590        }
3591        @media (min-width: 768px) and (max-width: 991px) {
3592            #stack_content_2119385 .setBreakLine {
3593                clear:both;
3594            }
3595        }
3596        #stack_content_2119385 .article-color,
3597        #stack_content_2119385 .article-color a {
3598            color: #333333;
3599        }
3600        #stack_content_2119385 .article-color .ss-post-feed-link {
3601            color: inherit;
3602        }
3603        #item2119385 .ss-accent-line .ss-post-feed-img-container {
3604            border-color: #000000;
3605        }
3606        #item2119385 .ss-accent-box .article-container::before {
3607            background-color: #000000;
3608        }
3609
3610        @media (max-width: 768px) {
3611            #item2119385 .ss-accent-box .ss-post-feed-img-container {
3612                border-color: #000000;
3613            }
3614        }
3615
3616        #stack_content_2119385 .carousel-control-container {
3617            display: flex;
3618            flex-direction: row;
3619            justify-content: center;
3620            margin-top: 50px;
3621            margin-bottom: 10px;
3622        }
3623
3624        #stack_content_2119385 .carousel-control-container .fa-solid {
3625            line-height: inherit;
3626        }
3627
3628        #stack_content_2119385 .carousel-control-container i {
3629            font-size: 25px;
3630            color: #DCDCDC;
3631        }
3632
3633        #stack_content_2119385 .carousel-control-container i:hover {
3634            color: black;
3635        }
3636
3637
3638        #stack_content_2119385 .carousel-control-container ol {
3639            list-style: none;
3640            display: flex;
3641            flex-direction: row;
3642            gap: 10px;
3643            align-items: center;
3644            padding: 0;
3645            margin: 0 10px;
3646        }
3647
3648        #stack_content_2119385 .carousel-control-container li {
3649            background-color: #DCDCDC;
3650            width: 10px;
3651            height: 10px;
3652            cursor: pointer;
3653            border: 1px solid #fff;
3654            border-radius: 10px;
3655        }
3656
3657        #stack_content_2119385  .carousel-control-container .active {
3658            background-color: black;
3659        }
3660
3661        #stack_content_2119385 .container .news-feed-container-5kQnjP h2:not(.ss-component-header-title),
3662        #stack_content_2119385 .container .news-feed-container-5kQnjP h3:not(.ss-component-header-title),
3663        #stack_content_2119385 .news-feed-container-5kQnjP h4,
3664        #stack_content_2119385 .news-feed-psq h2,
3665        #stack_content_2119385 .news-feed-psq h3,
3666        #stack_content_2119385 .news-feed-psq h4 {
3667            font-family: Outfit, sans-serif;
3668    font-weight: 700;            font-size: 24px;
3669            color: #da3831;
3670        }
3671    </style>
3672                <div class="clearfix"></div>
3673    </section>
3674<section data-comp="spotlight" class="ss-component stack-item-container editme ss-no-pad break-out  " id="item2119386">
3675    <!-- Stack Spotlight Component -->
3676    <div class="clearfix"></div>
3677            <div id="stack_content_2119386" class="stack-item-view-container ">
3678                <div class="ss-component-content container">
3679                    <div class="ss-editor-content ss-component-intro ss-linked-image-hover-zoom"></div>            <div class="spotlight-container spotlight-layout-small spotlight-layout-small-with-body spotlight-layout-photo-left spotlight-hor-text-align-left spotlight-vert-text-align-center spotlight-caption-gradient spotlight-caption-align-center spotlight-caption-responsive spotlight-caption-width-small">
3680                <div class="spotlight-nav-container">
3681                    <div class="spotlight-nav-options">
3682                                            </div>
3683                </div>
3684                <div id="spotlightCarousel_2119386"
3685                     class="carousel slide spotlight-carousel-container carousel-fade"
3686                     role="region"
3687                     aria-label="Spotlight"
3688                     data-ride="carousel"
3689                     data-interval="6000"
3690                     >
3691                    <div class="carousel-inner">
3692                            <div class="item active"
3693         data-index="0"
3694         role="group"
3695         aria-roledescription="Slide"
3696         aria-label="Slide 1 of 1: Group of students"
3697         data-ss-slide-announcement="Slide 1 of 1. Group of students">
3698            <div class="spotlight-slide">
3699        <div class="spotlight-slide-component">
3700            <div class="spotlight-image-container spotlight-image-container-0 ">
3701                <img src="https://files.smartsites.parentsquare.com/13419/bi1htfsdpoh1beajpmp.png" alt='Group of students' />
3702            </div>
3703        </div>
3704        <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color">
3705            <div class="spotlight-text-container">
3706                
3707                
3708            </div>
3709        </div>
3710    </div>
3711    </div>                    </div>
3712                </div>
3713                <div class="normalize-slides">
3714                        <div class="spotlight-slide">
3715        <div class="spotlight-slide-component">
3716            <div class="spotlight-image-container spotlight-image-container-0 ">
3717                <img src="https://files.smartsites.parentsquare.com/13419/bi1htfsdpoh1beajpmp.png" alt='Group of students' />
3718            </div>
3719        </div>
3720        <div class="spotlight-slide-component spotlight-hide-gradient-bg spotlight-hide-bg spotlight-no-text-bg spotlight-slide-bg-color">
3721            <div class="spotlight-text-container">
3722                
3723                
3724            </div>
3725        </div>
3726    </div>                </div>
3727                    <div class="spotlight-component-body-panel spotlight-slide-bg-color">
3728        <div class="spotlight-component-body-content">
3729            
3730            <div class="ss-editor-content spotlight-component-body-text ss-linked-image-hover-zoom">
3731                <p style="text-align: center;"><strong><span style="font-size:36px;">Events</span></strong><br />
3732<span style="font-family:Inter;"><span style="font-size:60px;"><span style="line-height:1;"><strong>WHAT&#39;S HAPPENING</strong></span></span></span><br />
3733<span style="font-size:26px;">Our calendars are your one-stop shop for everything going on in the next few weeks and months!<br />
3734<br />
3735<a class="btn btn-info" data-jsplus-bb="1" href="/district-calendar">Academic Calendar<span aria-hidden="true" class="ss-button-icon"></span></a>&nbsp;<a class="btn btn-info" data-jsplus-bb="1" href="/activities-calendar">Activities Calendar<span aria-hidden="true" class="ss-button-icon"></span></a></span></p>
3736
3737            </div>
3738        </div>
3739    </div>                            </div>
3740        </div>
3741    </div>
3742    <div class="clearfix"></div>
3743
3744    <!-- Stack Spotlight Designer CSS -->
3745    <style>
3746        #item2119386 .spotlight-slide-bg-color {
3747            background-color: #da3831;        }
3748
3749    #item2119386 .spotlight-text-container .spotlight-slide-title {
3750        font-family: Outfit, sans-serif;
3751    font-weight: 700;        color: #ffffff;    }
3752
3753    #item2119386 .spotlight-text-cta-container p {
3754        font-family: "Reddit Sans", sans-serif;        color: #ffffff;    }
3755
3756    @media only screen and (min-width : 1100px) {
3757        #item2119386 .spotlight-text-container .spotlight-slide-title {
3758            font-size: 36px;        }
3759        #item2119386 .spotlight-text-cta-container p {
3760            font-size: 22px;        }
3761    }
3762
3763        #item2119386 .spotlight-image-container-0:before {
3764        background-image: url('https://files.smartsites.parentsquare.com/13419/bi1htfsdpoh1beajpmp.png');
3765    }
3766            #item2119386 .animated-button svg path {
3767        stroke: #333333;
3768    }
3769
3770    #item2119386 .animated-button {
3771        color: #333333;
3772        background-color: #ffffff;
3773        font-family: "Reddit Sans", sans-serif;
3774    }
3775        #item2119386 .animated-button {
3776        font-size: 16px;
3777    }
3778
3779    #item2119386 .animated-button .animated-button-text {
3780        transform: translateX(4.6666666666667px);
3781    }
3782
3783    #item2119386 .animated-button svg {
3784        height: 11.2px;
3785    }
3786        @media only screen and (max-width : 991px) {
3787            #item2119386 .animated-button {
3788        font-size: 16px;
3789    }
3790
3791    #item2119386 .animated-button .animated-button-text {
3792        transform: translateX(4.6666666666667px);
3793    }
3794
3795    #item2119386 .animated-button svg {
3796        height: 11.2px;
3797    }
3798    }
3799        #item2119386 .spotlight-component-body-panel .ss-component-header {
3800        padding: 0;
3801        max-width: 100%;
3802    }
3803
3804    #item2119386 .spotlight-component-body-panel .ss-component-header-title {
3805        color: #ffffff;    }
3806
3807    #item2119386 .spotlight-component-body-panel .ss-component-header-title::before,
3808    #item2119386 .spotlight-component-body-panel .ss-component-header-title::after {
3809        border-color: currentColor;
3810    }
3811
3812    #item2119386 .spotlight-component-body-text {
3813        color: #ffffff;    }
3814
3815    #item2119386 .spotlight-component-body-text a,
3816    #item2119386 .spotlight-component-body-text a:visited {
3817        color: #ffffff;    }
3818        </style>
3819</section>
3820</div>        <style>
3821        .makeTableResponsive table {
3822            width:100% !important;
3823        }
3824        </style>
3825    </div>
3826    </div>    <div id="directoryModal" class="directoryModal modal fade" role="dialog">
3827        <div class="modal-dialog modal-xxl">
3828            <div class="directoryModalContent modal-content"></div>
3829        </div>
3830    </div>
3831        <div id="ss-components-shared-modal" class="modal ss-lightbox-modal ss-lightbox-modal-default " role="dialog" aria-modal="true">
3832        <div class="ss-lightbox-modal-content-wrap">
3833            <div class="ss-lightbox-modal-content ">
3834                
3835                <button class="ss-button ss-close-modal" data-dismiss="modal" aria-label="Close"><i class="fa-regular fa-xmark-large" aria-hidden="true"></i></button>
3836                <div class="ss-lightbox-modal-content-inner">
3837                    
3838                </div>
3839            </div>
3840        </div>
3841    </div>
3842        
3842<script>
3843        $(document).ready(() => {
3844            const lightboxModal = $('#ss-components-shared-modal');
3845            ;
3846            lightboxModal.on('show.bs.modal', function(e) {
3847                $('html').addClass('modal-open');
3848            });
3849            lightboxModal.on('hide.bs.modal', function(e) {
3850                $('html').removeClass('modal-open');
3851            });
3852        });
3853    </script>
3853    <div id="ckeditor-contactForm-modal" class="modal ss-lightbox-modal ss-lightbox-modal-default " role="dialog" aria-modal="true">
3854        <div class="ss-lightbox-modal-content-wrap">
3855            <div class="ss-lightbox-modal-content ">
3856                
3857                <button class="ss-button ss-close-modal" data-dismiss="modal" aria-label="Close"><i class="fa-regular fa-xmark-large" aria-hidden="true"></i></button>
3858                <div class="ss-lightbox-modal-content-inner">
3859                    
3860                </div>
3861            </div>
3862        </div>
3863    </div>
3864        
3864<script>
3865        $(document).ready(() => {
3866            const lightboxModal = $('#ckeditor-contactForm-modal');
3867            ;
3868            lightboxModal.on('show.bs.modal', function(e) {
3869                $('html').addClass('modal-open');
3870            });
3871            lightboxModal.on('hide.bs.modal', function(e) {
3872                $('html').removeClass('modal-open');
3873            });
3874        });
3875    </script>
3875<link rel="modulepreload" href="/dist/assets/staffMessageWidget-CbWF7cnU.js" />
3876<link rel="modulepreload" href="/dist/assets/client-BM4SMm7c.js" />
3877<link rel="modulepreload" href="/dist/assets/QueryClientProvider-DKdJarPO.js" />
3878<link rel="modulepreload" href="/dist/assets/index-CvdBQeSo.js" />
3879<link rel="modulepreload" href="/dist/assets/index-Dsgd8vKg.js" />
3880<link rel="modulepreload" href="/dist/assets/index-Cvd99TXz.js" />
3881<link rel="modulepreload" href="/dist/assets/index-DQ8APFtF.js" />
3882<link rel="modulepreload" href="/dist/assets/_commonjsHelpers-CE1G-McA.js" />
3883<link rel="modulepreload" href="/dist/assets/useMutation-DGF_4GXS.js" />
3884<link rel="modulepreload" href="/dist/assets/useThemeColors-DBnXCWOx.js" /><link rel="stylesheet" href="/dist/assets/staffMessageWidget-D-Nia0TG.css" />
3884<script type="module" src="/dist/assets/staffMessageWidget-CbWF7cnU.js"></script>
3884<script type="text/javascript">
3885window.SS_RECAPTCHA_SITE_KEY = "6LcgqJAUAAAAAJhQs01VmAHQEf3SatmIFQjI7iNP";
3886window.SS_STAFF_MESSAGE_PRIMARY_COLOR = "#DA3831";
3887window.SS_STAFF_MESSAGE_LINK_COLOR = "#DA3831";
3888window.SS_STAFF_MESSAGE_EMAIL_VERIFICATION_REQUIRED = true;
3889</script>
3889
3890				</main><div class="clear"></div>
3890<script src="https://cdn.smartsites.parentsquare.com/lib/js/jquery.easing.min.js"
3891    integrity="sha384-BGrD3OMInJgjhGMyo8n7zkA2aX/F/D9fgsHRul+tNuEmTetjjVvCYScH+vzDxXS/"
3892    crossorigin="anonymous"
3893></script>
vendor: 1 bytes, line 3893
3893
3894<script src="https://cdn.smartsites.parentsquare.com/lib/js/jquery.touchSwipe.min.js"
3895    integrity="sha384-7cTUdoLHcGTkEhDkUdvPmzGtbhnP2KvCw0CKODNfSXUdFLtdX/bHC9ydtgUrQOPx"
3896    crossorigin="anonymous"
3897></script>
vendor: 1 bytes, line 3897
3897
3898<script type="text/javascript" src="/includes/js/jquery.liquid-slider.min.js"></script>
3898
3899
3900<!--end lesson plans-->
3901
3902<footer class="psq_admin_footer clearfix container footer-container-wide ss-has-footer-logo" id="footer_seven" style="background-image: url(https://files.smartsites.parentsquare.com/13419/footer_logo_img_ua3292o5vha17pncngo.png);">
3903<div class="school-footer-row school-footer-top-row">
3904    <div class="school-footer-col school-footer-wide-col">
3905        <div class="school-footer-seven-general-info">
3906            <p class="school-footer-seven-name">Oostburg School District</p>
3907                <div class="school-footer-seven-address-info">
3908        <span class="school-footer-seven-contact-label" aria-hidden="true">Address:</span> <a class="school-footer-seven-contact-link" aria-label="Address 410 New York Ave, Oostburg, WI 53070" href="https://www.google.com/maps/place/410+New+York+Ave+Oostburg+WI+53070" target="_blank" rel="noopener noreferrer">
3909                <span class="school-footer-seven-address-street-info">    <span>410 New York Ave</span></span><span>Oostburg, WI 53070</span>
3910        </a>
3911    </div>
3912            <div class="school-footer-seven-contact-info">
3913                <span class="school-footer-seven-contact-pair"><span><span class="school-footer-seven-contact-label" aria-hidden="true">Phone:</span> <a class="school-footer-seven-contact-link" aria-label="Phone +1 920-564-2346" href="tel:19205642346">+1 920-564-2346</a></span></span>
3914            </div>
3915                <ul class="school-footer-seven-social-info ss-social-solid">
3916                        <li>
3917                    <a href="https://www.facebook.com/profile.php?id=61588500352638" target="_blank" rel="noopener noreferrer">
3918                        <i class="fa-brands fa-facebook-f" role="img" aria-label="facebook"></i>
3919                    </a>
3920                </li>                <li>
3921                    <a href="https://www.instagram.com/oostburgschools" target="_blank" rel="noopener noreferrer">
3922                        <i class="fa-brands fa-instagram" role="img" aria-label="instagram"></i>
3923                    </a>
3924                </li>                <li>
3925                    <a href="https://youtube.com/oostburgschools" target="_blank" rel="noopener noreferrer">
3926                        <i class="fa-brands fa-youtube" role="img" aria-label="youtube"></i>
3927                    </a>
3928                </li>                <li>
3929                    <a href="https://podcast.oostburg.k12.wi.us/" target="_blank" rel="noopener noreferrer">
3930                        <i class="fa-solid fa-podcast" role="img" aria-label="Podcast"></i>
3931                    </a>
3932                </li>
3933    </ul>
3934        </div>
3935    </div>
3936    <div class="school-footer-col">
3937        <div class="school-footer-seven-important-links">
3938            
3939            <nav class="school-footer-seven-site-links" aria-label="Utility Links">
3940                <ul>
3941                    
3942                    <li><a class="site-link" href="/site_map">Site Map</a></li>
3943                    <li><a class="site-link" href="/accessibility">Accessibility</a></li>
3944                    <li><a class="site-link" href="/index.php?pageID=login">Sign In</a></li>
3945                    
3946                </ul>
3947            </nav>
3948        </div>
3949    </div>
3950</div>
3951<div class="school-footer-row school-footer-bottom-row">
3952    <div class="school-footer-other">
3953        <div class="school-footer-copyright-name">
3954            Contents © 2026 Oostburg School District
3955        </div>
3956                    <div class="school-footer-disclaimer-text">
3957                Notice of Non-Discrimination:
3958
3959No person may be denied admission to any public school in the district or be denied participation in, be denied the benefits of, or be discriminated against in any curricular, co-curricular, student services, recreational or other program or activity because of the person’s sex, race, color, national origin, ancestry, creed, religion, pregnancy, marital or parental status, sexual orientation, handicap or physical, mental, emotional or learning disability in the educational programs or activities operated by the School District of Oostburg.
3960            </div>
3961        <ul class="school-footer-parentsquare-links ss-light-color">
3962            <li>
3963                <a class="smart-sites-link" target="_blank" rel="noopener noreferrer" href="https://www.parentsquare.com" aria-label="ParentSquare" id="smart-sites-link">
3964                                <svg width="129" height="20" viewBox="0 0 129 20" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="smart-sites-link">
3965                <path d="M25.9909 4.35146H30.8791C31.7097 4.35146 32.4561 4.51348 33.0992 4.85295C33.7423 5.19242 34.2361 5.64761 34.6035 6.24939C34.9557 6.85117 35.128 7.51468 35.
3965128 8.25147C35.128 8.98827 34.9519 9.66334 34.6035 10.2381C34.2514 10.8283 33.7576 11.2835 33.1145 11.6076C32.4714 11.9316 31.7288 12.0936 30.8676 12.0936H28.3412V16.0052H25.9756V4.34375L25.9909 4.35918V4.35146ZM31.8284 9.76364C32.104 9.61705 32.3107 9.40874 32.4714 9.14643C32.6169 8.88026 32.6896 8.57165 32.6896 8.24761C32.6896 7.92358 32.6169 7.59954 32.4714 7.33723C32.326 7.07491 32.1078 6.8666 31.8284 6.72002C31.5489 6.57343 31.2427 6.50013 30.8791 6.50013H28.3527V10.0144H30.8791C31.2312 10.0144 31.5489 9.94109 31.8284 9.7945V9.76364Z" fill="#FFFFFF"/>
3966                <path d="M42.0301 8.10106C41.3602 7.52628 40.4836 7.24854 39.4042 7.24854C38.3247 7.24854 38.0759 7.36812 37.5209 7.60343C36.9659 7.83874 36.5295 8.14735 36.1926 8.56011C35.8558 8.95744 35.6529 9.41263 35.5802 9.91412L37.8003 10.4156C37.8731 10.0028 38.0644 9.67881 38.3401 9.45893C38.6157 9.23904 38.9831 9.11946 39.4195 9.11946C39.8559 9.11946 40.1621 9.20818 40.4262 9.3972C40.6904 9.59008 40.8205 9.83697 40.8205 10.1456C40.8205 10.4542 40.7631 10.5275 40.6291 10.6316C40.499 10.7358 40.3076 10.8091 40.032 10.8245L38.6463 10.9557C37.7123 11.0444 36.9238 11.3106 36.296 11.7349C35.6682 12.1631 35.3467 12.8227 35.3467 13.7215C35.3467 14.6204 35.4653 14.6628 35.7103 15.0293C35.9591 15.3957 36.2807 15.6928 36.7017 15.8818C37.1266 16.0862 37.5936 16.175 38.118 16.175C38.6425 16.175 39.3008 16.0438 39.7946 15.7776C40.2042 15.5577 40.5372 15.2916 40.8167 14.9521V15.9975H43.0483V10.5699C43.0483 9.48207 42.7115 8.65655 42.0416 8.08563L42.0263 8.10106H42.0301ZM40.5143 13.3821C40.3114 13.6907 40.0473 13.9414 39.7257 14.1189C39.3889 14.3118 39.0406 14.3966 38.6731 14.3966C38.3056 14.3966 38.0606 14.3233 37.8692 14.1613C37.6778 13.9993 37.5783 13.7948 37.5783 13.5287C37.5783 13.2625 37.6664 13.0889 37.8539 12.9269C38.03 12.7649 38.2903 12.6607 38.6271 12.6183L40.0702 12.4563C40.3612 12.4254 40.5679 12.383 40.7133 12.3251C40.7554 12.3097 40.8014 12.2827 40.832 12.2518V12.4293C40.832 12.7687 40.7286 13.0773 40.5411 13.3859H40.5104L40.5143 13.3821Z" fill="#FFFFFF"/>
3967                <path d="M48.3957 7.3371C47.9287 7.45669 47.5191 7.66114 47.1402 7.98517C46.9488 8.14719 46.7765 8.34007 46.631 8.52909V7.41039H44.3994V16.0128H46.631V11.2024C46.631 10.7163 46.7765 10.3036 47.0559 9.96797C47.3315 9.6285 47.7258 9.42405 48.2081 9.33532C48.7057 9.2466 49.2302 9.30446 49.812 9.49734V7.37953C49.3297 7.23295 48.8474 7.21752 48.3957 7.3371Z" fill="#FFFFFF"/>
3968                <path d="M58.4778 9.89483C58.1257 9.08474 57.586 8.4521 56.874 7.9699C56.1429 7.49928 55.3122 7.24854 54.3782 7.24854C53.4442 7.24854 52.7744 7.44141 52.1007 7.83874C51.4155 8.23607 50.8757 8.76456 50.4968 9.45507C50.1025 10.1301 49.9111 10.8978 49.9111 11.704C49.9111 12.5103 50.114 13.2934 50.5083 13.9839C50.9179 14.6589 51.4576 15.2029 52.1581 15.5886C52.8586 15.9705 53.6165 16.1788 54.4777 16.1788C55.339 16.1788 56.1697 15.9744 56.8548 15.5616C57.54 15.1488 58.0951 14.5895 58.4893 13.8836L56.652 13.0465C56.4491 13.4284 56.1543 13.7215 55.7907 13.9453C55.4271 14.169 55.0022 14.2693 54.5352 14.2693C54.0682 14.2693 53.6318 14.1497 53.2643 13.9299C52.8854 13.71 52.5944 13.4014 52.4031 13.0195C52.315 12.8574 52.2576 12.6954 52.2002 12.518H58.7841C58.9448 11.5767 58.8415 10.6933 58.4932 9.89869H58.4778V9.89483ZM53.1954 9.51293C53.5476 9.29305 53.938 9.1889 54.3629 9.1889C54.7878 9.1889 55.1821 9.29305 55.5151 9.48207C55.8519 9.68652 56.1122 9.95269 56.3189 10.3192C56.407 10.4658 56.4644 10.6278 56.5218 10.8052H52.2155C52.2576 10.6741 52.3035 10.5545 52.3763 10.4387C52.5791 10.0414 52.8433 9.73281 53.2069 9.52836L53.1916 9.51293H53.1954Z" fill="#FFFFFF"/>
3969                <path d="M68.0248 8.98415C67.7339 8.44023 67.3397 8.02747 66.8152 7.71887C66.2908 7.41026 65.6899 7.26367 65.02 7.26367C64.3501 7.26367 63.7491 7.42569 63.2247 7.76516C62.8879 7.98504 62.597 8.23578 62.3635 8.54439V7.44112H60.1318V16.0435H62.3635V11.2331C62.3635 10.8666 62.4515 10.5426 62.6276 10.2494C62.8037 9.95626 63.0372 9.73638 63.3281 9.57436C63.619 9.41234 63.9405 9.33905 64.3042 9.33905C64.6678 9.33905 65.0353 9.42777 65.3262 9.57436C65.6171 9.73638 65.8353 9.95626 65.9961 10.2494C66.1569 10.5426 66.2296 10.8666 66.2296 11.2331V16.0435H68.4612V10.8242C68.4612 10.1491 68.3158 9.5435 68.0363 8.99958L68.021 8.98415H68.0248Z" fill="#FFFFFF"/>
3970                <path d="M68.8974 7.42578H70.6199V5.61658L72.8515 4.91064V7.41035H75.0717V9.397H72.8515V12.811C72.8515 13.2391 72.9549 13.5478 73.1425 13.7368C73.3339 13.9297 73.6401 14.0299 74.0611 14.0299H75.0679V16.0166H74.0611C72.8937 16.0166 72.0324 15.7389 71.462 15.1911C70.8917 14.6472 70.6161 13.8101 70.6161 12.6914V9.41243H68.8936V7.42578H68.8974Z" fill="#FFFFFF"/>
3971                <path d="M79.2591 13.6907C79.6228 13.9838 80.1357 14.1304 80.7788 14.1304C81.4218 14.1304 81.4946 14.0726 81.785
39715 13.953C82.0764 13.8334 82.2946 13.6752 82.4554 13.4669C82.6161 13.2625 82.6889 13.0272 82.6889 12.7764C82.6889 12.5257 82.5855 12.2325 82.3826 12.0396C82.1798 11.8467 81.9156 11.7001 81.6094 11.5844C81.3032 11.4648 80.8668 11.3337 80.3232 11.1871C79.5194 10.9826 78.8495 10.7589 78.3251 10.539C77.8007 10.3191 77.349 9.97967 76.9815 9.50905C76.6026 9.03842 76.4112 8.42121 76.4112 7.62655C76.4112 6.83189 76.6026 6.39213 76.9815 5.85978C77.3605 5.3313 77.8734 4.91854 78.5127 4.62536C79.1711 4.33218 79.883 4.17017 80.6563 4.17017C81.4295 4.17017 82.1606 4.30132 82.7884 4.58293C83.4161 4.86067 83.9252 5.24643 84.308 5.72863C84.687 6.21468 84.9205 6.77403 85.0085 7.40667L82.6314 7.89272C82.5434 7.37967 82.3252 6.96691 81.9616 6.67373C81.5979 6.36513 81.1424 6.21854 80.5759 6.21854C80.0094 6.21854 79.9328 6.2764 79.6725 6.38056C79.4084 6.50014 79.2055 6.64673 79.0754 6.83575C78.9299 7.02863 78.8572 7.24851 78.8572 7.48382C78.8572 7.71913 78.9605 7.98531 79.1481 8.1589C79.3395 8.33635 79.5845 8.48293 79.8792 8.58709C80.1701 8.69124 80.595 8.8224 81.1194 8.95356C81.9501 9.15801 82.6238 9.38175 83.1482 9.61706C83.6726 9.83694 84.1396 10.2073 84.5186 10.6895C84.8975 11.1755 85.1042 11.8352 85.1042 12.6761C85.1042 13.5171 84.9128 13.926 84.5186 14.4545C84.1396 14.9829 83.5999 15.3957 82.9262 15.7043C82.2563 16.0129 81.5099 16.1595 80.6792 16.1595C79.439 16.1595 78.4017 15.8663 77.5863 15.2761C76.7672 14.6859 76.2887 13.8951 76.1279 12.9076L78.505 12.4215C78.6237 12.95 78.8572 13.3628 79.2208 13.6559L79.2629 13.6868L79.2591 13.6907Z" fill="#FFFFFF"/>
3972                <path d="M92.8624 7.42598V8.44053C92.6595 8.20521 92.426 8.01234 92.1619 7.83874C91.5762 7.45684 90.9064 7.24854 90.1485 7.24854C89.3905 7.24854 88.69 7.44141 88.0623 7.83874C87.4345 8.23607 86.9369 8.76456 86.5886 9.45507C86.2249 10.1301 86.0488 10.8978 86.0488 11.704C86.0488 12.5103 86.2249 13.2934 86.5886 13.9839C86.9522 14.6589 87.4345 15.2029 88.0623 15.5886C88.69 15.9705 89.3905 16.1788 90.1485 16.1788C90.9064 16.1788 91.5801 15.9859 92.1619 15.5886C92.426 15.4112 92.6442 15.2221 92.8624 14.9868V19.342H95.094V7.41441H92.8624V7.42984V7.42598ZM92.5715 12.9423C92.3686 13.3088 92.1045 13.6058 91.7523 13.8103C91.4155 14.0147 91.0365 14.1343 90.6155 14.1343C90.1944 14.1343 89.7963 14.0302 89.4633 13.8103C89.1264 13.6058 88.8661 13.3088 88.6594 12.9423C88.4565 12.5758 88.3685 12.1631 88.3685 11.7233C88.3685 11.2836 88.4719 10.8708 88.6594 10.5043C88.8623 10.1379 89.1264 9.84082 89.4786 9.63637C89.8154 9.43192 90.1944 9.31234 90.6155 9.31234C91.0365 9.31234 91.4346 9.41649 91.7676 9.63637C92.1045 9.84082 92.3648 10.1379 92.5715 10.5043C92.7782 10.8708 92.8624 11.2836 92.8624 11.7233C92.8624 12.1631 92.759 12.5758 92.5715 12.9423Z" fill="#FFFFFF"/>
3973                <path d="M98.6857 7.42578V12.3982C98.6857 12.7377 98.7584 13.0463 98.9038 13.3086C99.0493 13.5709 99.2675 13.7792 99.5316 13.9258C99.7957 14.0724 100.102 14.1457 100.45 14.1457C100.799 14.1457 101.093 14.0724 101.369 13.9258C101.633 13.7792 101.851 13.5709 101.997 13.3086C102.142 13.0463 102.215 12.7338 102.215 12.3982V7.42578H104.447V12.3982C104.447 13.1466 104.27 13.7946 103.937 14.3694C103.601 14.9442 103.118 15.384 102.521 15.708C101.909 16.032 101.224 16.194 100.45 16.194C99.6771 16.194 98.9919 16.032 98.3909 15.7234C97.7938 15.3994 97.3115 14.9596 96.9746 14.3848C96.6224 13.8101 96.4502 13.1504 96.4502 12.3982V7.42578H98.6818H98.6857Z" fill="#FFFFFF"/>
3974                <path d="M112.187 8.10106C111.517 7.52628 110.641 7.24854 109.561 7.24854C108.482 7.24854 108.233 7.36812 107.678 7.60343C107.123 7.83874 106.687 8.14735 106.35 8.56011C106.013 8.95744 105.81 9.41263 105.737 9.91412L107.958 10.4156C108.03 10.0028 108.222 9.67881 108.497 9.45893C108.773 9.23904 109.14 9.11946 109.577 9.11946C110.013 9.11946 110.319 9.20818 110.583 9.3972C110.848 9.58623 110.978 9.83697 110.978 10.1456C110.978 10.4542 110.92 10.5275 110.786 10.6316C110.656 10.7358 110.465 10.8091 110.189 10.8245L108.804 10.9557C107.87 11.0444 107.081 11.3106 106.453 11.7349C105.825 12.1631 105.504 12.8227 105.504 13.7215C105.504 14.6204 105.623 14.6628 105.868 15.0293C106.113 15.3957 106.438 15.6928 106.859 15.8818C107.284 16.0862 107.751 16.175 108.275 16.175C108.8 16.175 109.458 16.0438 109.952 15.7776C110.361 15.5577 110.694 15.2916 110.974 14.9521V15.9975H113.206V10.5699C113.206 9.48207 112.869 8.65655 112.199 8.08563L112.183 8.10106H112.187ZM110.656 13.3821C110.453 13.6907 110.189 13.9414 109.868 14.1189C109.531 14.3118 109.182 14.3966 108.815 14.3966C108.448 14.3966 108.203 14.3233 108.011 14.1613C107.82 13.9993 107.72 13.7948 107.72 13.5287C107.72 13.2625 107.808 13.0889 107.996 12.9269C108.172 12.7649 108.432 12.6607 108.769 12.6183L110.212 12.4563C110.503 12.4254 110.71 12.383 110.855 12.3251C110.897 12.3097 110.943 12.2827 110.974 12.2518V12.4293C110.974 12.7687 110.871 13.0773 110.683 13.3859H110.652L110.656 13.3821Z" fill="#FFFFFF"/>
3975                <path d="M118.549 7.3371C118.082 7.45669 117.672 7.66114 117.293 7.98517C117.102 8.14719 116.93 8.34007 116.784 8.52909V7.41039H114.553V16.0128H116.784V11.2024C116.784 10.7163 116.93 10.3036 117.209 9.96797C117.485 9.6285 117.879 9.42405 118.361 9.33532C118.859 9.2466 119.383 9.30446 119.965 9.49734V7.37953C119.483 7.23295 119.001 7.21752 118.549 7.3371Z" fill="#FFFFFF"/>
3976                <path d="M128.619 9.89483C128.267 9.08474 127.728 8.4521 127.016 7.9699
3976C126.284 7.49928 125.454 7.24854 124.52 7.24854C123.586 7.24854 122.916 7.44141 122.242 7.83874C121.557 8.23607 121.017 8.76456 120.638 9.45507C120.244 10.1301 120.053 10.8978 120.053 11.704C120.053 12.5103 120.256 13.2934 120.65 13.9839C121.059 14.6589 121.599 15.2029 122.3 15.5886C123 15.9705 123.758 16.1788 124.619 16.1788C125.481 16.1788 126.311 15.9744 126.996 15.5616C127.682 15.1488 128.237 14.5895 128.631 13.8836L126.794 13.0465C126.591 13.4284 126.296 13.7215 125.932 13.9453C125.569 14.169 125.144 14.2693 124.677 14.2693C124.21 14.2693 123.773 14.1497 123.406 13.9299C123.027 13.71 122.736 13.4014 122.545 13.0195C122.457 12.8574 122.399 12.6954 122.342 12.518H128.926C129.086 11.5767 128.983 10.6933 128.635 9.89869H128.619V9.89483ZM123.337 9.51293C123.689 9.29305 124.08 9.1889 124.505 9.1889C124.929 9.1889 125.324 9.29305 125.657 9.48207C125.994 9.68652 126.254 9.95269 126.461 10.3192C126.549 10.4658 126.606 10.6278 126.663 10.8052H122.357C122.399 10.6741 122.445 10.5545 122.518 10.4387C122.721 10.0414 122.985 9.73281 123.349 9.52836L123.333 9.51293H123.337Z" fill="#FFFFFF"/>
3977                <path d="M8.80021 1.08784C8.80021 0.705936 8.80021 0.351039 8.7849 0C2.12828 0.192879 0.176081 2.16024 0 8.86856C0.33685 8.86856 0.700496 8.88399 1.06414 8.88399C1.86799 8.88399 2.5838 8.85313 3.23836 8.79527C6.97433 8.4558 8.39064 7.04393 8.71217 3.26351C8.76959 2.61543 8.80021 1.8825 8.80021 1.08784Z" fill="#FFFFFF"/>
3978                <path d="M11.0166 1.08784C11.0166 0.705936 11.0166 0.351039 11.0319 0C17.6885 0.192879 19.6407 2.16024 19.8168 8.86856C19.48 8.86856 19.1163 8.88399 18.7527 8.88399C17.9488 8.88399 17.233 8.85313 16.5785 8.79527C12.8425 8.4558 11.4262 7.04393 11.1046 3.26351C11.0472 2.61543 11.0166 1.8825 11.0166 1.08784Z" fill="#FFFFFF"/>
3979                <path d="M11.0166 18.8828C11.0166 19.2647 11.0166 19.6196 11.0319 19.9707C17.6885 19.7778 19.6407 17.8104 19.8168 11.1021C19.48 11.1021 19.1163 11.0867 18.7527 11.0867C17.9488 11.0867 17.233 11.1175 16.5785 11.1754C12.8425 11.5149 11.4262 12.9267 11.1046 16.7072C11.0472 17.3552 11.0166 18.0882 11.0166 18.8828Z" fill="#FFFFFF"/>
3980                <path d="M8.80021 18.8828C8.80021 19.2647 8.80021 19.6196 8.7849 19.9707C2.12828 19.7778 0.176081 17.8104 0 11.1021C0.33685 11.1021 0.700496 11.0867 1.06414 11.0867C1.86799 11.0867 2.5838 11.1175 3.23836 11.1754C6.97433 11.5149 8.39064 12.9267 8.71217 16.7072C8.76959 17.3552 8.80021 18.0882 8.80021 18.8828Z" fill="#FFFFFF"/>
3981            </svg>
3982                </a>
3983            </li>
3984            
3985    </ul>
3986    </div>
3987</div>        <style>
3988            .school-footer-seven-general-info .school-footer-seven-name {
3989                font-family: Outfit, sans-serif;
3990    font-weight: 700;
3991                font-size: 22px;
3992                color: white !important;
3993                margin: 0;
3994            }
3995            #footer_seven.psq_admin_footer .school-footer-seven-address-info,
3996            #footer_seven.psq_admin_footer .school-footer-seven-contact-info,
3997            #footer_seven.psq_admin_footer .school-footer-seven-contact-label,
3998            #footer_seven.psq_admin_footer .school-footer-copyright-name,
3999            #footer_seven.psq_admin_footer .school-footer-disclaimer-text,
4000            #footer_seven.psq_admin_footer div.goog-te-gadget,
4001            #footer_seven #google_translate_element a {
4002                font-family: "Reddit Sans", sans-serif;
4003                color: white !important;
4004            }
4005
4006            #footer_seven {
4007                --footer-seven-separator-color: white;
4008            }
4009
4010            #footer_seven.psq_admin_footer .school-footer-seven-address-info,
4011            #footer_seven.psq_admin_footer .school-footer-seven-contact-info,
4012            #footer_seven.psq_admin_footer .school-footer-seven-contact-label {
4013                font-size: 18px;
4014                font-weight: normal !important;
4015            }
4016
4017            #footer_seven.psq_admin_footer .school-footer-copyright-name,
4018            #footer_seven.psq_admin_footer .school-footer-disclaimer-text {
4019                font-size: 13px;
4020            }
4021
4022            html body #footer_seven.psq_admin_footer .school-footer-seven-general-info a.school-footer-seven-contact-link,
4023            html body #footer_seven.psq_admin_footer .school-footer-seven-custom-links a,
4024            html body #footer_seven.psq_admin_footer .school-footer-seven-site-links a.site-link {
4025                font-family: Outfit, sans-serif;
4026    font-weight: 700;
4027                font-size: 18px;
4028                color: #ffffff !important;
4029                font-weight: 700 !important;
4030            }
4031                        html body #footer_seven.psq_admin_footer .school-footer-seven-general-info a.school-footer-seven-contact-link,
4032            html body #footer_seven.psq_admin_footer .school-footer-seven-custom-links a,
4033            html body #footer_seven.psq_admin_footer .school-footer-seven-site-links a.site-link {
4034                text-decoration: none !important;
4035            }
4036            html body #footer_seven.psq_admin_footer .school-footer-seven-general-info a.school-footer-seven-contact-link:hover,
4037            html body #footer_seven.psq_admin_footer .school-footer-seven-general-info a.school-footer-seven-contact-link:focus,
4038            html body #footer_seven.psq_admin_footer .school-footer-seven-general-info a.school-footer-seven-contact-link:focus-visible,
4039            html body #footer_seven.psq_admin_footer .school-footer-seven-custom-links a:hover,
4040            html body #footer_seven.psq_admin_footer .school-footer-seven-custom-links a:focus,
4041            html body #footer_seven.psq_admin_footer .school-footer-seven-custom-links a:focus-visible,
4042            html body #footer_seven.psq_admin_footer .school-footer-seven-site-links a.site-link:hover,
4043            html body #footer_seven.psq_admin_footer .school-footer-seven-site-links a.site-link:focus,
4044            html body #footer_seven.psq_admin_footer .school-footer-seven-site-links a.site-link:focus-visible {
4045                text-decoration: underline !important;
4046            }
4047                #footer_seven.psq_admin_footer,
4048    #footer_seven.psq_admin_footer::before {
4049        background-color: #000000 !important;
4050    }
4051            .school-footer-seven-social-info i {
4052                color: black;
4053            }
4054            .school-footer-seven-social-info a::before {
4055                border-color: #FFFFFF;
4056            }
4057            .school-footer-seven-social-info.ss-social-solid a {
4058                background-color: #DA3831;
4059            }
4060            .school-footer-seven-social-info.ss-social-full i {
4061                color: #DA3831;
4062            }
4063            .school-footer-bottom-row {
4064                border-color: rgba(255, 255, 255, .2);
4065            }
4066        </style></footer>
4067<style>
4068    a#top {
4069        display: none;
4070        width: 7px;
4071        height: 17px;
4072        padding: 5px;
4073        position: fixed;
4074        bottom: 100px;
4075        right: 61px;
4076        z-index: 10;
4077        color: #fff;
4078        background: transparent;
4079        font-size: 14px;
4080        font-weight: 300;
4081    }
4082    .na_widget_link {
4083        cursor: pointer;
4084    }
4085    .dropdown-toggle.mainlink_a.has-submenu:focus {
4086        outline: thin dotted #333333;
4087        outline: 5px auto -webkit-focus-ring-color;
4088        outline-offset: -2px;
4089    }
4090
4091    /* neeed to prevent scroll to the right when scrollbars are visible */
4092    .dropdown-menu .inner.open {
4093         overflow-y: overlay !important;
4094    }
4095</style>
4096<script>
4097$(document).ready(function(){
4098    var toper = $('a#top');
4099
4100
4101    $(window).scroll(function(){
4102        if ($(this).scrollTop() > 100) {
4103            toper.fadeIn( 200 );
4104        } else {
4105            toper.fadeOut( 200 );
4106        }
4107    });
4108
4109     toper.click(function(){
4110    	$('html, body').animate({scrollTop:0}, 500);
4111    	return false;
4112    });
4113    $('.na_widget_link').click(function(){
4114        var URL_location = $(this).data("link");
4115        if (URL_location != '') {
4116            window.location = URL_location;
4117        }
4118    });
4119});
4120
4121    function hideMe(id) {
4122        var box = document.getElementById(id);
4123        box.style.display = "none";
4124    }
4125
4126    $(window).on('load', function() {
4127        bodyHeight = $("body").outerHeight();
4128        windowHeight = window.innerHeight;
4129        var url = window.location.pathname;
4130        var filename = url.substring(url.lastIndexOf('/')+1);
4131        if (bodyHeight < windowHeight && filename !== 'search') {
4132            var footer = document.getElementById("footer");
4133            if (!footer) {
4134                return;
4135            }
4136            footer.style.position = "inherit";            footer.style.left = "0px";
4137            footer.style.top = windowHeight - footer.offsetHeight + "px";            // footer.style.top = windowHeight - footer.offsetHeight + "px";
4138            footer.style.width = '100%';
4139        }
4140    });
4141
4142</script>
vendor: 1 bytes, line 4142
4142
4143<script>
4144$(document).ready(function(){
4145    $(".prev").append('<span style="display:none;">Prev</span>');
4146    $(".next").append('<span style="display:none;">Next</span>');
4147});
4148</script>
4148
4149		</div>
4150			</body>
4151</html>
4152
4153<script>
4154function IsJsonString(str) {
4155    try {
4156        JSON.parse(str);
4157    } catch (e) {
4158        return false;
4159    }
4160    return true;
4161}
4162
4163function submit_recap(id_attr, form_id) {
4164    grecaptcha.execute("6LcgqJAUAAAAAJhQs01VmAHQEf3SatmIFQjI7iNP", {action: "homepage"}).then(function(token) {
4165        $("#"+id_attr).val(token);
4166        if (token != "") {
4167            $("#"+form_id).submit();
4168        }
4169    });
4170}
4171</script>
vendor: 1 bytes, line 4171
4171

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.