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">×</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">×</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">×</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">×</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">×</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">×</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. </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’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’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: '« left', 3269 dynamicArrowRightText: 'right »', 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 & 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&psqFeed=true&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&psqFeed=true&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&psqFeed=true&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&psqFeed=true&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&psqFeed=true&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> Search</a> <span style="font-size:18px;">|</span> </span><span style="font-size:18px;"><a href="/site_map">Site Map</a> <span style="font-size:18px;">|</span> <a style="font-size:18px !important;" href="/login"><span id="log_in_link">Sign In</span></a><div class="clearfix"></div><center> <span style="font-size:11px;margin-left:5px;">Contents © 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> 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.