<?php if(! defined('ABSPATH')){ return; }


function zn_get_header_layout(){
	return apply_filters('zn_custom_header_style', zget_option( 'zn_header_layout' , 'general_options', false, 'style2' ));
}

function zn_check_components( $component ){

	if(isset($component) && !empty($component)){
		$topTextVal = zget_option( 'zn_head_s7_toptext', 'general_options', false, '' );
		// Header Components - V1
		if($component == 'search_box') return zget_option( 'head_show_search', 'general_options', false, 'yes' ) == 'yes' ? true : false;
		elseif($component == 'flags') return zget_option( 'head_show_flags', 'general_options', false, 1 ) == 1 ? true : false;
		elseif($component == 'login') return zget_option( 'head_show_login', 'general_options', false, 1 ) == 1 ? true : false;
		elseif($component == 'register') return zget_option( 'head_show_register', 'general_options', false, 2 ) == 1 ? true : false;
		elseif($component == 'custom_text') return !empty($topTextVal) ? true : false;
		elseif($component == 'hidden_panel') return zget_option( 'head_show_support_pnl', 'general_options', false, 'yes' ) == 'yes' ? true : false;
		elseif($component == 'social_icons') return zget_option( 'social_icons_visibility_status', 'general_options', false, 'yes' ) == 'yes' ? true : false;
		elseif($component == 'header_nav') {
			return has_nav_menu( 'header_navigation' ) && wp_nav_menu( array( 'theme_location' => 'header_navigation', 'echo' => false, 'fallback_cb' => '__return_false' )) !== false ? true : false;
		}
		elseif($component == 'cta') return zget_option( 'head_show_cta', 'general_options', false, 'no' ) == 'yes' ? true : false;
		elseif($component == 'cart') return znfw_is_woocommerce_active() && zget_option( 'woo_show_cart', 'zn_woocommerce_options', false, 1 ) == 1 ? true : false;
		elseif($component == 'logo') return zn_get_layout_option( 'head_show_logo', 'general_options', false, 'yes' ) == 'yes' ? true : false;
		elseif($component == 'mainmenu') return has_nav_menu( 'main_navigation' ) ? true : false;

	}
}

/**
 * =======================================
 * HEADER COMPONENTS
 * =======================================
 */


/**
 * HEADER HIDDEN "SUPPORT" PANEL
 */

/**
 * Display the Hidden panel Sidebar
 */
if ( ! function_exists( 'zn_hidden_pannel' ) ) {
	/**
	 * Display the Hidden panel Sidebar
	 */
	function zn_hidden_pannel(){
		// Don't proceed if we don't need to show the hidden panel
		if ( zget_option( 'head_show_support_pnl', 'general_options', false, 'yes' ) == 'no' ){
			return false;
		}

		$close_btn = '<div class="support-panel-close js-toggle-class" data-targets="#sliding_panel,#open_sliding_panel" data-target-classes="is-opened,is-toggled" data-multiple-targets="">&times;</div>';

		$show_widgets = zget_option( 'hidden_panel_content_type', 'general_options', false, 'widget' ) === 'widget';
		if ( $show_widgets && is_active_sidebar( 'hiddenpannelsidebar' ) ) {
			?>
			<div class="support_panel support-panel" id="sliding_panel">
				<?php echo $close_btn; ?>
				<div class="container support-panel-container">
					<?php dynamic_sidebar( 'hiddenpannelsidebar' ); ?>
				</div>
			</div><!--// end #sliding_panel.support_panel -->
			<?php
		}
		else{
			$pb_template = zget_option( 'hidden_panel_pb_template', 'general_options');
			if( ! empty( $pb_template ) ){
				?>
				<div class="support_panel support-panel" id="sliding_panel">
					<?php echo $close_btn; ?>
					<?php
						$pb_data = get_post_meta( $pb_template, 'zn_page_builder_els', true );
						ZNB()->frontend->renderUneditableContent( $pb_data, $pb_template );
					?>
				</div><!--// end #sliding_panel.support_panel -->
				<?php
			}
		}
	}
}

/**
 * Add Right content to action
 */
if ( ! function_exists( 'zn_hidden_pannel_link' ) ) {
	/**
	 * Add Right content to action
	 * @hooked to zn_head_right_area
	 * @see functions.php
	 */
	function zn_hidden_pannel_link(){
		if ( is_active_sidebar( 'hiddenpannelsidebar' ) && zget_option( 'head_show_support_pnl', 'general_options', false, 'yes' ) == 'yes' ) {

			$title = zget_option( 'hidden_panel_title', 'general_options', false, __( 'SUPPORT', 'zn_framework' ) );

			?>
			<ul class="sh-component topnav navRight topnav--sliding-panel topnav-no-sc topnav-no-hdnav">
				<li class="topnav-li">
					<a href="#" id="open_sliding_panel" class="topnav-item open-sliding-panel js-toggle-class" data-target="#sliding_panel" data-target-class="is-opened">
						<i class="glyphicon glyphicon-remove-circle kl-icon-white"></i>
						<i class="glyphicon glyphicon-info-sign kl-icon-white visible-xs xs-icon"></i>
						<span class="hidden-xs"><?php echo $title; ?></span>
					</a>
				</li>
			</ul>
		<?php
		}
	}
}

/**
 * Add the Support Panel
 */
if ( ! function_exists( 'zn_add_hidden_panel' ) ) {
	/**
	 * Add the Support Panel
	 * @hooked to zn_after_body
	 * @see functions.php
	 */
	function zn_add_hidden_panel(){
		zn_hidden_pannel();
	}
}


/**
 * HEADER LOGIN / REGISTER FORMS
 */


/**
 * Display the LOGIN form
 */
