<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="{{ html_lang }}" {{ html_lang_dir }}> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="{{ html_lang }}" {{ html_lang_dir }}>        <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="{{ html_lang }}" {{ html_lang_dir }}>               <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="{{ html_lang }}" {{ html_lang_dir }}> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="author" content="{{ meta_author }}">
    <meta name="description" content="{{ page_meta.meta_description }}">
    <meta name="generator" content="HubSpot">
    <title>{{ page_meta.html_title }}</title>
    {% if site_settings.favicon_src %}<link rel="shortcut icon" href="{{ site_settings.favicon_src }}" />{% endif %}
    
{{ standard_header_includes }}

</head>
<body class="blogv1 {{ builtin_body_classes }}" style="">
    <div class="header-container-wrapper">
    <div class="header-container container-fluid">

<div class="row-fluid-wrapper row-depth-1 row-number-1 ">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-global_group " style="" data-widget-type="global_group" data-x="0" data-w="12">
{% include 'generated_global_groups/6835777547.html' %}
</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

    </div><!--end header -->
</div><!--end header wrapper -->

<div class="body-container-wrapper">
    <div class="body-container container-fluid">

<div class="row-fluid-wrapper row-depth-1 row-number-1 ">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell heroSection set-bg overlay fontWhite text-center innerHero" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-2 ">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-linked_image get-bg" style="" data-widget-type="linked_image" data-x="0" data-w="12">
<div class="cell-wrapper layout-widget-wrapper">
{% linked_image "module_14819558277501190" overrideable=False, src='http://www.sparkreaction.com/hubfs/templates/Oceania/Images/bannerBg.jpg', original_width=1600, original_height=1067, img_alt='bannerBg.jpg', img_load_error=False, width=1600, height=1067, alt='bannerBg.jpg', link='', open_in_new_tab=False, img={alt='bannerBg.jpg', src='http://www.sparkreaction.com/hubfs/templates/Oceania/Images/bannerBg.jpg', width=1600, height=1067}, label='Banner Background Image' %}</div><!--end layout-widget-wrapper -->
</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-3 ">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell wrapper" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-4 ">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-header pageTitle" style="" data-widget-type="header" data-x="0" data-w="12">
<div class="cell-wrapper layout-widget-wrapper">
{% header "module_1481863344776247" overrideable=False, value='Blog', header_tag='h1', label='Hero Title' %}</div><!--end layout-widget-wrapper -->
</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-5 ">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell blogSection topStrip" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-6 ">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell wrapper" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-7 ">
<div class="row-fluid ">
<div class="span9 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="9">

<div class="row-fluid-wrapper row-depth-1 row-number-8 ">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-blog_content " style="" data-widget-type="blog_content" data-x="0" data-w="12">
{% if is_listing_view %}<div class="blog-section">
    <div class="blog-listing-wrapper cell-wrapper">
        <div class="post-listing">
            {% if blog_author %}
                <div class="titleStyle sectionTitle fontBlue popupTitle left">
                    <h2 class="hs-author-name">{{ blog_author.display_name }}</h2>
                </div>
            {% endif %}
            {% for content in contents %}
                <div class="post-item">
                        <div class="post-header">
                        <label class="date">{{ content.publish_date_local_time|datetimeformat('%B %e, %Y') }}</label>
                            <h2><a href="{{content.absolute_url}}">{{ content.name }}</a></h2>
                            <div class="aboutBlogPost">
                                <span>
                                    <img src="http://www.sparkreaction.com/hubfs/Oceania%20Theme%202016/Images/authorIcon.png" alt="authorIcon">
                                    {%if content.blog_post_author %}
                                      By  <a class="author-link" href="{{ group.absolute_url }}/author/{{ content.blog_post_author.slug }}">{{ content.blog_post_author.display_name }}</a>
                                    {% endif %}
                                </span>
                                <span>
                                    {% if content.topic_list %}
                                        <img src="http://www.sparkreaction.com/hubfs/Oceania%20Theme%202016/Images/topicIcon.png" alt="topicIcon">
                                        {% for topic in content.topic_list %}
                                            <a class="topic-link" href="{{ group.absolute_url }}/topic/{{ topic.slug }}">{{ topic.name }}</a>{% if not loop.last %},{% endif %}
                                        {% endfor %}
                                    {% endif %}    
                                </span>
                            </div>
                        </div>
                        {% if content.post_list_summary_featured_image %}
                            <div class="ListingfeaturedImage pb20">
                                <a href="{{content.absolute_url}}" title="">
                                    <img src="{{ content.post_list_summary_featured_image }}" alt="{{ content.featured_image_alt_text | escape }}">
                                </a>
                            </div>
                        {% endif %}
                        <div class="post-body clearfix">
                            {{ content.post_list_content|safe }}
                        </div>
                        <div class="pt40 button blue">
                        {% if content_group.show_summary_in_listing %}
                            <a class="more-link" href="{{ content.absolute_url }}">Read More</a>
                        {% endif %}
                        </div>
                </div>
            {% endfor %}
        </div>
    </div>
