<?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>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<script src="https://analytics.ahrefs.com/analytics.js" data-key="/IuoQ/OqRBywIpaIfzY7NA" async></script>
 
	<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;
		}

		.wood_tesimon .fl-row-content-wrap {
			position: relative;
		}

		.wood_tesimon .fl-row-content-wrap::after {
    position: absolute;
    bottom: 4px;
    right: -10px;
    width: 160px;
    height: 160px;
    content: '';
    background-image: url(https://woodvendors.com/wp-content/uploads/2025/06/LOGO6.webp);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.05;
		}

		.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;
		}
		
		.prodect_searchmzs .fl-col-content {
	    transition: 0.3s;
          }

.prodect_searchmzs .fl-col-content:hover{
	transform: translateY(-5px) !important;
    box-shadow: 0px 3px 7px 0px #d0c5be94 !important;
}

		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;
		}

		/* Neeraj Css */

		.call_to_actinjdhj .fl-button {
			display: flex !important;
			align-items: center;
			gap: 12px;
		}

		.call_to_actinjdhj .fl-button i {
			width: 65px;
			height: 65px;
			text-align: center;
			display: flex !important;
			border-radius: 50%;
			background: #aa653c17;
			justify-content: center !important;
			align-items: center;
			font-size: 24px;
		}

		.call_to_actinjdhj .fl-button i::before {
			animation: tada 2s linear infinite;
		}

		.text_hejdnd .uabb-heading {
			position: relative;
			padding-bottom: 13px;
		}

		.text_hejdnd .uabb-heading::before {
			border-bottom: 2px solid #dddddd;
			bottom: 0;
			content: "";
			height: 1px;
			left: 0;
			position: absolute;
			right: 0;
		}

		.text_hejdnd .uabb-heading:after {
			background-color: #c69453;
			bottom: -1px;
			content: "";
			height: 4px;
			left: 0;
			position: absolute;
			width: 70px;
		}

		.solid_wood .fl-row-content-wrap {
			position: relative;
		}

		.solid_wood .fl-row-content-wrap:after {
			position: absolute;
			bottom: 10px;
			right: -30px;
			width: 250px;
			height: 250px;
			content: '';
			opacity: 0.02;
			background-image: url(https://woodvendors.com/wp-content/uploads/2025/07/LOGO6_watermark.webp);
			background-repeat: no-repeat;
			background-size: contain;
		}

		#Top_bar .menu {
			border: none !important;
		}

		header #Top_bar .menu li:first-child:before {
			display: none !important;
		}

		

		.wood_banner .fl-row-content-wrap {
			position: relative;
		}

		.team_woord_ns .uabb-infobox-text i {
			border-radius: 5px;
			width: 28px;
			background: #c69453 !important;
			box-shadow: 0px 0px 10px 0px rgb(172 172 172 / 28%);
			border: 1px solid #fffcfc36;
			height: 28px;
			overflow: hidden;
			text-align: center;
			line-height: 28px !important;
			vertical-align: text-top;
			margin-right: 3px;
			font-size: 16px !important;
			color: #fff !important;
		}

		.team_woord_ns .uabb-image-content img {
			border-radius: 10px !important;
		}

		.contec_fornjodj .wpcf7-form {
			display: flex;
			flex-wrap: wrap;
		}

		.contec_fornjodj div {
			width: 100%;
		}

		.contec_fornjodj div p {
			margin-bottom: 24px !important;
			text-align: center;
			width: 100%;
			position: relative;
		}



		.contec_fornjodj div:nth-child(2) {
			width: 50%;
			padding-right: 10px;
		}

		.contec_fornjodj div:nth-child(3) {
			width: 50%;
			padding-left: 10px;
		}

		.contec_fornjodj div input {
			height: 48px;
			box-shadow: none;
			border-radius: 3px;
			border: 1px solid #c69453;
			color: #000 !important;
		}

		.contec_fornjodj div input:focus {
			background-color: #c694530d !important;
			border-color: #c69453 !important;
		}

		.contec_fornjodj div input::placeholder {
			color: #111111 !important;
			font-size: 15px !important;
			opacity: 0.9 !important;
			font-family: Montserrat !important;
			text-transform: capitalize;
		}

		.contec_fornjodj div textarea::placeholder {
			color: #111111 !important;
			font-size: 15px !important;
			opacity: 0.9 !important;
			font-family: Montserrat !important;
			text-transform: capitalize;
		}

		.contec_fornjodj div textarea {
			box-shadow: none;
			border-radius: 3px;
			border: 1px solid #c69453;
			color: #000 !important;
		}

		.contec_fornjodj div textarea:focus {
			background-color: #c694530d !important;
			border-color: #c69453 !important;
		}

		.contec_fornjodj div p .wpcf7-submit {
			color: #fff !important;
			font-family: 'Montserrat';
			font-weight: 500;
			font-size: 15px;
			margin-top: 10px;
		}

		.contec_fornjodj div p span.wpcf7-spinner {
			position: absolute;
			display: inline-block;
			top: 10px;
			left: 220px;
			right: 0px;
			margin: auto;
		}

		.wood_banner .fl-row-content-wrap::after {
			position: absolute;
			top: 0px;
			left: 0px;
			/* background: linear-gradient(146deg, rgb(2 22 58) 35%, rgba(28, 25, 89, 0) 100%); */
			/* background-image: linear-gradient(100deg, #12121240 30%, rgb(0 0 0 / 0%) 50%); */
			/* background-image: linear-gradient(100deg, #121212b0 40%, rgb(0 0 0 / 0%) 80%); */
			background-image: linear-gradient(100deg, #121212e0 40%, rgb(0 0 0 / 0%) 80%);
			width: 100%;
			height: 100%;
			opacity: 0.7;
			content: '';
			z-index: 11 !important;
		}

		.text_jdgh_main .uabb-heading {
			text-transform: math-auto !important;
		}

		.wood_banner .fl-col-group {
			position: relative;
			z-index: 111 !important;
		}


		.call_to_actinjdhj2 .fl-button i {
			width: 65px;
			height: 65px;
			text-align: center;
			display: flex !important;
			border-radius: 50%;
			background: #878787 !important;
			justify-content: center !important;
			align-items: center;
			font-size: 24px;
		}

		.thomas_callact .uabb-infobox-text i {
			border-radius: 5px;
			width: 28px;
			background: #424242;
			box-shadow: 0px 0px 10px 0px rgb(172 172 172 / 28%);
			border: 1px solid #fffcfc36;
			height: 28px;
			overflow: hidden;
			text-align: center;
			line-height: 28px !important;
			vertical-align: text-top;
			margin-right: 3px;
			font-size: 16px !important;
		}
		
		.text_linemns .uabb-heading{
			    max-width: fit-content;
                margin: auto;
			    margin-bottom: 20px;
		}
		#Action_bar .social li a {
			padding: 3px 8px;
		}

		#slabsearchResult .slabDetails h2{
			font-size: 30px;
			line-height: 34px;
			letter-spacing: 0px;
			color: #161922;
		}
		.fooheaders{
			display:block;
			position: relative;
    		padding-bottom: 15px;
			margin-bottom: 15px;
			text-transform: uppercase;
			font-weight: 700 !important;
			font-size: 21px;
			line-height: 25px;
			letter-spacing: 0;
			font-family: "Montserrat", Arial, Tahoma, sans-serif;
			color: #fff;
			text-transform: uppercase;
    		font-weight: 700 !important;
		}

		.fooheaders:before {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 1px;
			border-bottom: 2px solid rgba(255, 255, 255, 0.1);
		}
		.fooheaders:after {
			background-color: #c69453;
			content: '';
			position: absolute;
			left: 0;
			bottom: -1px;
			height: 4px;
			width: 70px;
		}
		a.button_theme, a.tp-button.button_theme, button, input[type="submit"], input[type="reset"], input[type="button"] {
			text-shadow: 0px 0px 4px black;
			font-weight: 500;
			letter-spacing: 1px;
		}
		.sidebar_srchprd{
			    text-transform: uppercase;
				font-weight: 700 !important;
				color: #161922;
				font-size: 25px;
				line-height: 29px;
				letter-spacing: 0px;
				font-family: "Montserrat", Arial, Tahoma, sans-serif;
				margin-bottom: 15px;
				display:block;
		}
		.bnnrcstmss h1 {
			font-weight: 400 !important;
		}
		@media only screen and (min-width: 1200px) {
			#Top_bar .menu {
				border: 2px solid #dddddd;
				margin-right: -20px;
			}

			.wood_banner .fl-row-content-wrap {
				min-height: calc(100vh - 170px) !important;
			}
			header #Top_bar a#search_button {
			border: none !important;
			top: -8px !important;
			border: 2px solid #ddd;
			padding: 0 0px !important;
			left: 0px !important;
		}

		header #Top_bar a#search_button:before {
			display: none !important;
		}
		}

		@media only screen and (max-width: 991px) {
			
		}


		@media only screen and (max-width: 768px) {
			.wood_banner .uabb-infobox-title {
				font-size: 30px !important;
				line-height: 43px !important;
				margin-bottom: 15px !important;
			}
			.wood_tesimon .fl-row-content-wrap::after {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 120px;
    height: 120px;

}

			.wood_banner .fl-button {
				font-size: 15px !important;
				padding: 14px 20px !important;
			}

			.latest_prode_heding {
				font-size: 24px !important;
			}

			.latext_prod_text h3 {
				font-size: 13px !important;
			}

			.contec_fornjodj div:nth-child(2) {
				width: 100% !important;
				padding-right: 0px !important;
			}

			.contec_fornjodj div:nth-child(3) {
				width: 100% !important;
				padding-left: 0px !important;
			}
		}



		@media only screen and (max-width: 599px) {
			.wood_banner .uabb-infobox-title {
				margin-top: 10px !important;
				margin-bottom: 10px !important;
			}

			.wood_banner .uabb-infobox-title {
				font-size: 22px !important;
				line-height: 34px !important;
			}
		}









		@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: 30px !important;
				padding: 0px 0px !important;
				width: fit-content;
				margin: 0 0 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;
			}
			
			.woodvndr_testimonial_slider .slick-dots li {
    margin: 0 0px !important;
}
			
			.wood_tesimon .fl-row-content-wrap::after {
        position: absolute;
        bottom: 12px;
        right: 5px;
        width: 95px;
        height: 95px;
    }

			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;
		}
		header #Top_bar a#search_button i.fas.fa-search {
    font-size: 18px;
}
		
header #Action_bar .contact_details, header #Action_bar .contact_details a {
    text-shadow: 0px 1px 1px black;
}
.copyright {
    text-shadow: 0px 1px 1px black;
}
	</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="fas 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="fab fa-facebook"></i>
        </a>
    </li>
    <li class="youtube">
        <a target="_blank" href="https://www.youtube.com/user/HardwoodLumber" title="YouTube"><i class="fas fa-play"></i>
        </a>
    </li>
    <li class="pinterest">
        <a target="_blank" href="https://www.pinterest.com/woodvendors0172/" title="Pinterest"><i class="fab fa-pinterest"></i>
        </a>
    </li>
    <li class="instagram">
        <a target="_blank" href="https://www.instagram.com/wood.vendors/" title="Instagram"><i class="fab 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 fas fa-search"></i>
<a href="#0" class="icon_close" aria-label="search form close"><i class="fas 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="#0" aria-label="search icon"><i class="fas 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 } elseif ( !is_page('custom-design') ) {
// Everything else ?>
<div id="Subheader" style="">
    <div class="container">
        <div class="column one">
            <h2 class="title"><?php the_title(); ?></h2>
        </div>
    </div>
 </div>

<?php }
    
?>
    