if ( ! function_exists( 'zn_login_form_markup' ) ) {
	function zn_login_form_markup(){
		?>
		<!-- Login/Register Modal forms - hidden by default to be opened through modal -->
			<div id="login_panel" class="loginbox-popup auth-popup mfp-hide">
				<div class="inner-container login-panel auth-popup-panel">
					<h3 class="m_title_ext auth-popup-title" <?php echo WpkPageHelper::zn_schema_markup('subtitle'); ?>><?php _e( "SIGN IN YOUR ACCOUNT TO HAVE ACCESS TO DIFFERENT FEATURES", 'zn_framework' ); ?></h3>
					<form id="login_form" name="login_form" method="post" class="zn_form_login znhg-ajax-login-form" action="<?php echo site_url( 'wp-login.php', 'login_post' ) ?>">

						<div class="zn_form_login-result"></div>

						<div class="form-group kl-fancy-form">
							<input type="text" id="kl-username" name="log" class="form-control inputbox kl-fancy-form-input kl-fw-input"
								   placeholder="<?php _e( "eg: james_smith", 'zn_framework' ); ?>"/>
							<label class="kl-font-alt kl-fancy-form-label"><?php _e( "USERNAME", 'zn_framework' ); ?></label>
						</div>

						<div class="form-group kl-fancy-form">
							<input type="password" id="kl-password" name="pwd" class="form-control inputbox kl-fancy-form-input kl-fw-input"
								   placeholder="<?php _e( "type password", 'zn_framework' ); ?>"/>
							<label class="kl-font-alt kl-fancy-form-label"><?php _e( "PASSWORD", 'zn_framework' ); ?></label>
						</div>

						<?php do_action( 'login_form' ); ?>

						<label class="zn_remember auth-popup-remember" for="kl-rememberme">
							<input type="checkbox" name="rememberme" id="kl-rememberme" value="forever" class="auth-popup-remember-chb"/>
							<?php _e( " Remember Me", 'zn_framework' ); ?>
						</label>

						<input type="submit" id="login" name="submit_button" class="btn zn_sub_button btn-fullcolor btn-md"
							   value="<?php _e( "LOG IN", 'zn_framework' ); ?>"/>

						<input type="hidden" value="login" class="" name="zn_form_action"/>
						<input type="hidden" value="zn_do_login" class="" name="action"/>

						<div class="links auth-popup-links">
							<?php if ( (bool) get_option( 'users_can_register' ) && zget_option( 'head_show_register', 'general_options', false, 2 ) != 0 ) { ?>
							<a href="#register_panel" class="create_account auth-popup-createacc kl-login-box auth-popup-link"><?php _e( "CREATE AN ACCOUNT", 'zn_framework' ); ?></a> <span class="sep auth-popup-sep"></span>
							<?php } ?>
							<a href="#forgot_panel" class="kl-login-box auth-popup-link"><?php _e( "FORGOT YOUR PASSWORD?", 'zn_framework' ); ?></a>
						</div>
					</form>
				</div>
			</div>
		<!-- end login panel -->
		<?php
	}
}

/**
 * Display the REGISTER / SIGN UP form
 */
if ( ! function_exists( 'zn_register_form_markup' ) ) {
	function zn_register_form_markup(){

		if ( (bool) get_option( 'users_can_register' ) ) {
		?>

		<div id="register_panel" class="loginbox-popup auth-popup register-popup mfp-hide">
			<div class="inner-container register-panel auth-popup-panel">
				<h3 class="m_title m_title_ext text-custom auth-popup-title" <?php echo WpkPageHelper::zn_schema_markup('subtitle'); ?>><?php _e( "CREATE ACCOUNT", 'zn_framework' ); ?></h3>

				<form id="register_form" name="login_form" method="post" class="zn_form_login" action="<?php echo wp_registration_url(); ?>">
					<div class="zn_form_login-result"></div>
					<div class="form-group kl-fancy-form ">
						<input type="text" id="reg-username" name="user_login" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="<?php _e( "type desired username", 'zn_framework' ); ?>"/>
						<label class="kl-font-alt kl-fancy-form-label"><?php _e( "USERNAME", 'zn_framework' ); ?></label>
					</div>
					<div class="form-group kl-fancy-form">
						<input type="text" id="reg-email" name="user_email" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="<?php _e( "your-email@website.com", 'zn_framework' ); ?>"/>
						<label class="kl-font-alt kl-fancy-form-label"><?php _e( "EMAIL", 'zn_framework' ); ?></label>
					</div>
						<div class="form-group kl-fancy-form">
						<input type="password" id="reg-pass" name="user_password" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="<?php _e( "*****", 'zn_framework' ); ?>"/>
						<label class="kl-font-alt kl-fancy-form-label"><?php _e( "PASSWORD", 'zn_framework' ); ?></label>
					</div>
					<div class="form-group kl-fancy-form">
						<input type="password" id="reg-pass2" name="user_password2" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="<?php _e( "*****", 'zn_framework' ); ?>"/>
						<label class="kl-font-alt kl-fancy-form-label"><?php _e( "CONFIRM PASSWORD", 'zn_framework' ); ?></label>
					</div>

					<?php
						//#! Check to see whether or not we should display the ReCaptcha
						//#! @since v4.11
						if( znhgReCaptchaEnabled() ) {
							echo '<div class="form-group">';
							$siteKey = znhgReCaptchaSiteKey();
							$pvKey   = znhgReCaptchaSecret();
							if ( empty( $siteKey ) || empty( $pvKey ) ) {
								_e( 'ReCaptcha is required but not configured! Please enter the reCaptcha public and private keys inside the admin panel.', 'zn_framework' );
							}
							else {
								echo '<div class="zn-recaptcha" data-colorscheme="' . znhgReCaptchaStyle() . '" data-sitekey="' . $siteKey . '" id="zn_recaptcha_registration"></div>';
							}
							echo '</div>';
						}
					?>

					<div class="form-group">
						<input type="submit" id="signup" name="submit" class="btn zn_sub_button btn-block btn-fullcolor btn-md" value="<?php _e( "CREATE MY ACCOUNT", 'zn_framework' ); ?>"/>
					</div>

					<input type="hidden" value="register" name="zn_form_action"/>
					<input type="hidden" value="zn_do_login" name="action"/>

					<div class="links auth-popup-links">
						<?php if ( zget_option( 'head_show_login', 'general_options', false, 1 ) != 0 ) { ?>
						<a href="#login_panel" class="kl-login-box auth-popup-link"><?php _e( "ALREADY HAVE AN ACCOUNT?", 'zn_framework' ); ?></a>
						<?php } ?>
					</div>
				</form>
			</div>
		</div><!-- end register panel -->
		<?php
		}
	}
}

/**
 * Display the FORGOT PASSWORD form
 */
if ( ! function_exists( 'zn_forgotpwd_form_markup' ) ) {
	function zn_forgotpwd_form_markup(){
		?>
		<div id="forgot_panel" class="loginbox-popup auth-popup forgot-popup mfp-hide">
			<div class="inner-container forgot-panel auth-popup-panel">
				<h3 class="m_title m_title_ext text-custom auth-popup-title" <?php echo WpkPageHelper::zn_schema_markup('subtitle'); ?>><?php _e( "FORGOT YOUR DETAILS?", 'zn_framework' ); ?></h3>
				<form id="forgot_form" name="login_form" method="post" class="zn_form_lost_pass" action="<?php echo wp_lostpassword_url(); ?>">
					<div class="zn_form_login-result"></div>
					<div class="form-group kl-fancy-form">
						<input type="text" id="forgot-email" name="user_login" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="<?php _e( "...", 'zn_framework' ); ?>"/>
						<label class="kl-font-alt kl-fancy-form-label"><?php _e( "USERNAME OR EMAIL", 'zn_framework' ); ?></label>
					</div>
					<input type="hidden" name="wc_reset_password" value="true">
					<?php wp_nonce_field( 'lost_password' ); ?>
					<div class="form-group">
						<input type="submit" id="recover" name="submit" class="btn btn-block zn_sub_button btn-fullcolor btn-md" value="<?php _e( "SEND MY DETAILS!", 'zn_framework' ); ?>"/>
					</div>
					<div class="links auth-popup-links">
						<a href="#login_panel" class="kl-login-box auth-popup-link"><?php _e( "AAH, WAIT, I REMEMBER NOW!", 'zn_framework' ); ?></a>
					</div>
				</form>
			</div>
		</div><!-- end forgot pwd. panel -->
		<?php
	}
}


