<?php get_header(); ?>
<div class="container-fluid p-lg-5" >
<div class="container p-md-5">
    <div class="row">
        <div class="col-12 col-lg-10 col-xl-8 post_content">
            <?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>
            <h1 class="h2 montserrat brown suptitle_arrow"><?php echo get_field('product_archive_title','options');?></h1>
            <div class="post_content"><?php echo get_field('product_archive_description','options');?></div>
        </div>
    </div>
</div>
</div>			
<div class="container-fluid  p-md-5 bg-cream1">
    <div class="container  p-md-5">
        <div id="content" class="clearfix row">

                <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                    <?php
                        $pdt_imgs = get_field('pdt_imgs');
                        $img_data = $pdt_imgs[0];
                    ?>
                    <div class="col-12 col-md-6 col-lg-4">
                        <a href="<?php echo get_permalink();?>" class="pdt_item d-block p-md-3">
                            <div class="pdt_item_img" style="background:url(<?php echo $img_data['sizes']['c_medium_false'];?>) no-repeat center center / cover">

                            </div>
                            <img src="<?php echo $img_data['sizes']['c_medium_false'];?>" alt="<?php echo get_the_title();?>" class="img-fluid d-none">
                            <h2 class="m-4 h3 brown bold underlined"><?php echo get_the_title();?></h2>
                        </a>
                    </div>

                <?php endwhile; ?>
                <?php endif; ?>
        </div>
    </div>
</div>
	
<?php get_footer(); ?>
