<section class="vc-wrapper" style="background:<?php echo $settings['background_Color_vid']; ?>">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-5">
                <?php
                $all_posts->the_post();
                $thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium_large');
                ?>
                <article class="listing-item-1" style="border-color:<?php echo $settings['background_Color_vid']; ?>">
                    <a href="" class="listing-mg-type" style="background-image: url('<?php echo $thumb['0']; ?>');">
                    </a>
                    <div class="content-container">
                        <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
                            <h2 class="title "><?php the_title(); ?></h2>
                        </a>
                        <div class="as-post-meta">
                            <a href="#">
                                <span class="post-author" style="padding-left:0px;"><?php the_author_meta('display_name'); ?></span>
                            </a>
                            <span class="time">
                                <time><?php echo human_time_diff(get_the_time('U'), current_time('timestamp')) . ' پیش'; ?></time>
                            </span>
                            <a href="" class="comments">
                                <i class="fa fa-comments-o"></i>
                                <?php comments_number('0', '1', '%'); ?>
                            </a>
                        </div>
                    </div>
                </article>
            </div>
            <div class="col-12 col-md-7">
                <div class="row">
                    <?php
                    while ($all_posts->have_posts()) :
                        $all_posts->the_post();
                        $thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium_large');
                    ?>
                        <div class="col-6 col-md-4">
                            <article class="widget-item-content listing-mg-9-item listing-item-1" style="border-color:<?php echo $settings['background_Color_vid']; ?>">
                                <a href="" class="listing-mg-type" style="background-image: url('<?php echo $thumb['0']; ?>');">
                                </a>
                                <div class="content-container">
                                    <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
                                        <h2 class="title "><?php the_title(); ?></h2>
                                    </a>
                                </div>
                            </article>
                        </div>
                    <?php endwhile; ?>
                </div>
            </div>
        </div>
    </div>
</section>