<?php
get_header(); ?>

    <div id="primary" class="content-area">
        <main id="main" class="site-main">

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

                <header class="page-header">
                    <?php
                    the_archive_description('<div class="taxonomy-description">', '</div>');
                    ?>
                </header><!-- .page-header -->
                <?php

                $class[] = 'archive-project-wrapper motiox_project-wrapper';
                $class[] = 'elementor-grid-' . motiox_get_theme_option('project_columns', 2);
                $class[] = 'elementor-grid-laptop-' . motiox_get_theme_option('project_columns_laptop', 2);
                $class[] = 'elementor-grid-tablet-' . motiox_get_theme_option('project_columns_tablet', 2);
                $class[] = 'elementor-grid-mobile-' . motiox_get_theme_option('project_columns_mobile', 1);

                $layout = motiox_get_theme_option('project_style', '1');

                $class[] = 'project-style-' . esc_attr($layout);

                $class   = esc_attr(implode(' ', array_unique($class)));
                ?>
                <div class="<?php echo esc_attr($class) ?>">
                    <div class="elementor-grid">
                        <?php
                        while (have_posts()) : the_post();
                            get_template_part('template-parts/project/content');
                        endwhile;
                        ?>
                    </div>

                    <?php

                    /**
                     * Functions hooked in to motiox_loop_after action
                     *
                     * @see motiox_paging_nav - 10
                     */
                    do_action('motiox_loop_after');
                    ?>
                </div>
            <?php
            else :
                get_template_part('content', 'none');
            endif;
            ?>
        </main><!-- #main -->
    </div><!-- #primary -->

<?php
get_footer();