PageSourceSearch

https://lukfata.org/

html lukfata.org collected 2026-09-29 15:06:16 UTC 209,491 bytes, 4,589 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: #F0FD05;
16        --site-design-link-color-hover: #072E07;
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 = "#0F540C";
552    const siteDesignOptionsTextColor    = "#000000";
553    const siteDesignOptionsLinkColor    = "#F0FD05";
554</script>
554
555<link rel="canonical" href="https://lukfata.org/">
556<meta property="og:title" content="Lukfata Public Schools">
557<meta property="og:image" content="https://cdn.smartsites.parentsquare.com/library/common/DefaultShareImage_350x350.png">
558<meta name="description" content="Lukfata Public Schools">
559<meta name="keywords" content="">
560<meta name="author" content="Lukfata Public Schools">
561<meta name="copyright" content="ParentSquare and Lukfata Public Schools">
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="2763">
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://cdn.smartsites.parentsquare.com/graphics/favicon/v2/favicon.ico" type="image/x-icon" /><title>Lukfata Public Schools - Home</title><link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lexend%7CQwitcher+Grypen%7CLexend%3A600%7CQwitcher+Grypen%3A700"><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.Cro12871TenantGuard":true,"Security.Cro12871LoadStackItemsGuard":true,"Security.AjaxRateLimiter":true,"Security.Cro12871PageLockGuard":true,"AI.AltTextGraphql":true,"Admin.PSQLogoRebrand":true,"StaffDirectory.ReactContactForm":true,"Documents.DownloadTracking":true,"CommunityGroup.API.FetchGroups":true,"Faq.API.Content":true,"CustomPageName.API.Verify":true,"LinkChecker.API.Check":true,"Chatbot.Dashboard":true,"Chatbot.Settings":true,"CmsMigration.API.ImportContent":true,"HorizontalPictureSeries.SwapReorder":true,"PageSettings.CondenseContent":true,"Components.ColumnsBoxes":true,"PostFeed.BackgroundImage":true,"Components.ColumnsColumnHeadings":true,"IconMatrix.ComponentBodyHeading":true,"Documents.DrawerSubfolders":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};
602    </script>
602
603    <link rel="modulepreload" href="/dist/assets/documentTracking-DpFeUOWR.js" />
603<script type="module" src="/dist/assets/documentTracking-DpFeUOWR.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=20260928201145"></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                    <link href="/css/jquery.smartmenus.bootstrap.css" rel="stylesheet">
715    
715<script type="text/javascript" src="/js/jquery.smartmenus.js"></script>
715
716    
716<script type="text/javascript" src="/js/jquery.smartmenus.bootstrap.js"></script>
716
717    <link rel="modulepreload" href="/dist/assets/FeatureFlagsUtil-L982irFf.js" />
718<link rel="modulepreload" href="/dist/assets/SmartMenu-2AkILJe6.js" />
719<link rel="modulepreload" href="/dist/assets/Logger-D_qtsJjD.js" />
720<link rel="modulepreload" href="/dist/assets/MobileMenuAccessibility-Cmbgt7V5.js" />
721<link rel="modulepreload" href="/dist/assets/jquery-UIAagU1C.js" />
722<link rel="modulepreload" href="/dist/assets/_commonjsHelpers-CE1G-McA.js" />
722<script type="module" src="/dist/assets/FeatureFlagsUtil-L982irFf.js"></script>
vendor: 1 bytes, line 722
722
723<script type="module" src="/dist/assets/SmartMenu-2AkILJe6.js"></script>
vendor: 1 bytes, line 723
723
724<script type="module" src="/dist/assets/MobileMenuAccessibility-Cmbgt7V5.js"></script>
724        <link rel="modulepreload" href="/dist/assets/EmbeddedVideoLandmark-DJLtnRCY.js" />
725<link rel="modulepreload" href="/dist/assets/FaHoverAnimations-BiS1f0-4.js" />
725<script type="module" src="/dist/assets/EmbeddedVideoLandmark-DJLtnRCY.js"></script>
vendor: 1 bytes, line 725
725
726<script type="module" src="/dist/assets/FaHoverAnimations-BiS1f0-4.js"></script>
726        
726<script type="text/javascript" src="/js/jarallax214.min.js"></script>
726
727    
727<script type="text/javascript" src="/js/jarallax-video214.min.js"></script>
727
728    <link rel="stylesheet" type="text/css" href="/css/jarallax.min.css" />
729    
729<script
730        src="https://cdn.jsdelivr.net/npm/[email protected]/rellax.min.js"
731        integrity="sha384-pSQdnqsuAwdyk3FjmdCugWc6JXrpCyQPJbweAfCT9EjnJayrGAKKuI6V54wCfQ5c"
732        crossorigin="anonymous"
733    ></script>
733
734    
734<script>
735        $(function() {
736            // Found: https://dirask.com/posts/JavaScript-detect-Apple-Safari-web-browser-p5g2R1
737            const platformExpression = /Mac|iPhone|iPod|iPad/i;
738            const rejectedExpression = /Chrome|Android|CriOS|FxiOS|EdgiOS/i;
739            const expectedExpression = /Safari/i;
740
741            const isAppleSafari = () => {
742                const agent = navigator.userAgent;
743                if (rejectedExpression.test(agent)) {
744                    return false;
745                }
746                return platformExpression.test(agent) && expectedExpression.test(agent);
747            };
748
749            // Global jarallax config
750            $('.jarallax').jarallax({
751                disableParallax: function () {
752                    return isAppleSafari()
753                },
754                disableVideo: function () {
755                    return isAppleSafari()
756                },
757                speed: 0.2
758            });
759        });
760    </script>
760
761
762    <!-- Google Fonts -->
763    <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">
764    <link rel="stylesheet" type="text/css" href="/css/main-sass.css?v=20260928201145">
765        
765<script src="/js/classes/ColorContrast.js?v=20260928201145"></script>
765
766    
766<script
767        type="text/javascript"
768        src="https://cdn.jsdelivr.net/npm/[email protected]/dist/loadingoverlay.min.js"
769        integrity="sha384-L2MNADX6uJTVkbDNELTUeRjzdfJToVbpmubYJ2C74pwn8FHtJeXa+3RYkDRX43zQ"
770        crossorigin="anonymous"
771    ></script>
771
772    
772<script src="/js/stack_items.js?v=20260928201145"></script>
772
773    
773<script type="module" src="/js/components.js?v=20260928201145"></script>
773
774    
774<script src="/js/general.js?v=20260928201145"></script>
774
775    
775<script src="/js/deviceDetector.js?v=20260928201145"></script>
775
776        
776<script src="https://use.typekit.net/ynn5aia.js"
777        crossorigin="anonymous"
778        rel="preload"
779        as="script"
780    ></script>
780
781    
781<script>
782        try {
783        Typekit.load({async: true});
784        } catch (e) {}
785    </script>
785
786    <style>
787    body {
788        -webkit-font-smoothing: antialiased;
789    }
790    .grecaptcha-badge {
791        visibility: hidden;
792    }
793    .psq_font {
794        font-family: "proxima-nova", "proxima nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
795    }
796    .psq_footer_logo {
797        font-size: 16px;
798    }
799    .psq_footer_logo a {
800        text-decoration: none !important;
801    }
802
803    /*Extra large Modals*/
804    @media (min-width: 768px) {
805        .modal-xxl {
806            width: 90%;
807            max-width:1200px;
808        }
809    }
810    .ajs-button.btn.btn-success {
811        color: #fff !important;
812        background-color: #5cb85c !important;
813        border-color: #4cae4c !important;
814    }
815    .containSelect {
816        max-width:185px;
817    }
818        .natural_p_tag {
819        margin-top: 1em;
820        margin-bottom: 1rem;
821    }
822    .stretchSelect {
823        width:100%;
824    }
825    .embed-responsive.embed-responsive-16by9 {
826        position: auto !important;
827    }
828    .remove_default_padding {
829        padding:0px !important;
830        margin:0px !important;
831        display:inline-block;
832    }
833    #search {
834        position: fixed;
835        top: 0px;
836        left: 0px;
837        width: 100%;
838        height: 100%;
839        background-color: rgba(0, 0, 0, 0.7);
840        -webkit-transition: all 0.5s ease-in-out;
841        -moz-transition: all 0.5s ease-in-out;
842        -o-transition: all 0.5s ease-in-out;
843        -ms-transition: all 0.5s ease-in-out;
844        transition: all 0.5s ease-in-out;
845        -webkit-transform: translate(0px, -100%) scale(0, 0);
846        -moz-transform: translate(0px, -100%) scale(0, 0);
847        -o-transform: translate(0px, -100%) scale(0, 0);
848        -ms-transform: translate(0px, -100%) scale(0, 0);
849        transform: translate(0px, -100%) scale(0, 0);
850        opacity: 0;
851    }
852    #search.open {
853        -webkit-transform: translate(0px, 0px) scale(1, 1);
854        -moz-transform: translate(0px, 0px) scale(1, 1);
855        -o-transform: translate(0px, 0px) scale(1, 1);
856        -ms-transform: translate(0px, 0px) scale(1, 1);
857        transform: translate(0px, 0px) scale(1, 1);
858        opacity: 1;
859        z-index:999999999;
860    }
861    #search input[type="search"] {
862        position: absolute;
863        top: 50%;
864        width: 100%;
865        color: rgb(255, 255, 255);
866        background: rgba(0, 0, 0, 0);
867        font-size: 60px;
868        font-weight: 300;
869        text-align: center;
870        border: 0px;
871        margin: 0px auto;
872        margin-top: -51px;
873        padding-left: 30px;
874        padding-right: 30px;
875        outline: none;
876    }
877    .btn.btn-success.btn-sm.editbutton, .stack_sort_handle, .visButton {
878        filter: brightness(100%) !important;
879    }
880    #search .btn {
881        position: absolute;
882        top: 50%;
883        left: 50%;
884        margin-top: 61px;
885        margin-left: -45px;
886    }
887    #search .close {
888        position: fixed;
889        top: 15px;
890        right: 15px;
891        color:#FFFFFF !important;;
892        background-color:#0F540C;
893        border-color: #0F540C;
894        opacity: 1;
895        padding: 10px 17px;
896        font-size: 27px;
897    }
898}
899    /*STYLING TAB ONLY BUTTONS*/
900    .sr-only.sr-only-focusable {
901        background-color:#000000 !important;
902        color: #FFFFFF !important;
903        font-weight:bold !important;
904        padding:10px !important;
905        border: 5px solid yellow !important;
906        text-decoration:none !important;
907    }
908    /*LOGGED IN BAR*/
909    .btn-group-justified.adminBar {
910        color:#000000 !important;
911    }
912    .btn-warning.admin-btn, .btn-success.admin-btn, .btn-danger.admin-btn, .btn-info.admin-btn, .btn-primary.admin-btn, .btn-default.admin-btn {
913        color:#FFFFFF !important;
914        font-weight:bold !important;
915        filter: brightness(100%) !important;
916    }
917                .ss-site-header.container {
918                padding-left: 20px;
919                padding-right: 20px;
920            }
921            .site_container {
922                margin-left:20px;
923                margin-right:20px;
924            }
925                    #divHeight{
926            padding-left:20px;
927            padding-right:20px;
928        }
929        
930    /** Component Header Config */
931    
932    .ss-component-header {
933        .ss-component-header-title {
934            font-family: Lexend, sans-serif;
935    font-weight: 600;            font-size: 28px;            color: #0F540C;
936                            &:before,
937                &:after {
938                    border-color: Transparent                }
939            
940                            &:before,
941                &:after {
942                    display: none;
943                }
944                
945        }
946    }
947
948    /** Columns per-column headings (SS-4812): inherit Component Heading font
949        and size. Color comes from Site Design unless the component sets an
950        alternate heading color. Never render accent lines. */
951    .ss-column-heading {
952        font-family: Lexend, sans-serif;
953    font-weight: 600;        font-size: 28px;        color: #0F540C;    }
954    h3.ss-column-heading {
955        font-size: calc(28px * 0.75);    }
956    </style>
957    
957<script>
958    var targetDate = new Date(Date.now() + (86400 * 1000)).getTime();
959    $(document).ready(function() {
960        var dateStartCounter = 0;
961        $( "input[name='daterangepicker_start']" ).each(function(i,val) {
962            $( this ).attr('id','daterangepicker_start'+dateStartCounter);
963            $( this ).prepend('<label for="daterangepicker_start'+dateStartCounter+'">Start Date</label>');
964            dateStartCounter++;
965        });
966        var dateEndCounter=0;
967        $( "input[name='daterangepicker_end']" ).each(function(i,val) {
968            $( this ).attr('id','daterangepicker_end'+dateEndCounter);
969            $( this ).prepend('<label for="daterangepicker_end'+dateEndCounter+'">End Date</label>');
970            dateEndCounter++;
971        });
972                        //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
973        if ($('.the_site_title').length !== 0) {
974            $(".the_site_title").fitText(1, { minFontSize: '0px', maxFontSize: '100px' });
975        }
976        //else
977                //else dont run the site title is using basic bootstrap, the text will break on spaces, and font size is set by media queries
978    });
979    function getCookie(cname) {
980        var name = cname + "=";
981        var ca   = document.cookie.split(';');
982        for(var i = 0; i < ca.length; i++) {
983            var c = ca[i];
984            while (c.charAt(0) == ' ') {
985                c = c.substring(1);
986            }
987            if (c.indexOf(name) == 0) {
988                return c.substring(name.length, c.length);
989            }
990        }
991        return "";
992    }
993    function setCookie(name, value) {
994        var date = new Date();
995        date.setTime(date.getTime() + (86400 * 1000));
996        var expires         = "expires=" + date.toUTCString();
997        document.cookie     = name + "=" + value + "; " + expires;
998    }
999    function deleteCookie(name) {
1000        var expires         = "expires=Thu, 01 Jan 1970 00:00:01 GMT";
1001        document.cookie     = name + "=" + "" + "; " + expires;
1002    }
1003
1004    // added to patch chrome loging out bug with multisite tabs open - Abby 03/21/2022
1005    function check_timer() {
1006        targetDate = parseInt(getCookie(sess) * 1000);
1007        let currentDate = new Date().getTime();
1008        let secondsLeft = ((targetDate - currentDate) / 1000) % 3600;
1009        return parseInt(secondsLeft);
1010    }
1011    /**
1012     * used JS to determine what part of the contained string needs to be truncated. Built for use with Sub-nav stack.
1013     * container_class is the class of the button or div that contains the string and that determines the width available area
1014     * text_class is the class on the SPAN that contains the text to be truncated. The span will have to have this class
1015     *      and the data attribute "data-original" that contains the full string prior to truncating
1016     * size_divider is a numeric value that determins the change from width to pixel size. Default is 8
1017     * Created 5/3/22 by Will Raines
1018     */
1019    function magic_truncate(container_class, text_class, size_divider = 8)
1020    {
1021        $('.'+container_class).each(function(){
1022            var outer_width = $(this).width();
1023            var usable_area = outer_width - 50;
1024            var string_limit = Math.floor(usable_area / size_divider);
1025            var text_string = $(this).find("."+text_class).attr('data-original');
1026            $(this).find("."+text_class).text(text_string);
1027
1028            var text_string_width = $(this).find("."+text_class).width();
1029            var truncated_text = '';
1030
1031            if (text_string_width > usable_area) {
1032                var truncated_text = text_string.substring(0, string_limit);
1033                $(this).find("."+text_class).text(truncated_text+' ...');
1034            }
1035        });
1036    }
1037    </script>
1037
1038    
1038<script type="text/javascript">
1039    $(document).ready(function() {
1040        //add menu animations
1041    });
1042    var wow = new WOW ({
1043        offset:       75,          // distance to the element when triggering the animation (default is 0)
1044        mobile:       false,       // trigger animations on mobile devices (default is true)
1045    });
1046    wow.init();
1047        $.fn.removeCss = function() {
1048        var removedCss = $.makeArray(arguments);
1049        return this.each(function() {
1050            var e$ = $(this);
1051            var style = e$.attr('style');
1052            if (typeof style !== 'string') return;
1053            style = $.trim(style);
1054            var styles = style.split(/;+/);
1055            var sl = styles.length;
1056            for (var l = removedCss.length, i = 0; i < l; i++) {
1057                var r = removedCss[i];
1058                if (!r) continue;
1059                for (var j = 0; j < sl;) {
1060                    var sp = $.trim(styles[j]);
1061                    if (!sp || (sp.indexOf(r) === 0 && $.trim(sp.substring(r.length)).indexOf(':') === 0)) {
1062                        styles.splice(j, 1);
1063                        sl--;
1064                    } else {
1065                        j++;
1066                    }
1067                }
1068            }
1069            if (styles.length === 0) {
1070                e$.removeAttr('style');
1071            } else {
1072                e$.attr('style', styles.join(';'));
1073            }
1074        });
1075    };
1076    text_truncate = function(str, length, ending) {
1077        if (length == null) {
1078            length = 100;
1079        }
1080        if (ending == null) {
1081            ending = '...';
1082        }
1083        if (str.length > length) {
1084            return str.substring(0, length - ending.length) + ending;
1085        } else {
1086            return str;
1087        }
1088    };
1089    $.fn.hasClassStartsWith = function(className) {
1090        return this.filter('[class^=\''+className+'\'], [class*=\''+className+'\']');
1091    }
1092    </script>
1092
1093    </head>
1094<body class="ss-no-widen-container ss-uncontained-site ss-hp   ss-body-site-header-one  ">
1095    <style>
1096        a.sr-only-focusable, button.sr-only-focusable {
1097        color: #FFFFFF !important;
1098        background-color: #0F540C !important;
1099        font-size: 14px;
1100    }
1101        </style>
1102    <div id="jumpToTop"></div>
1103    <div id="ss-live-status" role="status" aria-live="polite" aria-atomic="true" class="sr-only"></div>
1104    <a id="skipToMainContentLink" href="#skiptocontent" class="sr-only sr-only-focusable">Skip to main content</a>
1105    <link rel="modulepreload" href="/dist/assets/StatusAlertAnnouncer-TlSm2OmV.js" />
1106<link rel="modulepreload" href="/dist/assets/PopUpAlertsComponent-DXDEh6ZV.js" />
1107<link rel="modulepreload" href="/dist/assets/AlertsDialog-D9bH4YML.js" />
1108<link rel="modulepreload" href="/dist/assets/schemas-BdgNnLKl.js" />
1109<link rel="modulepreload" href="/dist/assets/Logger-D_qtsJjD.js" /><link rel="stylesheet" href="/dist/assets/AlertsDialog-DTCJJhlc.css" />
1109<script type="module" src="/dist/assets/StatusAlertAnnouncer-TlSm2OmV.js"></script>
vendor: 1 bytes, line 1109
1109
1110<script type="module" src="/dist/assets/PopUpAlertsComponent-DXDEh6ZV.js"></script>
1110    <style>
1111        .ss-lightbox-modal-alert {
1112            --ss-modal-content-alert-btn-text-font-color: #FFFFFF;
1113            --ss-modal-content-alert-btn-color: #0F540C;
1114        }
1115    </style>        <!--
1116        This navigation is hidden from website view, and is only used to determine navbar height, if bootstrap sticky nav is set to display
1117        -->
1118        <nav style="display:none;" aria-hidden="true" class="navHeightBar navbar navbar-inverse">
1119            <div class="container-fluid">
1120                <div class="navbar-header">
1121                    <button aria-hidden="true" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
1122                        <span class="sr-only">Welcome</span>
1123                        <span class="icon-bar"></span>
1124                        <span class="icon-bar"></span>
1125                        <span class="icon-bar"></span>
1126                    </button>
1127                </div>
1128                <div class="collapse navbar-collapse" id="myNavbar">
1129                    <ul class="nav navbar-nav">
1130                        <li class="active"><a href="#">Home</a></li>
1131                        <li><a href="#" class="search_clickify"><i aria-label="Search" role="img" class="fa-solid fa-magnifying-glass"></i></a></li>
1132                    </ul>
1133                </div>
1134            </div>
1135        </nav>
1136            
1136<script>
1137    $(document).ready(function() {
1138        $('.makeTableResponsive table').each(function() {
1139            $(this).addClass("table")
1140            $(this).addClass("table-bordered");
1141            if ($(this).attr("style") == "width: 500px;") {
1142                $(this).removeAttr("style");
1143            }
1144            $(this).wrap("<div class='table-responsive'></div>");
1145            $(this).parents().find(".img-responsive:first").removeClass('makeTableResponsive');
1146        });
1147        $(".makeTableResponsive table td").css({"border-color":"#000000"});
1148        $(".table:not(.dataTable) td").css({"border-color":"#000000"});
1149        $('.makeTableResponsive').removeClass('makeTableResponsive');
1150        if (typeof setSideBarCalendars !== "undefined") {
1151            setSideBarCalendars();
1152        }
1153        if (typeof setSideBarLessonplans !== "undefined") {
1154            setSideBarLessonplans();
1155        }
1156        $(function () {
1157            $('.search_clickify').on('click', function(event) {
1158                event.preventDefault();
1159                window.location = 'search';
1160            });
1161            $('#search, #search button.close').on('click keyup', function(event) {
1162                if (event.target == this || event.target.className == 'close' || event.keyCode == 27) {
1163                    $(this).removeClass('open');
1164                }
1165            });
1166        });
1167
1168        function sidebarContactModal() {
1169            $('#sndMsgBut').on('click',function() {
1170                $(".openmodal").click(function() {
1171                    $('#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>');
1172                });
1173                $('#send_message_modal').on('hidden.bs.modal', function () {
1174                    $('#send_message_modal .modal-body').html('');
1175                })
1176            });
1177        }
1178        //Gather sub nav html on section with subpages
1179        top_subnav = $("#other_pages_in_section").html();
1180        bottom_subnav = $("#subMenu").html();
1181        //set subnav html to a variable, empty other placement div based on screen width
1182        if (top_subnav != '') {
1183            subnav_content=top_subnav;
1184            $("#subMenu").empty()
1185            $("#other_pages_in_section").empty()
1186        }
1187        if (bottom_subnav != '') {
1188            subnav_content = bottom_subnav;
1189            $("#subMenu").empty()
1190        }
1191        //set sub nav where it goes on load
1192        if ($(window).width() <= 767) {
1193            $('#other_pages_in_section').html(subnav_content);
1194            replaceNavBrand('');
1195        } else {
1196            if ($(window).width() >= 767) {
1197                $('#subMenu').html(subnav_content);
1198                replaceNavBrand('');
1199            }
1200        }
1201        /**
1202         * Determines how far to push down the body tag if sticky nav is set, and then pushes it down
1203         * @param  not needed
1204         * @return boolean
1205         */
1206        function stickyNavBodyTagPusher() {
1207            setTimeout(function () {
1208                //finds the hidden nav to obtain the nav height on a full width device
1209                big_screen_height    = $(".navHeightBar").outerHeight()-1;
1210                //a collapsed nav uses a different height than a non-collapsed nav, this obtains that height
1211                superSmallScreen     = big_screen_height -7;
1212                //Determines the outer height of the nav being used on the website
1213                globalNavHeight      = $(".globalnav").outerHeight();
1214                // Determains the outer height of the district selector
1215                const selectorheight = $("#districtSelector").outerHeight();
1216                //determines the px difference between the size of the nav normally, and when its expanded beyond one row on smaller devices
1217                pushDownBody         = (globalNavHeight - big_screen_height);
1218                //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
1219                pushDownBody         = pushDownBody + parseInt(10);
1220                //if stickynav is used we don't want to use the pushBodyDown var
1221                pushDownBodyJs       = parseInt(1);
1222                //if district selector is set
1223                                // $('#disSelPos').css('margin-top',globalNavHeight+'px');
1224                                    // Commenting out for possible sticky nav bug, gap between nav and top of site.
1225                    $('body').css('margin-top',(pushDownBody+selectorheight+big_screen_height)+'px');
1226                    return true;
1227                                }, 100);
1228        }
1229        //set sidebars and subnavs where they go on window resize
1230        window.onresize = function() {
1231            if (window.innerWidth <= 991) {
1232                if (typeof sidebarContactModal !== "undefined") {
1233                    sidebarContactModal();
1234                }
1235                if (typeof setSideBarCalendars !== "undefined") {
1236                    setSideBarCalendars();
1237                }
1238                if (typeof setSideBarLessonplans !== "undefined") {
1239                    setSideBarLessonplans();
1240                }
1241            } else {
1242                if (window.innerWidth >= 992) {
1243                    if (typeof sidebarContactModal !== "undefined") {
1244                        sidebarContactModal();
1245                    }
1246                    if (typeof setSideBarCalendars !== "undefined") {
1247                        setSideBarCalendars();
1248                    }
1249                    if (typeof setSideBarLessonplans !== "undefined") {
1250                        setSideBarLessonplans();
1251                    }                    }
1252            }
1253            if (window.innerWidth <= 767) {
1254                $('#subMenu').empty();
1255                $('#other_pages_in_section').html(subnav_content);
1256                //animateHamburger();
1257                replaceNavBrand('');
1258            } else {
1259                if (window.innerWidth >= 767) {
1260                    $('#other_pages_in_section').empty();
1261                    $('#subMenu').html(subnav_content);
1262                    //animateHamburger();
1263                    replaceNavBrand('');
1264                }
1265            }
1266        }
1267                function replaceNavBrand(branding) {
1268            $(".globalBranding").html(branding)
1269        }
1270        $('a').click(function(e) {
1271            //prevent cliking on # from scrolling to top of screen
1272            if ($(this).attr('href') == '#') {
1273                e.preventDefault();
1274            }
1275        });
1276        sidebarContactModal();
1277            });
1278    /**
1279     * Author: Heather Corey
1280     * jQuery Simple Parallax Plugin
1281     */
1282    (function($) {
1283        $.fn.parallax = function(options) {
1284            var windowHeight = $(window).height();
1285            // Establish default settings
1286            var settings = $.extend({
1287                speed        : 0.15
1288            }, options);
1289            // Iterate over each object in collection
1290            return this.each( function() {
1291                // Save a reference to the element
1292                var $this = $(this);
1293                // Set up Scroll Handler
1294                $(document).scroll(function() {
1295                    var scrollTop = $(window).scrollTop();
1296                    var offset = $this.offset().top;
1297                    var height = $this.outerHeight();
1298                    // Check if above or below viewport
1299                    if (offset + height <= scrollTop || offset >= scrollTop + windowHeight) {
1300                        return;
1301                    }
1302                    var yBgPosition = Math.round((offset - scrollTop) * settings.speed);
1303                    // Apply the Y Background Position to Set the Parallax Effect
1304                    $this.css('background-position', 'center ' + yBgPosition + 'px');
1305                });
1306            });
1307        }
1308    }(jQuery));
1309    //function to figure out if element is in viewport
1310    if (typeof $.fn.isInViewport === "undefined") {
1311        $.fn.isInViewport = function() {
1312            var elementTop = $(this).offset().top;
1313            var elementBottom = elementTop + $(this).outerHeight();
1314            var viewportTop = $(window).scrollTop();
1315            var viewportBottom = viewportTop + $(window).height();
1316            return elementBottom > viewportTop && elementTop < viewportBottom;
1317        };
1318    }
1319    // function to determine the tallest height of given elems and set the height of all elems to that
1320    function normalize_heights(items) {
1321        let heights = []; //create empty array to store height values
1322        let tallest = 0; //create variable to make note of the tallest slide
1323        items.each(function() { //add heights to array
1324            heights.push($(this).outerHeight());
1325        });
1326        tallest = Math.max.apply(null, heights); //cache largest value
1327        items.each(function() {
1328            $(this).css('min-height',tallest + 'px');
1329        });
1330    }
1331    </script>
1331
1332    <div id="scriptloads"></div>
1333    <div class="modal fade" id="send_message_modal" tabindex="-1" role="dialog">
1334        <div class="modal-dialog">
1335            <!-- Modal content-->
1336            <div class="modal-content">
1337                <div class="modal-header">
1338                    <button type="button" class="close" data-dismiss="modal">&times;</button>
1339                </div>
1340                <div class="modal-body">
1341                </div>
1342                <div class="modal-footer">
1343                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
1344                </div>
1345            </div>
1346        </div>
1347    </div>
1348    <div id="disSelPos" ></div><div class="banner_area site_header center-block"></div><div class="clearfix"></div></div></div></div>
1348<script>
1349    var max_nav_width = '';
1350    function navLayout(setLayout,container_width,itemclass,item_adjustment,subtract)
1351    {
1352        switch (setLayout) {
1353            default:
1354                var max_nav_width = $(container_width).width()-subtract;
1355            break;
1356            case 1:
1357
1358                var max_nav_width = $(container_width).width()-subtract;
1359                if (window.innerWidth >= 1200) {
1360                    $(".qlink_bottom").removeClass("qlink_bottom_padding_btm");
1361                    $(".add_m_top_47").removeClass("m_top_47");
1362                    $(".add_m_top_47").addClass("clearfix");
1363                    $(".gtrans_holder").addClass("m_left_20");
1364
1365                    $(".adjust_height_navbar_header").addClass("height_0");
1366                } else if (window.innerWidth < 1200) {
1367                    $(".qlink_bottom").addClass("qlink_bottom_padding_btm");
1368                    $(".add_m_top_47").addClass("m_top_47");
1369                    $(".add_m_top_47").removeClass("clearfix");
1370                    $(".adjust_height_navbar_header").removeClass("height_0");
1371                    $(".gtrans_holder").removeClass("m_left_20");
1372                }
1373                if (window.innerWidth >= 992) {
1374                    $(".qlink_bottom").removeClass("qlink_bottom_padding_btm");
1375                } else if (window.innerWidth < 1200) {
1376                    $(".qlink_bottom").addClass("qlink_bottom_padding_btm");
1377                }
1378                if (window.innerWidth >= 768) {
1379                    $(".navbar_extended_links_extra_bg").addClass("extended_navlinks_bg");
1380                    $(".navbar_extended_links_extra_bg").addClass("navbg-break-out");
1381                } else if (window.innerWidth < 1200) {
1382                    $(".navbar_extended_links_extra_bg").removeClass("extended_navlinks_bg");
1383                    $(".navbar_extended_links_extra_bg").removeClass("navbg-break-out");
1384                }
1385                $("#nav_quicklinks_list").css("float","right");
1386                $(".site_logo").addClass('center-block');
1387                $('.site_logo').closest('.logo_relative').find('h1').css("position","relative");
1388                $('.site_logo').closest('.logo_relative').find('h1').css("float","unset");
1389                                    if (window.innerWidth >= 767 && window.innerWidth < 1200) {
1390                        $(".nav_container").addClass("m_top_5");
1391                    } else if (window.innerWidth < 767 || window.innerWidth > 1200) {
1392                        $(".nav_container").removeClass("m_top_5");
1393                    }
1394                                    if (window.innerWidth < 1199  && window.innerWidth > 767) {
1395                    $('#gtrans').css("margin-top","unset");
1396                    $('#gtrans').appendTo('.appendGtrans.lastChild');
1397                } else if(window.innerWidth < 767) {
1398                    $('.gtrans_holder').html('');
1399
1400                } else {
1401                    if ($('.translateContainer').html() == '') {
1402                        $('#gtrans').appendTo('.translateContainer');
1403                    }
1404
1405                    $('#gtrans').css("margin-top","unset");
1406                    $('#gtrans').appendTo('.gtrans_holder');
1407                }
1408
1409                if ($(window).width() < 1192 && $(window).width() > 806) {
1410                    $("li.appendGtrans").addClass("gtransMtopA");
1411                } else {
1412                    $("li.appendGtrans").removeClass("gtransMtopA");
1413                }
1414
1415                $(window).resize(function() {
1416                    if ($(window).width() < 1192 && $(window).width() > 806) {
1417                        $("li.appendGtrans").addClass("gtransMtopA");
1418                    } else {
1419                        $("li.appendGtrans").removeClass("gtransMtopA");
1420                    }
1421
1422                    if (window.innerWidth > 1199 ) {
1423                        $('#gtrans').appendTo('.col-md-4 .translateContainer');
1424                    }
1425                });
1426
1427            break;
1428
1429            case 2:
1430                var max_nav_width = $(container_width).width()-subtract;
1431                if (window.innerWidth >= 1200) {
1432                    $(".qlink_bottom").removeClass("qlink_bottom_padding_btm");
1433                } else if (window.innerWidth < 1200) {
1434                    $(".qlink_bottom").addClass("qlink_bottom_padding_btm");
1435                }
1436
1437                if (window.innerWidth >= 768) {
1438                    $(".navbar_extended_links_extra_bg").addClass("extended_navlinks_bg");
1439                    $(".navbar_extended_links_extra_bg").addClass("navbg-break-out");
1440                } else if (window.innerWidth < 1200) {
1441                    $(".navbar_extended_links_extra_bg").removeClass("extended_navlinks_bg");
1442                    $(".navbar_extended_links_extra_bg").removeClass("navbg-break-out");
1443                }
1444
1445                if (window.innerWidth <= 1199  && window.innerWidth > 767) {
1446                    $('#gtrans').appendTo('.appendGtrans.lastChild');
1447                    $('.appendGtrans.firstChild').html('');
1448                    $('#appendGtrans  #gtrans').show();
1449
1450                    $(".nav_shortcuts:first").removeClass('m_left_200');
1451                } else if(window.innerWidth < 767) {
1452                     $('.gtrans_holder').html('');
1453                    $(".nav_shortcuts:first").removeClass('m_left_200');
1454                } else {
1455                     $('#gtrans').appendTo('#appendGtrans2');
1456                    $(".nav_shortcuts:first").addClass('m_left_200');
1457                }
1458
1459                if ($(window).width() <= 1773 && $(window).width() >= 1200) {
1460                    $("li.appendGtrans").addClass("gtransPbtm");
1461                } else {
1462                    $("li.appendGtrans").removeClass("gtransPbtm");
1463                }
1464
1465                if ($(window).width() < 1192 && $(window).width() > 806) {
1466                    $("li.appendGtrans").addClass("gtransMtopA");
1467                } else {
1468                    $("li.appendGtrans").removeClass("gtransMtopA");
1469                }
1470
1471                $(window).resize(function() {
1472                    if ($(window).width() <= 1773 && $(window).width() >= 1200) {
1473                        $("li.appendGtrans").addClass("gtransPbtm");
1474                    } else {
1475                        $("li.appendGtrans").removeClass("gtransPbtm");
1476                    }
1477
1478                    if ($(window).width() < 1192 && $(window).width() > 806) {
1479                        $("li.appendGtrans").addClass("gtransMtopA");
1480                    } else {
1481                        $("li.appendGtrans").removeClass("gtransMtopA");
1482                    }
1483
1484                });
1485
1486            break
1487
1488            case 3:
1489                if (window.innerWidth >= 1200) {
1490                    $(".navbar-nav.mainlink.navbar-nav").addClass( 'custom3designL');
1491                    var max_nav_width = $(container_width).width() - 500;
1492                    var max_nav_width = max_nav_width - subtract;
1493                    $(".fluid-wrapper").addClass('clearfix');
1494                    $(".fluid-wrapper").addClass('m_top_neg100');
1495                    $(".sitesLogo").addClass('m_top_110');
1496                } else {
1497                    $(".navbar-default").css('height','auto');
1498                    var max_nav_width = $(container_width).width()-subtract;
1499                    $(".navbar-nav.mainlink.navbar-nav").removeClass( 'custom3designL');
1500                    $(".fluid-wrapper").removeClass('clearfix');
1501                    $(".fluid-wrapper").removeClass('m_top_neg100');
1502                    $(".sitesLogo").removeClass('m_top_110');
1503                }
1504                if (window.innerWidth >= 1200) {
1505                    $(".qlink_bottom").addClass("qlink_bottom_padding_btm");
1506                } else if (window.innerWidth < 1200) {
1507                    $(".qlink_bottom").removeClass("qlink_bottom_padding_btm");
1508                }
1509                if ($(window).width() < 1203 && $(window).width() > 806) {
1510                    $("li.appendGtrans").addClass("gtransMtopA");
1511                } else {
1512                    $("li.appendGtrans").removeClass("gtransMtopA");
1513                }
1514                $(window).resize(function() {
1515                    if ($(window).width() < 1203 && $(window).width() > 806) {
1516                        $("li.appendGtrans").addClass("gtransMtopA");
1517                    } else {
1518                        $("li.appendGtrans").removeClass("gtransMtopA");
1519                    }
1520                });
1521            break
1522            case 4:
1523                var max_nav_width = $(container_width).width()-subtract;
1524                $("#nav_quicklinks_list").addClass("qlink_4_alignment");
1525                $('.site_logo').closest('.logo_relative').find('h1').css("position","relative");
1526                $('.site_logo').closest('.logo_relative').find('h1').css("float","unset");
1527                $('.logo_relative .site_logo').addClass('m_left_20');
1528
1529                if (window.innerWidth >= 768) {
1530                    $(".navbar_extended_links_extra_bg").addClass("extended_navlinks_bg");
1531                    $(".navbar_extended_links_extra_bg").addClass("navbg-break-out");
1532                } else if (window.innerWidth < 1200) {
1533                    $(".navbar_extended_links_extra_bg").removeClass("extended_navlinks_bg");
1534                    $(".navbar_extended_links_extra_bg").removeClass("navbg-break-out");
1535                }
1536                                    if (window.innerWidth >= 767 && window.innerWidth < 1200) {
1537                        $(".nav_container").addClass("m_top_5");
1538                    } else if (window.innerWidth < 767 || window.innerWidth > 1200) {
1539                        $(".nav_container").removeClass("m_top_5");
1540                    }
1541                                    if ($(window).width() < 1199 && $(window).width() > 806) {
1542                    $("li.appendGtrans").addClass("gtransMtopA");
1543                } else {
1544                    $("li.appendGtrans").removeClass("gtransMtopA");
1545                }
1546
1547                if ($(window).width() > 1200 && $(window).width() <= 1796) {
1548                    $("li.appendGtrans").addClass("gtransMtopB");
1549                } else {
1550                    $("li.appendGtrans").removeClass("gtransMtopB");
1551                }
1552
1553                $(window).resize(function() {
1554                    if ($(window).width() < 1199 && $(window).width() > 806) {
1555
1556                        $("li.appendGtrans").addClass("gtransMtopA");
1557                    } else {
1558                        $("li.appendGtrans").removeClass("gtransMtopA");
1559                    }
1560
1561                    if ($(window).width() > 1200 && $(window).width() <= 1796) {
1562                        $("li.appendGtrans").addClass("gtransMtopB");
1563                    } else {
1564                        $("li.appendGtrans").removeClass("gtransMtopB");
1565                    }
1566                });
1567            break
1568            case 5:
1569
1570                if (window.innerWidth >= 1200) {
1571                    $(".navbar-nav.mainlink.navbar-nav").addClass( 'custom3designR');
1572                    var max_nav_width = $(container_width).width() - 500;
1573                    var max_nav_width = max_nav_width - subtract;
1574                    $(".fluid-wrapper").addClass('clearfix');
1575                    $(".fluid-wrapper").addClass('m_top_neg100');
1576                    $(".sitesLogo").addClass('m_top_110');
1577                } else {
1578                    $(".navbar-default").css('height','auto');
1579                    var max_nav_width = $(container_width).width()-subtract;
1580                    $(".navbar-nav.mainlink.navbar-nav").removeClass( 'custom3designR');
1581                    $(".fluid-wrapper").removeClass('clearfix');
1582                    $(".fluid-wrapper").removeClass('m_top_neg100');
1583                    $(".sitesLogo").removeClass('m_top_110');
1584                }
1585                if (window.innerWidth >= 1200) {
1586                    $(".qlink_bottom").addClass("qlink_bottom_padding_btm");
1587                } else if (window.innerWidth < 1200) {
1588                    $(".qlink_bottom").removeClass("qlink_bottom_padding_btm");
1589                }
1590                $(".qlink_bottom").removeClass('pull-right');
1591                $(".qlink_bottom").addClass('pull-left');
1592                $(".qlink_bottom").css("float","left");
1593                if ( window.innerWidth >= 1200) {
1594                    $(".nav_shortcuts[data-attr='1']").addClass('m_left_180');
1595                } else if(window.innerWidth < 1200) {
1596                    $(".nav_shortcuts[data-attr='1']").removeClass('m_left_180');
1597                } else {
1598                    $(".nav_shortcuts:first").addClass('m_left_180');
1599                }
1600
1601                $(window).resize(function() {
1602                    if ($(window).width() < 1333 && $(window).width() > 1200) {
1603                        $("li.appendGtrans").addClass("gtransPbtm");
1604                    } else {
1605                        $("li.appendGtrans").removeClass("gtransPbtm");
1606                    }
1607
1608                    if ($(window).width() < 1192 && $(window).width() > 806) {
1609                        $("li.appendGtrans").addClass("gtransMtopA");
1610                    } else {
1611                        $("li.appendGtrans").removeClass("gtransMtopA");
1612                    }
1613
1614                });
1615        }
1616        return max_nav_width;
1617    }
1618    function full_justify(container_width,itemclass,item_adjustment,subtract)
1619    {
1620        var max_nav_width = navLayout(4,container_width,itemclass,item_adjustment,subtract);
1621
1622        var nav_li_total_width = 0;
1623        var number_li = item_adjustment;
1624        var empty_space = 0;
1625        var padding_value = 0;
1626
1627        $(itemclass).each(function(){
1628            nav_li_total_width = parseInt(nav_li_total_width) + parseInt($(this).width())
1629            number_li = parseInt(number_li) + parseInt(1);
1630        });
1631        empty_space = max_nav_width - nav_li_total_width;
1632        padding_value = Math.round(empty_space / number_li);
1633        padding_left_right = padding_value / 2;
1634        if (padding_left_right < -6) {
1635            padding_left_right = -5.5;
1636        }
1637        $(itemclass).each(function(){
1638            if ($(this).hasClass('search') == false && $(this).hasClass('home') == false ) {
1639                $(this).css('margin-left', padding_left_right).css('margin-right', padding_left_right);
1640            } else {
1641                if ($(this).hasClass('home') == true ) {
1642                    $(this).css('margin-right', padding_left_right);
1643                } else {
1644                    if ($(this).hasClass('search') == true ) {
1645                        $(this).css('margin-left', padding_left_right);
1646                    }
1647                }
1648            }
1649        });
1650    }
1651    
1652    $(document).ready(function() {
1653        $('#gtransButton').blur(function() {
1654            $('button').removeClass("focus");
1655        })
1656        .focus(function() {
1657            $(this).addClass("focus")
1658        });
1659
1660        $('#gtrans').show();
1661        if ($(window).width() < 768) {
1662           $(".navbar_close_btn").show();
1663        }
1664        else {
1665
1666           $(".navbar_close_btn").hide();
1667        }
1668                    /*need to have a setting to only active this code if underline option is set*/
1669                $(".lineHeightIcon.glyphicon.glyphicon-home.lineHeightIcon").css('line-height','unset');
1670                $(".lineHeightIcon.glyphicon.glyphicon-search.lineHeightIcon").css('line-height','unset');
1671                /*remove the base background color by replacing the active element with another class on parent elements*/
1672                $('.globalnavcollapse ul.nav > li.active').addClass('wasActive');
1673                $('.globalnavcollapse ul.nav > li.active').removeClass('active');
1674                /*on hover add the active class to the a element instead of the li for underlines*/
1675                $('.globalnavcollapse ul.nav > li > a').hover(function (e) {
1676                    e.preventDefault();
1677                    $(this).addClass('active');
1678                });
1679                /*upon mouseout remove the underline from the last hovered element*/
1680                $('.globalnavcollapse ul.nav > li > a').mouseleave(function(){
1681                    $(this).removeClass('active');
1682                    $('ul.mainlink.nav > li.wasActive').find('a').addClass('active');
1683                });
1684 
1684               /*reunderline the active (page your on) element*/
1685                $('.globalnavcollapse ul.nav > li.wasActive').find('a').addClass('active');
1686                /*need to find a way to prevent dropdown parent element from highlighting still*/
1687                    $("#closeMobileNav").focus(function(){
1688            $('#closeMobileNav').trigger('click');
1689        });
1690                    full_justify('.nav_container','.nav_padding',-1,25);
1691            setTimeout(function(){ full_justify('.nav_container','.nav_padding',-1,25)}, 500);
1692                    var width = jQuery(window).width();
1693        if (width >= 1600) {
1694            $(".logoScalling").addClass('logoScallingL');
1695            $(".logoScalling").removeClass('logoScallingM');
1696        } else if (width < 1600 && width > 1200) {
1697            $(".logoScalling").removeClass('logoScallingL');
1698            $(".logoScalling").addClass('logoScallingM');
1699        } else if (width <= 1200) {
1700            $(".logoScalling").removeClass('logoScallingL');
1701            $(".logoScalling").removeClass('logoScallingM');
1702        }
1703        $(".navbar-toggle.mainlink").on("click", function () {
1704            $(this).toggleClass("active");
1705        });
1706        $('body').keyup(function(e) {
1707            var code = e.keyCode || e.which;
1708            if (code == '9') {
1709                check_if_navbar = $( document.activeElement ).parent().parent().attr('class');
1710                if (check_if_navbar == 'nav mainlink navbar-nav') {
1711                    parent = $( document.activeElement ).parent();
1712                    parent.addClass('active').siblings().removeClass('active');
1713                } else {
1714                    $('.nav').children().removeClass('active');
1715                }
1716            }
1717        });
1718
1719    });
1720    $(window).resize(function() {
1721        if ($(window).width() < 768) {
1722           $(".navbar_close_btn").show();
1723        }
1724        else {
1725           $(".navbar_close_btn").hide();
1726        }
1727                    full_justify('.nav_container','.nav_padding',-1,25);
1728                            var width = jQuery(window).width();
1729
1730        if (width >= 1600) {
1731            $(".logoScalling").addClass('logoScallingL');
1732            $(".logoScalling").removeClass('logoScallingM');
1733        } else if (width < 1600 && width > 1200) {
1734            $(".logoScalling").removeClass('logoScallingL');
1735            $(".logoScalling").addClass('logoScallingM');
1736        } else if (width <= 1200) {
1737            $(".logoScalling").removeClass('logoScallingL');
1738            $(".logoScalling").removeClass('logoScallingM');
1739        }
1740    });
1741    </script>
1741
1742<nav id="nav-multi-op-four" style="border-radius:unset;margin-bottom:0px;padding-bottom:0px;z-index:99;" class="navbar navbar-default globalnav  navbar-inverse">
1743            
1744            <div class="container-full navplus">
1745                <!--need to move this custom container into a media query and drop it on tablet size sites-->
1746                                    <div class="col-md-4 hidden-xs hidden-sm hidden-md visible-lg visible-xl logo_relative">
1747                        <div style="margin:0px !important; padding:0px !important; margin-right:30px !important;">
1748                            
1749<h1 class="LogoH1 hidden-xs hidden-sm hidden-md visible-lg visible-xl" style="margin:0px !important;padding:0px !important;float:right !important;position:absolute !important;z-index:99 !important;margin-top:-80px !important;">
1750    <a style="margin:0px !important;padding:0px !important;" href="/" target="_self" aria-label="Lukfata Public Schools">
1751        <img style="max-height:200px;" src="https://files.smartsites.parentsquare.com/3415/design_img__vfxwcl.png" alt="" class="site_logo img-responsive sitesLogo logoScalling site_logo_mark">
1752        <span style="display:none">
1753            <strong>Lukfata Public Schools</strong>
1754        </span>
1755    </a>
1756</h1>
1757                        </div>
1758                    </div>
1759                    <div class="col-md-8 hidden-xs hidden-sm hidden-md visible-lg visible-xl">
1760                        
1761    <div id="nav_quicklinks" class="" style="width:100%">
1762        
1763            <h1 style="margin:0px !important;padding:0px !important;" class="hidden-xs visible-sm visible-md hidden-lg hidden-xl">
1764                <a style="margin:0px !important;padding:0px !important;" href="/" target="_self" aria-label="Lukfata Public Schools">
1765                    <img style="max-height:200px;margin-top:-30px;" src="https://files.smartsites.parentsquare.com/3415/design_img__vfxwcl.png" alt="" class="site_logo img-responsive center-block sitesLogo">
1766                    <span style="display:none">
1767                        <strong>Lukfata Public Schools</strong>
1768                    </span>
1769                </a>
1770            </h1>
1771            
1772        <ul id="nav_quicklinks_list" style="text-decoration: none !important; list-style-type: none !important;position:relative;z-index:100;">
1773            <li id="appendGtrans2" class="appendGtrans firstChild"></li>
1774            
1775            <li id="appendGtrans" class="appendGtrans lastChild"></li>
1776        </ul>
1777    </div>
1778                    </div>
1779
1780                                    <div class="containerx">
1781                    <div class="translateContainer">
1782                    </div>
1783                    <div class="visible-xs visible-sm visible-md hidden-lg hidden-xl">
1784                        
1785    <div id="nav_quicklinks" class="" style="width:100%">
1786        
1787            <h1 style="margin:0px !important;padding:0px !important;" class="hidden-xs visible-sm visible-md hidden-lg hidden-xl">
1788                <a style="margin:0px !important;padding:0px !important;" href="/" target="_self" aria-label="Lukfata Public Schools">
1789                    <img style="max-height:200px;margin-top:-30px;" src="https://files.smartsites.parentsquare.com/3415/design_img__vfxwcl.png" alt="" class="site_logo img-responsive center-block sitesLogo">
1790                    <span style="display:none">
1791                        <strong>Lukfata Public Schools</strong>
1792                    </span>
1793                </a>
1794            </h1>
1795            
1796        <ul id="nav_quicklinks_list" style="text-decoration: none !important; list-style-type: none !important;position:relative;z-index:100;">
1797            <li id="appendGtrans2" class="appendGtrans firstChild"></li>
1798            
1799            <li id="appendGtrans" class="appendGtrans lastChild"></li>
1800        </ul>
1801    </div>
1802                    </div>
1803                    <div class="visible-xs visible-sm visible-md hidden-lg hidden-xl">
1804                        
1805<h1 class="LogoH1 hidden-xs hidden-sm hidden-md visible-lg visible-xl" style="margin:0px !important;padding:0px !important;float:right !important;position:absolute !important;z-index:99 !important;margin-top:-80px !important;">
1806    <a style="margin:0px !important;padding:0px !important;" href="/" target="_self" aria-label="Lukfata Public Schools">
1807        <img style="max-height:200px;" src="https://files.smartsites.parentsquare.com/3415/design_img__vfxwcl.png" alt="" class="site_logo img-responsive sitesLogo logoScalling site_logo_mark">
1808        <span style="display:none">
1809            <strong>Lukfata Public Schools</strong>
1810        </span>
1811    </a>
1812</h1>
1813                    </div>
1814                    <h1 style="margin:0px !important;padding:0px !important;" class="visible-xs hidden-sm hidden-md hidden-lg hidden-xl">
1815                        <a style="margin:0px !important;padding:0px !important;" href="/" target="_self" aria-label="Lukfata Public Schools">
1816                            <img style="max-height:200px;margin-top:-80px !important;" src="https://files.smartsites.parentsquare.com/3415/design_img__vfxwcl.png" alt="" class="site_logo img-responsive sitesLogo">
1817                            <span style="display:none">
1818                                <strong>Lukfata Public Schools</strong>
1819                            </span>
1820                        </a>
1821                    </h1>
1822                </div>
1823            </div>
1824                
1825    <div class="container-fluid nav-container-fluid fluid-wrapper clearfix">
1826        <!-- Brand and toggle get grouped for better mobile display -->
1827
1828        <div class="navbar-header adjust_height_navbar_header clearfix">
1829                        <!--other classes that can be used "collapsed" on navbar-toggle, and aria-expanded="false" on element after data-target-->
1830            <button type="button" aria-label="main menu" alt="main menu" class="mainlink navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
1831                <em style="display:none;">Home</em>
1832                <span class="icon-bar"></span>
1833                <span class="icon-bar"></span>
1834                <span class="icon-bar"></span>
1835            </button>
1836                    </div>
1837        <!-- Collect the nav links, forms, and other content for toggling -->
1838        <div class="collapse globalnavcollapse navbar-collapse nav_container" id="bs-example-navbar-collapse-1">
1839                                        <div class="navbar_extended_links_extra_bg "><!--would require the mtop set in site designs on the below ul to be 0, and still can't get to work on large devices due to bootstrap margins -->
1840                    <ul class="nav mainlink navbar-nav " style="margin-right:5px; ;">
1841                                                                    <li class="home nav_padding active">
1842                                                                                                    <a aria-label="Home" class="mainlink_a" href="/">
1843                                                    <i class="fa-solid fa-house"></i>
1844                                                                                                </a>
1845                                            </li>
1846                                                                                                                                                                                                                                            <li class="nav_padding " class="dropdown">
1847                                                    <!--dropdown-toggle is disabled so that the main links can be clickable links, the css above sets them to drop on hover-->
1848                                                    <a href="/6427_1" class="dropdown-toggle mainlink_a" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About Us <span class="caret"></span></a>
1849                                                    <ul class="dropdown-menu" role="menu">
1850                                                                                                                                                                                    <!-- <li>
1851                                                                    <a class="mainlink_a" href="/6427_1">
1852                                                                        <span style="display:none;">Section Home</span> About Us                                                                    </a>
1853                                                                </li>
1854                                                                <li role="separator" class="divider"></li> -->
1855                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <!--open empty nav2-->
1856                                                                                                                                                    <li>
1857                                                                                <a  href="/24525_2">Lukfata Staff</a>
1858                                                                            </li>
1859                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1860                                                                                                                                                    <li>
1861                                                                                <a  href="/24526_2">Governing Board</a>
1862                                                                            </li>
1863                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1864                                                                                                                                                    <li>
1865                                                                                <a  href="/24527_2">Choose Lukfata</a>
1866                                                                            </li>
1867                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1868                                                                                                                                                    <li>
1869                                                                                <a  href="/24528_2">Our History</a>
1870                                                                            </li>
1871                                                                                                                                                                                                                                                                                                                                                                                    </ul>
1872                                                </li>
1873                                                                                                                                                                                                                                    <li class="nav_padding " class="dropdown">
1874                                                    <!--dropdown-toggle is disabled so that the main links can be clickable links, the css above sets them to drop on hover-->
1875                                                    <a href="/6428_1" class="dropdown-toggle mainlink_a" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">School Info <span class="caret"></span></a>
1876                                                    <ul class="dropdown-menu" role="menu">
1877                                                                                                                                                                                    <!-- <li>
1878                                                                    <a class="mainlink_a" href="/6428_1">
1879                                                                        <sp
1879an style="display:none;">Section Home</span> School Info                                                                    </a>
1880                                                                </li>
1881                                                                <li role="separator" class="divider"></li> -->
1882                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1883                                                                                                                                                    <li>
1884                                                                                <a  href="/24521_2">School Info Home</a>
1885                                                                            </li>
1886                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1887                                                                                                                                                    <li>
1888                                                                                <a  href="/24531_2">Enrollment</a>
1889                                                                            </li>
1890                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1891                                                                                                                                                    <li>
1892                                                                                <a  href="/24532_2">Programs and Services</a>
1893                                                                            </li>
1894                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1895                                                                                                                                                    <li>
1896                                                                                <a  href="/24533_2">Athletics</a>
1897                                                                            </li>
1898                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1899                                                                                                                                                    <li>
1900                                                                                <a  href="/24534_2">Clubs</a>
1901                                                                            </li>
1902                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1903                                                                                                                                                    <li>
1904                                                                                <a  href="/24535_2">PTO</a>
1905                                                                            </li>
1906                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1907                                                                                                                                                    <li>
1908                                                                                <a  href="/90106_2">Medical Information</a>
1909                                                                            </li>
1910                                                                                                                                                                                                                                                                                                                                                                                    </ul>
1911                                                </li>
1912                                                                                                                                                                                                                                    <li class="nav_padding " class="dropdown">
1913                                                    <!--dropdown-toggle is disabled so that the main links can be clickable links, the css above sets them to drop on hover-->
1914                                                    <a href="/6430_1" class="dropdown-toggle mainlink_a" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Departments <span class="caret"></span></a>
1915                                                    <ul class="dropdown-menu" role="menu">
1916                                                                                                                                                                                    <!-- <li>
1917                                                                    <a class="mainlink_a" href="/6430_1">
1918                                                                        <sp
1918an style="display:none;">Section Home</span> Departments                                                                    </a>
1919                                                                </li>
1920                                                                <li role="separator" class="divider"></li> -->
1921                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1922                                                                                                                                                    <li>
1923                                                                                <a  href="/24523_2">Departments Home</a>
1924                                                                            </li>
1925                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1926                                                                                                                                                    <li>
1927                                                                                <a  href="/24538_2">Business Services</a>
1928                                                                            </li>
1929                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1930                                                                                                                                                    <li>
1931                                                                                <a  href="/24539_2">Food Services</a>
1932                                                                            </li>
1933                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1934                                                                                                                                                    <li>
1935                                                                                <a  href="/24540_2">Human Resources</a>
1936                                                                            </li>
1937                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1938                                                                                                                                                    <li>
1939                                                                                <a  href="/24541_2">Information and Instructional Technology</a>
1940                                                                            </li>
1941                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1942                                                                                                                                                    <li>
1943                                                                                <a  href="/24542_2">Operations</a>
1944                                                                            </li>
1945                                                                                                                                                                                                                                                                                                                                                                                    </ul>
1946                                                </li>
1947                                                                                                                                                                                                                                    <li class="nav_padding " class="dropdown">
1948                                                    <!--dropdown-toggle is disabled so that the main links can be clickable links, the css above sets them to drop on hover-->
1949                                                    <a href="/6431_1" class="dropdown-toggle mainlink_a" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Student Handbook and Helpful Links <span class="caret"></span></a>
1950                                                    <ul class="dropdown-menu" role="menu">
1951                                                                                                                                                                                    <!-- <li>
1952                                                                    <a class="mainlink_a" href="/6431_1">
1953                                                                        <sp
1953an style="display:none;">Section Home</span> Student Handbook and Helpful Links                                                                    </a>
1954                                                                </li>
1955                                                                <li role="separator" class="divider"></li> -->
1956                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <!--open empty nav2-->
1957                                                                                                                                                    <li>
1958                                                                                <a  href="/24543_2">FAQ</a>
1959                                                                            </li>
1960                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1961                                                                                                                                                    <li>
1962                                                                                <a  href="/24544_2">Web Links</a>
1963                                                                            </li>
1964                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <!--open empty nav2-->
1965                                                                                                                                                    <li>
1966                                                                                <a  href="/24545_2">Our Community</a>
1967                                                                            </li>
1968                                                                                                                                                                                                                                                                                                                                                                                    </ul>
1969                                                </li>
1970                                                                                                                                                                                            <li class="nav_padding "><a class="mainlink_a"  href="/6432_1">Contact Us</a></li>
1971                                                                                                                                                                                                            <li class="nav_padding "><a class="mainlink_a"  href="/77536_1">Strong Readers</a></li>
1972                                                                                                                                                                                                        <li class="search nav_padding"><a class="mainlink_a" href="/search" class="search_clickify"><i class="fa-solid fa-magnifying-glass" role="img" aria-label="Search"></i></a></li>
1973
1974                        <li class="navbar_close_btn" ><a class="mainlink navbar-toggle" style="border:none !important;margin-right:50px;" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" href="#skipPastNav">Close Navigation</a></li>
1975                    </ul>
1976                                    </div>
1977                        <li class="visible-xs visible-sm hidden-md hidden-lg" style="background-color:transparent !important;color:transparent !important;"><a aria-label="Close Navigation" href="#" id="closeMobileNav" data-toggle="collapse" data-target=".navbar-collapse.in"></a></li>
1978        </div><!-- /.navbar-collapse -->
1979                    <div class="optionalHeight"></div>
1980        <div class="qlink_bottom hidden-xs hidden-sm hidden-md visible-lg visible-xl" style="float:right !important;margin-right:170px !important;"></div>
1981    </div><!-- /.container-fluid -->
1982</nav>
1983<style>
1984.focus {
1985    border: 5px solid #FFFFFF !important;
1986    background-color: #F0FD05 !important;
1987    color: #FFFFFF !important;
1988}
1989.gtransMtopA {
1990    margin-top: 10px !important;
1991}
1992.gtransMtopB {
1993    margin-top: 10px !important;
1994}
1995.gtransPbtm {
1996    padding-bottom: 10px !important;
1997}
1998nav button.mainlink.navbar-toggle {
1999    background-color: Transparent !important;
2000    z-index: 1000;
2001}
2002.navbg-break-out {
2003    width: 100vw;
2004    position: relative;
2005    left: calc(-1 * (100vw - 100%) / 2);
2006}
2007.navhr {
2008    margin:0px;
2009    height: 10px;
2010    border-top: none;
2011    background-color: Transparent;
2012}
2013li.sr-only-focusable {
2014    color: white!important;
2015    background-color: black !important;
2016    font-size: 22px;
2017}
2018    .navbar {
2019        background-color: #FFFFFF;
2020        border-bottom: 1px solid #777;
2021        /* font-weight: bold; */
2022    }
2023    .navbar .navbar-nav > li > a, .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
2024        position: relative;
2025        /* font-weight: bold; */
2026        color: #777;
2027    }
2028    .navbar .navbar-nav > li > a:before {
2029        background-color: #F0FD05;/*animation color*/
2030        content:"";
2031        height: 3px;
2032        position: absolute;
2033        bottom: 0;
2034        left: 0;
2035        width: 100%;
2036        visibility: hidden;
2037        -webkit-transform: scaleX(0);
2038        transform: scaleX();
2039        -webkit-transition: all 0.3s ease-in-out 0s;
2040        transition: all 0.3s ease-in-out 0s;
2041        /*transition: .3s ease-in-out;*/
2042    }
2043    .navbar .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li > a:focus:before {
2044        visibility: visible;
2045        -webkit-transform: scaleX(1);
2046        transform: scaleX(1);
2047    }
2048    .navbar .navbar-nav > li > a.active:before {
2049        background-color: #F0FD05; /*underline color*/
2050        visibility: visible;
2051        -webkit-transform: scaleX(1);
2052        transform: scaleX(1);
2053    }
2054    .navbar .navbar-nav > .open > a {
2055        color: #777;
2056        /* font-weight: bold; */
2057        /*background color of mainlink on hover of children*/
2058        background-color: transparent !important;
2059    }
2060    .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
2061        /*background color of mainlink on hover of mianlink*/
2062        background-color: transparent !important;
2063    }
2064    /* caret */
2065     .navbar-nav > .dropdown > a .caret {
2066        border-top-color: #000000;
2067        border-bottom-color: #000000;
2068    }
2069    .dropdown-menu {
2070        padding: 10px 0px;
2071        margin: 0;
2072    }
2073    .dropdown .dropdown-menu li a {
2074        -webkit-transition: all 0.3s ease-in-out 0s;
2075        transition: all 0.3s ease-in-out 0s;
2076        /* width: 200px; */
2077        height: 27px;
2078        padding: 15px auto;
2079    }
2080    .dropdown .dropdown-menu li > a:before {
2081        margin: -3px 0;
2082        left: 0;
2083        background-color: #F0FD05; /*animation color*/
2084        content:"";
2085        position: absolute;
2086        height: 27px;
2087        width: 3px;
2088        transform-origin: bottom top;
2089        visibility: hidden;
2090        -webkit-transform: scaleY(0);
2091        transform: scaleY(0);
2092        -webkit-transition: all 0.3s ease-in-out 0s;
2093        transition: all 0.3s ease-in-out 0s;
2094    }
2095    .dropdown .dropdown-menu li a:hover:before {
2096        visibility: visible;
2097        -webkit-transform: scaleY(1);
2098        transform: scaleY(1);
2099    }
2100    
2101.navbar-default .navbar-nav > li > a {
2102    text-decoration:none !important;
2103}
2104.navbar-default .navbar-nav > li > .dropdown-menu > li > a,
2105.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > a, /*add this to add text color on sub menus*/
2106.navbar-default .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a /*add this to add text color on sub menus*/
2107{
2108    text-decoration:none !important;
2109}
2110    .m_right_30 {
2111        margin-right:30px !important;
2112    }
2113    #nav_quicklinks_list li a {
2114        font-family: Lexend, sans-serif;        font-size: 18px !important;
2115        color: #FFFFFF !important;
2116        text-decoration: none !important;
2117        border-bottom-style: none !important;
2118    }
2119            li.language_selections a:hover {
2120           /* color: #FFFFFF;*/
2121            background-color:#F0FD05 !important;
2122        }
2123        li.language_selections:hover {
2124            background-color:#F0FD05 !important;
2125        }
2126            .ct-topbar {
2127        text-align: right;
2128    }
2129    .ct-topbar__list {
2130        margin-bottom: 0px;
2131    }
2132    .ct-language__dropdown {
2133        padding-top: 8px;
2134        max-height: 0;
2135        overflow: hidden;
2136        position: absolute;
2137        top: 110%;
2138        left: -3px;
2139        -webkit-transition: all 0.25s ease-in-out;
2140        transition: all 0.25s ease-in-out;
2141        width: 100px;
2142        text-align: center;
2143        padding-top: 0;
2144        z-index:1000;
2145        margin-top:40px !important;
2146    }
2147    #gtransButton {
2148        overflow: hidden;
2149        position: absolute;
2150        top: 110%;
2151        left: -3px;
2152        -webkit-transition: all 0.25s ease-in-out;
2153        transition: all 0.25s ease-in-out;
2154        width: 150px;
2155        text-align: center;
2156        padding-top: 0;
2157        z-index:200;
2158        border-radius:unset !important;
2159        /* padding: 6px 12px !important; */
2160        margin-top:-9px !important;
2161    }
2162    .dropdown {
2163        margin-right: 50px;
2164    }
2165    .ct-language__dropdown li {
2166	    /*set the backgrund color behind the google translate links to be dark or light based on the selected hover text color*/
2167        background: #272727;
2168        padding: 5px;
2169        display: block;
2170    }
2171    .ct-language__dropdown li:first-child {
2172        padding-top: 10px;
2173        border-radius: 3px 3px 0 0;
2174    }
2175    .ct-language__dropdown li:last-child {
2176        padding-bottom: 10px;
2177        border-radius: 0 0 3px 3px;
2178    }
2179    .ct-language__dropdown li:hover {
2180        background: #444;
2181        /* padding: 5px; */
2182        display: block;
2183    }
2184    .ct-language__dropdown:before {
2185        content: '';
2186        position: absolute;
2187        top: 0;
2188        left: 0;
2189        right: 0;
2190        margin: auto;
2191        width: 8px;
2192        height: 0;
2193        border: 0 solid transparent;
2194        border-right-width: 8px;
2195        border-left-width: 8px;
2196        border-bottom: 8px solid #222;
2197    }
2198    .ct-language {
2199        font-weight: bolder;
2200        position: relative;
2201        background: #000000;
2202        color: #fff;
2203        padding: 10px 0;
2204        cursor:pointer !important;
2205    }
2206    /*transforming the bootstrap dropdown to look like customized language drop as close as possible*/
2207    .ct-language:hover .ct-language__dropdown {
2208        max-height: 600px;
2209        padding-top: 8px;
2210    }
2211    .ct-language__dropdown {
2212        overflow:unset !important;
2213        padding-top: 8px !important;
2214        background-color: transparent !important;
2215        border: none !important;
2216    }
2217    .list-unstyled {
2218        padding-left: 0;
2219        list-style: none;
2220    }
2221           li.language_color:hover, a:hover .countryLang {
2222            color:#FFFFFF !important;
2223        }
2224               .language_color {
2225            color: #FFFFFF !important;
2226        }
2227                li:hover .language_color {
2228            color: #FFFFFF !important;
2229        }
2230            @media (max-width: 480px) {
2231        .list-unstyled.list-inline>li {
2232            margin-top:-52px !important;
2233            position:absolute;
2234        }
2235        .list-unstyled.list-inline.ct-topbar__list {
2236            text-align:center !important;
2237            margin-right:60px !important;
2238        }
2239        .site_logo {
2240            margin-top:0px !important;
2241            /*was 50px*/
2242        }
2243        .nav_quicklinks_list {
2244            float: left !important;
2245            margin-left:-40px !important;
2246        }
2247        .list-inline>li {
2248            display:block !important;
2249        }
2250        #gtransButton {
2251            margin-top = -50px !important;        }
2252    }
2253    @media (min-width: 480px) and (max-width: 767px) {
2254        .list-unstyled.list-inline>li {
2255            margin-top:-52px !important;
2256            position:absolute;
2257        }
2258        .list-unstyled.list-inline.ct-topbar__list {
2259            text-align:center !important;
2260            margin-right:60px !important;
2261        }
2262        .site_logo {
2263            margin-top:0px !important;
2264            /*was 50px*/
2265        }
2266
2267        .nav_quicklinks_list {
2268            float: left !important;
2269            margin-left:-40px !important;
2270        }
2271        .list-inline>li {
2272            display:block !important;
2273        }
2274        #gtransButton {
2275            margin-top = -50px !important;        }
2276    }
2277
2278    @media (max-width: 767px) {
2279         #nav_quicklinks {
2280             margin-top:20px !important;
2281        }
2282        #nav_quicklinks_list {
2283            margin-top:-22px !important;
2284            margin-bottom:60px !important;
2285            margin-left:-40px !important;
2286            float:left !important;
2287        }
2288        .list-inline>li {
2289            display:block !important;
2290        }
2291        .site_logo {
2292            display: block;
2293            margin-left: auto;
2294            margin-right: auto;
2295            margin-bottom:0px !important;
2296            padding-bottom:0px !important;
2297            clear:both;
2298        }
2299        .containerx {
2300            width:95%;
2301            margin:0 auto !important;
2302        }
2303        .navplus {
2304            height:auto;
2305            padding-top:10px;
2306            padding-bottom:10px;
2307
2308        }
2309        .list-unstyled.list-inline>li {
2310            margin-top:-9px;
2311            position:absolute;
2312        }
2313        .site_logo {
2314            margin-top:10px;
2315        }
2316        #gtransButton {
2317            margin-top:-50px;
2318            margin-left:-15px;
2319        }
2320        /* .ct-language__dropdown {
2321            margin-top:-10px !important;
2322        } */
2323    }
2324
2325    @media (min-width: 768px) and (max-width: 935px) {
2326         #nav_quicklinks {
2327             margin-top:20px !important;
2328        }
2329        #nav_quicklinks_list {
2330            /* margin-top:20px !important; */
2331            margin-right:6% !important;
2332            float:right;
2333        }
2334        .list-inline>li {
2335            display:inline-block !important;
2336        }
2337        .site_logo {
2338            padding-top:25px !important;
2339            display: block;
2340            margin-left: auto;
2341            margin-right: auto;
2342            margin-bottom:0px !important;
2343            padding-bottom:0px !important;
2344            clear:both;
2345        }
2346        .containerx {
2347            width:95%;
2348            margin:0 auto !important;
2349        }
2350        .navplus {
2351            height:auto;
2352            padding-top:10px;
2353            padding-bottom:10px;
2354
2355        }
2356        .list-unstyled.list-inline>li {
2357            margin-top:-9px;
2358            position:absolute;
2359        }
2360        .site_logo {
2361            margin-top:10px;
2362        }
2363        /* .ct-language__dropdown {
2364            margin-left:-50px;
2365        } */
2366    }
2367
2368    @media (min-width: 936px) and (max-width: 1004px) {
2369         #nav_qu
2369icklinks {
2370             margin-top:20px !important;
2371        }
2372        #nav_quicklinks_list {
2373            /* margin-top:20px !important; */
2374            /* margin-right:5% !important; */
2375            float:right;
2376        }
2377        .list-inline>li {
2378            display:inline-block !important;
2379        }
2380        .site_logo {
2381            padding-top:25px !important;
2382            display: block;
2383            margin-left: auto;
2384            margin-right: auto;
2385            margin-bottom:0px !important;
2386            padding-bottom:0px !important;
2387            clear:both;
2388        }
2389        .containerx {
2390            width:95%;
2391            margin:0 auto !important;
2392        }
2393        .navplus {
2394            height:auto;
2395            padding-top:10px;
2396            padding-bottom:10px;
2397
2398        }
2399        .list-unstyled.list-inline>li {
2400            margin-top:-9px;
2401            position:absolute;
2402        }
2403        .site_logo {
2404            margin-top:10px;
2405        }
2406        /* .ct-language__dropdown {
2407            margin-left:-30px;
2408        } */
2409    }
2410    @media (min-width: 1005px) and (max-width: 1199px) {
2411         #nav_quicklinks {
2412             margin-top:20px !important;
2413        }
2414        #nav_quicklinks_list {
2415            /* margin-top:20px !important; */
2416            /* margin-right:7% !important; */
2417            float:right;
2418        }
2419        .list-inline>li {
2420            display:inline-block !important;
2421        }
2422        .site_logo {
2423            padding-top:25px !important;
2424            display: block;
2425            margin-left: auto;
2426            margin-right: auto;
2427            margin-bottom:0px !important;
2428            padding-bottom:0px !important;
2429            clear:both;
2430        }
2431        .containerx {
2432            width:95%;
2433            margin:0 auto !important;
2434        }
2435        .navplus {
2436            height:auto;
2437            padding-top:10px;
2438            padding-bottom:10px;
2439
2440        }
2441        .list-unstyled.list-inline>li {
2442            margin-top:-9px;
2443            position:absolute;
2444        }
2445        .site_logo {
2446            margin-top:10px;
2447        }
2448        .ct-language__dropdown {
2449            margin-left:-10px;
2450        }
2451    }
2452    @media (min-width: 1200px) and (max-width: 1599px) {
2453        #nav_quicklinks_list {
2454            margin-top:20px !important;
2455            padding-bottom:40px !important;
2456        }
2457        .list-inline>li {
2458            display:inline-block !important;
2459        }
2460        .dropdown {
2461            margin-right: 0px;
2462        }
2463                .site_logo {
2464                    }
2465        .containerx {
2466            width:90%;
2467            margin:0 auto !important;
2468        }
2469                    .site_logo {
2470                float:left;
2471            }
2472                        .navplus {
2473            height:100px !important;
2474            }
2475            
2476        .list-unstyled.list-inline>li {
2477            margin-top:-9px;
2478            position:absolute;
2479        }
2480        .site_logo {
2481            margin-top:10px;
2482        }
2483        /* .ct-language__dropdown {
2484            margin-left:-30px;
2485        } */
2486    }
2487    @media (min-width: 1600px) {
2488        .containerx {
2489            width:67%;
2490            margin:0 auto !important;
2491        }
2492                    .navplus {
2493            height:100px !important;
2494            }
2495                    .list-unstyled.list-inline>li {
2496            margin-top:-9px;
2497            position:absolute;
2498        }
2499        .site_logo {
2500            margin-top:10px;
2501        }
2502        #nav_quicklinks_list {
2503            margin-top:20px !important;
2504        }
2505        /* .ct-language__dropdown {
2506            margin-left:-30px;
2507        } */
2508        .dropdown {
2509            margin-right: 0px;
2510        }
2511    }
2512
2513    @media (min-width: 900px) and (max-width: 1201px) {
2514        .site_logo {
2515            margin-top: 90px;
2516        }
2517    }
2518    @media (min-width: 1202px) and (max-width: 1394px) {
2519        .site_logo {
2520            margin-top: 90px;
2521        }
2522        .translateContainer {
2523            margin-top:20px;
2524        }
2525    }
2526    @media (min-width: 1394px) and (max-width: 1401px) {
2527        .site_logo {
2528            margin-top: 90px;
2529        }
2530        .translateContainer {
2531            margin-top:20px;
2532        }
2533    }
2534    @media (min-width: 1402px) and (max-width: 1592px) {
2535        .site_logo {
2536            margin-top: 90px;
2537        }
2538        .translateContainer {
2539            margin-top:20px;
2540        }
2541    }
2542    @media (min-width: 1593px) and (max-width: 1599px) {
2543        .site_logo {
2544            margin-top: 90px;
2545        }
2546        .translateContainer {
2547            margin-top:20px;
2548        }
2549    }
2550    @media (min-width: 1600px) and (max-width: 1674px) {
2551        .site_logo {
2552            margin-top: 90px;
2553        }
2554        .translateContainer {
2555            margin-top:20px;
2556        }
2557    }
2558    @media (min-width: 1675px) and (max-width: 1774px) {
2559        .site_logo {
2560            margin-top: 90px;
2561        }
2562        .translateContainer {
2563            margin-top:20px;
2564        }
2565    }
2566    @media (min-width: 1775px) and (max-width: 1899px) {
2567        .site_logo {
2568            margin-top: 90px;
2569        }
2570        .translateContainer {
2571            margin-top:20px;
2572        }
2573    }
2574    @media (min-width: 1900px) and (max-width: 2006px) {
2575        .site_logo {
2576            margin-top: 90px;
2577        }
2578        .translateContainer {
2579            margin-top:20px;
2580        }
2581    }
2582    @media (min-width: 2000px) and (max-width: 2135px) {
2583        .site_logo {
2584            margin-top: 90px;
2585        }
2586        .translateContainer {
2587            margin-top:20px;
2588        }
2589    }
2590    @media (min-width: 2136px) and (max-width: 2258px) {
2591        .site_logo {
2592            margin-top: 90px;
2593        }
2594        .translateContainer {
2595            margin-top:20px;
2596        }
2597    }
2598    @media (min-width: 2259px) and (max-width: 2359px) {
2599        .site_logo {
2600            margin-top: 90px;
2601        }
2602        .translateContainer {
2603            margin-top:20px;
2604        }
2605    }
2606    @media (min-width: 2360px) and (max-width: 2543px) {
2607        .site_logo {
2608            margin-top: 90px;
2609        }
2610        .translateContainer {
2611            margin-top:20px;
2612        }
2613    }
2614    @media (min-width: 2524px) and (max-width: 2560px) {
2615        .site_logo {
2616            margin-top: 90px;
2617        }
2618        .translateContainer {
2619            margin-top:20px;
2620        }
2621    }
2622        li:hover .language_color {
2623        color: #FFFFFF !important;
2624    }
2625    .site_logo {
2626    margin-bottom:10px;
2627}
2628.custom3designL {
2629    margin-top:-40px !important;
2630    margin-left:500px !important;
2631}
2632.custom3designR {
2633    margin-top:-40px !important;
2634    margin-right:500px !important;
2635}
2636.m_top_42 {
2637    margin-top:42px !important;
2638    position:absolute;
2639}
2640
2641.m_top_resize_translate {
2642/*     margin-top:-30px !important; */
2643    margin-left:-10px !important;
2644    position:absolute;
2645}
2646.m_left_20 {
2647    margin-left:20px !important;
2648}
2649.m_top_5 {
2650    margin-top:5px !important;
2651}
2652.qlink_4_alignment {
2653    float:right !important;
2654    /* commented out for new look of translate btn */
2655    /* margin-right:165px !important; */
2656}
2657.qlink_bottom_padding_btm {
2658     padding-bottom:30px !important;
2659}
2660.extended_navlinks_bg, .globalnavcollapse.navbar-collapse.in {
2661    background-color: Transparent !important;
2662}
2663.visuallyhidden {
2664    border: 0;
2665    clip: rect(0 0 0 0);
2666    height: 1px;
2667    margin: -1px;
2668    overflow: hidden;
2669    padding: 0;
2670    position: absolute;
2671    width: 1px;
2672}
2673.navbar-nav.social {
2674    margin-right:20px;
2675    margin-top:0px;
2676
2677}
2678.customize_social_icon:hover {
2679    background-color: #e7e7ed !important;
2680    font-family: Arial, Helvetica, sans-serif !important;
2681    font-size:18px !important;
2682}
2683.mainlink.navbar-toggle .icon-bar:nth-of-type(2) {
2684    top: 1px;
2685}
2686
2687.mainlink.navbar-toggle .icon-bar:nth-of-type(3) {
2688    top: 2px;
2689}
2690
2691.mainlink.navbar-toggle .icon-bar {
2692    position: relative;
2693    transition: all 500ms ease-in-out;
2694}
2695.logoScallingL {
2696    max-height: 120px !important;
2697}
2698.logoScallingM {
2699    max-width: 400px !important;
2700}
2701.m_left_200 {
2702    margin-left:200px;
2703}
2704.m_left_180 {
2705    margin-left:180px;
2706}
2707.m_top_110 {
2708    margin-top:110px !important;
2709}
2710.m_top_neg100 {
2711    margin-top:-100px;
2712}
2713.m_top_47 {
2714    margin-top: 47px;
2715}
2716.height_0 {
2717    height:0px !important;
2718}
2719
2720.navbar-default {
2721    background-color: #0F540C;
2722            background-image: url(https://files.smartsites.parentsquare.com/3415/design_img__pzfpcz.png) !important;
2723                    background-position: ;
2724                background-size:cover !important;
2725}
2726</style>
2727<div id="skipPastNav"></div>
2728
2729<script type="text/javascript" charset="utf-8">
2730    const siteID = "3415";
2731    const sticky_setting = "navbar-nav";
2732    const is_logged_in = "0";
2733    const hasDistrictSelector = "";
2734    const bg = "#000000";
2735    const bghover = "#F0FD05";
2736    const texthover = "#FFFFFF";
2737    const tlateColor = "#FFFFFF";
2738    const darklight = "light";
2739    const fntsze = "14";
2740    const arrowSelected =  "arrow_2";
2741    const navDisplay = "existing_nav";
2742    const navType = "multilevel_op_four";
2743</script>
2743
2744<main id="page-content-wrapper" class="site_container  container-full"><link rel="stylesheet" type="text/css" href="https://files.smartsites.parentsquare.com/3415/css762.css">    <style>
2745    
2746            .whiteBGlink {
2747                color:Transparent !important;
2748            }
2749            .whiteBGlink:hover {
2750                color:#c3c3c300 !important;
2751            }    .textOnWhite {
2752        color:#000000 !important;
2753    }
2754    .footer_color {
2755        color:#FFFFFF !important;
2756    }
2757    .footer_color a {
2758        color:#FFFFFF !important;
2759    }
2760    .content-color .breadcrumb>li a {
2761        color:#333333;
2762    }
2763    ::-webkit-input-placeholder { /* Chrome */
2764        transition: opacity 250ms ease-in-out;
2765    }
2766    :-ms-input-placeholder { /* IE 10+ */
2767        transition: opacity 250ms ease-in-out;
2768    }
2769    ::-moz-placeholder { /* Firefox 19+ */
2770        opacity: 1;
2771        transition: opacity 250ms ease-in-out;
2772    }
2773    :-moz-placeholder { /* Firefox 4 - 18 */
2774        opacity: 1;
2775        transition: opacity 250ms ease-in-out;
2776    }
2777    .social-network a.icoRss:hover em, .social-network a.icoFacebook:hover em, .social-network a.icoTwitter:hover em,
2778    .social-network a.icoGoogle:hover em, .social-network a.icoVimeo:hover em, .social-network a.icoLinkedin:hover em {
2779        color:#fff;
2780    }
2781    a.socialIcon:hover, .socialHoverClass {
2782        color:#44BCDD;
2783    }
2784    .social-circle li a {
2785        display:inline-block;
2786        position:relative;
2787        margin:0 auto 0 auto;
2788        -moz-border-radius:50%;
2789        -webkit-border-radius:50%;
2790        border-radius:50%;
2791        text-align:center;
2792        width: 50px;
2793        height: 50px;
2794        font-size:30px;
2795    }
2796    .social-circle li em {
2797        margin:0;
2798        line-height:50px;
2799        text-align: center;
2800    }
2801    .social-circle li a:hover em, .triggeredHover {
2802        -moz-transform: rotate(360deg);
2803        -webkit-transform: rotate(360deg);
2804        -ms--transform: rotate(360deg);
2805        transform: rotate(360deg);
2806        -webkit-transition: all 0.2s;
2807        -moz-transition: all 0.2s;
2808        -o-transition: all 0.2s;
2809        -ms-transition: all 0.2s;
2810        transition: all 0.2s;
2811    }
2812    .social-circle em {
2813        color: #fff;
2814        -webkit-transition: all 0.8s;
2815        -moz-transition: all 0.8s;
2816        -o-transition: all 0.8s;
2817        -ms-transition: all 0.8s;
2818        transition: all 0.8s;
2819    }
2820            .widget_row_bg_0 {
2821            height: unset !important;
2822        }
2823        div[id*="item"] .widget_row_bg_0{
2824            padding-bottom: unset !important;
2825        }
2826        div[id*="item"] .widget_row_bg_0{
2827            padding-bottom: 31px !important;
2828        }
2829                .widget_row_bg_1 {
2830            height: unset !important;
2831        }
2832        div[id*="item"] .widget_row_bg_1{
2833            padding-bottom: unset !important;
2834        }
2835        div[id*="item"] .widget_row_bg_1{
2836            padding-bottom: 31px !important;
2837        }
2838                .widget_row_bg_2 {
2839            height: unset !important;
2840        }
2841        div[id*="item"] .widget_row_bg_2{
2842            padding-bottom: unset !important;
2843        }
2844        div[id*="item"] .widget_row_bg_2{
2845            padding-bottom: 31px !important;
2846        }
2847                .widget_row_bg_3 {
2848            height: unset !important;
2849        }
2850        div[id*="item"] .widget_row_bg_3{
2851            padding-bottom: unset !important;
2852        }
2853        div[id*="item"] .widget_row_bg_3{
2854            padding-bottom: 31px !important;
2855        }
2856                .widget_row_bg_4 {
2857            height: unset !important;
2858        }
2859        div[id*="item"] .widget_row_bg_4{
2860            padding-bottom: unset !important;
2861        }
2862        div[id*="item"] .widget_row_bg_4{
2863            padding-bottom: 31px !important;
2864        }
2865                .widget_row_bg_5 {
2866            height: unset !important;
2867        }
2868        div[id*="item"] .widget_row_bg_5{
2869            padding-bottom: unset !important;
2870        }
2871        div[id*="item"] .widget_row_bg_5{
2872            padding-bottom: 31px !important;
2873        }
2874                .widget_row_bg_6 {
2875            height: unset !important;
2876        }
2877        div[id*="item"] .widget_row_bg_6{
2878            padding-bottom: unset !important;
2879        }
2880        div[id*="item"] .widget_row_bg_6{
2881            padding-bottom: 31px !important;
2882        }
2883            .siteExtraMargins {
2884        margin-top:20px !important;
2885    }
2886        .bs_alert_size .close {
2887        opacity: .6;
2888    }
2889    html {
2890        height: 100% !important;
2891    }
2892    </style>
2893    
2893<script>
2894    $(document).ready(function(){
2895        let determineRow         = '';
2896        let determineColumn      = '';
2897        let divid                = '';
2898        let sameTypeWidgetRowNum = '';
2899        $('[href*="skipFBContent"],[href*="skipTwitterContent"]').each((i,e) => {
2900            $(e).on('focusin', function() {
2901                determineRow         = $(this).attr("data-feedrow");
2902                determineColumn      = $(this).attr("data-feedcolumn");
2903                divid                = $(this).attr("data-divid");
2904                sameTypeWidgetRowNum = (determineColumn == 1) ? 'THE 1ST COLUMN' : sameTypeWidgetRowNum;
2905                sameTypeWidgetRowNum = (determineColumn == 2) ? 'THE 2ND COLUMN' : sameTypeWidgetRowNum;
2906                sameTypeWidgetRowNum = (determineColumn == 3) ? 'THE 3RD COLUMN' : sameTypeWidgetRowNum;
2907                sameTypeWidgetRowNum = (determineColumn == 4) ? 'THE 4TH COLUMN' : sameTypeWidgetRowNum;
2908                sameTypeWidgetRowNum = (determineColumn == 5) ? 'THE 5TH COLUMN' : sameTypeWidgetRowNum;
2909                sameTypeWidgetRowNum = (determineColumn == 6) ? 'THE 6TH COLUMN' : sameTypeWidgetRowNum;
2910                let widget_row       = $(".page_widgets_bg_"+determineRow).closest('div').children().first().attr("class");
2911                if (widget_row !== undefined) {
2912                    //widgets on old design headers
2913                    widget_display_selector = $("."+widget_row);
2914                } else {
2915                    //widgets fed into design stacks
2916                    widget_display_selector = $(".page_widgets_bg_"+determineRow+".widget_row_bg_"+determineRow+"");
2917                }
2918                if ($(this).attr("href") == "#skipFBContentDown_"+divid) {
2919                    $(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>');
2920                }
2921                if ($(this).attr("href") == "#skipFBContentUp_"+divid) {
2922                    $(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>');
2923                }
2924                if ($(this).attr("href") == "#skipTwitterContentDown_"+divid) {
2925                    $(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>');
2926                }
2927                if ($(this).attr("href") == "#skipTwitterContentUp_"+divid) {
2928                    $(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>');
2929                }
2930                $('html,body').animate({
2931                    scrollTop: $(".page_widgets_bg_"+determineRow).offset().top
2932                });
2933            }).on('focusout', function() {
2934                $(".tab_alert").remove();
2935            });
2936        });
2937            });
2938    </script>
2938
2939    <div class=" page-content inset"></div>
2940    
2940<script>
2941    var videoObj = {};
2942    var userVideoObj = {};
2943    $(document).ready(function() {
2944        $(".warning").remove();
2945        $('.horitontal_pic').on('mouseup',function() {
2946            src = $(this).attr('src');
2947            new_file_path = src;
2948            text = $(this).attr('alt');
2949            if (text.toLowerCase().indexOf("website picture") >= 0) {
2950                text = '';
2951            }
2952            img = '<img src="' + new_file_path + '" class="img-responsive"/>';
2953
2954
2955                $('#horitontal_pic_list .modal-body').html('<center>'+img+'</center>'+'<div style="margin:20px;" class="photo_desc well text-center">'+text+'</div>');
2956
2957
2958            $('#horitontal_pic_list').on('hidden.bs.modal', function () {
2959                $('#horitontal_pic_list .modal-body').html('');
2960            })
2961        });
2962    });
2963
2964
2965    $(document).on('click', '.ig_video_play_btn', function() {
2966        let button = $(this);
2967        button.hide();
2968        button.prev('img').hide();
2969        button.next('video').show().get(0).play();
2970    });
2971
2972    $(document).on('click', '.carousel_ig_post', function() {
2973        $('video').trigger('pause');
2974        $('.ig_video_play_btn').show();
2975    });
2976    </script>
2976
2977    <!-- horitontal_pic modal (this can not be moved to where the other modals are created) -->
2978    <div class="modal fade" id="horitontal_pic_list" tabindex="-1" role="dialog">
2979        <div class="modal-dialog">
2980            <!-- stack pic series image body content-->
2981            <div class="modal-content">
2982                <div class="modal-header">
2983                    <button type="button" class="close" data-dismiss="modal">&times;</button>
2984                </div>
2985                <div class="modal-body">
2986                </div>
2987                <div class="modal-footer">
2988                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
2989                </div>
2990            </div>
2991        </div>
2992    </div>
2993    <h1 class="page_title sr-only">Homepage</h1><style>
2994        .stack_title {
2995            color:#000000 !important;
2996        }
2997    </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"><section data-comp="announcements" class="ss-component editme   ss-no-slide " id="item444629" data-pageid="stack_announcements" data-parentid="2763" data-elemid="444629">
2998        
2999            <style>
3000        
3001            .stackani-color {
3002                background-color: rgb(250,250,250) !important;
3003                color: #000000 !important;
3004            }
3005                            .custom_444629 {
3006            background-color:#fafafa !important;
3007        }
3008                                                </style>
3009        <div id="stack_content_444629" class="">
3010            <div class="custom_444629" data-itemID="444629" style="background-color:transparent !important;">
3011                                                    <div class="ss-component-content container">
3012                        <div data-wow-duration="1s" data-wow-delay="0.1s" class="wow animated 0" style="background-color:transparent !important; border: 0 !important;box-shadow: none !important;" onfocusin="$('.panel-nav-button').removeClass('ls-hidden').css({'visibility': 'visible', 'opacity' : 1})">
3013                            <div aria-live="polite" id="main-slider_444629" class="liquid-slider" style="background-color:#fafafa !important;">
3014                                                                <div id="main-slider_444629_panel_1" role="tabpanel" aria-labelledby="main-slider_444629_tab_1" style="overflow-x: hidden; overflow-y: auto; max-height: 400px;">
3015                                        <div style="margin: 0px 20px;">
3016                                            <h2 style="font-size: 30px; color:" class="title">LUKFATA FALCON CREED</h2>
3017                                        </div>
3018                                        <span class="natural_p_tag" style="color:">
3019                                            <div class="ss-editor-content ss-linked-image-hover-zoom" style="margin: 0px 20px;">
3020                                                <p style="text-align: center;"><span style="font-size:18px;"><span style="color:#009900;"><strong>We are the Lukfata Falcon Family.</strong></span></span></p>
3021
3022<p style="text-align: center;"><span style="font-size:18px;"><span style="color:#009900;"><strong>We are unique and devoted individuals, strongly united in our endeavor to obtain knowledge.</strong></span></span></p>
3023
3024<p style="text-align: center;"><span style="font-size:18px;"><span style="color:#009900;"><strong>We choose to treat each other with consideration, respect, and compassion.</strong></span></span></p>
3025
3026<p style="text-align: center;"><span style="font-size:18px;"><span style="color:#009900;"><strong>We are responsible for our own actions, knowing that our choices result in consequences.&nbsp;</strong></span></span></p>
3027
3028<p style="text-align: center;"><span style="font-size:18px;"><span style="color:#009900;"><strong>We believe we must start today to prepare for the future by seizing every opportunity to learn.</strong></span></span></p>
3029
3030<p style="text-align: center;"><span style="font-size:18px;"><span style="color:#009900;"><strong>We will work hard, use our time wisely, and do our best. Yesterday&rsquo;s failures are behind us. </strong></span></span></p>
3031
3032<p style="text-align: center;"><span style="font-size:18px;"><span style="color:#009900;"><strong>Today&rsquo;s successes are now before us. We will make today the very best day of all!</strong></span></span></p>
3033                                            </div>
3034                                        </span>
3035                                                                            </div>
3036
3037
3038                                                                </div>
3039                        </div>
3040                    </div>
3041                            </div>
3042
3043
3044        </div>
3045                <style>
3046        #item444629 #main-slider_444629-nav-select {
3047            color:#333333 !important;
3048        }
3049
3050        #item444629 #main-slider_444629-nav-ul {
3051            color:#333333 !important;
3052        }
3053        #item444629 .ls-wrapper.arrows.ls-responsive {
3054            width: 100% !important;
3055            max-width: fit-content !important;
3056            overflow-x: hidden !important;
3057        }
3058        #item444629 .ls-nav a {
3059          color: #333333 !important;
3060          margin-right: 1px;
3061          padding: 10px 15px;
3062          outline: none !important;
3063          border: 2px solid transparent !important;
3064          border-radius: 4px 4px 0 0 !important;
3065          text-align:center !important;
3066          text-decoration: none !important;
3067        }
3068        /* Override plugin inline blue border with !important; show ring only on :focus-visible (keyboard) */
3069        #item444629 .ls-nav a:focus {
3070          outline: none !important;
3071          box-shadow: none !important;
3072          border-color: transparent !important;
3073        }
3074        #item444629 .ls-nav a:focus-visible {
3075          outline: none !important;
3076          box-shadow: none !important;
3077          border-color: #333333 !important;
3078          border-radius: 4px 4px 0 0 !important;
3079        }
3080        #item444629 .custom_444629 .ls-nav .current a {
3081          background-color:#fafafa !important;          #333333        }
3082        #item444629 .custom_444629 .ls-nav a:hover {
3083          background-color:#fafafa !important;          #333333          text-shadow: none;
3084          text-decoration: none !important;
3085        }
3086        #item444629 .custom_444629 .ls-responsive .ls-nav-left-arrow:before {
3087            color: #333333 !important;
3088            mix-blend-mode: lighten;
3089            font-size:30px;
3090            font-family: 'FontAwesome';
3091            content: '\f0a8 ';
3092            margin:3px 5px 0 5px;
3093            opacity:0.4;
3094        }
3095        #item444629 .custom_444629 .ls-responsive .ls-nav-right-arrow:before {
3096            color:#333333 !important;
3097            mix-blend-mode: lighten;
3098            font-size:30px;
3099            font-family: 'FontAwesome';
3100            content: '\f0a9 ';
3101            margin-right:20px !important;
3102            opacity:0.4;
3103        }
3104                    #item444629 .ls-nav ul {
3105                padding:unset !important;
3106                padding-left:20px !important;
3107            }
3108                    </style>
3109        
3109<script>
3110        let accessibilityUpdateTimer_444629 = null;
3111        window.scheduleAnnouncementsAccessibilityUpdate_444629 = function(delay = 0) {
3112            clearTimeout(accessibilityUpdateTimer_444629);
3113            accessibilityUpdateTimer_444629 = setTimeout(function() {
3114                if (window.updateAnnouncementsTabAccessibility_444629) {
3115                    window.updateAnnouncementsTabAccessibility_444629();
3116                }
3117                if (window.updateAnnouncementsPanelAccessibility_444629) {
3118                    window.updateAnnouncementsPanelAccessibility_444629();
3119                }
3120            }, delay);
3121        };
3122
3123        jQuery(document).ready(function($) {
3124            const announcementFocusableSelector = 'a[href], area[href], button, input, select, textarea, [tabindex]';
3125            const missingTabindexValue = '__ss-none__';
3126
3127            function getActiveAnnouncementsPanelIndex_444629() {
3128                const tabItems = $('#item444629 #main-slider_444629-nav-ul li[class*="tab"]');
3129                const currentTab = tabItems.filter('.current').first();
3130                let activeIndex = currentTab.length ? tabItems.index(currentTab) : -1;
3131
3132                if (activeIndex < 0) {
3133                    const selectedIndex = parseInt($('#main-slider_444629-nav-select').prop('selectedIndex'), 10);
3134                    if (!Number.isNaN(selectedIndex)) {
3135                        activeIndex = selectedIndex;
3136                    }
3137                }
3138
3139                return activeIndex < 0 ? 0 : activeIndex;
3140            }
3141
3142            // Reshape liquidSlider's nav markup so role="tab" lives on the focusable
3143            // <a> rather than the wrapping <li>. Per WAI-ARIA, interactive roles
3144            // must not be nested on non-focusable parents (WCAG 4.1.2). The vendor
3145            // plugin (jquery.liquid-slider.min.js) emits role="tab" on the <li>;
3146            // we patch it post-init so the tab semantics live on the <a>, the <li>
3147            // becomes presentational, and the parent <ul> exposes role="tablist".
3148            window.updateAnnouncementsTabAccessibility_444629 = function() {
3149                const navUl = $('#main-slider_444629-nav-ul');
3150                if (!navUl.length) {
3151                    return;
3152                }
3153
3154                if (navUl.attr('role') !== 'tablist') {
3155                    navUl.attr('role', 'tablist');
3156                }
3157
3158                navUl.find('li[class*="tab"]').each(function() {
3159                    const li = $(this);
3160                    const link = li.find('a').first();
3161                    if (!link.length) {
3162                        return;
3163                    }
3164
3165                    // Move id/aria-controls from the <li> onto the <a> so the
3166                    // panel's aria-labelledby still resolves to the actual tab.
3167                    const liId = li.attr('id');
3168                    if (liId && !link.attr('id')) {
3169                        link.attr('id', liId);
3170                        li.removeAttr('id');
3171                    }
3172
3173                    const ariaControls = li.attr('aria-controls');
3174                    if (ariaControls && link.attr('aria-controls') === undefined) {
3175                        link.attr('aria-controls', ariaControls);
3176                    }
3177                    li.removeAttr('aria-controls');
3178
3179                    if (li.attr('role') !== 'presentation') {
3180                        li.attr('role', 'presentation');
3181                    }
3182
3183                    if (link.attr('role') !== 'tab') {
3184                        link.attr('role', 'tab');
3185                    }
3186
3187                    const isCurrent = li.hasClass('current');
3188                    link.attr('aria-selected', isCurrent ? 'true' : 'false');
3189                    link.attr('tabindex', isCurrent ? '0' : '-1');
3190                });
3191            };
3192
3193            window.updateAnnouncementsPanelAccessibility_444629 = function() {
3194                const slider = $('#item444629 #main-slider_444629');
3195                const allPanels = slider.find('.ls-panel');
3196                const panels = allPanels.not('.clone');
3197
3198                if (!panels.length) {
3199                    return;
3200                }
3201
3202                const activePanelIndex = Math.min(getActiveAnnouncementsPanelIndex_444629(), panels.length - 1);
3203
3204                allPanels.each(function() {
3205                    const panel = $(this);
3206                    const isClonePanel = panel.hasClass('clone');
3207                    const panelIndex = isClonePanel ? -1 : panels.index(panel);
3208                    const isActivePanel = !isClonePanel && panelIndex === activePanelIndex;
3209
3210                    panel.attr('aria-hidden', isActivePanel ? 'false' : 'true');
3211                    if (isActivePanel) {
3212                        panel.removeAttr('inert');
3213                    } else {
3214                        panel.attr('inert', '');
3215                    }
3216
3217                    panel.find(announcementFocusableSelector).each(function() {
3218                        const element = $(this);
3219                        const existingTabindex = element.attr('tabindex');
3220
3221                        if (isActivePanel) {
3222                            const restoreValue = element.attr('data-ss-tabindex-restore');
3223                            if (restoreValue !== undefined) {
3224                                if (restoreValue === missingTabindexValue) {
3225                                    element.removeAttr('tabindex');
3226                                } else {
3227                                    element.attr('tabindex', restoreValue);
3228                                }
3229                                element.removeAttr('data-ss-tabindex-restore');
3230                            }
3231                            return;
3232                        }
3233
3234                        if (element.attr('data-ss-tabindex-restore') === undefined) {
3235                            element.attr('data-ss-tabindex-restore', existingTabindex === undefined ? missingTabindexValue : existingTabindex);
3236                        }
3237                        element.attr('tabindex', '-1');
3238                    });
3239                });
3240            };
3241
3242            $("#item444629 #main-slider-wrapper").prop('id', 'main-slider-wrapper_444629');
3243
3244            jQuery(function($) {
3245                $('#item444629 #main-slider_444629').liquidSlider({
3246                    // autoHeight: true,
3247                    minHeight: 225,
3248                    // heightEaseDuration: 1500,
3249                    // heightEaseFunction: 'easeInOutExpo',
3250
3251                    slideEaseDuration: 1500,
3252                    slideEaseFunction: 'easeInOutExpo',
3253                    slideEaseFunctionFallback: 'swing',
3254                    animateIn: 'bounceInRight',
3255                    animateOut: 'bounceOutRight',
3256                    continuous: true,
3257                    fadeInDuration: 500,
3258                    fadeOutDuration: 500,
3259
3260                    autoSlide: false,
3261                    autoSlideDirection: 'right',
3262                    autoSlideInterval: 1000 * 4,
3263                    forceAutoSlide: false,
3264                    pauseOnHover: true,
3265
3266                    dynamicArrows: false,
3267                    dynamicArrowsGraphical: true,
3268                    dynamicArrowLeftText: '&#171; left',
3269                    dynamicArrowRightText: 'right &#187;',
3270                    hideSideArrows: false,
3271                    hideSideArrowsDuration: 750,
3272                    hoverArrows: true,
3273                    hoverArrowDuration: 250,
3274
3275                    dynamicTabs: false,
3276                    dynamicTabsHtml: true,
3277                    includeTitle: true,
3278                    panelTitleSelector: '.title',
3279                    dynamicTabsAlign: 'left',
3280                    dynamicTabsPosition: 'top',
3281                    navElementTag: 'div',
3282
3283                    firstPanelToLoad: 1,
3284                    hashLinking: false,
3285                    hashTitleSelector: '.title',
3286
3287                    crossLinks:true,
3288
3289                     keyboardNavigation: false,
3290                     leftKey: 39,
3291                     rightKey: 37,
3292                     panelKeys: {
3293                     1: 49,
3294                     2: 50,
3295                     3: 51,
3296                     4: 52
3297                     },
3298
3299                    responsive: true,
3300                    mobileNavigation: true,
3301                    mobileNavDefaultText: 'Menu',
3302                    mobileUIThreshold: 0,
3303                    hideArrowsWhenMobile: true,
3304                    hideArrowsThreshold: 0,
3305                    useCSSMaxWidth: 3000,
3306
3307                    preload: function() {
3308                        this.finalize();
3309                    },
3310                    onload: function() {
3311                        window.scheduleAnnouncementsAccessibilityUpdate_444629();
3312                    },
3313                    pretransition: function() {
3314                        this.transition();
3315                    },
3316                    callback: function() {
3317                        this.alignNavigation();
3318                        window.scheduleAnnouncementsAccessibilityUpdate_444629();
3319                    },
3320
3321                    preloader: true,
3322                    swipe: true,
3323                    swipeArgs: undefined
3324                });
3325            });
3326
3327            $('#item444629').on('click keyup change', '#main-slider_444629-nav-ul li a, #main-slider_444629-nav-select', function() {
3328                window.scheduleAnnouncementsAccessibilityUpdate_444629();
3329            });
3330
3331            // WAI-ARIA tabs keyboard pattern (https://www.w3.org/WAI/ARIA/apg/patterns/tabs/):
3332            //   - Space:        activate focused tab (Enter is handled natively by <a>;
3333            //                   browsers don't synthesize click on <a> for Space, so we do).
3334            //                   preventDefault() also stops Space from scrolling the page.
3335            //   - Left/Right:   move focus to previous/next tab, wrapping at the ends.
3336            //                   Activation happens via the <li> focusin handler below,
3337            //                   which clicks the tab on focus (automatic activation).
3338            //   - Home/End:     move focus to the first/last tab.
3339            $('#item444629').on('keydown', '#main-slider_444629-nav-ul li a', function(e) {
3340                if (e.which === 32) {
3341                    e.preventDefault();
3342                    $(this).trigger('click');
3343                    return;
3344                }
3345
3346                // 37 = Left, 39 = Right, 36 = Home, 35 = End
3347                if (e.which !== 37 && e.which !== 39 && e.which !== 36 && e.which !== 35) {
3348                    return;
3349                }
3350
3351                const tabs = $('#item444629 #main-slider_444629-nav-ul li[class*="tab"] > a');
3352                if (!tabs.length) {
3353                    return;
3354                }
3355
3356                const currentIndex = tabs.index(this);
3357                if (currentIndex < 0) {
3358                    return;
3359                }
3360
3361                let targetIndex;
3362                if (e.which === 37) {
3363                    targetIndex = (currentIndex - 1 + tabs.length) % tabs.length;
3364                } else if (e.which === 39) {
3365                    targetIndex = (currentIndex + 1) % tabs.length;
3366                } else if (e.which === 36) {
3367                    targetIndex = 0;
3368                } else {
3369                    targetIndex = tabs.length - 1;
3370                }
3371
3372                e.preventDefault();
3373                tabs.eq(targetIndex).trigger('focus');
3374            });
3375
3376            window.scheduleAnnouncementsAccessibilityUpdate_444629();
3377
3378        });
3379
3380        document.addEventListener('DOMContentLoaded', function() {
3381
3382
3383            //loop through each panels description truncate the text in tabs
3384            $('#item444629 .ls-nav a').each(function(index,value){
3385                $(this).html(text_truncate($(this).text(),19));
3386
3387            });
3388
3389            $("#main-slider_444629-nav-select").prop("selectedIndex", 0).css("margin-left","35px");
3390
3391            //add aria label to the arrows so they are not empty link ada errors
3392            $("#item444629 .ls-nav-left-arrow a").attr("aria-label", "Previous slide");
3393            $("#item444629 .ls-nav-right-arrow a").attr("aria-label", "Next slide");
3394
3395            //create an array to hold this stacks description paragraphs of each slide
3396            var announceText_444629 = [];
3397
3398            var announceLink_444629 = [];
3399
3400            //loop through each panel that isn't a clone
3401            $('#item444629 .custom_444629 .ls-panel').not( ".clone" ).each(function(index,value){
3402
3403                //push the announcements description and links into the arrays
3404                announceText_444629.push($(this).find("p:first").text());
3405                announceLink_444629.push($(this).find("a:last").attr('href'));
3406
3407            }, false);
3408
3409            //loop through all tabs in this stack
3410            $('#item444629 .custom_444629 [class*="tab"]').each(function(index,value){
3411                //get the count of the each loop
3412                curCount = index+1;
3413                //use the count of each loop to access the arrays from above holding announcment descriptions and links, and trim white space on desc
3414                set_aria_label = announceText_444629[index].trim();
3415                set_btn_link = announceLink_444629[index];
3416                // Set aria-label on the inner <a role="tab"> (not the <li role="presentation">),
3417                // so screen readers read the full announcement title instead of the
3418                // truncated visible link text.
3419                $("#item444629 .custom_444629 .tab"+curCount+" a").attr("aria-label", set_aria_label);
3420
3421                //prevent ada errors for links that tag an ID but have no div associated with it
3422                //check for any classes that start with tab and see if they have an anchor tag in them
3423                if ($(this).children('a').length) {
3424                    //get the id its tagging from the href
3425                    TagID = $(this).children('a').attr('href');
3426                    //remove the poundsign first character
3427                    IdToCreate = TagID.substring(1, TagID.length);
3428
3429                    if($("#" + IdToCreate).length == 0) {
3430                        //only create ID on page if ID dont already exist
3431                        $("body").prepend('<div id="'+IdToCreate+'"></div>');
3432                    }
3433                }
3434                //access the tabs for this stack announcement and set the href based off the order of the array
3435                $("#item444629 .custom_444629 .tab"+curCount+" a").prop("href", set_btn_link);
3436            });
3437            $(document).ready(function() {
3438                $("#item444629 #main-slider_444629-nav-ul li").focusin(function() {
3439                    //pause slideshow on tab through over slideshow to mimic mouseover pause
3440                    $(this).trigger('mouseover');
3441                    $(this).trigger('click');
3442                    //highlight the current tab on tabover by adding the current class like clicking does
3443                    $(this).addClass("current");
3444                    window.scheduleAnnouncementsAccessibilityUpdate_444629();
3445
3446                });
3447                $("#item444629 #main-slider_444629-nav-ul li").focusout(function() {
3448                    //remove the current class from the tabs if the user tabs off of them
3449                    $(this).removeClass("current");
3450                });
3451
3452
3453            });
3454            //The following is for ADA
3455            pauseCarousels(JSON.stringify({
3456                carousel_id_to_pause: ".custom_444629",
3457                type: "stack_announcement",
3458                announMenu: "#main-slider_444629-nav-select"
3459            }));
3460
3461            $("#main-slider_444629-nav-select")
3462                .attr('tabindex', '0')                     // Add tab indexes
3463                .attr("aria-label","Press the space bar to select an announcement, or use the arrow keys to navigate left to right.  You can also use keys one through five to navigate the slides")
3464                .keypress((evt)=>{
3465                    var key = evt.key;
3466                    if (evt.keyCode === 13) {  // Only send click events for Space
3467                        alert("Press the space bar to select an announcement.")
3468                    }
3469            });
3470
3471            $("#main-slider_444629-nav-select")
3472            $("#main-slider_444629-nav-select").bind("keyup focusout", function (evt) {
3473
3474                $("#stack_content_444629 .ls-select-box").css("border","4px s
3474olid lightblue");
3475
3476
3477                if (!$('.alertspace').length) {
3478                    $("#stack_content_444629").prepend("<div class='alertspace'><div class='alert alert-info'><strong>Info!</strong> Press The Space Bar To Select An Announcement</div></div>");
3479                }
3480
3481            });
3482
3483            $("#main-slider_444629-nav-select")
3484                .focusout((evt)=>{
3485                    $("#stack_content_444629 .ls-select-box").css("border","none");
3486                    $(".alertspace").remove();
3487            });
3488            //the above is for ADA
3489            window.scheduleAnnouncementsAccessibilityUpdate_444629();
3490
3491        }, false);
3492        </script>
3492
3493        <style>
3494        .ls-nav {
3495            background-color:#ffffff;
3496        }
3497        </style>
3498    <div class="clearfix"></div>
3499</section>
3500
3501            <section data-comp="post-feed" class="ss-component ss-post-feed stack_news break-out editme   " id="item734352" data-pageid="stack_newsArticles" data-parentid="2763" data-elemid="734352" >    <link rel="modulepreload" href="/dist/assets/PostFeedComponent-DCBX5Kw7.js" />
3502<link rel="modulepreload" href="/dist/assets/jquery-UIAagU1C.js" />
3503<link rel="modulepreload" href="/dist/assets/slick-Ddqr_xR3.js" />
3504<link rel="modulepreload" href="/dist/assets/_commonjsHelpers-CE1G-McA.js" /><link rel="stylesheet" href="/dist/assets/slick-o7-aLwkL.css" />
3504<script type="module" src="/dist/assets/PostFeedComponent-DCBX5Kw7.js"></script>
3504            <div id="stack_content_734352" class="">
3505                <div class="ss-component-content container background-break-out"  data-num-articles="5" data-comp-body="false">
3506                    <div class="ss-editor-content ss-component-intro ss-linked-image-hover-zoom"></div>                                <div class="news-feed-rows news-feed-overflow-grid  ">
3507                        <div class="custom_abS5D2  news-feed-rows-container news-feed-container-abS5D2">
3508                            <article id="article82008797" class="article-container article-color ss-post-feed-card">
3509                    <div class="ss-news-feed-row ss-divider-line">
3510        <div class="ss-news-feed-row-content">
3511                <div class="ss-news-feed-row-img-container">
3512                    <img class="article_image ss-news-feed-article-image" src="https://pubmedia.parentsquare.com/feeds/full_2716d793-e3bc-4daf-8695-0e60703886a9.png" alt="June Calendar &amp; Lunch Menu" />
3513    </div>
3514            <div class="ss-news-feed-row-text-container">
3515                            <h2 class="ss-post-feed-title">            <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&amp;psqFeed=true&amp;articleID=82008797">June Calendar & Lunch Menu</a></h2>
3516                
3517                            <p class="posted-date-container" class="text-muted">June 2, 2026</p>
3518            </div>
3519        </div>
3520    </div>
3521            </article>            <article id="article78923859" class="article-container article-color ss-post-feed-card">
3522                    <div class="ss-news-feed-row ss-divider-line">
3523        <div class="ss-news-feed-row-content">
3524                <div class="ss-news-feed-row-img-container">
3525                    <img class="article_image ss-news-feed-article-image" src="https://cdn.smartsites.parentsquare.com/library/common/PSQ_NewPostFeed.png" alt="Elementary Track and Field Day " />
3526    </div>
3527            <div class="ss-news-feed-row-text-container">
3528                            <h2 class="ss-post-feed-title">            <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&amp;psqFeed=true&amp;articleID=78923859">Elementary Track and Field Day </a></h2>
3529                            <p class="news-article-description">
3530                Pre-K through 4th Grade Track and Field Day is moved to Monday, May 4th!
3531            </p>
3532                            <p class="posted-date-container" class="text-muted">April 29, 2026</p>
3533            </div>
3534        </div>
3535    </div>
3536            </article>            <article id="article77120696" class="article-container article-color ss-post-feed-card">
3537                    <div class="ss-news-feed-row ss-divider-line">
3538        <div class="ss-news-feed-row-content">
3539                <div class="ss-news-feed-row-img-container">
3540                    <img class="article_image ss-news-feed-article-image" src="https://cdn.smartsites.parentsquare.com/library/common/PSQ_NewPostFeed.png" alt="State Testing" />
3541    </div>
3542            <div class="ss-news-feed-row-text-container">
3543                            <h2 class="ss-post-feed-title">            <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&amp;psqFeed=true&amp;articleID=77120696">State Testing</a></h2>
3544                            <p class="news-article-description">
3545                Dear Parents and Families,Next week, your child will be taking the 3rd - 8th grade Oklahoma State Testing Program assessments. The tests will begin on Tuesday, April 14 and continue through Thursda...
3546            </p>
3547                            <p class="posted-date-container" class="text-muted">April 9, 2026</p>
3548            </div>
3549        </div>
3550    </div>
3551            </article>            <article id="article70692912" class="article-container article-color ss-post-feed-card">
3552                    <div class="ss-news-feed-row ss-divider-line">
3553        <div class="ss-news-feed-row-content">
3554                <div class="ss-news-feed-row-img-container">
3555                    <img class="article_image ss-news-feed-article-image" src="https://cdn.smartsites.parentsquare.com/library/common/PSQ_NewPostFeed.png" alt="Weather Days - January 29th and 30th" />
3556    </div>
3557            <div class="ss-news-feed-row-text-container">
3558                            <h2 class="ss-post-feed-title">            <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&amp;psqFeed=true&amp;articleID=70692912">Weather Days - January 29th and 30th</a></h2>
3559                            <p class="news-article-description">
3560                Lukfata School will be closed January 29th and the 30th due to the weather conditions. ​
3561            </p>
3562                            <p class="posted-date-container" class="text-muted">January 28, 2026</p>
3563            </div>
3564        </div>
3565    </div>
3566            </article>            <article id="article70557202" class="article-container article-color ss-post-feed-card">
3567                    <div class="ss-news-feed-row ss-divider-line">
3568        <div class="ss-news-feed-row-content">
3569                <div class="ss-news-feed-row-img-container">
3570                    <img class="article_image ss-news-feed-article-image" src="https://cdn.smartsites.parentsquare.com/library/common/PSQ_NewPostFeed.png" alt="Snow Day January 28th" />
3571    </div>
3572            <div class="ss-news-feed-row-text-container">
3573                            <h2 class="ss-post-feed-title">            <a class="ss-post-feed-link" href="/index.php?pageID=smartSiteFeed&amp;psqFeed=true&amp;articleID=70557202">Snow Day January 28th</a></h2>
3574                            <p class="news-article-description">
3575                Lukfata School will be closed January 28th for a Weather Day due to the icy/snow conditions. .
3576            </p>
3577                            <p class="posted-date-container" class="text-muted">January 27, 2026</p>
3578            </div>
3579        </div>
3580    </div>
3581            </article>
3582            </div>
3583                    <div class="ss-slick-control-wrapper ">
3584            <div class="ss-slick-control-buttons">
3585                <div class="ss-slick-play-pause-wrapper">
3586                    <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">
3587        <g clip-path="url(#clip0_15_1083)">
3588            <rect width="40" height="40" rx="20" fill="black"/>
3589            <path d="M23 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/>
3590            <path d="M17 16V24" stroke="white" stroke-width="2.5" stroke-linecap="square"/>
3591        </g>
3592        <defs>
3593            <clipPath id="clip0_15_1083">
3594                <rect width="40" height="40" fill="white"/>
3595            </clipPath>
3596        </defs>
3597    </svg></button>
3598                    <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">
3599        <g clip-path="url(#clip0_15_1112)">
3600            <rect class="nav-play-circle" width="40" height="40" rx="20" fill="black" />
3601            <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"/>
3602        </g>
3603        <defs>
3604            <clipPath id="clip0_15_1112">
3605                <rect width="40" height="40" fill="white"/>
3606            </clipPath>
3607        </defs>
3608    </svg></button>
3609                </div>
3610                <button aria-label="Previous Article" class="slick-prev ss-button">    <div class="nav-svg-container">
3611        <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
3612            <circle cx="20" cy="20" r="20" />
3613        </svg>
3614        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="left-nav-arrow-svg nav-arrow-svg">
3615            <path d="M7.26318 1.625L2.61117 6.04442L7.26318 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
3616        </svg>
3617    </div></button>
3618                <button aria-label="Next Article" class="slick-next ss-button">    <div class="nav-svg-container">
3619        <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
3620            <circle cx="20" cy="20" r="20" />
3621        </svg>
3622        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="right-nav-arrow-svg nav-arrow-svg">
3623            <path d="M1.73682 1.625L6.38883 6.04442L1.73682 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
3624        </svg>
3625    </div></button>
3626                <button aria-label="Previous Article" class="slick-prev-mobile-carousel ss-button">    <div class="nav-svg-container">
3627        <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
3628            <circle cx="20" cy="20" r="20" />
3629        </svg>
3630        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="left-nav-arrow-svg nav-arrow-svg">
3631            <path d="M7.26318 1.625L2.61117 6.04442L7.26318 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
3632        </svg>
3633    </div></button>
3634                <button aria-label="Next Article" class="slick-next-mobile-carousel ss-button">    <div class="nav-svg-container">
3635        <svg class="nav-circle-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
3636            <circle cx="20" cy="20" r="20" />
3637        </svg>
3638        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" class="right-nav-arrow-svg nav-arrow-svg">
3639            <path d="M1.73682 1.625L6.38883 6.04442L1.73682 10.4638" stroke="#333333" stroke-width="2.5" stroke-linecap="round"/>
3640        </svg>
3641    </div></button>
3642            </div>
3643            
3644        </div>
3645            
3646        </div>
3647                </div>
3648    </div>
3649    <style>
3650        
3651                @media (max-width: 767px) {
3652            #stack_content_734352 .setBreakLine {
3653                clear:both;
3654            }
3655        }
3656        @media (min-width: 768px) and (max-width: 991px) {
3657            #stack_content_734352 .setBreakLine {
3658                clear:both;
3659            }
3660        }
3661        #stack_content_734352 .article-color,
3662        #stack_content_734352 .article-color a {
3663            color: #333333;
3664        }
3665        #stack_content_734352 .article-color .ss-post-feed-link {
3666            color: inherit;
3667        }
3668        #item734352 .ss-accent-line .ss-post-feed-img-container {
3669            border-color: #0F540C;
3670        }
3671        #item734352 .ss-accent-box .article-container::before {
3672            background-color: #0F540C;
3673        }
3674
3675        @media (max-width: 768px) {
3676            #item734352 .ss-accent-box .ss-post-feed-img-container {
3677                border-color: #0F540C;
3678            }
3679        }
3680
3681        #stack_content_734352 .carousel-control-container {
3682            display: flex;
3683            flex-direction: row;
3684            justify-content: center;
3685            margin-top: 50px;
3686            margin-bottom: 10px;
3687        }
3688
3689        #stack_content_734352 .carousel-control-container .fa-solid {
3690            line-height: inherit;
3691        }
3692
3693        #stack_content_734352 .carousel-control-container i {
3694            font-size: 25px;
3695            color: #DCDCDC;
3696        }
3697
3698        #stack_content_734352 .carousel-control-container i:hover {
3699            color: black;
3700        }
3701
3702
3703        #stack_content_734352 .carousel-control-container ol {
3704            list-style: none;
3705            display: flex;
3706            flex-direction: row;
3707            gap: 10px;
3708            align-items: center;
3709            padding: 0;
3710            margin: 0 10px;
3711        }
3712
3713        #stack_content_734352 .carousel-control-container li {
3714            background-color: #DCDCDC;
3715            width: 10px;
3716            height: 10px;
3717            cursor: pointer;
3718            border: 1px solid #fff;
3719            border-radius: 10px;
3720        }
3721
3722        #stack_content_734352  .carousel-control-container .active {
3723            background-color: black;
3724        }
3725
3726        #stack_content_734352 .container .news-feed-container-abS5D2 h2:not(.ss-component-header-title),
3727        #stack_content_734352 .container .news-feed-container-abS5D2 h3:not(.ss-component-header-title),
3728        #stack_content_734352 .news-feed-container-abS5D2 h4,
3729        #stack_content_734352 .news-feed-psq h2,
3730        #stack_content_734352 .news-feed-psq h3,
3731        #stack_content_734352 .news-feed-psq h4 {
3732            font-family: Lexend, sans-serif;
3733    font-weight: 600;            font-size: 22px;
3734            color: #0f540c;
3735        }
3736    </style>
3737                <div class="clearfix"></div>
3738    </section>
3739<section data-comp="homepage-slideshow" class="ss-component editme ss-no-pad break-out ss-has-bg  " id="item380485" data-pageid="stack_picture" data-parentid="2763" data-elemid="380485">
3740                <div id="stack_content_380485" class="ss-component-content container break-out ">
3741        <div class="custom_380485 ">
3742
3743            <div class="img-responsive  no-border"><!--this stack item can't use animatinons because it breaks the slideshow transitions-->
3744            <!--CUSTOM CAROUSEL CODE-->
3745
3746                <!--======= Responsive Bootstrap Carousel StyleSheets =========-->
3747                <link href="/css/full_width_carousel.css" rel="stylesheet" media="all">
3748                <style>
3749                /*CUSTOM MEDIA QUERIES TO CONTROL CAPTION POSITION*/
3750                @media (min-width: 768px) and (max-width: 820px) {
3751                    /*bottm alignments*/
3752                    #full_width_carousel_380485 .full_width_carousel_caption_bottom_right {
3753                        left: 59%;
3754                        bottom:5%;
3755                        width:35%;
3756                    }
3757                    #full_width_carousel_380485 .full_width_carousel_caption_bottom_center {
3758                        left: 19.8%;
3759                        bottom:5%;
3760                    }
3761                    #full_width_carousel_380485 .full_width_carousel_caption_bottom_left {
3762                        left:6%;
3763                        bottom:5%;
3764                        width:35%;
3765                    }
3766                    /*center alignments*/
3767                    #full_width_carousel_380485 .full_width_carousel_caption_center_right {
3768                        left: 59%;
3769                        bottom:30%;
3770                        width:35%;
3771                    }
3772                    #full_width_carousel_380485 .full_width_carousel_caption_center_center {
3773                        left: 19.8%;
3774                        bottom:30%;
3775
3776                    }
3777                    #full_width_carousel_380485 .full_width_carousel_caption_center_left {
3778                        left:6%;
3779                        bottom:30%;
3780                        width:35%;
3781
3782                    }
3783                    /*top alignments*/
3784                    #full_width_carousel_380485 .full_width_carousel_caption_top_right {
3785                        left: 59%;
3786                        bottom:46%;
3787                        width:35%;
3788
3789                    }
3790                    #full_width_carousel_380485 .full_width_carousel_caption_top_center {
3791                        left: 19.8%;
3792                        bottom:46%;
3793
3794                    }
3795                    #full_width_carousel_380485 .full_width_carousel_caption_top_left {
3796                        left:6.5%;
3797                        bottom:46%;
3798                        width:35%;
3799
3800                    }
3801                }
3802
3803                @media (min-width: 821px) and (max-width: 991px) {
3804                    /*bottm alignments*/
3805                    #full_width_carousel_380485 .full_width_carousel_caption_bottom_right {
3806                        left: 59%;
3807                        bottom:5%;
3808                        width:35%;
3809
3810                    }
3811                    #full_width_carousel_380485 .full_width_carousel_caption_bottom_center {
3812                        left: 19.9%;
3813                        bottom:5%;
3814                    }
3815                    #full_width_carousel_380485 .full_width_carousel_caption_bottom_left {
3816                        left:6%;
3817                        bottom:5%;
3818                        width:35%;
3819
3820                    }
3821                    /*center alignments*/
3822                    #full_width_carousel_380485 .full_width_carousel_caption_center_right {
3823                        left: 59%;
3824                        bottom:30%;
3825                        width:35%;
3826
3827                    }
3828                    #full_width_carousel_380485 .full_width_carousel_caption_center_center {
3829                        left: 19.9%;
3830                        bottom:30%;
3831                    }
3832                    #full_width_carousel_380485 .full_width_carousel_caption_center_left {
3833                        left:6%;
3834                        bottom:30%;
3835                        width:35%;
3836
3837                    }
3838                    /*top alignments*/
3839                    #full_width_carousel_380485 .full_width_carousel_caption_top_right {
3840                        left: 59%;
3841                        bottom:53%;
3842                        width:35%;
3843
3844                    }
3845                    #full_width_carousel_380485 .full_width_carousel_caption_top_center {
3846                        left: 19.9%;
3847                        bottom:53%;
3848                    }
3849                    #full_width_carousel_380485 .full_width_carousel_caption_top_left {
3850                        left:6.5%;
3851                        bottom:53%;
3852                        width:35%;
3853
3854                    }
3855                }
3856                @media (min-width: 992px) and (max-width: 1199px) {
3857                    /*bottm alignments*/
3858                    #full_width_carousel_380485 .full_width_carousel_caption_bottom_right {
3859                        left: 59%;
3860                        bottom:5%;
3861                        width:35%;
3862
3863                    }
3864                    #full_width_carousel_380485 .full_width_carousel_caption_bottom_center {
3865                        left: 32.6%;
3866                        bottom:5%;
3867                        width:35%;
3868                    }
3869                    #full_width_carousel_380485 .full_width_carousel_caption_bottom_left {
3870                        left:6%;
3871                        bottom:5%;
3872                        width:35%;
3873
3874                    }
3875                    /*center alignments*/
3876                    #full_width_carousel_380485 .full_width_carousel_caption_center_right {
3877                        left: 59%;
3878                        bottom:30%;
3879                        width:35%;
3880
3881                    }
3882                    #full_width_carousel_380485 .full_width_carousel_caption_center_center {
3883                        left: 32.6%;
3884                        bottom:30%;
3885                        width:35%;
3886                    }
3887                    #full_width_carousel_380485 .full_width_carousel_caption_center_left {
3888                        left:6%;
3889                        bottom:30%;
3890                        width:35%;
3891
3892                    }
3893                    /*top alignments*/
3894                    #full_width_carousel_380485 .full_width_carousel_caption_top_right {
3895                        left: 59%;
3896                        bottom:55%;
3897                        width:35%;
3898
3899                    }
3900                    #full_width_carousel_380485 .full_width_carousel_caption_top_center {
3901                        left: 32.6%;
3902                        bottom:55%;
3903                        width:35%;
3904                    }
3905                    #full_width_carousel_380485 .full_width_carousel_caption_top_left {
3906                        left:6.5%;
3907                        bottom:55%;
3908                        width:35%;
3909
3910                    }
3911                }
3912                @media (min-width: 1200px) {
3913                    /*bottm alignments*/
3914                    #full_width_carousel_380485 .full_width_carousel_caption_bottom_right {
3915                        left: 59%;
3916                        bottom:5%;
3917                        width:35%;
3918
3919                    }
3920                    #full_width_carousel_380485 .full_width_carousel_caption_bottom_center {
3921                        left: 32.5%;
3922                        bottom:5%;
3923                        width:35%;
3924
3925                    }
3926                    #full_width_carousel_380485 .full_width_carousel_caption_bottom_left {
3927                        left:6%;
3928                        bottom:5%;
3929                        width:35%;
3930
3931                    }
3932                    /*center alignments*/
3933                    #full_width_carousel_380485 .full_width_carousel_caption_center_right {
3934                        left: 59%;
3935                        bottom:30%;
3936                        width:35%;
3937
3938                    }
3939                    #full_width_carousel_380485 .full_width_carousel_caption_center_center {
3940                        left: 32.5%;;
3941                        bottom:30%;
3942                        width:35%;
3943                    }
3944                    #full_width_carousel_380485 .full_width_carousel_caption_center_left {
3945                        left:6%;
3946                        bottom:30%;
3947                        width:35%;
3948
3949                    }
3950                    /*top alignments*/
3951                    #full_width_carousel_380485 .full_width_carousel_caption_top_right {
3952                        left: 59%;
3953                        bottom:57%;
3954                        width:35%;
3955
3956                    }
3957                    #full_width_carousel_380485 .full_width_carousel_caption_top_center {
3958                        left: 32.5%;
3959                        bottom:57%;
3960                        width:35%;
3961                    }
3962                    #full_width_carousel_380485 .full_width_carousel_caption_top_left {
3963                        left:6.5%;
3964                        bottom:57%;
3965                        width:35%;
3966
3967                    }
3968                }
3969                </style>
3970
3971                <!--======= Touch Swipe =========-->
3972                
3972<script src="/js/jquery.touchSwipe.min.js"></script>
3972
3973
3974                <!--======= Customize =========-->
3975                
3975<script src="/js/responsive_bootstrap_carousel.js"></script>
3975
3976
3977                <!--*-*-*-*-*-*-*-*-*-*- SLIDESHOW *-*-*-*-*-*-*-*-*-*-->
3978                <div style="clear:both !important;"></div>
3979                <div style="">
3980                    <div style="background-color:transparent !important;" id="full_width_carousel_380485" class="carousel fixed_width_carousel_fade animate_text full_width_carousel_wrapper" data-ride="carousel" data-interval="" data-pause="hover" data-itemID="380485">
3981                        <div class="carousel-inner" role="listbox">
3982                                                    </div>
3983                        
3984                    </div>
3985                </div>
3986
3987                
3988
3989                <style>
3990                #item380485::before {
3991                    background-color:#ffffff;
3992                }
3993                
3994                    .custom_380485 .full_width_carousel_caption h3, .custom_380485 .full_width_carousel_caption p {
3995                        background-color:rgba(0, 0, 0, 0.7) !important;
3996                    }
3997                    
3998                .custom_380485 .full_width_carousel_caption h3, .custom_380485 .full_width_carousel_caption p {
3999                    padding:10px;
4000                }
4001                
4002                .custom_380485 .full_width_carousel_button_colored, .custom_380485 .full_width_carousel_button_colored:visited {
4003                    color:  !important;
4004                }
4005                                /*ony set here hardcoded now for design stack testing*/
4006                .custom_380485 .full_width_carousel_button_colored {
4007                    display: inline-block !important;
4008                }
4009                .custom_380485 .full_width_carousel_control_left {
4010                    margin-left:20px;
4011                }
4012                .custom_380485 .full_width_carousel_control_right {
4013                    margin-right:20px;
4014                }
4015
4016                .custom_380485 .full_width_carousel_control_left, .custom_380485 .full_width_carousel_control_left:hover, .custom_380485 .full_width_carousel_control_left:active, .custom_380485 .full_width_carousel_control_left:focus, .custom_380485 .full_width_carousel_control_right, .custom_380485 .full_width_carousel_control_right:hover, .custom_380485 .full_width_carousel_control_right:active, .custom_380485 .full_width_carousel_control_right:focus {
4017                    background-color:#0f540c !important;
4018                }
4019                .custom_380485 .full_width_carousel_control_left .fa {
4020                    margin-top:2px;
4021                }
4022                .custom_380485 .full_width_carousel_control_right .fa {
4023                    margin-top:2px;
4024                }
4025
4026                .custom_380485 .full_width_carousel_button_colored:before {
4027                  background: #0f540c;
4028                }
4029
4030                .custom_380485 .full_width_carousel_button_colored:hover,
4031                .custom_380485 .full_width_carousel_button_colored:active,
4032                .custom_380485 .full_width_carousel_button_colored:focus {
4033                  background: #072e07 !important;
4034                }
4035
4036
4037                @media (max-width: 480px) {
4038                    .custom_380485 .homeSlideShow {
4039                        background-size:cover !important;
4040                        /* commented this out because it was conflicting with bootstap img-responsive class when resizing images */
4041                        /* height:400px !important;  */
4042                        background-position:center center !important;
4043                    }
4044                    
4045                        .custom_380485 #full_width_carousel_380485 .carousel-control {
4046                            width: 14% !important;
4047                        }                }
4048                @media (min-width: 480px) and (max-width: 767px) {
4049                    .custom_380485 .homeSlideShow {
4050                        background-size:cover !important;
4051                        /* commented this out because it was conflicting with bootstap img-responsive class when resizing images */
4052                        /* height:400px !important; */
4053                        background-position:center center !important;
4054                    }
4055                    
4056                        .custom_380485 #full_width_carousel_380485 .carousel-control {
4057                            width: 9% !important;
4058                        }                }
4059                @media (max-width: 767px) {
4060                    .custom_380485 .homeSlideShow {
4061                        background-size:cover ;
4062                        height:530px;
4063                    }
4064                    .custom_380485 .full_width_carousel_wrapper {
4065                        max-height: 530px !important;
4066                    }
4067                    
4068                        .custom_380485 #full_width_carousel_380485 .carousel-control {
4069                            width: 7.5%;
4070                        }                }
4071                @media (min-width: 768px) and (max-width: 991px) {
4072                    .custom_380485 .homeSlideShow {
4073                        background-size:cover ;
4074                        height:530px;
4075                    }
4076                    .custom_380485 .full_width_carousel_wrapper {
4077                        max-height: 530px !important;
4078                    }
4079                }
4080                @media (min-width: 992px) and (max-width: 1199px) {
4081                    .custom_380485 .homeSlideShow {
4082                        background-size:cover ;
4083                        height:700px;
4084                    }
4085                    .custom_380485 .full_width_carousel_wrapper {
4086                        max-height: 700px !important;
4087                    }
4088                }
4089                @media (min-width: 1200px) {
4090                    .custom_380485 .homeSlideShow {
4091                        background-size:cover ;
4092                        height:700px;
4093
4094                    }
4095                    .custom_380485 .full_width_carousel_wrapper {
4096                        max-height: 700px !important;
4097                    }
4098                    
4099                        .custom_380485 #full_width_carousel_380485 .carousel-control {
4100                            width: 5%;
4101                        }                }
4102
4103                .custom_380485 .full_width_carousel_caption h3 {
4104                    font-family: Lexend, sans-serif;                    font-size: 30px !important;
4105                }
4106
4107                .custom_380485 .full_width_carousel_caption p {
4108                    font-family: Lexend, sans-serif;                    font-size: 16px !important;
4109                }
4110
4111
4112
4113
4114                @media (min-width: 768px) and (max-width: 891px) {
4115                    
4116                        .custom_380485 #full_width_carousel_380485 .carousel-control {
4117                            width: 8% !important;
4118                        }                }
4119                @media (min-width: 768px) and (max-width: 991px) {
4120                    
4121                        .custom_380485 #full_width_carousel_380485 .carousel-control {
4122                            width: 7%;
4123                        }                }
4124                @media (min-width: 992px) and (max-width: 1199px) {
4125                    
4126                        .custom_380485 #full_width_carousel_380485 .carousel-control {
4127                            width: 6%;
4128                        }                }
4129                @media (min-width: 992px) and (max-width: 1195px) {
4130                    
4131                        .custom_380485 #full_width_carousel_380485 .carousel-control {
4132                            width: 5% !important;
4133                        }                }
4134                @media (min-width: 1195px) and (max-width: 1199px) {
4135                    
4136                        .custom_380485 #full_width_carousel_380485 .carousel-control {
4137                            width: 4.5% !important;
4138                        }                }
4139                @media (min-width: 1200px) and (max-width: 1600px) {
4140                    
4141                        .custom_380485 #full_width_carousel_380485 .carousel-control {
4142                            width: 3.9% !important;
4143                        }                }
4144
4145                @media (min-width: 1600px) and (max-width: 2070px) {
4146                    
4147                        .custom_380485 #full_width_carousel_380485 .carousel-control {
4148                            width: 3% !important;
4149                        }                }
4150
4151
4152                @media (min-width: 2070px) and (max-width: 2970px) {
4153                
4154                        .custom_380485 #full_width_carousel_380485 .carousel-control {
4155                            width: 2.4% !important;
4156                        }                }
4157                .ls-select-box select {
4158                    font-size:80% !important;
4159                }
4160                </style>
4161
4162            <!--END CUSTOM CAROUSEL CODE-->
4163            </div>
4164        </div>
4165    </div>
4166
4167        <div class="clearfix"></div>
4168    </section>
4169<section data-comp="homepage-upcoming-events" class="ss-component editme" id="item380734" >                    <div class="clearfix"></div>
4170                    <div class="stack_off"></div></section></div>        <style>
4171        .makeTableResponsive table {
4172            width:100% !important;
4173        }
4174        </style>
4175    </div>
4176    </div>    <div id="directoryModal" class="directoryModal modal fade" role="dialog">
4177        <div class="modal-dialog modal-xxl">
4178            <div class="directoryModalContent modal-content"></div>
4179        </div>
4180    </div>
4181        <div id="ss-components-shared-modal" class="modal ss-lightbox-modal ss-lightbox-modal-default " role="dialog" aria-modal="true">
4182        <div class="ss-lightbox-modal-content-wrap">
4183            <div class="ss-lightbox-modal-content ">
4184                
4185                <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>
4186                <div class="ss-lightbox-modal-content-inner">
4187                    
4188                </div>
4189            </div>
4190        </div>
4191    </div>
4192        
4192<script>
4193        $(document).ready(() => {
4194            const lightboxModal = $('#ss-components-shared-modal');
4195            ;
4196            lightboxModal.on('show.bs.modal', function(e) {
4197                $('html').addClass('modal-open');
4198            });
4199            lightboxModal.on('hide.bs.modal', function(e) {
4200                $('html').removeClass('modal-open');
4201            });
4202        });
4203    </script>
4203    <div id="ckeditor-contactForm-modal" class="modal ss-lightbox-modal ss-lightbox-modal-default " role="dialog" aria-modal="true">
4204        <div class="ss-lightbox-modal-content-wrap">
4205            <div class="ss-lightbox-modal-content ">
4206                
4207                <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>
4208                <div class="ss-lightbox-modal-content-inner">
4209                    
4210                </div>
4211            </div>
4212        </div>
4213    </div>
4214        
4214<script>
4215        $(document).ready(() => {
4216            const lightboxModal = $('#ckeditor-contactForm-modal');
4217            ;
4218            lightboxModal.on('show.bs.modal', function(e) {
4219                $('html').addClass('modal-open');
4220            });
4221            lightboxModal.on('hide.bs.modal', function(e) {
4222                $('html').removeClass('modal-open');
4223            });
4224        });
4225    </script>
4225<link rel="modulepreload" href="/dist/assets/staffMessageWidget-CbWF7cnU.js" />
4226<link rel="modulepreload" href="/dist/assets/client-BM4SMm7c.js" />
4227<link rel="modulepreload" href="/dist/assets/QueryClientProvider-DKdJarPO.js" />
4228<link rel="modulepreload" href="/dist/assets/index-CvdBQeSo.js" />
4229<link rel="modulepreload" href="/dist/assets/index-Dsgd8vKg.js" />
4230<link rel="modulepreload" href="/dist/assets/index-Cvd99TXz.js" />
4231<link rel="modulepreload" href="/dist/assets/index-DQ8APFtF.js" />
4232<link rel="modulepreload" href="/dist/assets/_commonjsHelpers-CE1G-McA.js" />
4233<link rel="modulepreload" href="/dist/assets/useMutation-DGF_4GXS.js" />
4234<link rel="modulepreload" href="/dist/assets/useThemeColors-DBnXCWOx.js" /><link rel="stylesheet" href="/dist/assets/staffMessageWidget-D-Nia0TG.css" />
4234<script type="module" src="/dist/assets/staffMessageWidget-CbWF7cnU.js"></script>
4234<script type="text/javascript">
4235window.SS_RECAPTCHA_SITE_KEY = "6LcgqJAUAAAAAJhQs01VmAHQEf3SatmIFQjI7iNP";
4236window.SS_STAFF_MESSAGE_PRIMARY_COLOR = "#000000";
4237window.SS_STAFF_MESSAGE_LINK_COLOR = "#F0FD05";
4238window.SS_STAFF_MESSAGE_EMAIL_VERIFICATION_REQUIRED = true;
4239</script>
4239
4240				</main><div class="clear"></div>
4240<script src="https://cdn.smartsites.parentsquare.com/lib/js/jquery.easing.min.js"
4241    integrity="sha384-BGrD3OMInJgjhGMyo8n7zkA2aX/F/D9fgsHRul+tNuEmTetjjVvCYScH+vzDxXS/"
4242    crossorigin="anonymous"
4243></script>
vendor: 1 bytes, line 4243
4243
4244<script src="https://cdn.smartsites.parentsquare.com/lib/js/jquery.touchSwipe.min.js"
4245    integrity="sha384-7cTUdoLHcGTkEhDkUdvPmzGtbhnP2KvCw0CKODNfSXUdFLtdX/bHC9ydtgUrQOPx"
4246    crossorigin="anonymous"
4247></script>
vendor: 1 bytes, line 4247
4247
4248<script type="text/javascript" src="/includes/js/jquery.liquid-slider.min.js"></script>
4248
4249
4250<!--end lesson plans-->
4251
4252<footer class="psq_admin_footer clearfix " id="footer" >
4253    <style>
4254    .goog-te-gadget-simple {
4255        background-color:#717C7D;
4256        border:none;
4257        font-size:11px;
4258        border-radius: 3px;
4259        padding:2px;
4260    }
4261    .goog-te-gadget-simple img{
4262        display:none;
4263    }
4264    </style>
4265    <style>
4266    .f3_bannertext {
4267        font-family: Lexend, sans-serif;
4268    }
4269    
4270    .f3_bannertext {
4271        font-size: 40px !important;
4272    }
4273    
4274    .f3_title {
4275        font-family: Lexend, sans-serif;
4276    }
4277    
4278    .f3_title {
4279        font-size: 28px !important;
4280    }
4281    
4282    .f3_text_container p {
4283        font-family: Lexend, sans-serif;
4284    }
4285    </style>
4285<script>
4286function hideMe(id) {
4287    var box = document.getElementById(id);
4288    box.style.display = "none";
4289}
4290$(window).on('load', function() {
4291    bodyHeight = $("body").outerHeight();
4292    windowHeight = window.innerHeight;
4293    if(bodyHeight < windowHeight) {
4294        var footer = document.getElementById("footer");
4295        footer.style.position = "absolute";
4296        footer.style.left = "0px"
4297        footer.style.top = windowHeight - footer.offsetHeight + 'px';
4298        footer.style.width = '100%';
4299    }
4300});
4301</script>
4301
4302<style>
4303.footerBold {
4304    color:;
4305}
4306#extraFooterModal div {
4307    color:black !important;
4308}
4309#extraFooterModal h4 {
4310    color:black !important;
4311}
4312#extraFooterModal a {
4313    color: #1883c1 !important;
4314}
4315
4316
4317.f3_text_container {
4318    text-align: center;
4319}
4320
4321#footer_bg.container {
4322    padding: 0px;
4323}
4324
4325
4326.f3_left_text_container {
4327    padding-left: 3px;
4328}
4329
4330.f3_right_text_container {
4331    padding-right: 35px;
4332}
4333
4334@media (max-width: 1199px) {
4335    .f3_left_text_container, .f3_right_text_container {
4336        padding: 0;
4337    }
4338}
4339
4340</style>
4341
4342
4343<!--<div class="container" id="contact" name="contact">-->
4344
4345<div id="footer_bg" class="container-full  footerContained" style="background-color:#0F540C;">
4346
4347
4348    <div class="container">
4349
4350    	<br>
4351		<h3 class="text-center f3_bannertext">Lukfata Public School</h3>
4352		<hr style="width:50%;border-top: 1px solid #FFFFFF">
4353		<br>
4354		<br>
4355		<div class="f3_text_container f3_left_text_container col-lg-4 f3_contact_sm">
4356    		                <h4 class="f3_title">Contact Us</h4>
4357                
4358			<p>
4359    			<i class="fa-solid fa-house"></i> <a target="_blank" rel="noopener noreferrer" href="https://maps.google.com/?q=1685 Old Broken Bow Hwy, Broken Bow, OK 74728">1685 Old Broken Bow Hwy, Broken Bow, OK 74728</a><br/><i class="fa-solid fa-phone"></i> <a href="tel:+1580 5846834">(580) 584-6834</a> <br/><span class="fa fa-fax"></span> <a href="tel:+1580 5849473">(580) 584-9473</a> <br/>			</p>
4360		</div><!-- col -->
4361        		<div class="col-lg-4 " style="height:162.5px !important; background-image: url(https://files.smartsites.parentsquare.com/3415/design_img__ppbht6.png);background-size:cover;background-position:center center;">
4362
4363		</div><!-- col -->
4364
4365        <div class="f3_text_container f3_right_text_container col-lg-4 text-center">
4366                                    <h4 class="f3_title">About Us</h4>
4367                                                <p>Located in southeastern Oklahoma, our school is known for its academic excellence and community support. Serving over 350 students in Pre-K 8th grade, we are pleased to offer our families a well-rounded curriculum and a highly qualified, caring staff.</p>
4368                        			</p>
4369		</div><!-- col -->
4370
4371
4372
4373    	<div class="col-md-12 f3_text_container text-center" style="margin-top:60px;margin-bottom:20px;">
4374            <a  href="#" class="search_clickify" style="font-size:18px;"><i data-aria="Search" class="fa-solid fa-magnifying-glass"></i>&nbsp;Search</a>&nbsp;&nbsp;<span style="font-size:18px;">|</span>&nbsp;&nbsp;</span><span style="font-size:18px;"><a href="/site_map">Site Map</a>&nbsp;&nbsp;<span style="font-size:18px;">|</span>&nbsp;&nbsp;<a style="font-size:18px !important;" href="/login"><span id="log_in_link">Sign In</span></a><div class="clearfix"></div><center>&nbsp;<span style="font-size:11px;margin-left:5px;">Contents &copy; 2026 Lukfata Public Schools</span></center><div class="clearfix"></div>    	</div>
4375
4376
4377
4378
4379    </div>
4380
4381</div><!-- container -->
4382
4383<div class="clearfix"></div>
4384<div style="margin-top:0px;padding-top:0px;" class="container-full no-border  footer-notContained panel-footer footerbar">
4385    <style>
4386
4387@media (max-width: 480px) {
4388    /*#manditoryFooterItems {
4389        height:200px !important;
4390    }*/
4391    #footer_bg {
4392        height:auto !important;
4393    }
4394}
4395@media (min-width: 480px) and (max-width: 767px) {
4396    /*#manditoryFooterItems {
4397        height:200px !important;
4398    }*/
4399    #footer_bg {
4400        height:auto !important;
4401    }
4402}
4403
4404@media (max-width: 767px) {
4405    /*#manditoryFooterItems {
4406        height:75px;
4407    }*/
4408    #footer_bg {
4409        325    }
4410}
4411@media (min-width: 768px) and (max-width: 991px) {
4412    /*#manditoryFooterItems {
4413        height:200px;
4414    }*/
4415    #footer_bg {
4416        325    }
4417}
4418@media (min-width: 992px) and (max-width: 1199px) {
4419    /*#manditoryFooterItems {
4420        height:75px;
4421    }*/
4422    #footer_bg {
4423        325    }
4424}
4425@media (min-width: 1200px) {
4426    /*#manditoryFooterItems {
4427        height:75px;
4428    }*/
4429    #footer_bg {
4430        325    }
4431}
4432</style>
4433<!--SHARE THIS PAGE-->
4434
4435
4436<div class="clearfix"></div>
4437    <div id="globalGabbartFooter" class="row" style="background-color: #072E07 !important;padding:20px;margin-bottom:-20px;">
4438        <div class="text-center col-md-4">
4439            <ul class="list-inline">
4440                <span style="margin-left:-15px;" id="accessibility_link"><a href="/accessibility"><em class="fa fa-universal-access" aria-hidden="true"></em>&nbsp;Accessibility</a></span><br>                    <style>
4441                    #accessibility_link a {
4442                        color: #FFFFFF !important;
4443                    }
4444                    </style>
4445                                </ul>
4446        </div>
4447        <!--Gabbart Logo-->
4448        <div class="text-center col-md-4 col-xs-12 col-sm-12 ">
4449            <span class="psq_font psq_footer_logo"><a href="https://www.parentsquare.com">Powered by ParentSquare</a></span>            <style>
4450                .psq_footer_logo a {
4451                    color: white !important;
4452                }
4453            </style>        </div>
4454                    <div class="text-center col-md-4 col-xs-12 col-sm-12">
4455                <label style="display:none;" for="GoogleTranslate">Google Translate</label>
4456                <div id="google_translate_element"></div>
4457                <style>
4458                    #GoogleTranslate {
4459                        color: black !important;
4460                    }
4461                </style>
4462                
4462<script>
4463                function googleTranslateElementInit() {
4464                    new google.translate.TranslateElement(
4465                        {pageLanguage: 'en'},
4466                        'google_translate_element'
4467                    );
4468                    $(".goog-te-combo").attr('id','GoogleTranslate');
4469                }
4470                </script>
4470
4471
4472                
4472<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
4472
4473            </div>
4474            
4475        <a style="margin-bottom:200px !important; padding-bottom:20px;" aria-label="Back to top of site" href="#jumpToTop" class="sr-only sr-only-focusable">Back To Top Of Website</a>
4476    </div>
4477
4478<style>
4479    .footerColor {
4480        color: #FFFFFF !important;
4481    }
4482  </style>
4483</div>
4484</footer>
4485<style>
4486    a#top {
4487        display: none;
4488        width: 7px;
4489        height: 17px;
4490        padding: 5px;
4491        position: fixed;
4492        bottom: 100px;
4493        right: 61px;
4494        z-index: 10;
4495        color: #fff;
4496        background: transparent;
4497        font-size: 14px;
4498        font-weight: 300;
4499    }
4500    .na_widget_link {
4501        cursor: pointer;
4502    }
4503    .dropdown-toggle.mainlink_a.has-submenu:focus {
4504        outline: thin dotted #333333;
4505        outline: 5px auto -webkit-focus-ring-color;
4506        outline-offset: -2px;
4507    }
4508
4509    /* neeed to prevent scroll to the right when scrollbars are visible */
4510    .dropdown-menu .inner.open {
4511         overflow-y: overlay !important;
4512    }
4513</style>
4514<script>
4515$(document).ready(function(){
4516    var toper = $('a#top');
4517
4518
4519    $(window).scroll(function(){
4520        if ($(this).scrollTop() > 100) {
4521            toper.fadeIn( 200 );
4522        } else {
4523            toper.fadeOut( 200 );
4524        }
4525    });
4526
4527     toper.click(function(){
4528    	$('html, body').animate({scrollTop:0}, 500);
4529    	return false;
4530    });
4531    $('.na_widget_link').click(function(){
4532        var URL_location = $(this).data("link");
4533        if (URL_location != '') {
4534            window.location = URL_location;
4535        }
4536    });
4537});
4538
4539    function hideMe(id) {
4540        var box = document.getElementById(id);
4541        box.style.display = "none";
4542    }
4543
4544    $(window).on('load', function() {
4545        bodyHeight = $("body").outerHeight();
4546        windowHeight = window.innerHeight;
4547        var url = window.location.pathname;
4548        var filename = url.substring(url.lastIndexOf('/')+1);
4549        if (bodyHeight < windowHeight && filename !== 'search') {
4550            var footer = document.getElementById("footer");
4551            if (!footer) {
4552                return;
4553            }
4554            footer.style.position = "inherit";            footer.style.left = "0px";
4555            footer.style.top = windowHeight - footer.offsetHeight + "px";            // footer.style.top = windowHeight - footer.offsetHeight + "px";
4556            footer.style.width = '100%';
4557        }
4558    });
4559
4560</script>
vendor: 1 bytes, line 4560
4560
4561<script>
4562$(document).ready(function(){
4563    $(".prev").append('<span style="display:none;">Prev</span>');
4564    $(".next").append('<span style="display:none;">Next</span>');
4565});
4566</script>
4566
4567		</div>
4568			</body>
4569</html>
4570
4571<script>
4572function IsJsonString(str) {
4573    try {
4574        JSON.parse(str);
4575    } catch (e) {
4576        return false;
4577    }
4578    return true;
4579}
4580
4581function submit_recap(id_attr, form_id) {
4582    grecaptcha.execute("6LcgqJAUAAAAAJhQs01VmAHQEf3SatmIFQjI7iNP", {action: "homepage"}).then(function(token) {
4583        $("#"+id_attr).val(token);
4584        if (token != "") {
4585            $("#"+form_id).submit();
4586        }
4587    });
4588}
4589</script>
vendor: 1 bytes, line 4589
4589

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.