/**
 * Login Form - Login/logout text
 */
if ( ! function_exists( 'zn_login_text' ) ) {
	/**
	 * Login Form - Login/logout text
	 * @hooked to zn_head_right_area
	 * @see functions.php
	 */
	function zn_login_text(){

		// CHECK IF OPTION IS ENABLED
		if ( zget_option( 'head_show_login', 'general_options', false, 1 ) == 1 ) {

			if ( is_user_logged_in() ) {

				echo '<ul class="sh-component topnav navRight topnav--log topnav-no-sc topnav-no-hdnav"><li class="topnav-li"><a class="topnav-item" href="' . wp_logout_url( home_url( '/' ) ) . '">';
				echo '<i class="glyphicon glyphicon-log-out visible-xs xs-icon"></i>';
				echo '<span class="hidden-xs">' . __( "LOGOUT", 'zn_framework' ) . '</span>';
				echo '</a></li></ul>';

				return;
			}
			echo '<ul class="sh-component topnav navRight topnav--log topnav-no-sc topnav-no-hdnav"><li class="topnav-li"><a href="#login_panel" class="kl-login-box topnav-item">';
			echo '<i class="glyphicon glyphicon-log-in visible-xs xs-icon"></i>';
			echo '<span class="hidden-xs">'. __( "LOGIN", 'zn_framework' ) . '</span>';
			echo '</a></li></ul>';

		}
	}
}

/**
 * Register Form - Register link
 */
if ( ! function_exists( 'zn_register_text' ) ) {
	/**
	 * Register Form - Register link
	 * @hooked to zn_head_right_area
	 * @see functions.php
	 */
	function zn_register_text(){

		// CHECK IF OPTION IS ENABLED
		if ( zget_option( 'head_show_register', 'general_options', false, 2 ) == 1 ) {

			if ( ! is_user_logged_in() && (bool) get_option( 'users_can_register' ) ) {
				echo '<ul class="sh-component topnav navRight topnav--reg topnav-no-sc topnav-no-hdnav"><li class="topnav-li"><a href="#register_panel" class="kl-login-box topnav-item">';
				echo '<i class="glyphicon glyphicon-user visible-xs xs-icon"></i>';
				echo '<span class="hidden-xs">'. __( "SIGN UP", 'zn_framework' ) . '</span>';
				echo '</a></li></ul>';
			}

		}
	}
}


/**
 * Display the login form
 */
if ( ! function_exists( 'zn_login_form' ) ) {
	/**
	 * Display the login form
	 */
	function zn_login_form(){
		if ( ! is_user_logged_in() ) {
			echo '<div class="login_register_stuff">';

				if ( ! is_user_logged_in() && zget_option( 'head_show_login', 'general_options', false, 1 ) != 0 ) {
					zn_login_form_markup();
					zn_forgotpwd_form_markup();
				}
				if ( ! is_user_logged_in() && zget_option( 'head_show_register', 'general_options', false, 1 ) != 0 ) {
					zn_register_form_markup();
				}

			echo '</div><!-- end login register stuff -->';
		}

	}
}


/**
 * Display the login form
 */
if ( ! function_exists( 'zn_add_login_form' ) ) {
	/**
	 * Display the login form
	 * @hooked to zn_after_body
	 * @see functions.php
	 */
	function zn_add_login_form(){
		zn_login_form();
	}
}


/**
 * HEADER NAVIGATION
 */

if ( ! function_exists( 'zn_add_navigation' ) ) {
	/**
	 * Add navigation menu to the Top Area
	 * @hooked to zn_head_right_area
	 * @see functions.php
	 */
	function zn_add_navigation(){
		if ( has_nav_menu( 'header_navigation' ) ) {
			$header_topnav_dd = zget_option( 'header_topnav_dd' , 'general_options', false, 'yes' );
			if( $header_topnav_dd == 'yes' ) {
				echo '<div class="sh-component zn_header_top_nav-wrapper ">';
					echo '<span class="headernav-trigger js-toggle-class" data-target=".zn_header_top_nav-wrapper" data-target-class="is-opened"></span>';
					zn_show_nav( 'header_navigation', 'zn_header_top_nav topnav topnav-no-sc clearfix' );
				echo '</div>';
			} else {
				zn_show_nav( 'header_navigation', ' topnav topnav-no-sc' );
			}
		}
	}
}



/**
 * HEADER SOCIAL ICONS
 */

if ( ! function_exists( 'zn_header_social_icons' ) ) {
	/**
	 * Show header social icons
	 * @hooked to zn_head_right_area
	 * @see functions.php
	 */
	function zn_header_social_icons(){

		if(zn_check_components('social_icons'))
		{
			if ( $header_social_icons = zget_option( 'header_social_icons', 'general_options', false, array() ) )
			{

				$icon_class = zget_option( 'header_which_icons_set', 'general_options', false, 'normal' );

				echo '<ul class="sh-component social-icons sc--' . $icon_class . ' topnav navRight topnav-no-hdnav">';

				foreach ( $header_social_icons as $key => $icon ) {
					// print_r($icon);
					$link = '';
					$target = '';
					if ( isset ( $icon['header_social_link'] ) && is_array( $icon['header_social_link'] ) ) {
						$link = $icon['header_social_link']['url'];
						$target = 'target="' . $icon['header_social_link']['target'] . '"';
					}
					$icon_color = '';
					if($icon_class != 'normal' && $icon_class != 'clean'){
						$icon_color = isset($icon['header_social_color']) && !empty($icon['header_social_color']) ? $icon['header_social_icon']['unicode'] : 'nocolor';
					}
					$social_icon = !empty( $icon['header_social_icon'] )  ? '<a href="' . $link . '" '.zn_generate_icon( $icon['header_social_icon'] ).' ' . $target . ' class="topnav-item social-icons-item scheader-icon-'.$icon_color.'" title="' . $icon['header_social_title'] . '"></a>' : '';
					echo '<li class="topnav-li social-icons-li">'.$social_icon.'</li>';
					// echo '<li><a href="' . $link . '" class="sc-icon-' . str_replace('social-', '', $icon['header_social_icon']) . '" ' . $target . ' title="' . $icon['header_social_title'] . '"></a></li>';
				}
				echo '</ul>';
			}
		}
	}
}


