<?php
/**
 * The template for displaying the footer
 *
 * Contains the closing of the #content div and all content after.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package CelebrityProject
 */

?>
<footer class="pb-0">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-4">
                        <div class="foot-col  wow fadeInUp" data-wow-delay="0.1s" data-wow-duration="1.5s" >
                            <?php dynamic_sidebar('footer-logo'); ?>
                        </div>
                    </div>
                    <div class="col-md-8">
                        <div class="foot-col  wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1.5s">
                            <h4>LOOK AROUND </h4>
                            <div class="footer-data mt-3">
                              <?php dynamic_sidebar('footer-menu'); ?>
                            </div>
                        </div>
                        <div>
                       <?php dynamic_sidebar('contact-details'); ?>
                        </div>
                        
                    </div>
                   
                    <div class="col-md-12"><hr class="white"></div>
                    <div class="col-md-12 small text-center">
                        <?php dynamic_sidebar('footer-details'); ?>
                    </div>
                    <div class="col-md-12 mt-2 copyright text-center"><?php dynamic_sidebar('copyright'); ?></div>
                </div>
            </div>
        </footer>
<div class="menu-overlay"></div>
<!--         <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> -->
        <script src="<?php echo get_template_directory_uri(); ?>/js/bootstrap.min.js"></script>
        <script src="<?php echo get_template_directory_uri(); ?>/assets/owlcarousel/owl.carousel.js"></script>
        <script src="<?php echo get_template_directory_uri(); ?>/js/wow.min.js"></script>

        <script src="<?php  echo get_template_directory_uri(); ?>/js/main.js"></script>
    <script type="text/javascript">
            $('#teamSlider').owlCarousel({
                loop:true,
                margin:0,
                nav:true,
                dots: false,
                responsive:{
                    0:{
                        items:1
                    },
                    600:{
                        items:2
                    },
                    1000:{
                        items:3
                    }
                }
            })
              $('#teamSlider1').owlCarousel({
                loop:true,
                margin:0,
                nav:true,
                dots: false,
                responsive:{
                    0:{
                        items:1
                    },
                    600:{
                        items:3
                    },
                    1000:{
                        items:5
                    }
                }
            })
              $('#postSlider').owlCarousel({
                loop:true,
                margin:30,
				autoplay:true,
   			    autoplayTimeout:4000,
				  smartSpeed: 1000, // duration of change of 1 slide
                nav:true,
                dots: false,
                responsive:{
                    0:{
                        items:1
                    },
                    600:{
                        items:3
                    },
                    1000:{
                        items:5
                    }
                }
            })
              $('#team2Slider').owlCarousel({
                loop: true,
                margin: 0,
                nav: true,
                dots: false,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 2
                    },
                    1000: {
                        items: 4.5,
                        margin: 5
                    }
                }
            })
              $('#workSlider').owlCarousel({
                loop: true,
                margin: 0,
                nav: true,
                dots: false,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 2
                    },
                    1000: {
                        items: 4.5,
                        margin: 5
                    }
                }
            })
		  $('#luxurySlider').owlCarousel({
                loop: true,
                margin: 0,
                nav: true,
                dots: false,
			   autoplay: 5000, 
                smartSpeed: 1000,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 2
                    },
                    1000: {
                        items: 4,
                        margin: 5
                    }
                }
            });
		
			  $('#movie-slider').owlCarousel({
                loop: true,
                margin: 2,
                nav: true,
                dots: false,
			   autoplay: 5000, 
                smartSpeed: 1000,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 2
                    },
                    1000: {
                        items: 4,
                        margin: 5
                    }
                }
            });
		
		 $('#deadfamous').owlCarousel({
                loop: true,
                margin: 2,
                nav: true,
                dots: false,
			   autoplay: 5000, 
                smartSpeed: 1000,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 2
                    },
                    1000: {
                        items: 4,
                        margin: 5
                    }
                }
            });
        </script>
<script>
            (function($) {
  $(document).ready(function(){
   // $('video').get(0).pause();
    // $('#somevid2').get(0).pause();
  });
})(jQuery);

// Modal script
(function($) {
	$(function(){

	var appendthis =  ("<div class='modal-overlay js-modal-close'></div>");

		$('a[data-modal-id]').click(function(e) {
			e.preventDefault();
			$("body").append(appendthis);
			$(".modal-overlay").fadeTo(500, 0.9);
			//$(".js-modalbox").fadeIn(500);
			var modalBox = $(this).attr('data-modal-id');
			$('#'+modalBox).fadeIn($(this).data());
			// Show a specific class when opened
			$('#'+modalBox).addClass('opened');
      if (($('.modal-box.opened').find('video').attr('autoplay') === 'autoplay')) {
        $('.modal-box.opened').find('video').get(0).play();
      }
		});

	$(".js-modal-close, .modal-overlay").click(function() {
		$(".modal-box, .modal-overlay").fadeOut(500, function() {
			$(".modal-overlay").remove();
		});
		// Remove the specific class
		$('.modal-box').removeClass('opened');
		// Stop the video from playing
		$('.modal-box').find('video').each(function() {
				$(this).get(0).pause();
		});
	});

	$(window).resize(function() {
		$(".modal-box").css({
			//top: ($(window).height() - $(".modal-box").outerHeight()) / 2,
			//left: ($(window).width() - $(".modal-box").outerWidth()) / 2

			top: ($(window).height() - $(".modal-box").outerHeight()) / 2,
			left: ($(window).width() - $(".modal-box").outerWidth()) / 2

		});
	});

	$(window).resize();

	});
})(jQuery);
        </script>
<?php wp_footer(); ?>

</body>
</html>