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

  */

get_header();
?>

<div class="container my-5">
  <div class="row">
    <div class="col text-center">
	<header class="page-header alignwide">
		<h1 class="page-title"><?php esc_html_e( 'We can’t find that page right now, we make mistakes sometimes.', 'thehoot' ); ?></h1>
	</header><!-- .page-header -->

	<div class="error-404 not-found default-max-width">
		<div class="page-content">
			<p><?php esc_html_e( 'Find your way: You can perform a search or click here to return to the homepage', 'thehoot' ); ?></p>
			<?php get_search_form(); ?>
      <p class="my-4">Or use the menu above to find all things Leeds:</p>
     

		</div><!-- .page-content -->
	</div><!-- .error-404 -->
</div><!-- /.col-->
</div><!-- /.row -->
</div><!-- /.container -->
<style media="screen">
.not-found-header img {
color: #fff;
}

.not-found-header .cs-header__nav-inner a {
color: #fff;
}

.not-found-header .sub-menu a {
  color: #000;
}

.not-found-header .cs-icon.cs-icon-menu {
    color: #fff;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}
.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}
</style>
<?php
get_footer();
