{% if paginator.total_posts > 0 %}
    {% if site.data.settings.blog.show_thumbnails %}
    <div class="row blog-section">
    {% endif %}
    {% for post in paginator.posts %}
        {% assign timeframe = 604800 %}
        {% assign post_in_seconds = post.date | date: "%s" | plus: 0 %}
        {% assign recent_posts = "now" | date: "%s" | minus: timeframe %}
        {% if site.data.settings.blog.show_thumbnails %}
                {% if forloop.first and paginator.page == 1 %}
                <style>
                    @media(min-width: 1000px){
                        .blog-post-item-col:nth-child(3n+2) > .blog-post-item {
                            margin-right:0px !important;
                            margin-left:0px !important;
                        }
                    }
                </style>
                <div class="featured-post-row">
                    <div class="col-xs-12 col-sm-7 col-sm-push-5 latest-featured-post">
                        <a href="{{post.url}}">
                        {% assign image_path = "" %}
                        {% if post.image.thumb %}
                                {% capture image_path %}{{site.blog_images_dir}}thumbs/{{post.image.thumb}}{% endcapture %}
                                {% capture full_path %}/{{site.blog_images_dir}}thumbs/{{post.image.thumb}}{% endcapture %}
                        {% elsif post.image.name %}
                                {% capture image_path %}{{site.blog_images_dir}}{{post.image.name}}{% endcapture %}
                                {% capture full_path %}/{{site.blog_images_dir}}{{post.image.name}}{% endcapture %}
                        {% elsif post.image.path %}
                                {% capture image_path %}{{post.image.path | remove_first: "/" }}{% endcapture %}
                                {% capture full_path %}{{post.image.path}}{% endcapture %}
                        {% elsif post.image == site.data.settings.social_share_image %}
                                {% capture image_path %}{{site.data.settings.placeholder | remove_first: "/" }}{% endcapture %}
                                {% capture full_path %}{{site.data.settings.placeholder}}{% endcapture %}
                        {% elsif post.image %}
                                {% capture image_path %}{{post.image | remove_first: "/" }}{% endcapture %}
                                {% capture full_path %}{{post.image}}{% endcapture %}
                        {% else %}
                            <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                            data-src="{{site.data.settings.placeholder}}" alt="{{post.title}}" class="center-block img-responsive lazyload"/>
                        {% endif %}
                        {% if image_path != "" %}
                            {% responsive_image_block %}
                            template: _includes/thumbnail_image.html
                            path: {{ image_path }}
                            fullpath: {{ full_path }}
                            {% if post.title %}
                            title: {{ post.title | slugify: "ascii"}}
                            alt: {{ post.title | slugify: "ascii"}}
                            {% endif %}
                            {% endresponsive_image_block %}
                        {% endif %}
                        </a>
                    </div>
                    <div class="col-xs-12 col-sm-5 col-sm-pull-7 latest-featured-post-content">
                        <a href="{{post.url}}">
                            <div class="post-info">
                                <span class="post-cat">{{post.categories | first | capitalize }}</span>
                                <h3>{{post.title}}</h3>
                                <p class="excerpt">
                                    {% if post.description %}
                                    {{post.description}}
                                    {% else %}
                                    {{ post.content | strip_html | truncatewords:30 }}
                                    {% endif %}
                                </p>
                                <a href="{{post.url}}" class="btn btn-primary">
                                    Read Post
                                </a>
                            </div>
                        </a>
                    </div>
                </div>   
                {% else %}

                {% comment %}
                    Blog Filler Element - This is needed due to the layout of the blog. If not included then there will be an empty col on the first blog page.
                {% endcomment %}

                {% if forloop.index == 4 and paginator.page == 1 %}
                    {% if site.data.settings.blog.filler-element %}
                            {% include {{site.data.settings.blog.filler-element}} %}
                    {% endif %}
                {% endif %}
                <div class="col-sm-4 col-xs-12 blog-post-item-col no-padding">
                    <div class="blog-post-item">
                        <a href="{{post.url}}">
                            <div class="blog-featured-image {% if post.image == site.data.settings.social_share_image %}using-placeholder{% endif %}">

                            {% assign image_path = "" %}
                            {% if post.image.thumb %}
                                    {% capture image_path %}{{site.blog_images_dir}}thumbs/{{post.image.thumb}}{% endcapture %}
                                    {% capture full_path %}/{{site.blog_images_dir}}thumbs/{{post.image.thumb}}{% endcapture %}
                            {% elsif post.image.name %}
                                    {% capture image_path %}{{site.blog_images_dir}}{{post.image.name}}{% endcapture %}
                                    {% capture full_path %}/{{site.blog_images_dir}}{{post.image.name}}{% endcapture %}
                            {% elsif post.image.path %}
                                    {% capture image_path %}{{post.image.path | remove_first: "/" }}{% endcapture %}
                                    {% capture full_path %}{{post.image.path}}{% endcapture %}
                            {% elsif post.image == site.data.settings.social_share_image %}
                                {% capture image_path %}{{site.data.settings.placeholder | remove_first: "/" }}{% endcapture %}
                                {% capture full_path %}{{site.data.settings.placeholder}}{% endcapture %}
                                {% assign using_placeholder = "true" %}
                            {% elsif post.image %}
                                    {% capture image_path %}{{post.image | remove_first: "/" }}{% endcapture %}
                                    {% capture full_path %}{{post.image}}{% endcapture %}
                            {% else %}
                                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                                data-src="{{site.data.settings.placeholder}}" alt="{{post.title}}" class="center-block img-responsive lazyload"/>
                            {% endif %}

                            {% if image_path != "" %}
                                {% responsive_image_block %}
                                template: _includes/thumbnail_image.html
                                path: {{ image_path }}
                                fullpath: {{ full_path }}
                                {% if post.title %}
                                title: {{ post.title | slugify: "ascii"}}
                                alt: {{ post.title | slugify: "ascii"}}
                                {% endif %}
                                {% endresponsive_image_block %}
                            {% endif %}
                                <div class="read-article">
                                    <i class="fa fa-eye"></i> Read Article
                                </div>
                            </div>
                        <div class="blog-post-item-content">
                            <div class="post-cat">{{post.categories | first | capitalize }}</div>
                            {% if site.data.settings.blog.reading_time %}
                                {% include read_time.html content=post.content %}
                            {% endif %}
                                <h3>{{ post.title}}</h3>
                            <br />
                            <p class="post_excerpt">
                            {{ post.content | strip_html | truncatewords:30 }}
                            </p>
                            <div class="author-section">
                                {% if post.author %}
                                    {% assign author = site.authors | where: "username", post.author | first %}
                                    {% assign author-url = author.url %}
                                        <div class="blog-author-image lazyload" data-bg="{% if author.image.path %}{{author.image.path}}{% else %}{{site.data.settings.blog.avatar_placeholder}}{% endif %}"></div>
                                {% endif %}
                                {% if post.co-author %}
                                    {% if site.authors %}
                                        {% assign co-author = site.authors | where: "username", post.co-author | first %}
                                        {% assign co-author-url = co-author.url %}
                                    {% endif %}
                                        <div class="blog-author-image co-author lazyload" data-bg="{% if co-author.image.path %}
                                        {{co-author.image.path}}
                                    {% else %}
                                        {{site.data.settings.blog.avatar_placeholder}}
                                    {% endif %}"></div>
                                    <small class="blog-author"> 
                                        <em>{% if author.first_name %}{{author.first_name}}{% else %}{{post.author}}{% endif %}</em> &
                                        <em>{% if co-author.first_name %}{{co-author.first_name}}{% else %}{{post.co-author}}{% endif %}</em>
                                    </small>
                                {% else %}
                                    <small class="blog-author">
                                        <em>{% if author.name %}{{author.name}}{% else %}{{post.author}}{% endif %}</em>
                                    </small>
                                {% endif %}
                            </div>
                        </div>
                        </a>
                    </div>
                        
                </div>
                {% endif %}
            {% else %}
            <div class="row blog_post">
                <div class="col-xs-12 post_title no-padding">
                    <a href="{{post.url}}"><h3>{{ post.title}}</h3></a>
                    <em>{{ post.date | date: "%A, %B %-d, %Y"}}</em>
                    {% if post_in_seconds > recent_posts %}
                        <span class="new-post" title="Post added in the last week.">New</span>
                    {% endif %}
                    <br />
                    <p class="post_excerpt">
                    {{ post.content | strip_html | truncatewords:30 }}
                    </p>
                    <p>
                        <a href="{{post.url}}">
                            <button class="btn blog-read-more-btn">Read More</button>
                        </a>
                    </p>
                </div>
            </div>
            {% endif %}
        {% endfor %}
    {% if site.data.settings.blog.show_thumbnails %}
    </div>
    {% endif %}
{% else %}
    <p>
        No posts of this category were found!
    </p>
{% endif %}