<?php
/**
 * The template for displaying 404 pages (not found)
 *
 * @link https://codex.wordpress.org/Creating_an_Error_404_Page
 *
 * @package ello-lite-photography
 */

get_header();
?>

<?php $header_image_url = get_header_image(); // Retrieve the default header image

// If the header image is not set, use a fallback
if (!$header_image_url) {
	$header_image_url = get_template_directory_uri() . '/img/default-bg.jpg';
	// Default image URL
} ?>

<header class="banner-header banner-img valign bg-img" data-overlay-light="5" data-background="<?php echo esc_url($header_image_url); ?>">
    <div class="container">
        <div class="row">
            <div class="col-md-7 offset-md-5 text-right caption mt-60">
                <h5><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try one of the links below or a search?', 'ello-lite-photography' ); ?></h5>
                <h1><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'ello-lite-photography' ); ?></h1> 
            </div>
        </div>
    </div>
</header>

	<!-- Blog  -->
	<section id="primary" class="section-padding">
      <div class="container">
        <div class="row">
            <div class="col-md-12">

		<div class="error-404 not-found">
			<header class="page-header">
				<h1 class="page-title"><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'ello-lite-photography' ); ?></h1>
			</header><!-- .page-header -->

			<div class="page-content">
				<p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try one of the links below or a search?', 'ello-lite-photography' ); ?></p>

					<?php
					get_search_form();
					?>
			</div><!-- .page-content -->
		</div><!-- .error-404 -->

		  </div> <!-- #end column -->
		</div> <!-- #end row -->
    </div> <!-- #end container -->
</section><!-- #end blog -->


<?php
get_footer();
