<?php 
/**
 * The template for displaying archive pages.
 *
 * Used for displaying archive-type pages. These views can be further customized by
 * creating a separate template for each one.
 *
 * - author.php (Author archive)
 * - category.php (Category archive)
 * - date.php (Date archive)
 * - tag.php (Tag archive)
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 */
?>
<?php get_header(); ?>


 <!--  <?php $image //= wp_get_attachment_url( get_post_thumbnail_id($post->ID));?> -->
<header class="page-main-header"  >

   <div class="container">
		 <?php the_archive_title( '<h1 class="ht-main-title wow zoomIn">', '</h1>' ); ?>
<!-- 		<div class="ht-main-title wow zoomIn"><?php //single_cat_title(''); ?></div> -->
		<div class="clearfix"></div>
	</div>
	  <?php if( get_theme_mod('breadcrumb_button_display','show' ) == 'hide') :
        ?>
        <div class="breadcrumbbox wow zoomIn">
            <div class="container">
                <div class='button'><?php luzuk_lite_the_breadcrumb(); ?></div>
                <!--  <?php //luzuk_lite_the_breadcrumb(); ?> -->
            </div>
        </div>

    <?php endif ?>     
</header><!-- .entry-header --> 

<main id="innerpage-box">
	<div class="container">
		<div class="inner_contentbox">
		<div id="blog-box" class="innerpage-whitebox">
					<div class="innerblogpost">
				<?php if ( have_posts() ) :
					$luzuk_lite_pcategory_full_posts = get_theme_mod('luzuk_lite_pcategory_full_posts');
					while ( have_posts() ) : the_post();
						luzuk_lite_pcategory_archive_post();
					endwhile;
					luzuk_lite_post_navigation();
				endif; ?>
					</div>
					
		</div> 
		<div class="clearfix"></div>
		</div>
		<div class="clearfix"></div>
		<div class="row">
			<div class="col-md-12">
				<div class="pagingation">
				    <?php lzGetPagination($query);?>
				</div>
			</div>
		</div>
	</div>
</main>

 <script>
/* jQuery('a.colorbox-link').colorbox(); */

$(document).ready(function() {
  
  $(".colorbox-link").click(
    
    function(event) {
      event.preventDefault();
      var elementURL = $(this).attr("href");
      $.colorbox({
        iframe: true,
        href: elementURL,
        innerWidth: 860,
        innerHeight: 420
      });
      
    });
  
});
    </script> 

<?php get_footer(); ?>