<?php if (have_posts()): while (have_posts()) : the_post(); ?>
	<div>

	<article id="post-<?php the_ID(); ?>" <?php post_class(); ?> >


		<div>
			<div class="uk-inline uk-transition-toggle">
				<div class="uk-inline-clip ">
						<?php if (has_post_thumbnail()) : ?>
								<img src="<?php the_post_thumbnail_url('large'); ?>" alt="<?php the_title_attribute(); ?>">
						<?php endif; ?>

						<div class="white uk-transition-fade uk-position-cover uk-overlay uk-overlay-default uk-flex uk-flex-center uk-flex-middle">
								<p>Find Out More</p>
						</div>
					</div>

				<h3 class="green"><?php the_title(); ?></h3>
				<?php if (get_field('short_description')) : ?>
						<p><?php the_field('short_description'); ?></p>
				<?php endif; ?>
				<a class="uk-position-cover" href="<?php the_permalink(); ?>"></a>
			</div>
		</div>
	</article>
</div>
<?php endwhile; ?>

<?php else: ?>
	<article>
		<h2><?php _e( 'Sorry, nothing to display.', 'html5blank' ); ?></h2>
	</article>
<?php endif; ?>
