<div id="featured-area-skew">
<div class="container">
<?php if ( get_theme_mod('madhat_box_enable') && is_front_page() ) : ?>
	<div class="popular-articles col-md-12">
        <?php if(get_theme_mod('madhat_box_title')):?>
            <div class="section-title">
                <span><?php echo esc_html(get_theme_mod('madhat_box_title',__('Popular Articles','madhat'))); ?></span>
            </div>
        <?php endif;?>
		
		<?php /* Start the Loop */ $count=0; ?>
				<?php
		    		$args = array( 'posts_per_page' => 3, 'category' => get_theme_mod('madhat_box_cat') );
					$lastposts = get_posts( $args );
					foreach ( $lastposts as $post ) :
					  setup_postdata( $post ); ?>
				
				    <div class="col-md-4 col-sm-4 col-xs-12 imgcontainer">
				    	<div class="popimage">
				        <?php if (has_post_thumbnail()) : ?>	
								<a href="<?php the_permalink() ?>" title="<?php the_title() ?>"><?php the_post_thumbnail('madhat-skew-thumb',array(  'alt' => trim(strip_tags( $post->post_title )))); ?></a>
						<?php else : ?>
								<a href="<?php the_permalink() ?>" title="<?php the_title() ?>"><img alt="<?php the_title() ?>" src="<?php echo get_template_directory_uri()."/assets/images/placeholder2.jpg"; ?>"></a>
						<?php endif; ?>
							<div class="titledesc">
				            <h2><a href="<?php the_permalink() ?>"><?php echo the_title(); ?></a></h2>
				        </div>
				    	</div>	
				    </div>
				    
				<?php $count++;
				if ($count == 4) break;
				 endforeach;
				 wp_reset_postdata(); ?>
		
	</div>

<?php endif; ?>
</div><!--.container-->
</div>