jQuery(document).ready(function ($) {
  "use strict";
 

  var $winHeight = $(window).innerHeight();
  var $headHeight = $('.site-header').height();
  var winwidth = $(window).width();

  
  var $grid = $('.grid').masonry({
    itemSelector: '.masonry-post', // use a separate class for itemSelector, other than .col-
    percentPosition: true
  });

  // trigger after images loaded
  $grid.imagesLoaded( function() {
    $grid.masonry();
  });

  /*==================================
	  Toggle Button
  ==================================*/
  $('.toggle-button').on('click', function () {
    $(this).toggleClass('active');
    $('body').toggleClass('Is-toggle');

  });
  // $('.toggle-button').on('focusin', function () {
  //   $(this).toggleClass('active');
  //   $('body').toggleClass('Is-toggle');

  // });
  // $('.toggle-button').on('focusin', function () {
  //   $(this).toggleClass('active');
  //   $('body').toggleClass('Is-toggle');

  // });

  /*==================================
	  Responsive menu
  ==================================*/

  if (winwidth <= 1024) {
    $('.menu li.menu-item-has-children,.menu li.page-item-has-children').prepend('<span class="dropdown-icon"><a href="#"><i class="fas fa-caret-down"><i></a></span>');

    $('.menu li.menu-item-has-children span.dropdown-icon,.menu li.page-item-has-children span.dropdown-icon').on('click', function (e) {
      e.preventDefault();
      $(this).siblings('.menu li.menu-item-has-children ul.sub-menu,.menu li.page-item-has-children ul.sub-menu').slideToggle(300);

    });
  } else {
    $('.menu li.menu-item-has-children, .menu li.page-item-has-children').find('span').css('display', 'none');
  };

 


  /*==================================
	  Background Image 
  ==================================*/
  var pageSection = $(".bg-image");
  pageSection.each(function () {
    if ($(this).attr("data-background")) {
      $(this).css("background-image", "url(" + $(this).data("background") + ")");
    }
  });




  /*==================================
	  scroll Top
  ==================================*/

  $(window).on('scroll', function () {
    if ($(this).scrollTop() > 50) {
      $('.site-header').addClass("affix", 500);
    } else {
      $('.site-header').removeClass("affix", 500);
    }
  });

});