<!DOCTYPE html>
<html class="no-js" lang="pt-BR" xmlns:og="http://ogp.me/ns#">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title><?php bloginfo('name'); ?></title>
		
	<meta name="title" content="<?php bloginfo('name'); ?>">
	<meta name="description" content="<?php bloginfo('description'); ?>">
	<meta name="author" content="Cappen">
	<meta property="og:type" content="website">
	<meta property="og:title" content="<?php bloginfo('name'); ?>">
	<meta property="og:url" content="<?php echo 'http://' . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"] ?>">
	<meta property="og:description" content="<?php bloginfo('description'); ?>">
	<meta property="og:image" content="<?php echo get_template_directory_uri(); ?>/img/content/share.jpg">
	<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/styles/main.css">

	<link rel="apple-touch-icon" sizes="180x180" href="<?php echo get_template_directory_uri(); ?>/img/layout/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="<?php echo get_template_directory_uri(); ?>/img/layout/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="<?php echo get_template_directory_uri(); ?>/img/layout/favicon-16x16.png">
	<link rel="icon" type="image/png" href="<?php echo get_template_directory_uri(); ?>/img/layout/favicon.png">

	<meta name="msapplication-TileColor" content="#fff" class="themecolor">
	<meta name="msapplication-navbutton-color" content="#fff" class="themecolor">
	<!-- Chrome, Firefox OS and Opera -->
	<meta name="theme-color" content="#fff" class="themecolor">
	<meta name="apple-mobile-web-app-status-bar-style" content="#fff" class="themecolor">

	<?php wp_head(); ?>

	<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/85c3c218ccabaea75fb6ce546/e845d5898dc31e88f383da1af.js");</script>
</head>

<body <?php body_class(); ?>>
	<?php if(is_front_page()): ?>
	<!-- <div class="addtop adds">
		<div class="contentAdd"></div>
	</div> -->
	<?php date_default_timezone_set('America/Jamaica'); ?>
	<?php endif; ?>
	<div id="headerSite" class="">
		<div id="contentHeader" class="">
			<div class="container">
				<div class="date"><?php echo date("l, M j, Y") ?></div>
				<button class="bt-menu">Menu</button>
				<header class="header">
					<h1 class="navbrand"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo get_bloginfo( 'name' ) ?>"><?php echo get_bloginfo( 'name' ) ?></a></h1>
				</header>
				<?php
					wp_nav_menu(
						array(
						'menu' => 'Main',
						'container' => false,
						'menu_class' => 'nav navbar-nav',
						'items_wrap'      => '<ul id="menuScroll" class="%2$s menu menuScroll">%3$s</ul>',
						)
					);
				?>
				<?php 
					$search_query = get_search_query(); 
					global $wp_query;
				?>
				<form id="searchHeader" action="<?php bloginfo('url'); ?>" class="search-form desktop" method="get">
					<input id="search" name="s" class="text" placeholder="Search" value="<?php echo $search_query; ?>">
					<input type="submit" class="submit" value="Go!">
					<button class="bt-clear">X</button>
				</form>
				<button id="btSearchMobile" class="search">Search</button>
			</div>
		</div>
		<form id="searchHeader2" action="<?php bloginfo('url'); ?>" class="search-form mobile" method="get">
			<div class="container">
				<input id="search2" name="s" class="text" placeholder="Search" value="<?php echo $search_query; ?>">
				<input type="submit" class="submit" value="Go!">
				<button class="bt-clear">X</button>
			</div>
		</form>
		<div id="mainMenu" class="menu mainMenu">
			<div class="container">
				<nav>
					<?php
						wp_nav_menu(
							array(
							'menu' => 'Main',
							'container' => false,
							'menu_class' => 'nav navbar-nav',
							'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
							)
						);
					?>
				</nav>
				<?php if( have_rows('social_network', 'Options') ): ?>
				<nav class="socialMenu hideDesktop">
					<ul>
					<?php while( have_rows('social_network', 'Options') ): the_row(); ?>
						<li><a href="<?php the_sub_field('link'); ?>" target="_blank"><img src="<?php the_sub_field('icon_header'); ?>" alt="<?php the_sub_field('name'); ?>"></a></li>
					<?php endwhile; ?>
					</ul>
				</nav>
				<?php endif; ?>				
				<div class="newsletter hideDesktop">
					<p>Subscribe to Our Newsletter</p>
					<form method="post" action="<?php bloginfo('url'); ?>/?na=s" onsubmit="return newsletter_check(this)">
						<input type="hidden" name="nlang" value="">
						<input type="hidden" name="nl[]" value="1">						
						<input type="email" name="ne" placeholder="Email">
						<button type="submit">Go!</button>
					</form>
				</div>
				<nav class="pagesMenu hideDesktop">
					<?php
						wp_nav_menu(
							array(
							'menu' => 'Pages',
							'container' => false,
							'menu_class' => 'nav navpages',
							'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
							)
						);
					?>
				</nav>
				<p class="copyright hideDesktop"><?php the_field('copyright', 'Options'); ?></p>
			</div>
		</div>
		
	</div>