/**
 * HEADER LOGO
 */

if ( ! function_exists( 'zn_kl_logo' ) ) {
	function zn_kl_logo( $logo = null , $use_transparent = false , $tag = null , $class = null ) {

		if ( !$tag ) {
			if ( is_front_page() ) {
				$tag = 'h1';
			}
			else{
				$tag = 'h3';
			}
		}

		// Apply filter if you want a custom logo tag.
		$tag = apply_filters('zn_logo_tag', $tag);

		if ( $logo || $logo = zn_get_layout_option( 'logo_upload', 'general_options' ) ) {
			$hwstring = '';
			// Check if logo size has Custom size
			if( ( $logo_size = zn_get_layout_option( 'logo_size', 'general_options' ) ) == 'no' ){
				$logo_size = zget_option( 'logo_manual_size', 'general_options' );
				$hwstring = image_hwstring( $logo_size['width'], $logo_size['height'] );
			}
			$logoimg = '';
			// Sticky logom only when available and Sticky Header is selected in MenuFollow option (General options)
			if($logoSticky = zget_option('logo_sticky', 'general_options')){
				if ( zn_get_layout_option( 'menu_follow', 'general_options' , false, 'no' ) == 'sticky' ) {
					$logoimg .= '<img class="logo-img-sticky site-logo-img-sticky" src="'.set_url_scheme( $logoSticky ).'"  alt="'.get_bloginfo('name').'" title="'.get_bloginfo('description').'" />';
				}
			}

			// Mobile logo
			$logo_upload_mobile = zget_option('logo_upload_mobile', 'general_options');
			$mobile_logo = $logo_upload_mobile ? 'data-mobile-logo="'. esc_attr($logo_upload_mobile) .'"':'';

			// Logo
			$logoimg .= '<img class="logo-img site-logo-img" src="'.set_url_scheme( $logo ).'" '.$hwstring.' alt="'.get_bloginfo('name').'" title="'.get_bloginfo('description').'" '. $mobile_logo .' />';
			$logo = "<$tag class='site-logo logo $class' id='logo'><a href='".home_url('/')."' class='site-logo-anch'>".$logoimg."</a></$tag>";
		}
		else{
			// THIS IS JUST FOR TEXT
			$logo = '<'.$tag.' id="logo" class="site-logo logo site-logo-text"><a href="' . esc_url( home_url( '/' ) ) . '" class="site-logo-anch ">';
			$logo .= '<span class="site-logo-name">'.get_bloginfo('name').'</span>';
			if( zget_option( 'zn_header_layout', 'general_options', false, 'style7' ) == 'style16' ){
				$logo .= '<span class="site-logo-desc">'.get_bloginfo('description').'</span>';
			}
			$logo .= '</a></'.$tag.'>';

		}
		return $logo;
	}
}


if ( ! function_exists( 'zn_header_display_logo' ) ) {
	/**
	* Function to display the logo markup in header
	* @return html
	* @since  4.0.10
	*/
	function zn_header_display_logo(){

		if( zn_get_layout_option( 'head_show_logo', 'general_options', false, 'yes' ) == 'no' ){ return; }

		$hasInfoCard = zget_option( 'infocard_display_status', 'general_options', false, 'no' ) == 'yes' ? 'hasInfoCard' : '';
		$hasHoverMe = zget_option( 'infocard_hoverme', 'general_options', false, 'yes' ) == 'yes' ? 'hasHoverMe' : '';
		?>
		<div id="logo-container" class="logo-container <?php echo $hasInfoCard; ?> <?php echo $hasHoverMe; ?> logosize--<?php echo zget_option( 'logo_size', 'general_options', false, 'yes' ); ?> zn-original-logo">
			<!-- Logo -->
			<?php
				echo zn_kl_logo();
			?>
			<!-- InfoCard -->
			<?php do_action( 'zn_show_infocard' ); ?>
		</div>

		<?php

	}
}


/**
 * LOGO - INFO CARD
 * Display the Info Card when you hover over the logo.
 * This function is also available as an action: zn_show_infocard
 */
if ( ! function_exists( 'kfn_showInfoCard' ) ) {
	/**
	 * Display the Info Card when you hover over the logo.
	 * This function is also available as an action: zn_show_infocard
	 * @hooked to zn_show_infocard
	 * @see functions.php
	 */
	function kfn_showInfoCard(){
		global $get_stylesheet_directory_uri;

		if ( zget_option( 'infocard_display_status', 'general_options', false, 'no' ) == 'no' ) {
			return;
		}
		$logoUrl        = zget_option( 'infocard_logo_url', 'general_options' );
		$cpyDesc        = zget_option( 'infocard_company_description', 'general_options', false, '' );
		$phone          = zget_option( 'infocard_company_phone', 'general_options', false, '' );
		$email          = zget_option( 'infocard_company_email', 'general_options', false, '' );
		$cpyName          = zget_option( 'infocard_company_name', 'general_options', false, '' );
		$address          = zget_option( 'infocard_company_address', 'general_options', false, '' );
		$mapLink          = zget_option( 'infocard_gmap_link', 'general_options', false, '' );
		$socialIcons          = zget_option( 'header_social_icons', 'general_options', false, null );
		$socialIconsVisibility = zget_option( 'social_icons_info_card_visibility', 'general_options', false, 'yes' );

		?>

		<div id="infocard" class="logo-infocard">
			<div class="custom ">
				<div class="row">
					<div class="col-sm-5">
						<div class="infocard-wrapper text-center">
							<?php if( !empty( $logoUrl ) ): ?>
								<p><img src="<?php echo $logoUrl;?>" alt="<?php echo get_bloginfo('name'); ?>"></p>
							<?php endif; ?>
							<?php if( !empty($cpyDesc) ): ?>
								<p><?php echo $cpyDesc;?></p>
							<?php endif; ?>
						</div>
					</div>

					<div class="col-sm-7">
						<div class="custom contact-details">

							<?php if( !empty($phone) && !empty($email) ): ?>
							<p>
								<?php if(!empty($phone)): ?>
									<strong><?php echo $phone;?></strong><br>
								<?php endif; ?>

								<?php if(!empty($email)): ?>
									<?php _e( 'Email:', 'zn_framework' );?>&nbsp;<a href="mailto:<?php echo $email;?>"><?php echo $email;?></a>
								<?php endif; ?>
							</p>
							<?php endif; ?>

							<?php if( !empty($cpyName) && !empty($address) ): ?>
								<p>
								<?php
									echo !empty($cpyName) ? $cpyName . '<br/>' : '';
									echo $address;
								?>
								</p>
							<?php endif; ?>

							<?php if(!empty($mapLink)): ?>
								<a href="<?php echo $mapLink;?>" target="_blank" class="map-link">
									<span class="glyphicon glyphicon-map-marker kl-icon-white"></span>
									<span><?php _e( 'Open in Google Maps', 'zn_framework' );?></span>
								</a>
							<?php endif; ?>

						</div>

						<div style="height:20px;"></div>

						<?php
						if( 'yes' === $socialIconsVisibility ){
							if ( ! empty( $socialIcons ) ) {
								echo '<ul class="social-icons sc--clean">';
								foreach ( $socialIcons as $i => $entry ) {
									$titleAttr  = esc_attr( $entry['header_social_title'] );
									$url        = $entry['header_social_link']['url'];
									$targetAttr = esc_attr( $entry['header_social_link']['target'] );
									$icon       = $entry['header_social_icon'];
									$social_icon = '<a href="' . $url . '" '.zn_generate_icon( $icon ).' target="' . $targetAttr . '" title="' . $titleAttr . '"></a>';
									echo '<li class="social-icons-li">'.$social_icon.'</li>';
								}
								echo '</ul>';
							}
						}
						?>
					</div>
				</div>
			</div>
		</div>
	<?php }
}


