<?php

/**
 * Title: 404 Page Template
 * Slug: fota-speakers/template-404
 * Categories: fota-speakers
 */
$fhs_url = trailingslashit(get_stylesheet_directory_uri());
$fota_speakers_images = array(
    $fhs_url . 'assets/images/404.png',
);
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","right":"var:preset|spacing|40","left":"var:preset|spacing|40"}}},"backgroundColor":"background-alt","layout":{"type":"constrained","contentSize":"860px"},"fontSize":"xxxx-large"} -->
<div class="wp-block-group has-background-alt-background-color has-background has-xxxx-large-font-size" style="padding-top: 0; padding-right: var(--wp--preset--spacing--40); padding-bottom: 0; padding-left: var(--wp--preset--spacing--40)">
    <!-- wp:cover {"dimRatio":0,"overlayColor":"background","minHeight":400,"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|80"}}}} -->
    <div class="wp-block-cover" style="padding-bottom: var(--wp--preset--spacing--80); min-height: 400px">
        <span aria-hidden="true" class="wp-block-cover__background has-background-background-color has-background-dim-0 has-background-dim"></span>
        <div class="wp-block-cover__inner-container">
            <!-- wp:group {"layout":{"type":"constrained"}} -->
            <div class="wp-block-group">
                <!-- wp:image {"align":"center","id":1454,"width":308,"height":146,"sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#20CDA3","#ffffff"]}}} -->
                <figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url($fota_speakers_images[0]) ?>" alt="" class="wp-image-1454" style="width: 308px; height: 146px" width="308" height="146" /></figure>
                <!-- /wp:image -->

                <!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"300","textTransform":"uppercase","letterSpacing":"4px"}},"fontSize":"small"} -->
                <h4 class="wp-block-heading has-text-align-center has-small-font-size" style="font-style: normal; font-weight: 300; letter-spacing: 4px; text-transform: uppercase"><?php echo esc_html('OOPS! Page Not Found!', 'fota-speakers') ?></h4>
                <!-- /wp:heading -->
            </div>
            <!-- /wp:group -->
        </div>
    </div>
    <!-- /wp:cover -->
</div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","right":"var:preset|spacing|40","left":"var:preset|spacing|40"}}},"layout":{"type":"constrained","contentSize":"1180px"}} -->
<div class="wp-block-group" style="padding-top: var(--wp--preset--spacing--80); padding-right: var(--wp--preset--spacing--40); padding-bottom: var(--wp--preset--spacing--80); padding-left: var(--wp--preset--spacing--40)">
    <!-- wp:columns -->
    <div class="wp-block-columns">
        <!-- wp:column {"width":"60%"} -->
        <div class="wp-block-column" style="flex-basis: 60%">
            <!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
            <h3 class="wp-block-heading has-text-align-left" style="font-style: normal; font-weight: 600"><?php echo esc_html('Helpful Links', 'fota-speakers') ?></h3>
            <!-- /wp:heading -->

            <!-- wp:paragraph -->
            <p><?php echo esc_html('Something went wrong! We couldn\'t find the page you were looking for. But don\'t worry, we\'ve got some other Links that might be helpful:', 'fota-speakers') ?></p>
            <!-- /wp:paragraph -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column -->
        <div class="wp-block-column"></div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->

    <!-- wp:columns -->
    <div class="wp-block-columns">
        <!-- wp:column -->
        <div class="wp-block-column">
            <!-- wp:heading {"level":4,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} -->
            <h4 class="wp-block-heading" style="margin-bottom: var(--wp--preset--spacing--40)"><?php echo esc_html('Pages', 'fota-speakers') ?></h4>
            <!-- /wp:heading -->

            <!-- wp:page-list {"className":"is-style-fotawp-page-list-bullet-hide-style","style":{"typography":{"lineHeight":"2"}}} /-->
        </div>
        <!-- /wp:column -->

        <!-- wp:column -->
        <div class="wp-block-column">
            <!-- wp:heading {"level":4} -->
            <h4 class="wp-block-heading"><?php echo esc_html('Categories', 'fota-speakers') ?></h4>
            <!-- /wp:heading -->

            <!-- wp:categories {"showHierarchy":true,"showPostCounts":true,"className":"is-style-fotawp-categories-bullet-hide-style","style":{"typography":{"lineHeight":"2"},"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} /-->
        </div>
        <!-- /wp:column -->

        <!-- wp:column -->
        <div class="wp-block-column">
            <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}},"border":{"bottom":{"width":"0px","style":"none"}}},"layout":{"type":"default"}} -->
            <div class="wp-block-group alignfull" style="border-bottom-style: none; border-bottom-width: 0px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0">
                <!-- wp:heading {"level":4} -->
                <h4 class="wp-block-heading"><?php echo esc_html('Latest Posts', 'fota-speakers') ?></h4>
                <!-- /wp:heading -->
            </div>
            <!-- /wp:group -->

            <!-- wp:query {"queryId":31,"query":{"perPage":"10","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"align":"full","layout":{"type":"default"}} -->
            <div class="wp-block-query alignfull">
                <!-- wp:post-template {"style":{"typography":{"textTransform":"none","lineHeight":"1.5"}}} -->
                <!-- wp:post-title {"level":5,"isLink":true,"style":{"layout":{"selfStretch":"fit"},"typography":{"lineHeight":"1","fontStyle":"normal","fontWeight":"500"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"contrast","className":"is-style-title-hover-secondary-color","fontSize":"small"} /-->
                <!-- /wp:post-template -->
            </div>
            <!-- /wp:query -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->