const wHeight = window.innerHeight;
const closeSB = document.querySelector(".search-close");
const SearchOverlay = document.body;
const searchBar = document.querySelector(".search-bar");
// Show
searchBar.style.top=wHeight/2 +'px';
    console.log(wHeight);
    window.addEventListener("resize", function() {
        console.log(wHeight);
        wHeight = window.innerHeight;
        searchBar.style.top=wHeight/2 + 'px';
    }, true);

document.queySelectorAll(".search-button").forEach(item => {
     item.addEventListener('click', () => {
         console.log("Opened Search for Element: ");
         SearchOverlay.classList.add("show-search");
     })
})
// Hide
closeSB.onclick = function() {
    console.log("Closed Search for Element: " + closeSB);
    SearchOverlay.classList.remove("show-search");
    };
}, true);