document.addEventListener('click', (event) => {
  const mainNavDisplay = window.getComputedStyle(document.getElementsByClassName('main-nav')[0]).getPropertyValue('display')
  const mobileNav = document.getElementsByClassName('mobile-nav-link')[0]
  const mobileToggle = document.getElementById('mobile-menu-toggle')
  const isClickedOutside = !mobileNav.contains(evt.target)

  // Exit if not in mobile view or menu button is clicked
  // Menu button click triggers `menu-button` and `mobile-menu-toggle`
  if (mainNavDisplay !== 'none' || event.target.id === 'menu-button' || event.target.id === 'mobile-menu-toggle') return

  if (isClickedOutside) {
    mobileToggle.checked = false
  }
}, false)