$(window).scroll(function() {
  var scroll = $(window).scrollTop();
  if (scroll >= 510) {
      $('.topnav').addClass("scrolled");
  } else {
      $('.topnav').removeClass("scrolled");
  }
});

/* Get First name and last name first letter */
var firstName =  $('.headerFname').text();
var lastName =  $('#headerLname').text();
$('.headerFname').text(firstName.charAt(0).toUpperCase());
$('#headerLname').text(lastName.charAt(0).toUpperCase());

/* Cookie UI JS */
$('.cookie-collapse').on('click', function () {
  $(this).toggleClass('active');
});

$('#info-1').on('click', function () {
  $('.info-1').toggleClass('show');
});

$('#info-2').on('click', function () {
  $('.info-2').toggleClass('show');
});

$('#info-3').on('click', function () {
  $('.info-3').toggleClass('show');
});

$('#info-4').on('click', function () {
  $('.info-4').toggleClass('show');
});

$('#info-5').on('click', function () {
  $('.info-5').toggleClass('show');
});

$('#info-6').on('click', function () {
  $('.info-6').toggleClass('show');
});

$('#info-7').on('click', function () {
  $('.info-7').toggleClass('show');
});

$('#info-8').on('click', function () {
  $('.info-8').toggleClass('show');
});

$('#info-9').on('click', function () {
  $('.info-9').toggleClass('show');
});

$('#info-10').on('click', function () {
  $('.info-10').toggleClass('show');
});

$('#info-11').on('click', function () {
  $('.info-11').toggleClass('show');
});

$('#info-12').on('click', function () {
  $('.info-12').toggleClass('show');
});

$('#info-13').on('click', function () {
  $('.info-13').toggleClass('show');
});

$('#info-14').on('click', function () {
  $('.info-14').toggleClass('show');
});

$('#info-15').on('click', function () {
  $('.info-15').toggleClass('show');
});