<?php
/**
 * Name:  Header style 24
 **/
?>
<?php
$text = ocolus_theme_option_meta(
	'_custom_metabox_theme_options',
	'header_text',
	'metabox_header_text',
    ''
);
?>
<header id="header" class="header style-24">
    <?php if ( $text != '' ) : ?>
        <div class="header-top">
			<p><?php echo wp_specialchars_decode( $text ); ?></p>
        </div>
	<?php endif; ?>
    <div class="header-mid">
        <div class="header-left">
            <?php ocolus_get_header_menu( 'header_top_menu' ); ?>
        </div>
        <div class="header-right">
            <?php
            ocolus_user_link();
            if ( function_exists( 'ocolus_header_mini_cart' ) )
                ocolus_header_mini_cart();
            ?>
        </div>
    </div>
    <div class="header-bot">
        <div class="container">
            <div class="header-inner megamenu-wrap">
                <div class="header-left">
                    <div class="logo"><?php ocolus_get_logo(); ?></div>
                </div>
                <div class="header-center">
                    <div class="box-header-nav">
                        <?php
                        if ( has_nav_menu( 'primary' ) )
                            wp_nav_menu( array(
                                    'menu'            => 'primary',
                                    'theme_location'  => 'primary',
                                    'depth'           => 3,
                                    'container'       => '',
                                    'container_class' => '',
                                    'container_id'    => '',
                                    'menu_class'      => 'main-menu',
                                )
                            );
                        ?>
                    </div>
                </div>
                <div class="header-right">
                    <?php ocolus_header_search( 'style-02' ); ?>
                    <div class="mobile-block block-menu-bar">
                        <a href="javascript:void(0)" class="menu-bar menu-toggle">
                            <span class="icon"><span></span><span></span><span></span></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>