<?php get_header(); ?>

<?php get_template_part('elements/breadcrumb'); ?>

<?php
if ( have_posts() ) : ?>
    <div class="single-new" data-animation>
        <div class="site__container">
            <?php while ( have_posts() ) : the_post(); ?>

                <div class="grid">
                    <div class="grid__item push--tab--one-twelfth tab--five-twelfths">
                        <div class="single-new__image">
                            <?php MOZ_Image::background( get_post_thumbnail_id(), 'Medium', array(
                                'large' => '(min-width: 768px)'
                            ), array( 'class' => '' ), array( 'lazy' => false ) ); ?>
                        </div>
                    </div>
                    <div class="grid__item push--tab--one-twelfth tab--five-twelfths">
                        <div class="single-new__content">
                            <div class="single-new__date"><?php echo get_the_date('d.m.Y'); ?></div>
                            <h1 class="single-new__title"><?php the_title(); ?></h1>
                            <div class="single-new__text"><?php the_content(); ?></div>
                        </div>

                        <ul class="single-new__navigation">
                            <li class="single-new__navigation__prev"><?php next_post_link('%link', ' ', false); ?></li>
                            <li class="single-new__navigation__next"><?php previous_post_link('%link', ' ', false); ?></li>
                        </ul>
                    </div>
                </div>

            <?php endwhile; ?>
        </div>
    </div>
<?php endif; ?>

<?php get_footer();