</div>

{% set total_pages = contents.total_page_count %} <!-- sets variable for total pages -->
{% set more_pages = total_pages - current_page_num %} <!-- sets variable for how many more pages are past the current pages -->
{% if total_pages > 1 %}
<nav>
  <ul class="blogPagination pt40 text-center">
<li class="{% if current_page_num == 1 %}disabled{% endif %}"><a href="{% if last_page_num=="1" %}{{ group.absolute_url }}{% else %}{{blog_page_link(last_page_num)}}{% endif %}"><i class="fa fa-angle-double-left"></i></a></li>
                        
{% if more_pages == 0 %}
    {% if current_page_num - 4 == 1 %}<li><a href="{{ group.absolute_url }}">{{ current_page_num - 4 }}</a></li>{% endif %}
    {% if current_page_num - 4 > 1 %}<li><a href="{{ blog_page_link(current_page_num - 4) }}">{{ current_page_num - 4 }}</a></li>{% endif %}
{% endif %}
{% if more_pages <= 1 %}
    {% if current_page_num - 3 == 1 %}<li><a href="{{ group.absolute_url }}">{{ current_page_num - 3 }}</a></li>{% endif %}
    {% if current_page_num - 3 > 1 %}<li><a href="{{ blog_page_link(current_page_num - 3) }}">{{ current_page_num - 3 }}</a></li>{% endif %}
{% endif %}
{% if current_page_num - 2 == 1 %}<li><a href="{{ group.absolute_url }}">{{ current_page_num - 2 }}</a></li>{% endif %}
{% if current_page_num - 2 > 1 %}<li><a href="{{ blog_page_link(current_page_num - 2) }}">{{ current_page_num - 2 }}</a></li>{% endif %}
{% if current_page_num - 1 == 1 %}<li><a href="{{ group.absolute_url }}">{{ current_page_num - 1 }}</a></li>{% endif %}
{% if current_page_num - 1 > 1 %}<li><a href="{{ blog_page_link(current_page_num - 1) }}">{{ current_page_num - 1 }}</a></li>{% endif %}
<li class="active"><a href="{% if current_page_num==1 %}{{ group.absolute_url }}{% else %}{{ blog_page_link(current_page_num) }}{% endif %}">{{ current_page_num }}</a></li>
{% if current_page_num + 1 <= total_pages %}<li><a href="{{ blog_page_link(current_page_num + 1) }}">{{ current_page_num + 1 }}</a></li>{% endif %}
{% if current_page_num + 2 <= total_pages %}<li><a href="{{ blog_page_link(current_page_num + 2) }}">{{ current_page_num + 2 }}</a></li>{% endif %}
{% if current_page_num <= 2 %}
    {% if current_page_num + 3 <= total_pages %}<li><a href="{{ blog_page_link(current_page_num + 3) }}">{{ current_page_num + 3 }}</a></li>{% endif %}
{% endif %}
{% if current_page_num == 1 %}
    {% if current_page_num + 4 <= total_pages %}<li><a href="{{ blog_page_link(current_page_num + 4) }}">{{ current_page_num + 4 }}</a></li>{% endif %}
{% endif %}
<li class="{% if current_page_num == total_pages %}disabled{% endif %}"><a href="{{blog_page_link(next_page_num)}}"><i class="fa fa-angle-double-right"></i></a></li>
</ul>
</nav>
{% endif %}




