<?php
/**
 * The template for displaying archive pages.
 *
 * Learn more: http://codex.wordpress.org/Template_Hierarchy
 *
 * @package pro
 */

get_header(); ?>
	

	<div id="page-title-pro">
		<div id="progression-studios-page-title-container">
			<div class="width-container-pro">
				<h1 class="page-title"><?php esc_html_e( 'Portfolio', 'renovation-progression' ); ?></h1>
			</div><!-- #progression-studios-page-title-container -->
			<div class="clearfix-pro"></div>
		</div><!-- close .width-container-pro -->
		
	</div><!-- #page-title-pro -->
	
		<div id="content-pro" class="site-content">
			<div class="width-container-pro">

					<?php if ( have_posts() ) : ?>
						<div class="progression-studios-portfolio-index">
							
							<div class="progression-masonry-margins" style="margin-top:-<?php echo esc_attr(get_theme_mod('progression_studios_blog_index_gap', '4')); ?>px; margin-left:-<?php echo esc_attr(get_theme_mod('progression_studios_blog_index_gap', '4')); ?>px; margin-right:-<?php echo esc_attr(get_theme_mod('progression_studios_blog_index_gap', '4')); ?>px;">
								
								<div class="progression-portfolio-index-masonry">
									<?php while ( have_posts() ) : the_post(); ?>
										<div class="progression-masonry-item progression-masonry-col-<?php echo esc_attr(get_theme_mod( 'progression_studios_blog_columns', '3')); ?>">
											<div class="progression-masonry-padding-blog" style="padding:<?php echo esc_attr(get_theme_mod('progression_studios_blog_index_gap', '4')); ?>px;">
												<div class="progression-studios-isotope-animation">
													<?php get_template_part( 'template-parts/content', 'portfolio' ); ?>
												</div><!-- close .progression-studios-isotope-animation -->
											</div><!-- close .progression-masonry-padding-blog -->
										</div><!-- close  .progression-masonry-item -->
									<?php endwhile; ?>
								</div><!-- close .progression-portfolio-index-masonry -->
							</div><!-- close .progression-masonry-margins -->							
						</div><!-- close .progression-studios-portfolio-index -->
				
					<div class="clearfix-pro"></div>
				
						<?php progression_studios_show_pagination_links_pro(); ?>
				
						<div class="clearfix-pro"></div>
				
					<?php else : ?>
				
						<div class="progression-studios-portfolio-index">
							<?php get_template_part( 'template-parts/content', 'none' ); ?>
						</div><!-- close .progression-masonry-margins -->
				
					<?php endif; ?>
			
								
			<div class="clearfix-pro"></div>
			</div><!-- close .width-container-pro -->
		</div><!-- #content-pro -->
<?php get_footer(); ?>