<?php if (have_posts()): while (have_posts()) : the_post(); ?>
 <div class="item">
 	
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

			<div class="post_content_wrap">
				<div class="post_content">
					<!-- post thumbnail -->
					<?php if ( has_post_thumbnail()) : // Check if thumbnail exists ?>
						<a class="post_imageLink" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
							<?php $atcf_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' );?>
							<div class="post_image" style="
background-size: cover;
    background-position: 50%;
    height: 200px; background-image: url(' <?php echo $atcf_image_url[0] ?> ')">
								<div class="hover_wrap">
									<div class="hover_inner">
										<?php the_block( 'shortmain') ?>
									</div>
								</div>
							</div>
						</a>			
					<?php endif; ?>
					<!-- /post thumbnail -->
					<div class="post_text ddd">
						<a class="post_link buttonYB" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">детальніше</a>
						<!-- post title -->
						<h2>
							<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>							
						</h2>
						<!-- /post title -->		
						<div class="short_info">
							<?php
							$content = get_the_content();
$trimmed_content = wp_trim_words( $content, 10, ' ' );
echo $trimmed_content;

							 ?>
						</div>	
					</div>
				</div>
			</div>
			

		</article>

 </div>
		 
 
<?php endwhile; ?>

<?php else: ?>

	<!-- article -->
	<article>
		<h2><?php _e( 'Sorry, nothing to display.', 'html5blank' ); ?></h2>
	</article>
	<!-- /article -->

<?php endif; ?>