/**
 * HEADER - CALL TO ACTION BUTTON
 */

if ( ! function_exists( 'zn_header_calltoaction' ) ) {
	/**
	* Function to display the call to action button markup in header
	* @return html
	* @since  4.0.10
	*/
	function zn_header_calltoaction(){

		$head_show_cta = zget_option( 'head_show_cta', 'general_options', false, 'no' );

		if ( $head_show_cta == 'yes' ) {

			$calltoaction_style = zget_option( 'head_show_cta_style', 'general_options', false, 'ribbon' );

			if( $calltoaction_style == 'ribbon' || $calltoaction_style == 'lined' ){

				// Check if we can display this button
				$cta_permissions = zget_option( 'cta_perm', 'general_options', false, 'all' );
				if ( $cta_permissions === 'loggedin' && ! is_user_logged_in() ){
					return false;
				}
				elseif ( $cta_permissions === 'visitor' && is_user_logged_in() ){
					return false;
				}

				// Form button classes
				$btn_classes = array();
				$btn_classes[] = 'sh-component ctabutton';
				$cta_link_class = $calltoaction_style == 'lined' ? 'lined btn btn-lined' : 'ribbon';
				$btn_classes[] = 'kl-cta-'.$cta_link_class;
				$btn_classes[] = zget_option( 'cta_hide_xs', 'general_options', false, '' ) == 1 ? 'hidden-xs' : '';

				// Get button link, create link markup
				$head_add_cta_link = zget_option( 'head_add_cta_link', 'general_options' );

				$cta_link_ext = zn_extract_link(
					$head_add_cta_link,
					implode(' ', $btn_classes),
					' id="ctabutton" ',
					'<span id="ctabutton" class="'. implode(' ', $btn_classes) .'">',
					'</span>'
				);

				// show button
				if ( $head_set_text_cta = zget_option( 'head_set_text_cta', 'general_options' ) ) {
					echo $cta_link_ext['start'];
					echo $head_set_text_cta;
					// Show bottom triangle for Ribbon type button
					if( $calltoaction_style == 'ribbon') {
						echo '<svg version="1.1" class="trisvg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" preserveAspectRatio="none" width="14px" height="5px" viewBox="0 0 14.017 5.006" enable-background="new 0 0 14.017 5.006" xml:space="preserve"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.016,0L7.008,5.006L0,0H14.016z"></path></svg>';
					}
					echo $cta_link_ext['end'];
				}
			}
			else if($calltoaction_style == 'custom'){

				$btn_custom = zget_option( 'cta_custom', 'general_options', false, false );

				if( isset($btn_custom) && !empty($btn_custom) ):
					foreach($btn_custom as $i => $btn):

						// Check if we can display this button
						$cta_permissions = isset( $btn['cta_perm']) ? $btn['cta_perm'] : 'all';
						if ( $cta_permissions === 'loggedin' && ! is_user_logged_in() ){
							continue;
						}
						elseif ( $cta_permissions === 'visitor' && is_user_logged_in() ){
							continue;
						}

						//Class
						$classes = array();
						$classes[] = 'sh-component ctabutton cta-button-'.$i.' kl-cta-custom btn';
						$classes[] = $btn['cta_style'];
						$classes[] = $btn['cta_size'];
						$classes[] = $btn['cta_hide_xs'];
						$classes[] = 'cta-icon--'.$btn['cta_icon_pos'];
						$classes[] = $btn['cta_corners'];

						// Icon
						$icon = isset($btn['cta_icon_enable']) && $btn['cta_icon_enable'] == 1 ? '<span '.zn_generate_icon( $btn['cta_icon'] ).'></span>':'';

						if( isset($btn['cta_text']) && !empty($btn['cta_text']) ){

							$text = '<span>'.$btn['cta_text'].'</span>';

							// Icon position
							if( $btn['cta_icon_pos'] == 'before' ){
								$text = $icon.$text;
							} else{
								$text = $text.$icon;
							}

							$cta_link_ext = zn_extract_link( $btn['cta_link'], implode(' ', $classes) );

							echo $cta_link_ext['start'] . $text . $cta_link_ext['end'];
						}

					endforeach;
				endif;

			}
		}
	}
}


/**
 * HEADER - MAIN MENU NAVIGATION
 */

/**
 * Function to switch main menu's active item style
 * @return string
 */
function zn_mainmenu_active_text(){
	return zn_header_main_menu('active-text');
}

/**
 * Function to switch main menu's - parent menu items style
 * @return string
 */
function zn_mainmenu_pointer_arr(){
	return 'mainnav--pointer-arr';
}
/**
 * Function to switch main menu's - parent menu items style
 * @return string
 */
function zn_mainmenu_pointer_none(){
	return 'mainnav--pointer-none';
}

if ( ! function_exists( 'zn_resmenu_wrapper' ) ) {
	/**
	* Function to display the main menu responsive markup
	* @return html
	* @since  4.1.1
	*/
	function zn_resmenu_wrapper(){
		?>
		<div class="zn-res-menuwrapper">
			<a href="#" class="zn-res-trigger zn-menuBurger zn-menuBurger--<?php echo zget_option('burger_style', 'general_options', false, '3--s') ?> zn-menuBurger--<?php echo zget_option('burger_anim', 'general_options', false, 'anim1') ?> " id="zn-res-trigger">
				<span></span>
				<span></span>
				<span></span>
			</a>
		</div><!-- end responsive menu -->
		<?php
	}
}

