<?php
/**
 * The template for displaying search results pages
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#search-result
 *
 * @package kafal
 */

get_header(); ?>

	<section id="primary" class="content-area">
		<main id="main" class="site-main col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1" role="main">

		<?php
		if ( have_posts() ) : ?>

			<header class="page-header">
				<h1 class="page-title">
					<?php 
					/* translators: %s: search query */
					printf( esc_html__( 'Search Results for: %s', 'kafal' ), '<span>' . get_search_query() . '</span>' ); 
					?>
					</h1>
			</header><!-- .page-header -->

			<?php
			/* Start the Loop */
			while ( have_posts() ) : the_post();

				/**
				 * Run the loop for the search to output the results.
				 * If you want to overload this in a child theme then include a file
				 * called content-search.php and that will be used instead.
				 */
				get_template_part( 'template-parts/content' );

			endwhile;

			the_posts_navigation();

		else :

			get_template_part( 'template-parts/content', 'none' );

		endif; ?>

		<div><hr /></div>
		</main><!-- #main -->
		<div class="clearfix"></div>
		<div id="sidebar" class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
			<?php get_sidebar(); ?>
		</div>
	</section><!-- #primary -->

<?php
get_footer();
