<div class="grid-container module-wrapper" data-aos="fade-up">

    <div class="row">
        
        <!-- start: .content-wrapper -->
        <div class="content-wrapper grid-posts <?php if(!is_archive()) echo 'content'; ?>">

            <?php if( have_posts() ): ?>

                <!-- start: .articles -->
                <div class="articles columns-3">
                    <?php while( have_posts() ): the_post(); ?>
                        <?php get_template_part('partials/loops/grid-article'); ?>
                    <?php endwhile; ?>
                </div>
                <!-- end: .articles -->

                <?php breek_lite_pagination(); ?>

                <?php wp_reset_postdata(); ?>

            <?php else: ?>
                <!-- start: .articles -->
                <div class="articles classic grid-container grid-small">
                    <div class="section bg-white">
                        <div class="text textcenter">
                            <h3 class="title large no-margin"><?php esc_html_e("Something's wrong here...", 'breek-lite'); ?></h3>
                            <p><?php esc_html_e("We can't find any result for your search term.", 'breek-lite'); ?></p><br>
                        </div>
                        <div class="buttons textcenter">
                            <a href="<?php echo esc_url( home_url('/') ); ?>" class="button"><i class="fa fa-share fa-flip-horizontal"></i> &nbsp;<?php esc_html_e("Go back to home", 'breek-lite'); ?></a>
                        </div>
                    </div>
                </div>
                <!-- end: .articles -->
            <?php endif; ?>     
        </div>
        <!-- end: .content-wrapper -->

    </div>

</div>