if ( ! function_exists( 'zn_header_main_menu' ) ) {
	/**
	* Function to display the main menu markup in header
	* @return html
	* @since  4.0.10
	*/
	function zn_header_main_menu( $mm_style = 'active-bg' ){

		if(!zn_check_components('mainmenu')) return;

		$mm_style = !empty($mm_style) ? $mm_style : 'active-bg';

		?>
		<div class="sh-component main-menu-wrapper" <?php echo WpkPageHelper::zn_schema_markup('nav'); ?>>

			<?php
			// Load responsive trigger button
			zn_resmenu_wrapper();

			$classes = array();

			$classes[] = apply_filters('zn_mainnav_type', 'mainnav--sidepanel');

			// Mainmenu 1st level active item style
			$menu_style = zget_option('menu_style', 'general_options', false, '');
			if($menu_style == ''){
				$menu_style = $mm_style;
			}
			$classes[] = 'mainnav--' . $menu_style;

			// 1st level submenu pointer
			$classes[] = apply_filters( 'kallyas_mainmenu_pointer_style', 'mainnav--pointer-dash' );
			// Main Menu dropdown color scheme
			$classes[] = 'nav-mm--'.( zget_option( 'navmain_color_theme', 'general_options', false, '' ) == '' ? zget_option( 'zn_main_style', 'color_options', false, 'light' ) : zget_option( 'navmain_color_theme', 'general_options', false, '' ) );

			$args = array(
				'container' => 'div',
				'container_id' => 'main-menu',
				'container_class' => 'main-nav '.implode(' ', $classes),
				'walker' => 'znmegamenu',
				'link_before' => '<span>',
				'link_after' => '</span>',
			);
			zn_show_nav( 'main_navigation','main-menu main-menu-nav', $args );

			?>
		</div>
		<!-- end main_menu -->
		<?php
	}
}


/**
 * HEADER - SEARCH BOX
 */

if ( ! function_exists( 'zn_header_searchbox' ) ) {
	/**
	* Function to display the search box markup in header
	* @return html
	* @since  4.0.10
	*/
	function zn_header_searchbox( $sb_style = 'def' ){

		if ( zget_option( 'head_show_search', 'general_options', false, 'yes' ) == 'yes' ) {

			$search_style = zget_option('head_search_style', 'general_options', false, '');
			if($search_style == ''){
				$search_style = $sb_style;
			}

		?>

		<div id="search" class="sh-component header-search headsearch--<?php echo $search_style; ?>">

			<a href="#" class="searchBtn header-search-button">
				<span class="glyphicon glyphicon-search kl-icon-white"></span>
			</a>

			<div class="search-container header-search-container">
				<?php get_search_form(); ?>
			</div>
		</div>

		<?php
		}
	}
}
/**
 * Force default style for SearchBox component
 */
// Default
if(!function_exists('zn_header_searchbox_def')){
	function zn_header_searchbox_def(){
		zn_header_searchbox('def');
	}
}
// Input Layout
if(!function_exists('zn_header_searchbox_inp')){
	function zn_header_searchbox_inp(){
		zn_header_searchbox('inp');
	}
}
// Bordered layout
if(!function_exists('zn_header_searchbox_bord')){
	function zn_header_searchbox_bord(){
		zn_header_searchbox('bord');
	}
}
// Bordered layout
if(!function_exists('zn_header_searchbox_bord2')){
	function zn_header_searchbox_bord2(){
		zn_header_searchbox('bord2');
	}
}
// Minimal layout
if(!function_exists('zn_header_searchbox_min')){
	function zn_header_searchbox_min(){
		zn_header_searchbox('min');
	}
}


/**
 * HEADER - CUSTOM TEXT
 */

if(!function_exists('zn_header_head_text')){
	/**
	 * Function to display Header text defined in header options
	 */
	function zn_header_head_text(){
		if ( $zn_head_s7_toptext = zget_option( 'zn_head_s7_toptext', 'general_options' ) ) {
			echo '<div class="sh-component kl-header-toptext kl-font-alt">' . do_shortcode( $zn_head_s7_toptext ) . '</div>';
		}
	}
}


/**
 * HEADER SEPARATOR
 */

if(!function_exists('zn_header_separator')){
	/**
	 * Function to display Header separator
	 */
	function zn_header_separator( $custom_class = '' ){
		echo '<div class="separator site-header-separator '.$custom_class.'"></div>';
	}
}

if(!function_exists('zn_header_separator_xs')){
	/**
	 * Extend separator, display visible-xs class to be shown only on small viewports
	 */
	function zn_header_separator_xs(){
		zn_header_separator('visible-xs');
	}
}


/**
 * HEADER GRADIENT BG
 */

if(!function_exists('zn_header_gradient_bg')){
	/**
	 * Function to display Header gradient background
	 */
	function zn_header_gradient_bg($custom_class = ''){
		echo '<div class="kl-header-bg '.$custom_class.'"></div>';

	}
}


/**
 * HEADER - LANGUAGE SWITCHER (WPML)
 */

