<?php
/**
 * The header for our theme
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package woodvendors
 */

?>
<!doctype html>
<html <?php language_attributes(); ?>>
<head>

	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="https://gmpg.org/xfn/11">
	
	<!--Start of Tawk.to Script-->
		<script type="text/javascript">
		var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
		(function(){
		var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
		s1.async=true;
		s1.src='https://embed.tawk.to/64b6e1e594cf5d49dc646a53/1h5l64q2h';
		s1.charset='UTF-8';
		s1.setAttribute('crossorigin','*');
		s0.parentNode.insertBefore(s1,s0);
		})();
		</script>
	<!--End of Tawk.to Script-->
	
	<?php wp_head(); ?>
	
	<style>
		.contact_leftblock .contact-image img {
			width: 100%;
		}
		.woodvendor-template-woodvendors-second .textFix.topt h1 {
			line-height: 50px;
			color: #161922;
		}
		table th {
			background: #F9F9F9 !important;
		}
		.extra_info_row td {
			background: rgba(0,0,0,.01) !important;
		}
		::-moz-selection { /* Code for Firefox */
		  color: #fff;
		  background: #C69453;
		}

		::selection {
		  color: #fff;
		  background: #C69453;
		}
		.menu_solcial_ic {
			text-align: center;
		}
		.menu_solcial_ic ul.social li {
			display: inline-block;
		}
		.menu_solcial_ic ul.social li a {
			padding: 5px;
			color: #bdbdbd;
		}
		.hamburger-boxs {
			width: 30px;
			height: 24px;
			display: inline-block;
			position: relative;
		}
		.hamburger-inners {
			transform: translate3d(0,10px,0) rotate(45deg);
			display: block;
		}
		.hamburger-inners, .hamburger-inners::before, .hamburger-inners::after {
			height: 2px!important;
		}
		.hamburger-inners, .hamburger-inners::before, .hamburger-inners::after {
			width: 30px;
			background-color: #c69453;
			border-radius: 4px;
			position: absolute;
			transition-property: transform;
			transition-duration: .15s;
			transition-timing-function: ease;
		}
		.hamburger-inners::after {
			transform: translate3d(0,-20px,0) rotate(-90deg);
		}
		.hamburger-inners::before, .hamburger-inners::after {
			content: "";
			display: block;
		}
		.hamburger-inners::after {
			top: 20px;
		}
		div#wprmenu_bar.active{
			display:none !important;
		}
		.mybtns {
			text-align: right;
			padding-right: 13px;
		}
		.icon_default.wprmenu_icon_par:before {
			content: "+" !important;
			position: absolute;
			font-size: 22px;
			font-weight: 100;
			opacity: .5;
		}
		.icon_default.wprmenu_par_opened:before {
			content: "-" !important;
			font-size: 22px;
			font-weight: 100;
			opacity: 1;
			top: 0px !important;
			right: 6px !important;
		}
		span.wprmenu_icon.wprmenu_icon_par {
			top: -3px;
		}
		#back_to_top {
    		padding: 0px;
		}
		#mg-wprm-wrap li.current-menu-item span.wprmenu_icon{
			color:#fff !important;
		}
		
			/* SearchBar */
			.srchbx input.wpr-search-field {
				width: 100%;
				background: 0 0!important;
				border-width: 1px 0;
				border-color: rgba(255,255,255,.05);
				line-height: 20px;
				padding: 10px 55px 10px 20px;
				box-sizing: border-box;
				box-shadow: 0 0 0 0 transparent;
				margin-bottom: 0px;
			}
			.srchbx button.wpr_submit {
				color: #a6a6a699 !important;
				top: 4px !important;
			}
			.iconssearch a.icon.search {
				display: inline-block;
				text-decoration: none;
				vertical-align: middle;
				padding: 5px;
				margin-bottom: 20px;
				line-height: 22px;
				color: #cccccca6;
				font-size: 18px;
			}
			.extras.iconssearch {
				text-align: center;
			}
			.hidenabvs {
				display: none !important;
			}
			.add_aftersearch.srchbx {
				height: 100vh;
			}
			
		
		@media only screen and (min-width: 768px) and (max-width:959px){
			.wehavecallsec .column.mcb-column.one.column_column .column_attr.clearfix {
				padding: 50px 20px 0px 20px !important;
			}
			.contact_leftblock h2 {
				font-size: 26px;
				line-height: 29px;
			}
			.contact_leftblock h4 {
				font-size: 18px;
				line-height: 21px;
			}
			#wprmenu_bar {
   				right: 0px !important;
				padding: 0px 0px !important;
				width: 708px;
				margin: 0 auto !important;
			}
			.wehavecallsec .mcb-wrap-inner .column.mcb-column.one.column_column.exborder .column_attr.clearfix {
				padding-top: 0px !important;
			}
			.list_item .list_right h4 {
				font-size: 16px;
			}
			.customStyle .list_item .list_right {
				margin-left: 71px;
				padding: 5px 5px 0 0;
			}
			
		}
		
		@media only screen and (max-width: 767px){
			.section_wrapper, .container, .four.columns .widget-area {
				max-width: 480px !important;
			}	
			h2 {
				font-size: 23px;
			}	
			h4 {
				font-size: 16px;
				line-height: 19px;
			}
			.WordPress_Testimonials-list .slides li {
				overflow: unset !important;
			}
			.liveage_sec h2 i {
				display: block;
			}
			.liveage_sec h2 {
				line-height: 30px;
				text-align: center !important;
				margin-bottom: 22px;
			}
			.woodvendor-slab .slab-details-section {
				margin-top: 43px;
			}
			.custom_slider .-accordion--box.-accordion--vertical .-accordion__panel {
				width: 100% !important;
			}


		}
		@media only screen and (max-width: 1024px){
			
		div#prod_slide {
			min-height: 450px;
			margin-bottom: 50px;
		}
			
			
		}
		
		@media only screen and (max-width: 400px){
			
		div#prod_slide {
			min-height: 300px;
			margin-bottom: 50px;
		}
		td .raterDiv .enterzip {
			display: inline-grid;
			margin-bottom: 4px;
			margin-top: 4px;
		}
		td .raterDiv .enterzip input {
			margin-top: 5px;
			}
			table.cost_est td button {
    margin-top: 5px;
    width: 100%;
}
			
			
		}
		@media only screen and (min-width: 767px) and (max-width:800px){
			.woodvendor-slab .slab-search-section, .woodvendor-slab .slab-details-section {
				width: 100%;
			}
			.woodvendor-slab .slab-details-section {
				margin-top: 50px;
			}
			
		}
		@media only screen and (min-width:400px) and (max-width: 768px){
			.custom_slider .-accordion--box.-accordion--vertical .-accordion__panel {
				width: 100% !important;
			}
			
			.woodvendor-template-woodvendors-search-byattribute-php div#resDiv {
				width: 100%;
				margin-top: 50px;
			}
			.woodvendor-template-woodvendors-search-byattribute-php .sliderattribute {
				width: 100%;
				max-width: 100%;
			}
		}
		#mg-wprm-wrap ul#wprmenu_menu_ul li.prc_trnding_vtnmenu.menu-item a {
			color: #fff !important;
		}
	</style>
