<?php
	$mobile_header_style = ot_get_option( 'mobile_header_style', 'style1' );

	$header_class[] = 'header style2';
	$header_class[] = 'thb-main-header';
	$header_class[] = 'thb-header-full-width-' . ot_get_option( 'header_fullwidth', 'off' );
	$header_class[] = ot_get_option( 'header_color', 'light-header' );
	$header_class[] = 'mobile-header-' . $mobile_header_style;
?>
<header class="<?php echo esc_attr( implode( ' ', $header_class ) ); ?>">
	<div class="header-logo-row">
		<div class="row align-middle">
			<?php if ( 'style1' === $mobile_header_style ) { ?>
				<div class="small-2 medium-3 columns hide-for-large">
					<?php do_action( 'thb_mobile_toggle' ); ?>
				</div>
				<div class="small-6 large-4 show-for-large columns">
					<?php do_action( 'thb_header_left' ); ?>
				</div>
				<div class="small-8 medium-6 large-4 columns mobile-logo-column">
					<?php do_action( 'thb_logo' ); ?>
				</div>
				<div class="small-2 medium-3 large-4 columns">
					<?php do_action( 'thb_secondary_area' ); ?>
				</div>
			<?php } else { ?>
				<div class="small-6 large-4 show-for-large columns">
					<?php do_action( 'thb_header_left' ); ?>
				</div>
				<div class="small-6 large-4 columns">
					<?php do_action( 'thb_logo' ); ?>
				</div>
				<div class="small-6 large-4 columns">
					<?php do_action( 'thb_secondary_area' ); ?>
				</div>
			<?php } ?>
		</div>
	</div>
	<div class="header-menu-row">
		<div class="row">
			<div class="small-12 columns">
				<div class="thb-navbar">
					<?php get_template_part( 'inc/templates/header/full-menu' ); ?>
				</div>
			</div>
		</div>
	</div>
</header>