(function ($) {
  "use strict";
  
 



   /* mPLyr Audio
    * ------------------------------------------------------ */

   const player = new Plyr('#player');
 

    // expands the dropdown menu on each click
    // $('.primary-menu').find('li .menu-trigger').on('click', function (e) {
    //   e.preventDefault();
    //   $(this).toggleClass('open').parent('li').children('ul').stop(true, true).slideToggle(350);
    //   $(this).find("i").toggleClass("fa-angle-up fa-angle-down");
    // });

    //  Main Menu Offcanvas
  $('.primary-menu').find('li a').each(function () {
    if ($(this).next().length > 0) {
      $(this).parent('li').append('<span class="menu-trigger"><i class="fal fa-angle-down"></i></span>');
    }
  });

 

    // expands the dropdown menu on each click
    $('.primary-menu').find('li .menu-trigger').on('click', function (e) {
      e.preventDefault();
      $(this).toggleClass('open').parent('li').children('ul').stop(true, true).slideToggle(350);
      $(this).find("i").toggleClass("fa-angle-up fa-angle-down");
    });

  

  // check browser width in real-time
  function breakpointCheck() {
    var windoWidth = window.innerWidth;

    if (windoWidth <= 991) {
      $('.header-navbar').addClass('mobile-menu');
    } else {
      $('.header-navbar').removeClass('mobile-menu');
    }
  }

  breakpointCheck();
  $(window).on('resize', function () {
    breakpointCheck();
  });


  $('.nav-toggler').on('click', function (e) {
    $('.site-navbar').toggleClass('menu-on');
    e.preventDefault();
  });

  // Close menu on toggler click
  $('.nav-close').on('click', function (e) {
    $('.site-navbar').removeClass('menu-on');
    e.preventDefault();
  });


  // Offcanvas Info menu

  $('.offcanvas-icon').on('click', function (e) {
    $('.offcanvas-info').toggleClass('offcanvas-on');
    e.preventDefault();
  });

  // Close menu on toggler click
  $('.info-close').on('click', function (e) {
    $('.offcanvas-info').removeClass('offcanvas-on');
    e.preventDefault();
  });

 //Search Box addClass removeClass
 $('.header_search_btn > a').on('click', function(){
  $('.page_search_box').addClass('active')
  });
  $('.search_close > i').on('click', function(){
      $('.page_search_box').removeClass('active')
  });





  // /* ---------------------------------------------
  //     Sticky Fixed Menu
  // --------------------------------------------- */

  // $(window).scroll(function () {
  //   var window_top = $(window).scrollTop() + 1;

  //   if (window_top > 50) {
  //     $('.fixed-btm-top').addClass('reveal');
  //   } else {
  //     $('.fixed-btm-top').removeClass('reveal');
  //   }
  // });


 //Search Box addClass removeClass
 $('.header_search_btn > a').on('click', function(){
  $('.page_search_box').addClass('active')
  });
  $('.search_close > i').on('click', function(){
      $('.page_search_box').removeClass('active')
  });



  // background image - start
  // --------------------------------------------------
  // $('[data-background]').each(function() {
  //   $(this).css('background-image', 'url('+ $(this).attr('data-background') + ')');
  // });
  // background image - end
  // --------------------------------------------------




  /* ---------------------------------------------
        Portfolio filtering
         --------------------------------------------- */
        //  var $portfolio = $('.portfolio-gallery');
        //  if ($.fn.imagesLoaded && $portfolio.length > 0) {
        //      imagesLoaded($portfolio, function () {
        //          $portfolio.isotope({
        //              itemSelector: '.portfolio-single',
        //              filter: '*'
        //          });
        //          $(window).trigger("resize");
        //      });
        //  }
 
        //  $('.portfolio-filter').on('click', 'a', function (e) {
        //      e.preventDefault();
        //      $(this).parent().addClass('active').siblings().removeClass('active');
        //      var filterValue = $(this).attr('data-filter');
        //      $portfolio.isotope({filter: filterValue});
        //  });
 



  /* ---------------------------------------------
      Sticky Fixed Menu
  --------------------------------------------- */

  $(window).scroll(function () {
    var window_top = $(window).scrollTop() + 1;

    if (window_top > 50) {
      $('.fixed-btm-top').addClass('reveal');
    } else {
      $('.fixed-btm-top').removeClass('reveal');
    }
  });


  /* ---------------------------------------------
     Bottom To Top hide
  --------------------------------------------- */

  $(window).scroll(function () {
    var window_top = $(window).scrollTop() + 1;

    if (window_top > 50) {
      $('.fixed-btm-top').addClass('reveal');
    } else {
      $('.fixed-btm-top').removeClass('reveal');
    }
  });


  //  POSt Gallery slider 

  $('.post-gallery-slider').slick({
    dots: false,
    arrows: true,
    infinite: true,
    autoplay: true,
    speed: 300,
    slidesToShow: 1,
    slidesToScroll: 1,
    responsive: [
      {
        breakpoint: 1024,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
          infinite: true,
          dots: true
        }
      },
      {
        breakpoint: 768,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1
        }
      },
      {
        breakpoint: 480,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1
        }
      }
    ]
  });
  

  //  Sticky Menu

