fix: Update theme for Zakra 3 compatibility (#74)

* fix: changes proposed by zakra support
* fix: PHPCS fixes to zakra changes
* fix: restore search form placeholder
* fix: restore image and search form to 404 page
* fix:: update zakra CSS selectors
* fix: restore font and spacing in footer
* fix: footer: remove border from headings
* fix: footer: align social media icons horizontally
* fix: remove green outline from buttons (content)
* fix: remove green outline from button (header)
* fix: update selector for nav menu
* fix: remove whitespace from top of content well
* fix: make header background white
* fix: footer: remove rule; left-justify copyright line; restore font size
* fix: restore heading font sizes
* fix: fix up arrow in footer
* chore: compile css

404.php

@@ -10,29 +10,36 @@
 get_header();
 ?>
 
-	<div id="primary" class="content-area">
+	<main id="zak-primary" class="zak-primary">
 		<?php echo apply_filters( 'zakra_after_primary_start_filter', false ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
 
-		<section class="error-404 not-found">
-			<?php if ( 'page-header' !== zakra_is_page_title_enabled() ) : ?>
+		<section class="zak-error-404 not-found">
+			<?php if ( 'page-header' !== zakra_page_title_position() ) : ?>
 				<header class="page-header">
-					<?php zakra_entry_title(); ?>
+					<h1 class="page-title zak-page-content__title">
+						<?php echo wp_kses_post( zakra_get_title() ); ?>
+					</h1>
 				</header><!-- .page-header -->
 			<?php endif; ?>
 
-			<div class="page-content">
+			<div class="zak-page-content zak-no-results">
 				<p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try one of the links above or a search?', 'terraso' ); ?></p>
 
-				<?php
-				get_search_form();
-				?>
+				<?php get_search_form(); ?>
 
-				<img src="/wp-content/uploads/2021/04/man-looking-through-binoculars.jpg">
-			</div><!-- .page-content -->
-		</section><!-- .error-404 -->
+				<p><img src="/wp-content/uploads/2021/04/man-looking-through-binoculars.jpg"></p>
+			</div><!-- .zak-page-content -->
+
+			<a class="zak-button" href="<?php echo esc_url( home_url( '/' ) ); ?>">
+			<span>
+				<?php zakra_get_icon( 'arrow-left-long' ); ?>
+				<?php esc_html_e( 'Go Back', 'zakra' ); ?>
+			</span>
+			</a><!-- .button -->
+		</section><!-- .zak-error-404 -->
 
 		<?php echo apply_filters( 'zakra_after_primary_end_filter', false ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
-	</div><!-- #primary -->
+	</main><!-- /.zak-primary -->
 
 <?php
 get_sidebar();