https://www.mymanatee.org/js/emergency-banner.js

1document.addEventListener('DOMContentLoaded', function () {
2    //Emergency Banner
3    var emergencyBanners = document.querySelectorAll('.emergency-banner');
4
5    emergencyBanners.forEach(function (emergencyBanner) {
6
7        var button = emergencyBanner.querySelector('button');
8
9        if (button) {
10            button.addEventListener('click', function () {
11                emergencyBanner.style.display = 'none';
12
13                const headerNew = document.querySelector("header");
14                const searchModalNew = document.getElementById("search-modal");
15
16                if (headerNew && searchModalNew) {
17                    const headerHeightNew = headerNew.offsetHeight; // Get the height of the header
18                    searchModalNew.style.top = `${headerHeightNew}px`; // Apply the height as top offset
19                }
20            });
21        }
22     
23    });
24
25
26    const header = document.querySelector("header");
27    const searchModal = document.getElementById("search-modal");
28
29    if (header && searchModal) {
30        const headerHeight = header.offsetHeight; // Get the height of the header
31        searchModal.style.top = `${headerHeight}px`; // Apply the height as top offset
32    }
33});