{% else %}<div class="blog-section">
    <div class="blog-post-wrapper cell-wrapper">
       <div class="blog-section">
            <div class="blog-post-wrapper cell-wrapper">
                <div class="post-header">
                <label class="date">{{ content.publish_date_local_time|datetimeformat('%B %e, %Y') }}</label>
                    <h1>{{ content.name }}</h1>
                    <div class="aboutBlogPost">
                        <span>
                            <img src="http://www.sparkreaction.com/hubfs/Oceania%20Theme%202016/Images/authorIcon.png" alt="authorIcon">
                            {%if content.blog_post_author %}
                              By  <a class="author-link" href="{{ group.absolute_url }}/author/{{ content.blog_post_author.slug }}">{{ content.blog_post_author.display_name }}</a>
                            {% endif %}
                        </span>
                        <span>
                            {% if content.topic_list %}
                                <img src="http://www.sparkreaction.com/hubfs/Oceania%20Theme%202016/Images/topicIcon.png" alt="topicIcon">
                                {% for topic in content.topic_list %}
                                    <a class="topic-link" href="{{ group.absolute_url }}/topic/{{ topic.slug }}">{{ topic.name }}</a>{% if not loop.last %},{% endif %}
                                {% endfor %}
                            {% endif %}    
                        </span>
                    </div>
                </div>
                {% if content.post_list_summary_featured_image %}
                    <div class="ListingfeaturedImage pb20">
                        <a href="{{content.absolute_url}}" title="">
                            <img src="{{ content.post_list_summary_featured_image }}" alt="{{ content.featured_image_alt_text | escape }}">
                        </a>
                    </div>
                {% endif %}
                <div class="section post-body">
                    {{ content.post_body }}
                </div>
               
            </div>
        </div>
        <div class="blogPostBottom row-fluid">
            <div class="span8 socialSharing">
                SHARE THIS STORY    
                <span class="shareIt">
                    <a href="https://www.facebook.com/sharer/sharer.php?u={{ content.absolute_url }}&title={{ content.title }}&picture={{ content.featured_image }}&description={{ content.meta_description }}" title="Share on Facebook" target="_blank" onclick="return !window.open(this.href, 'Facebook', 'width=600,height=500')" ><i class="fa fa-facebook"></i></a>  |  
                    <a href="https://twitter.com/intent/tweet?source={{ content.absolute_url }}&text={{ content.title }}" target="_blank" title="Tweet" onclick="return !window.open(this.href, 'Facebook', 'width=600,height=500')" ><i class="fa fa-twitter"></i></a>  |  
                    <a href="http://www.linkedin.com/shareArticle?mini=true&url={{ content.absolute_url }}&title={{ content.title }}&summary={{ content.meta_description }}" target="_blank" title="Share on LinkedIn" onclick="return !window.open(this.href, 'Facebook', 'width=600,height=500')" ><i class="fa fa-linkedin"></i></a>
                </span>
            </div>
            <div class="span4 nextPost text-right">
                {% if content.next_post_slug %}<a href="/{{ content.next_post_slug }}">NEXT POST  <i class="fa fa-long-arrow-right"></i></a>{% endif %}
            </div>
        </div>
        
    </div>
</div>
{% endif %}</div>

</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-9 ">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-blog_comments " style="" data-widget-type="blog_comments" data-x="0" data-w="12">
<div class="cell-wrapper layout-widget-wrapper">
{% blog_comments "blog_comments" overrideable=False, label='Blog Comments' %}</div><!--end layout-widget-wrapper -->
</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
<div class="span3 widget-span widget-type-cell blogSidebar" style="" data-widget-type="cell" data-x="9" data-w="3">

<div class="row-fluid-wrapper row-depth-1 row-number-10 ">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-header " style="" data-widget-type="header" data-x="0" data-w="12">
<div class="cell-wrapper layout-widget-wrapper">
{% header "module_1481951190682910" overrideable=True, value='Search', header_tag='h3', label='Search Label' %}</div><!--end layout-widget-wrapper -->
</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-11 ">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-google_search " style="" data-widget-type="google_search" data-x="0" data-w="12">
<div class="cell-wrapper layout-widget-wrapper">
{% google_search "module_1481863306076225" overrideable=True, search_button_text='', search_field_label='', prefill_input_with_pathname=False, label='Google Search' %}</div><!--end layout-widget-wrapper -->
</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-12 ">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-rss_listing sidebarRss pt60" style="" data-widget-type="rss_listing" data-x="0" data-w="12">
<div class="cell-wrapper layout-widget-wrapper">
{% rss_listing "module_1481863306076227" overrideable=True, title='Recent Posts', is_external=False, rss_url='null', content_group_id=4655308563, number_of_items=3, include_featured_image=True, show_author=False, attribution_text='by', show_detail=False, limit_to_chars=200, click_through_text='Read more', show_date=False, publish_date_format='short', publish_date_text='posted at', label='Recent Posts' %}</div><!--end layout-widget-wrapper -->
</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-13 ">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-post_filter pt60" style="" data-widget-type="post_filter" data-x="0" data-w="12">
<div class="cell-wrapper layout-widget-wrapper">
{% post_filter "post_filter" filter_type='topic', list_title='Posts by Topic', select_blog=4655308563, max_links=10, expand_link_text='see all', overrideable=False, order_by='post_count', label='Posts by Topic' %}</div><!--end layout-widget-wrapper -->
</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-14 ">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-blog_subscribe pt60" style="" data-widget-type="blog_subscribe" data-x="0" data-w="12">
<div class="cell-wrapper layout-widget-wrapper">
{% blog_subscribe "blog_subscription" overrideable=False, response_message='Thanks for Subscribing!', title='Subscribe to Blog', select_blog='default', label='Blog Email Subscription' %}</div><!--end layout-widget-wrapper -->
</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

    </div><!--end body -->
</div><!--end body wrapper -->

<div class="footer-container-wrapper">
    <div class="footer-container container-fluid">

<div class="row-fluid-wrapper row-depth-1 row-number-1 ">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-global_group " style="" data-widget-type="global_group" data-x="0" data-w="12">
{% include 'generated_global_groups/6835439365.html' %}
</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

    </div><!--end footer -->
</div><!--end footer wrapper -->

    {{ standard_footer_includes }}
    
    <!-- Generated by the HubSpot Template Builder - template version 1.03 -->
</body>
</html>
