{{!< default}}
 
{{#post}} 

<main class="gh-container gh-article-page-wrapper">
    {{#match @page.show_title_and_feature_image}}
    {{^if featured}}
        {{> "breadcrumbs"}}
    {{/if}}
    {{/match}}
    <section class="gh-article-page {{post_class}}{{^match @page.show_title_and_feature_image}} without-title-image{{/match}}">
        {{#match @page.show_title_and_feature_image}}
        {{#if featured}}
        <div class="gh-article-page gh-article-page--wide">
        <header class="gh-article-page-wide__bread-header-wrapper">
                <div class="gh-article-page__bread-header-background"></div>
                {{> "breadcrumbs"}}
                <div class="gh-article-page-header {{^if feature_image}}gh-article-page-header-wide-noImage{{/if}}">
                    <div class="gh-article-page-wide__header-content">
                        <h1 class="gh-article-page-heading">{{title}}</h1>
                        {{#if custom_excerpt}}
                        <p class="gh-article-page-excerpt">{{custom_excerpt}}</p>
                        {{/if}}
                    </div>
                    {{#if feature_image}}
                    <figure class="gh-article-page-feature-image">
                        <picture>
                            <source srcset="{{img_url feature_image size="1600" format="webp"}} 1600w, {{img_url feature_image size="1200" format="webp"}} 1200w, {{img_url feature_image size="1000" format="webp"}} 1000w, {{img_url feature_image size="800" format="webp"}} 800w, {{img_url feature_image size="500" format="webp"}} 500w" sizes="(min-width: 816px) 736px, 90vw" type="image/webp">
                            <img srcset="{{img_url feature_image size="1600"}} 1600w, {{img_url feature_image size="1200"}} 1200w, {{img_url feature_image size="1000"}} 1000w, {{img_url feature_image size="800"}} 800w, {{img_url feature_image size="500"}} 500w" sizes="(min-width: 816px) 736px, 90vw" src="{{img_url feature_image size="1600"}}" alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}" />
                        </picture>
                        {{#if feature_image_caption}}
                        <figcaption>{{feature_image_caption}}</figcaption>
                        {{/if}}
                    </figure>
                    {{/if}}
                </div>
            </header>
        </div>
        {{else}}
            <div class="gh-article-page-header">
                <h1 class="gh-article-page-heading">{{title}}</h1>
                {{#if custom_excerpt }}
                    <p class="gh-article-page-excerpt">{{custom_excerpt}}</p>
                {{/if}}
                {{#if feature_image}}
                <figure class="gh-article-page-feature-image">
                    <picture>
                        <source srcset="{{img_url feature_image size="1600" format="webp" }} 1600w, {{img_url feature_image
                            size="1200" format="webp" }} 1200w, {{img_url feature_image size="1000" format="webp" }} 1000w,
                            {{img_url feature_image size="800" format="webp" }} 800w, {{img_url feature_image size="500"
                            format="webp" }} 500w" sizes="(min-width: 816px) 736px, 90vw" type="image/webp">
                        <img srcset="{{img_url feature_image size="1600"}} 1600w, {{img_url feature_image size="1200" }} 1200w,
                            {{img_url feature_image size="1000" }} 1000w, {{img_url feature_image size="800" }} 800w, {{img_url
                            feature_image size="500" }} 500w" sizes="(min-width: 816px) 736px, 90vw"
                            src="{{img_url feature_image size=" 1600"}}"
                            alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}" />
                    </picture>
                    {{#if feature_image_caption}}
                    <figcaption>{{feature_image_caption}}</figcaption>
                    {{/if}}
                </figure>
                {{/if}}
            </div>
        {{/if}}
        {{/match}}
        <div class="gh-article-page-content">
            {{content}}
        </div>
    </section>
</main>

{{/post}}