if ( ! function_exists( 'zn_wpml_language_switcher' ) ) {
	/**
	 * WPML language switcher
	 * @hooked to zn_head_right_area
	 * @see functions.php
	 */
	function zn_wpml_language_switcher( $lg_style = 'def' ){

		$lg_style = !empty($lg_style) ? $lg_style : 'def';

		$languages = array();

		if( function_exists('zn_language_demo_data') ){
			// For demo displaying flags
			$languages = zn_language_demo_data();
		}
		else if ( defined( 'ICL_SITEPRESS_VERSION' ) ) {

			if( ICL_SITEPRESS_VERSION < '3.2' ){
				$languages = icl_get_languages( 'skip_missing=0' );
			}
			else{
				$languages = apply_filters( 'wpml_active_languages', NULL, 'skip_missing=0' );
			}
		}
		else {
			return;
		}

		if ( zget_option( 'head_show_flags', 'general_options', false, 1 ) && !empty($languages) ) {

			$lang_style = zget_option('head_flags_style', 'general_options', false, '');

			if($lang_style == ''){
				$lang_style = $lg_style;
			}

			echo '<ul class="sh-component topnav navLeft topnav--lang topnav-no-sc topnav-no-hdnav toplang--'.$lang_style.'">';

			// Just flags
			if($lang_style == 'flags'){
				if ( 1 < count( $languages ) ) {
					foreach ( $languages as $l ) {
						echo '<li class="languages topnav-li '.($l['active'] ? 'active' : '').'">';
							echo '<a href="' . $l['url'] . '" class="topnav-item">';
							echo '<img src="' . $l['country_flag_url'] . '" alt="' . $l['native_name'] . '" class="toplang-flag" />';
							echo '</a>';
						echo '</li>';
					}
				}
			}

			// Just flags
			if($lang_style == 'text'){
				if ( 1 < count( $languages ) ) {
					if( $lang_style == 'text' ) {
						echo '<li class="topnav-li site-header-text"><span class="hidden-xs">'. __( "LANGUAGES", 'zn_framework' ) . '</span> &nbsp;</li>';
					}
					foreach ( $languages as $l ) {
						echo '<li class="topnav-li  '.($l['active'] ? 'active' : '').'">';
							echo '<a href="' . $l['url'] . '" class="topnav-item">';
							echo '<span class="toplang-flag-code">'. strtoupper($l['native_name']) . '</span>';
							echo '</a>';
						echo '</li>';
					}
				}
			}

			// Style default or alternative
			if( $lang_style == 'def' || $lang_style == 'alt') {

				echo '<li class="languages drop topnav-drop topnav-li">';

					echo '<a href="#" class="topnav-item">';
						// DEFAULT STYLE
						if( $lang_style == 'def' ) {
							echo '<i class="glyphicon glyphicon-globe kl-icon-white xs-icon"></i> ';
							echo '<span class="hidden-xs">'. __( "LANGUAGES", 'zn_framework' ) . '</span>';
						}
						// ALTERNATIVE STYLE
						else if( $lang_style == 'alt' ) {
							if ( 1 < count( $languages ) ) {
								foreach ( $languages as $l ) {
									if ( $l['active'] ) {
										echo '<span class="toplang-flag-wrapper"><img src="' . $l['country_flag_url'] . '" alt="' . $l['native_name'] . '" class="toplang-flag" /></span>';
										echo '<span class="toplang-flag-code">'. $l['native_name'] . '</span>';
										echo '<i class="glyphicon glyphicon-menu-down kl-icon-white"></i> ';
									}
								}
							}
						}
					echo '</a>';

					echo '<div class="pPanel topnav-drop-panel u-trans-all-2s">';
					echo '<ul class="inner topnav-drop-panel-inner">';

				if ( 1 < count( $languages ) ) {
					foreach ( $languages as $l ) {
						$active = '';
						$icon = '</a></li>';

						$litem = '<li class="toplang-item ' . $active . '"><a href="' . $l['url'] . '" class="toplang-anchor"><img src="' . $l['country_flag_url'] . '" alt="' . $l['native_name'] . '" class="toplang-flag" /> '. $l['native_name'] . ' ' . $icon . '';

						// Default
						if ( $lang_style == 'def' ) {
							if($l['active']){
								$active = 'active';
								$icon = '<span class="glyphicon glyphicon-ok"></span></a></li>';
							}
							echo $litem;
						}
						// Alternative
						if ( $lang_style == 'alt' ) {
							if(!$l['active']){
								echo $litem;
							}
						}

					}
				}
					echo '</ul>';
					echo '</div>';
				echo '</li>';
			}

			echo '</ul>';
		}
	}
}
/**
 * Force styles for Language switcher component
 */
// Default
if(!function_exists('zn_wpml_language_switcher_def')){
	function zn_wpml_language_switcher_def(){
		zn_wpml_language_switcher('def');
	}
}
// Input Layout
if(!function_exists('zn_wpml_language_switcher_alt')){
	function zn_wpml_language_switcher_alt(){
		zn_wpml_language_switcher('alt');
	}
}
// Bordered layout
if(!function_exists('zn_wpml_language_switcher_flags')){
	function zn_wpml_language_switcher_flags(){
		zn_wpml_language_switcher('flags');
	}
}

/**
 * Return zn_woocommerce_cart function
 * Just check the function to see if it exists
 */
function zn_woocomerce_cart_init(){
	if(function_exists('zn_woocomerce_cart')){
		zn_woocomerce_cart();
	}
}


/**
 * =======================================
 * HEADER HELPERS
 * =======================================
 */


/**
 * Used for Site header flexbox scheme
 * @param  array $f get flexbox scheme
 * @param  string $x horizontal
 * @param  string $y vertical
 * @return string All classes with spaces between
 */
function zn_getFlexboxScheme($f, $x, $y){
	$alignment_x = isset($f[$x][$y]['alignment_x']) && !empty($f[$x][$y]['alignment_x']) ? $f[$x][$y]['alignment_x'] : '';
	$alignment_y = isset($f[$x][$y]['alignment_y']) && !empty($f[$x][$y]['alignment_y']) ? $f[$x][$y]['alignment_y'] : '';
	$stretch = isset($f[$x][$y]['stretch']) && !empty($f[$x][$y]['stretch']) ? $f[$x][$y]['stretch'] : '';
	echo implode(' ', array($alignment_x, $alignment_y, $stretch));
}

/**
 * Function to determine wether to resize the header when "sticked" mode;
 * To disable, override in child theme with return false;
 */
if(!function_exists('zn_resize_sticky_header')){
	function zn_resize_sticky_header(){
		return true;
	}
}

/**
 * Header Custom Height
 * @return array list of all header schemes
 */
function zn_header_height_general(){

	$classic_headers = array(
		'logo' => '100',
		'top' => '54',
		'main' => '46',
		'bottom' => '0',
		'others' => '0'
	);

	// Height Scheme
	$zn_header_height_scheme = array(

		// Example:
		// 'style_name' => array(
		//  'logo' => '100',    // Logo Height (For classic headers only)
		//  'top' => '54',      // Top Height
		//  'main' => '46',     // Main Height
		//  'bottom' => '0',    // Bottom Height
		//  'others' => '0'     // Others Height (separators etc.)
		// ),

		'style1' => $classic_headers,
		'style2' => $classic_headers,
		'style3' => $classic_headers,
		'style4' => $classic_headers,
		'style5' => $classic_headers,
		'style6' => $classic_headers,

		'style7' => array(
			'top' => '46',
			'main' => '70',
			'bottom' => '0',
			'others' => '7'
		),
		'style8' => array(
			'top' => '0',
			'main' => '80',
			'bottom' => '42',
			'others' => '3' // bottom border
		),
		'style9' => array(
			'top' => '36',
			'main' => '64',
			'bottom' => '46',
			'others' => '14' // 2 x separators
		)
	);

	$zn_header_height_scheme = apply_filters('zn_header_height_indv', $zn_header_height_scheme );

	return $zn_header_height_scheme;
}

/**
 * Add height scheme for Header style 10
 * hooked to zn_header_height_general
 */
function zn_header_height_style10( $heights ){
	$style10 = array(
		'style10' => array(
			'top' => '50',
			'main' => '70',
			'bottom' => '50',
		)
	);
	$heights = array_merge($heights, $style10);
	return $heights;
}
add_filter('zn_header_height_indv', 'zn_header_height_style10');

/**
 * Add height scheme for Header style 11
 * hooked to zn_header_height_general
 */
