<?php

/**
 * @package     LifeLine
 * @author      webinane team <support@webinane.com>
 * @since       1.0.0
 */
?>
<div class="search">
	<a data-js="search-trigger" class="theme-btn bg-theme overflow-hidden d-lg-inline-block text-white align-middle position-relative" href="javascript:void(0);" title="<?php esc_attr_e( 'Donate Now', 'lifeline' ); ?>">
		<i class="fas fa-search" data-js="search-trigger"></i>
	</a>
	<div class="search-overlay position-fixed w-100 is-hidden" data-js="search-target">
		<a href="javascript:void(0);" role="button" class="search-overlay__close position-fixed" data-js="search-close"><i class="fas fa-times" data-js="search-close"></i></a>
		<form action="<?php echo esc_url( home_url( '/' ) ); ?>" class="search-overlay__form d-flex align-items-center justify-content-center">
			<input class="search-overlay__input border-0 m-0" type="text" name="s" value="<?php echo get_search_query(); ?>" id="" placeholder="<?php esc_attr_e( 'Search...', 'lifeline' ); ?>" data-js="search-input">
			<button class="search-overlay__btn btn btn-link"><i class="fas fa-search"></i></button>
		</form>
	</div>
</div>
