Header | The SEEALL Academy<\/title>\n <style>\n \/* Base Styles & Resets *\/\n body {\n margin: 0;\n padding: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n background-color: #f8f9fa; \/* Added just to see the header contrast *\/\n }\n\n * {\n box-sizing: border-box;\n }\n\n \/* Main Header Container *\/\n .site-header {\n background-color: #ffffff;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n position: sticky;\n top: 0;\n z-index: 1000;\n width: 100vw;\n max-width: 100vw;\n margin-left: calc(50% - 50vw);\n }\n\n .header-inner {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 90px;\n }\n\n \/* Logo *\/\n .header-logo {\n display: flex;\n align-items: center;\n text-decoration: none;\n flex-shrink: 0;\n margin-right: 2rem;\n }\n\n .header-logo img {\n max-height: 60px;\n width: auto;\n transition: transform 0.3s ease;\n }\n\n .header-logo:hover img {\n transform: scale(1.03);\n }\n\n \/* Desktop Navigation *\/\n .main-nav {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n }\n\n .nav-menu {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n align-items: center;\n gap: 1.5rem;\n }\n\n .nav-menu > li {\n position: relative;\n }\n\n .nav-menu a {\n text-decoration: none;\n color: #092B6B; \/* Academy Navy Blue *\/\n font-weight: 700;\n font-size: 0.95rem;\n padding: 0.5rem 0;\n display: flex;\n align-items: center;\n gap: 5px;\n transition: color 0.2s ease;\n }\n\n .nav-menu a:hover, \n .nav-menu a:focus-visible {\n color: #F9B000; \/* Academy Yellow *\/\n }\n\n \/* Dropdown Indicators *\/\n .has-dropdown > a::after {\n content: '';\n display: inline-block;\n border: solid currentColor;\n border-width: 0 2px 2px 0;\n padding: 3px;\n transform: rotate(45deg);\n margin-bottom: 3px;\n transition: transform 0.2s ease;\n }\n\n .has-dropdown:hover > a::after {\n transform: rotate(-135deg);\n margin-bottom: -3px;\n }\n\n \/* Dropdown Menus *\/\n .dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n background-color: #ffffff;\n min-width: 220px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n border-top: 4px solid #F9B000;\n list-style: none;\n padding: 0.5rem 0;\n margin: 0;\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition: all 0.3s ease;\n z-index: 100;\n }\n\n .nav-menu li:hover > .dropdown {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n\n .dropdown li {\n position: relative;\n }\n\n .dropdown a {\n padding: 0.7rem 1.5rem;\n color: #333;\n font-weight: 600;\n font-size: 0.9rem;\n border-bottom: 1px solid #f0f0f0;\n }\n\n .dropdown li:last-child a {\n border-bottom: none;\n }\n\n .dropdown a:hover {\n background-color: #f8f9fa;\n color: #005a9c;\n padding-left: 1.8rem; \/* Slight indent on hover *\/\n }\n\n \/* Nested Sub-menus (e.g. Seniors -> Senior Dues) *\/\n .dropdown .has-dropdown > a::after {\n transform: rotate(-45deg); \/* Arrow points right *\/\n margin-bottom: 0;\n margin-left: auto;\n }\n\n .dropdown .has-dropdown:hover > a::after {\n transform: rotate(45deg); \n }\n\n .dropdown .dropdown {\n top: -4px;\n left: 100%; \/* Opens to the right *\/\n border-top: none;\n border-left: 4px solid #F9B000;\n }\n\n \/* Contact Button *\/\n .header-actions {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .btn-contact {\n background-color: #092B6B;\n color: #ffffff;\n text-decoration: none;\n font-weight: 800;\n font-size: 0.9rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 0.8rem 1.5rem;\n border-radius: 6px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 10px rgba(9, 43, 107, 0.2);\n border: 2px solid #092B6B;\n }\n\n .btn-contact:hover {\n background-color: #ffffff;\n color: #092B6B;\n box-shadow: 0 6px 15px rgba(9, 43, 107, 0.3);\n }\n\n \/* Mobile Hamburger Toggle *\/\n .mobile-toggle {\n display: none;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0.5rem;\n color: #092B6B;\n }\n\n .mobile-toggle svg {\n width: 32px;\n height: 32px;\n }\n\n \/* Hide Mobile Nav Container on Desktop *\/\n .mobile-nav-container {\n display: none;\n }\n\n \/* Responsive Breakpoints *\/\n @media (max-width: 1024px) {\n \/* Hide Desktop Elements *\/\n .main-nav { display: none; }\n .header-actions { display: none; }\n \n \/* Show Mobile Toggle *\/\n .mobile-toggle { display: block; }\n\n \/* Mobile Menu Container Overlay *\/\n .mobile-nav-container {\n display: block;\n position: fixed;\n top: 90px; \/* Below Header *\/\n left: 0;\n width: 100%;\n height: calc(100vh - 90px);\n background-color: #ffffff;\n overflow-y: auto;\n padding: 2rem 1.5rem;\n transform: translateX(100%);\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: 999;\n box-shadow: inset 0 5px 10px rgba(0,0,0,0.05);\n }\n\n .mobile-nav-container.active {\n transform: translateX(0);\n }\n\n \/* Mobile Menu Styles *\/\n .mobile-menu {\n list-style: none;\n padding: 0;\n margin: 0 0 2rem 0;\n }\n\n .mobile-menu a {\n display: block;\n padding: 1rem 0;\n font-size: 1.1rem;\n font-weight: 700;\n color: #092B6B;\n text-decoration: none;\n border-bottom: 1px solid #eee;\n }\n\n .mobile-menu .has-dropdown > a {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n \/* Mobile Dropdowns *\/\n .mobile-dropdown {\n display: none;\n list-style: none;\n padding: 0 0 0 1.5rem;\n background-color: #f8f9fa;\n border-left: 2px solid #F9B000;\n margin-top: 0.5rem;\n }\n\n .mobile-dropdown.open {\n display: block;\n }\n\n .mobile-dropdown a {\n font-size: 1rem;\n border-bottom: none;\n padding: 0.6rem 0;\n font-weight: 600;\n color: #444;\n }\n\n .mobile-btn-contact {\n display: block;\n text-align: center;\n width: 100%;\n padding: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <header class=\"site-header\">\n <div class=\"header-inner\">\n \n \n <a href=\"http:\/\/seeallacademy.com\/\" class=\"header-logo\" aria-label=\"The SEEALL Academy Home\">\n <img decoding=\"async\" src=\"https:\/\/seeallacademy.com\/wp-content\/uploads\/2023\/06\/webLogo-1.png\" alt=\"The SEEALL Academy Logo\">\n <\/a>\n\n \n <nav class=\"main-nav\" aria-label=\"Main Navigation\">\n <ul class=\"nav-menu\">\n <li><a href=\"http:\/\/seeallacademy.com\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/seeallacademy.com\/about-us\/\">About<\/a><\/li>\n \n <li class=\"has-dropdown\">\n <a href=\"https:\/\/seeallacademy.com\/students\/\">Students<\/a>\n <ul class=\"dropdown\">\n <li class=\"has-dropdown\">\n <a href=\"#\">Seniors<\/a>\n <ul class=\"dropdown\">\n <li><a href=\"https:\/\/seeallacademy.com\/senior-dues-information\/\">Senior Dues Information<\/a><\/li>\n <\/ul>\n <\/li>\n <\/ul>\n <\/li>\n\n <li class=\"has-dropdown\">\n <a href=\"https:\/\/seeallacademy.com\/parents\/\">Parents<\/a>\n <ul class=\"dropdown\">\n <li><a href=\"https:\/\/seeallacademy.com\/slt\/\">SLT<\/a><\/li>\n <\/ul>\n <\/li>\n\n <li><a href=\"https:\/\/seeallacademy.com\/admissions\/\">Admissions<\/a><\/li>\n \n <li class=\"has-dropdown\">\n <a href=\"#\">Academics<\/a>\n <ul class=\"dropdown\">\n <li><a href=\"https:\/\/seeallacademy.com\/enrichment-offerings\/\">Enrichment Offerings<\/a><\/li>\n <li><a href=\"https:\/\/seeallacademy.com\/instructional-focus\/\">Instructional Focus<\/a><\/li>\n <li><a href=\"https:\/\/seeallacademy.com\/fiao\/\">FIAO After School Programs<\/a><\/li>\n <\/ul>\n <\/li>\n\n <li><a href=\"https:\/\/seeallacademy.com\/news\/\">Announcements<\/a><\/li>\n <\/ul>\n <\/nav>\n\n \n <div class=\"header-actions\">\n <a href=\"https:\/\/seeallacademy.com\/staff-email-directory\/\" class=\"btn-contact\">Contact<\/a>\n <\/div>\n\n \n <button class=\"mobile-toggle\" id=\"mobile-toggle\" aria-expanded=\"false\" aria-label=\"Open menu\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\n <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n\n <\/div>\n <\/header>\n\n \n <div class=\"mobile-nav-container\" id=\"mobile-nav\">\n <ul class=\"mobile-menu\">\n <li><a href=\"http:\/\/seeallacademy.com\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/seeallacademy.com\/about-us\/\">About<\/a><\/li>\n \n <li class=\"has-dropdown\">\n <a href=\"#\" class=\"mobile-dropdown-toggle\">Students <span>\u25bc<\/span><\/a>\n <ul class=\"mobile-dropdown\">\n <li><a href=\"https:\/\/seeallacademy.com\/students\/\">Students Home<\/a><\/li>\n <li class=\"has-dropdown\">\n <a href=\"#\" class=\"mobile-dropdown-toggle\">Seniors <span>\u25bc<\/span><\/a>\n <ul class=\"mobile-dropdown\">\n <li><a href=\"https:\/\/seeallacademy.com\/senior-dues-information\/\">Senior Dues Information<\/a><\/li>\n <\/ul>\n <\/li>\n <\/ul>\n <\/li>\n\n <li class=\"has-dropdown\">\n <a href=\"#\" class=\"mobile-dropdown-toggle\">Parents <span>\u25bc<\/span><\/a>\n <ul class=\"mobile-dropdown\">\n <li><a href=\"https:\/\/seeallacademy.com\/parents\/\">Parents Home<\/a><\/li>\n <li><a href=\"https:\/\/seeallacademy.com\/slt\/\">SLT<\/a><\/li>\n <\/ul>\n <\/li>\n\n <li><a href=\"https:\/\/seeallacademy.com\/admissions\/\">Admissions<\/a><\/li>\n \n <li class=\"has-dropdown\">\n <a href=\"#\" class=\"mobile-dropdown-toggle\">Academics <span>\u25bc<\/span><\/a>\n <ul class=\"mobile-dropdown\">\n <li><a href=\"https:\/\/seeallacademy.com\/enrichment-offerings\/\">Enrichment Offerings<\/a><\/li>\n <li><a href=\"https:\/\/seeallacademy.com\/instructional-focus\/\">Instructional Focus<\/a><\/li>\n <li><a href=\"https:\/\/seeallacademy.com\/fiao\/\">FIAO After School Programs<\/a><\/li>\n <\/ul>\n <\/li>\n\n <li><a href=\"https:\/\/seeallacademy.com\/news\/\">Announcements<\/a><\/li>\n <\/ul>\n <a href=\"https:\/\/seeallacademy.com\/staff-email-directory\/\" class=\"btn-contact mobile-btn-contact\">Contact Us<\/a>\n <\/div>\n\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const mobileToggle = document.getElementById('mobile-toggle');\n const mobileNav = document.getElementById('mobile-nav');\n const dropdownToggles = document.querySelectorAll('.mobile-dropdown-toggle');\n\n \/\/ Toggle Mobile Menu\n mobileToggle.addEventListener('click', () => {\n const isActive = mobileNav.classList.contains('active');\n mobileNav.classList.toggle('active');\n mobileToggle.setAttribute('aria-expanded', !isActive);\n \n \/\/ Change hamburger to 'X' when open\n if (!isActive) {\n mobileToggle.innerHTML = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>';\n } else {\n mobileToggle.innerHTML = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><\/svg>';\n }\n });\n\n \/\/ Handle Mobile Accordion Dropdowns\n dropdownToggles.forEach(toggle => {\n toggle.addEventListener('click', (e) => {\n e.preventDefault();\n const dropdown = toggle.nextElementSibling;\n const arrow = toggle.querySelector('span');\n \n dropdown.classList.toggle('open');\n \n if (dropdown.classList.contains('open')) {\n arrow.textContent = '\u25b2';\n } else {\n arrow.textContent = '\u25bc';\n }\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"template":"","class_list":["post-431","layout_block","type-layout_block","status-publish","hentry","odd"],"_links":{"self":[{"href":"https:\/\/seeallacademy.com\/index.php?rest_route=\/wp\/v2\/layout_block\/431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seeallacademy.com\/index.php?rest_route=\/wp\/v2\/layout_block"}],"about":[{"href":"https:\/\/seeallacademy.com\/index.php?rest_route=\/wp\/v2\/types\/layout_block"}],"version-history":[{"count":0,"href":"https:\/\/seeallacademy.com\/index.php?rest_route=\/wp\/v2\/layout_block\/431\/revisions"}],"wp:attachment":[{"href":"https:\/\/seeallacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\n\n \n \n Header | The SEEALL Academy<\/title>\n <style>\n \/* Base Styles & Resets *\/\n body {\n margin: 0;\n padding: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n background-color: #f8f9fa; \/* Added just to see the header contrast *\/\n }\n\n * {\n box-sizing: border-box;\n }\n\n \/* Main Header Container *\/\n .site-header {\n background-color: #ffffff;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n position: sticky;\n top: 0;\n z-index: 1000;\n width: 100vw;\n max-width: 100vw;\n margin-left: calc(50% - 50vw);\n }\n\n .header-inner {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 90px;\n }\n\n \/* Logo *\/\n .header-logo {\n display: flex;\n align-items: center;\n text-decoration: none;\n flex-shrink: 0;\n margin-right: 2rem;\n }\n\n .header-logo img {\n max-height: 60px;\n width: auto;\n transition: transform 0.3s ease;\n }\n\n .header-logo:hover img {\n transform: scale(1.03);\n }\n\n \/* Desktop Navigation *\/\n .main-nav {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n }\n\n .nav-menu {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n align-items: center;\n gap: 1.5rem;\n }\n\n .nav-menu > li {\n position: relative;\n }\n\n .nav-menu a {\n text-decoration: none;\n color: #092B6B; \/* Academy Navy Blue *\/\n font-weight: 700;\n font-size: 0.95rem;\n padding: 0.5rem 0;\n display: flex;\n align-items: center;\n gap: 5px;\n transition: color 0.2s ease;\n }\n\n .nav-menu a:hover, \n .nav-menu a:focus-visible {\n color: #F9B000; \/* Academy Yellow *\/\n }\n\n \/* Dropdown Indicators *\/\n .has-dropdown > a::after {\n content: '';\n display: inline-block;\n border: solid currentColor;\n border-width: 0 2px 2px 0;\n padding: 3px;\n transform: rotate(45deg);\n margin-bottom: 3px;\n transition: transform 0.2s ease;\n }\n\n .has-dropdown:hover > a::after {\n transform: rotate(-135deg);\n margin-bottom: -3px;\n }\n\n \/* Dropdown Menus *\/\n .dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n background-color: #ffffff;\n min-width: 220px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n border-top: 4px solid #F9B000;\n list-style: none;\n padding: 0.5rem 0;\n margin: 0;\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition: all 0.3s ease;\n z-index: 100;\n }\n\n .nav-menu li:hover > .dropdown {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n\n .dropdown li {\n position: relative;\n }\n\n .dropdown a {\n padding: 0.7rem 1.5rem;\n color: #333;\n font-weight: 600;\n font-size: 0.9rem;\n border-bottom: 1px solid #f0f0f0;\n }\n\n .dropdown li:last-child a {\n border-bottom: none;\n }\n\n .dropdown a:hover {\n background-color: #f8f9fa;\n color: #005a9c;\n padding-left: 1.8rem; \/* Slight indent on hover *\/\n }\n\n \/* Nested Sub-menus (e.g. Seniors -> Senior Dues) *\/\n .dropdown .has-dropdown > a::after {\n transform: rotate(-45deg); \/* Arrow points right *\/\n margin-bottom: 0;\n margin-left: auto;\n }\n\n .dropdown .has-dropdown:hover > a::after {\n transform: rotate(45deg); \n }\n\n .dropdown .dropdown {\n top: -4px;\n left: 100%; \/* Opens to the right *\/\n border-top: none;\n border-left: 4px solid #F9B000;\n }\n\n \/* Contact Button *\/\n .header-actions {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n\n .btn-contact {\n background-color: #092B6B;\n color: #ffffff;\n text-decoration: none;\n font-weight: 800;\n font-size: 0.9rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 0.8rem 1.5rem;\n border-radius: 6px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 10px rgba(9, 43, 107, 0.2);\n border: 2px solid #092B6B;\n }\n\n .btn-contact:hover {\n background-color: #ffffff;\n color: #092B6B;\n box-shadow: 0 6px 15px rgba(9, 43, 107, 0.3);\n }\n\n \/* Mobile Hamburger Toggle *\/\n .mobile-toggle {\n display: none;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0.5rem;\n color: #092B6B;\n }\n\n .mobile-toggle svg {\n width: 32px;\n height: 32px;\n }\n\n \/* Hide Mobile Nav Container on Desktop *\/\n .mobile-nav-container {\n display: none;\n }\n\n \/* Responsive Breakpoints *\/\n @media (max-width: 1024px) {\n \/* Hide Desktop Elements *\/\n .main-nav { display: none; }\n .header-actions { display: none; }\n \n \/* Show Mobile Toggle *\/\n .mobile-toggle { display: block; }\n\n \/* Mobile Menu Container Overlay *\/\n .mobile-nav-container {\n display: block;\n position: fixed;\n top: 90px; \/* Below Header *\/\n left: 0;\n width: 100%;\n height: calc(100vh - 90px);\n background-color: #ffffff;\n overflow-y: auto;\n padding: 2rem 1.5rem;\n transform: translateX(100%);\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: 999;\n box-shadow: inset 0 5px 10px rgba(0,0,0,0.05);\n }\n\n .mobile-nav-container.active {\n transform: translateX(0);\n }\n\n \/* Mobile Menu Styles *\/\n .mobile-menu {\n list-style: none;\n padding: 0;\n margin: 0 0 2rem 0;\n }\n\n .mobile-menu a {\n display: block;\n padding: 1rem 0;\n font-size: 1.1rem;\n font-weight: 700;\n color: #092B6B;\n text-decoration: none;\n border-bottom: 1px solid #eee;\n }\n\n .mobile-menu .has-dropdown > a {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n \/* Mobile Dropdowns *\/\n .mobile-dropdown {\n display: none;\n list-style: none;\n padding: 0 0 0 1.5rem;\n background-color: #f8f9fa;\n border-left: 2px solid #F9B000;\n margin-top: 0.5rem;\n }\n\n .mobile-dropdown.open {\n display: block;\n }\n\n .mobile-dropdown a {\n font-size: 1rem;\n border-bottom: none;\n padding: 0.6rem 0;\n font-weight: 600;\n color: #444;\n }\n\n .mobile-btn-contact {\n display: block;\n text-align: center;\n width: 100%;\n padding: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <header class=\"site-header\">\n <div class=\"header-inner\">\n \n \n <a href=\"http:\/\/seeallacademy.com\/\" class=\"header-logo\" aria-label=\"The SEEALL Academy Home\">\n <img decoding=\"async\" src=\"https:\/\/seeallacademy.com\/wp-content\/uploads\/2023\/06\/webLogo-1.png\" alt=\"The SEEALL Academy Logo\">\n <\/a>\n\n \n <nav class=\"main-nav\" aria-label=\"Main Navigation\">\n <ul class=\"nav-menu\">\n <li><a href=\"http:\/\/seeallacademy.com\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/seeallacademy.com\/about-us\/\">About<\/a><\/li>\n \n <li class=\"has-dropdown\">\n <a href=\"https:\/\/seeallacademy.com\/students\/\">Students<\/a>\n <ul class=\"dropdown\">\n <li class=\"has-dropdown\">\n <a href=\"#\">Seniors<\/a>\n <ul class=\"dropdown\">\n <li><a href=\"https:\/\/seeallacademy.com\/senior-dues-information\/\">Senior Dues Information<\/a><\/li>\n <\/ul>\n <\/li>\n <\/ul>\n <\/li>\n\n <li class=\"has-dropdown\">\n <a href=\"https:\/\/seeallacademy.com\/parents\/\">Parents<\/a>\n <ul class=\"dropdown\">\n <li><a href=\"https:\/\/seeallacademy.com\/slt\/\">SLT<\/a><\/li>\n <\/ul>\n <\/li>\n\n <li><a href=\"https:\/\/seeallacademy.com\/admissions\/\">Admissions<\/a><\/li>\n \n <li class=\"has-dropdown\">\n <a href=\"#\">Academics<\/a>\n <ul class=\"dropdown\">\n <li><a href=\"https:\/\/seeallacademy.com\/enrichment-offerings\/\">Enrichment Offerings<\/a><\/li>\n <li><a href=\"https:\/\/seeallacademy.com\/instructional-focus\/\">Instructional Focus<\/a><\/li>\n <li><a href=\"https:\/\/seeallacademy.com\/fiao\/\">FIAO After School Programs<\/a><\/li>\n <\/ul>\n <\/li>\n\n <li><a href=\"https:\/\/seeallacademy.com\/news\/\">Announcements<\/a><\/li>\n <\/ul>\n <\/nav>\n\n \n <div class=\"header-actions\">\n <a href=\"https:\/\/seeallacademy.com\/staff-email-directory\/\" class=\"btn-contact\">Contact<\/a>\n <\/div>\n\n \n <button class=\"mobile-toggle\" id=\"mobile-toggle\" aria-expanded=\"false\" aria-label=\"Open menu\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\n <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n\n <\/div>\n <\/header>\n\n \n <div class=\"mobile-nav-container\" id=\"mobile-nav\">\n <ul class=\"mobile-menu\">\n <li><a href=\"http:\/\/seeallacademy.com\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/seeallacademy.com\/about-us\/\">About<\/a><\/li>\n \n <li class=\"has-dropdown\">\n <a href=\"#\" class=\"mobile-dropdown-toggle\">Students <span>\u25bc<\/span><\/a>\n <ul class=\"mobile-dropdown\">\n <li><a href=\"https:\/\/seeallacademy.com\/students\/\">Students Home<\/a><\/li>\n <li class=\"has-dropdown\">\n <a href=\"#\" class=\"mobile-dropdown-toggle\">Seniors <span>\u25bc<\/span><\/a>\n <ul class=\"mobile-dropdown\">\n <li><a href=\"https:\/\/seeallacademy.com\/senior-dues-information\/\">Senior Dues Information<\/a><\/li>\n <\/ul>\n <\/li>\n <\/ul>\n <\/li>\n\n <li class=\"has-dropdown\">\n <a href=\"#\" class=\"mobile-dropdown-toggle\">Parents <span>\u25bc<\/span><\/a>\n <ul class=\"mobile-dropdown\">\n <li><a href=\"https:\/\/seeallacademy.com\/parents\/\">Parents Home<\/a><\/li>\n <li><a href=\"https:\/\/seeallacademy.com\/slt\/\">SLT<\/a><\/li>\n <\/ul>\n <\/li>\n\n <li><a href=\"https:\/\/seeallacademy.com\/admissions\/\">Admissions<\/a><\/li>\n \n <li class=\"has-dropdown\">\n <a href=\"#\" class=\"mobile-dropdown-toggle\">Academics <span>\u25bc<\/span><\/a>\n <ul class=\"mobile-dropdown\">\n <li><a href=\"https:\/\/seeallacademy.com\/enrichment-offerings\/\">Enrichment Offerings<\/a><\/li>\n <li><a href=\"https:\/\/seeallacademy.com\/instructional-focus\/\">Instructional Focus<\/a><\/li>\n <li><a href=\"https:\/\/seeallacademy.com\/fiao\/\">FIAO After School Programs<\/a><\/li>\n <\/ul>\n <\/li>\n\n <li><a href=\"https:\/\/seeallacademy.com\/news\/\">Announcements<\/a><\/li>\n <\/ul>\n <a href=\"https:\/\/seeallacademy.com\/staff-email-directory\/\" class=\"btn-contact mobile-btn-contact\">Contact Us<\/a>\n <\/div>\n\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const mobileToggle = document.getElementById('mobile-toggle');\n const mobileNav = document.getElementById('mobile-nav');\n const dropdownToggles = document.querySelectorAll('.mobile-dropdown-toggle');\n\n \/\/ Toggle Mobile Menu\n mobileToggle.addEventListener('click', () => {\n const isActive = mobileNav.classList.contains('active');\n mobileNav.classList.toggle('active');\n mobileToggle.setAttribute('aria-expanded', !isActive);\n \n \/\/ Change hamburger to 'X' when open\n if (!isActive) {\n mobileToggle.innerHTML = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>';\n } else {\n mobileToggle.innerHTML = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><\/svg>';\n }\n });\n\n \/\/ Handle Mobile Accordion Dropdowns\n dropdownToggles.forEach(toggle => {\n toggle.addEventListener('click', (e) => {\n e.preventDefault();\n const dropdown = toggle.nextElementSibling;\n const arrow = toggle.querySelector('span');\n \n dropdown.classList.toggle('open');\n \n if (dropdown.classList.contains('open')) {\n arrow.textContent = '\u25b2';\n } else {\n arrow.textContent = '\u25bc';\n }\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"template":"","class_list":["post-431","layout_block","type-layout_block","status-publish","hentry","odd"],"_links":{"self":[{"href":"https:\/\/seeallacademy.com\/index.php?rest_route=\/wp\/v2\/layout_block\/431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seeallacademy.com\/index.php?rest_route=\/wp\/v2\/layout_block"}],"about":[{"href":"https:\/\/seeallacademy.com\/index.php?rest_route=\/wp\/v2\/types\/layout_block"}],"version-history":[{"count":0,"href":"https:\/\/seeallacademy.com\/index.php?rest_route=\/wp\/v2\/layout_block\/431\/revisions"}],"wp:attachment":[{"href":"https:\/\/seeallacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}