function zn_header_height_style11( $heights ){
	$style11 = array(
		'style11' => array(
			'top' => '50',
			'main' => '70',
		)
	);
	$heights = array_merge($heights, $style11);
	return $heights;
}
add_filter('zn_header_height_indv', 'zn_header_height_style11');

/**
 * Add height scheme for Header style 12
 * hooked to zn_header_height_general
 */
function zn_header_height_style12( $heights ){
	$style12 = array(
		'style12' => array(
			'top' => '50',
			'main' => '100',
		)
	);
	$heights = array_merge($heights, $style12);
	return $heights;
}
add_filter('zn_header_height_indv', 'zn_header_height_style12');

/**
 * Add height scheme for Header style 13
 * hooked to zn_header_height_general
 */
function zn_header_height_style13( $heights ){
	$style13 = array(
		'style13' => array(
			'top' => '50',
			'main' => '70',
		)
	);
	$heights = array_merge($heights, $style13);
	return $heights;
}
add_filter('zn_header_height_indv', 'zn_header_height_style13');

/**
 * Add height scheme for Header style 13
 * hooked to zn_header_height_general
 */
function zn_header_height_style14( $heights ){
	$style14 = array(
		'style14' => array(
			'top' => '50',
			'main' => '70',
			'bottom' => '0',
		)
	);
	$heights = array_merge($heights, $style14);
	return $heights;
}
add_filter('zn_header_height_indv', 'zn_header_height_style14');

/**
 * Add height scheme for Header style 15
 * hooked to zn_header_height_general
 */
function zn_header_height_style15( $heights ){
	$style15 = array(
		'style15' => array(
			'top' => '50',
			'main' => '100',
		)
	);
	$heights = array_merge($heights, $style15);
	return $heights;
}
add_filter('zn_header_height_indv', 'zn_header_height_style15');


/**
 * Add height scheme for Header style 15
 * hooked to zn_header_height_general
 */
function zn_header_height_style16( $heights ){
	$style16 = array(
		'style16' => array(
			'top' => '50',
			'main' => '180',
		)
	);
	$heights = array_merge($heights, $style16);
	return $heights;
}
add_filter('zn_header_height_indv', 'zn_header_height_style16');

/**
 * Get Custom Height height
 */
function zn_header_height( $css ){

	$zn_header_layout = zn_get_header_layout();

	$zn_head_height_enb = zget_option( 'zn_head_height_enb' , 'general_options', false, 'default' );

	if($zn_head_height_enb != 'default'){

		$header_height = '';

		/* CUSTOM HEADER HEIGHT */
		$zn_header_height_scheme = zn_header_height_general();
		$zn_head_height = (int)zget_option( 'zn_head_height' , 'general_options', false, false );

		// On rows
		$hr = zget_option( 'zn_head_height_rows' , 'general_options', false, false );

		if(isset($zn_header_height_scheme[$zn_header_layout]) && !empty($zn_header_height_scheme[$zn_header_layout])){

			$hdef = $zn_header_height_scheme[$zn_header_layout];

			$hs_top = (int) (isset($hdef['top']) ? $hdef['top'] : '');
			$hs_main = (int) (isset($hdef['main']) ? $hdef['main'] : '');
			$hs_bottom = (int) (isset($hdef['bottom']) ? $hdef['bottom'] : '');
			$hs_others = (int) (isset($hdef['others']) ? $hdef['others'] : '');

			// Custom Height
			if( !empty($zn_head_height ) && $zn_head_height_enb == 'custom' ){
				$header_height = (int) $zn_head_height;
			}
			elseif( !empty($hr) && $zn_head_height_enb == 'custom_rows'){

				$hs_top = (int) (isset($hr['top']) && $hr['top'] != '' ? $hr['top'] : $hs_top);
				$hs_main = (int) (isset($hr['main']) && $hr['main'] != '' ? $hr['main'] : $hs_main);
				$hs_bottom = (int) (isset($hr['bottom']) && $hr['bottom'] != '' ? $hr['bottom'] : $hs_bottom);
				$hs_others = (int) (isset($hr['others']) && $hr['others'] != '' ? $hr['others'] : $hs_others);

				$header_height = (int) ($hs_top + $hs_main + $hs_bottom + $hs_others);
			}

			$hs_logo = (int) (isset($hdef['logo']) ? $hdef['logo'] : $hs_main);

			$css .= '@media (min-width:768px){';

			$default_height = $hs_top + $hs_main + $hs_bottom;
			$final_head_height =  $header_height - $hs_others;

			// Get logo height
			$logo_height = (int) (($hs_logo / $default_height) * $final_head_height);
			$logo_height = round( $logo_height );
			$css .= '.site-header.'.$zn_header_layout.' {height:'.$header_height.'px; }';
			$css .= '.site-header.'.$zn_header_layout.' .logosize--contain .site-logo-anch { height:'.$logo_height.'px; }';
			$css .= '.site-header.'.$zn_header_layout.' .logosize--contain .site-logo-img,';
			$css .= '.site-header.'.$zn_header_layout.' .logosize--contain .site-logo-img-sticky { max-height:'.$logo_height.'px;}';
			$css .= '.site-header.'.$zn_header_layout.' .logosize--yes .site-logo {min-height: '.$logo_height.'px;}';
			$css .= '.site-header.'.$zn_header_layout.'.kl-center-menu .main-nav > ul > li > a {line-height: '.$logo_height.'px;}';

			// Top
			$top_height = 0;
			if( $hs_top != '' ){
				$top_height = ($hs_top / $default_height) * $final_head_height;
				$top_height = round($top_height);
				$css .= '.site-header.'.$zn_header_layout.' .site-header-top{height:'.$top_height.'px}';
			}
			// Bottom
			$bottom_height = 0;
			if( $hs_bottom != '' ){
				$bottom_height = ($hs_bottom / $default_height) * $final_head_height;
				$bottom_height = round($bottom_height);
				$css .= '.site-header.'.$zn_header_layout.' .site-header-bottom{height:'.$bottom_height.'px}';
			}
			// Main
			if( $hs_main != '' ){
				$main_height = ($hs_main / $default_height) * $final_head_height;
				$main_height = round($main_height);
				$css .= '.site-header.'.$zn_header_layout.' .site-header-main{height:'.$main_height.'px}';
				$css .= '.site-header.'.$zn_header_layout.' .header-no-top .site-header-main{height:'.($main_height+$top_height).'px}';
				$css .= '.site-header.'.$zn_header_layout.' .header-no-bottom .site-header-main{height:'.($main_height+$bottom_height).'px}';
				$css .= '.site-header.'.$zn_header_layout.' .header-no-top.header-no-bottom .site-header-main{height:'.($main_height+$top_height+$bottom_height).'px}';
			}

			$css .= '}';
		}
	}

	return $css;
	// return print_z($css);
}
add_filter( 'zn_dynamic_css', 'zn_header_height' );
