// Adds 'sticky' class to nav after scroll
window.addEventListener("scroll", function(){
    var navbar = document.querySelector("nav");
    var navBrand = document.getElementById("navbar-brand");
    var navItem = document.getElementById("navbarScroll");
    navbar.classList.toggle("sticky", window.scrollY > 70);
    navBrand.classList.toggle("sticky", window.scrollY > 70);
    navItem.classList.toggle("sticky", window.scrollY > 70);
  })




// Closes mobile nav after clicking a link
const navLinks = document.querySelectorAll('.nav-item a')
const menuToggle = document.getElementById('navbarScroll')

function navToggle(mobile) {
  if (mobile.matches) { // If media query matches
    const bsCollapse = new bootstrap.Collapse(menuToggle, {toggle:false})
    navLinks.forEach((l) => {
      l.addEventListener('click', () => { bsCollapse.toggle() })
  });
  }
}

var mobile = window.matchMedia("(max-width: 992px)")
navToggle(mobile) // Call listener function at run time
mobile.addListener(navToggle) // Attach listener function on state changes