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

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

		<div class=" services-box">
			<?php if ( has_post_thumbnail() ) { ?>

				<img uk-img data-src="<?php the_post_thumbnail_url('full'); ?>" data-width data-height>

		<?php } else { ?>
		<?php } ?>

		<?php
		$image = get_field('service_icon');
		if( !empty( $image ) ): ?>
		<div class="uk-text-center">
			<img class="service-icon" src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
		</div>
		<?php endif; ?>


		<h3 class="blue uk-text-center uk-margin-top"><?php the_title(); ?></h3>

		<?php if( have_rows('list') ): ?>
		<ul class="uk-list uk-text-center">
		<?php while( have_rows('list') ): the_row();
				?>
				<li>
						<p><?php the_sub_field('expertise'); ?></p>
				</li>
		<?php endwhile; ?>
		</ul>
		<?php endif; ?>

		</div>

	</article>
</div>

<?php endwhile; ?>

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