</head>

<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<div id="page" class="site menu-link-color">
    
<header id="Header">
<div id="Action_bar">
<div class="container">
<div class="column one">
<ul class="contact_details">
<li class="slogan"> 
    <div class="customMenus"> 
        <a href="<?php echo get_home_url(); ?>/woodvendors-graph/">Price Trending</a> 
        <a href="<?php echo get_home_url(); ?>/tools/">B.F. Calculator</a>
        <a href="<?php echo get_home_url(); ?>/testimonials/">Testimonials</a> 
    </div>
</li>
    <li class="phone"><i class="fa fa-phone"></i>
        <a href="tel:1-877-983-6367"> 1-877-983-6367</a>
    </li> 
</ul>
<ul class="social">
    <li class="facebook">
        <a target="_blank" href="https://www.facebook.com/Wood-Vendors-Inc-111068395639867/" title="Facebook"><i class="fa fa-facebook"></i>
        </a>
    </li>
    <li class="youtube">
        <a target="_blank" href="https://www.youtube.com/user/HardwoodLumber" title="YouTube"><i class="fa fa-play"></i>
        </a>
    </li>
    <li class="pinterest">
        <a target="_blank" href="https://www.pinterest.com/woodvendors0172/" title="Pinterest"><i class="fa fa-pinterest"></i>
        </a>
    </li>
    <li class="instagram">
        <a target="_blank" href="https://www.instagram.com/wood.vendors/" title="Instagram"><i class="fa fa-instagram"></i>
        </a>
    </li>
</ul>
</div>
</div>
</div>


<div id="Top_bar" class="">
<div class="container">
<div class="column one">
<div class="top_bar_left clearfix" style="width: 1136.4px;">

<div class="logo">
    <?php the_custom_logo(); ?>
</div>
    
    
    
<div class="menu_wrapper">
<nav id="menu" class="menu-main-menu-container">
        <?php
          wp_nav_menu(
            array(
                'theme_location' => 'menu-1',
                'menu_id'        => 'primary-menu',
                'menu_id' => 'menu-main-menu',
                'menu_class'  => 'menu',
                'link_before' => '<span>',
                'link_after' => '</span>'
            )
        );
        ?>
</nav>
<a class="responsive-menu-toggle " href="#"><i class="icon-menu-fine"></i></a>
</div>

<div class="search_wrapper">

<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<i class="icon_search fa fa-search"></i>
<a href="javascript:void(0);" class="icon_close"><i class="fa fa-times"></i></a>
<input type="text" class="field" name="s" id="s" value="<?php echo get_search_query(); ?>" placeholder="Enter your search">
<input type="submit" class="submit" value="" style="display:none;">
</form>
    
</div>
</div>
<div class="top_bar_right"><div class="top_bar_right_wrapper"><a id="search_button" href="javascript:void(0);"><i class="fa fa-search"></i></a></div></div>
</div>
</div>
</div>
</header>
    
<!-- Breadcrumb -->
<?php

if ( is_front_page() && is_home() ) {
// Default homepage ?>

<?php } elseif ( is_front_page()){
// Static homepage ?>

<?php } elseif ( is_home()){
// Blog page ?>
<div id="Subheader" style="">
    <div class="container">
        <div class="column one">
            <h1 class="title"><?php the_title(); ?></h1>
        </div>
    </div>
 </div>
    
<?php } elseif ( is_search()){
// Search page ?>
    <div id="Subheader" style="">
    <div class="container">
        <div class="column one">
            <h1 class="title"><?php $allsearch = new WP_Query("s=$s&showposts=0"); echo $allsearch ->found_posts.' results found.'; printf( esc_html__( ' for: %s', 'woodvendors' ), '<span>' . get_search_query() . '</span>' ); ?></h1>
        </div>
    </div>
 </div>

<?php } else {
// Everything else ?>
<div id="Subheader" style="">
    <div class="container">
        <div class="column one">
            <h1 class="title"><?php the_title(); ?></h1>
        </div>
    </div>
 </div>

<?php }
    
?>
    