// $(window).scroll(function () {
//     var window_top = $(window).scrollTop() + 1;
//     if (window_top > 50) {
//       $('.navbar-sticky').addClass('menu_fixed animated fadeInDown');
//     } else {
//       $('.navbar-sticky').removeClass('menu_fixed animated fadeInDown');
//     }
//   });
 
  //  Testimonial
  
  // $('.testimonials-slides').slick({
  //   dots: false,
  //   arrows: false,
  //   infinite: false,
  //   speed: 300,
  //   slidesToShow: 1,
  //   slidesToScroll: 1,
  //   responsive: [
  //     {
  //       breakpoint: 1024,
  //       settings: {
  //         slidesToShow: 1,
  //         slidesToScroll: 1,
  //         infinite: true,
  //         dots: true
  //       }
  //     },
  //     {
  //       breakpoint: 768,
  //       settings: {
  //         slidesToShow: 1,
  //         slidesToScroll: 1
  //       }
  //     },
  //     {
  //       breakpoint: 480,
  //       settings: {
  //         slidesToShow: 1,
  //         slidesToScroll: 1
  //       }
  //     }
  //   ]
  // });
  

  // category slider

  $('.category-slider').owlCarousel({
    loop: true,
    dots:false,
    nav: false,
    margin: 10,
    autoplayHoverPause: true,
    autoplay: false,
    responsiveClass:true,
    responsive: {
        0: {
            items: 1,
            dots:true,
            nav:false
        },
        576: {
            items: 1,
            dots:true,
            nav:false
        },
        768: {
            items: 1,
        },
        1000: {
            items:1,
        },
        1200: {
            items: 3,
        }
    }
  });
  

// Testimonial layout 1
$('.testimonials-slides').owlCarousel({
  loop: true,
  dots:false,
  nav: false,
  center: true,
  margin: 10,
  autoplayHoverPause: true,
  autoplay: false,
  navContainer: '#carousel-arrow',
  navText : ["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
  // center: true,
  responsiveClass:true,
  responsive: {
      0: {
          items: 1,
          dots:true,
          nav:false
      },
      576: {
          items: 1,
          dots:true,
          nav:false
      },
      768: {
          items: 2,
      },
      1000: {
          items:3,
      },
      1200: {
          items: 3,
      }
  }
});


// Testimonial layout 2
$('.testimonials-slides-2').owlCarousel({
    loop: true,
    dots: false,
    nav:false,
    margin: 10,
    autoplayHoverPause: true,
    autoplay: false,
    responsiveClass:true,
    responsive: {
        0: {
            items: 1,
        },
        576: {
            items: 1,
        },
        768: {
            items: 1,
        },
        1000: {
            items:2,
        },
        1200: {
            items:2,
        }
    }
});



// Gallery Screenshot
$('.gallery-screenshot').owlCarousel({
  loop: true,
  dots:true,
  nav: false,
  margin: 10,
  center:true,
  autoplayHoverPause: true,
  autoplay: false,
  // navContainer: '#carousel-arrow',
  navText : ["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
  // center: true,
  responsiveClass:true,
  responsive: {
      0: {
          items: 1,
          dots:true,
          nav:false
      },
      576: {
          items: 1,
          dots:true,
          nav:false
      },
      768: {
          items: 1,
      },
      1000: {
          items:5,
      },
      1200: {
          items: 5,
      }
  }
});


//  Lightbox
$('.popup').magnificPopup({
    type: 'image',
    gallery:{
      enabled:true
    },
    removalDelay: 300,
  });

  



	// Counter

	$('.counter').counterUp({
	      delay: 10,
	      time: 1000
	  });

 /* ---------------------------------------------
        Portfolio filtering
         --------------------------------------------- */
         var $portfolio = $('.products-gallery');
         if ($.fn.imagesLoaded && $portfolio.length > 0) {
             imagesLoaded($portfolio, function () {
                 $portfolio.isotope({
                     itemSelector: '.product-box',
                     filter: '*'
                 });
                 $(window).trigger("resize");
             });
         }
 
         $('.products-filter').on('click', 'a', function (e) {
             e.preventDefault();
             $(this).parent().addClass('active').siblings().removeClass('active');
             var filterValue = $(this).attr('data-filter');
             $portfolio.isotope({filter: filterValue});
         });
 

  
	    

  /* ---------------------------------------------
        Course filtering
  --------------------------------------------- */
  




  


}(jQuery));