<?php 

// initialize header class
$header = new UT_Header_Class();

// create placeholder if necessary
$header->create_header_placeholder(); ?>

<header id="header-section" data-style="<?php echo esc_attr( $header->style ); ?>" data-primary-skin="<?php echo esc_attr( $header->header_primary_skin_data() ); ?>" data-secondary-skin="<?php echo esc_attr( $header->header_secondary_skin_data() ); ?>" class="<?php echo esc_attr( $header->header_class() ); ?>" data-line-height="<?php echo esc_attr( $header->header_data_lineheight() ); ?>" data-total-height="<?php echo esc_attr( $header->header_data_totalheight() ); ?>" data-scrolldepth="<?php echo esc_attr( $header->header_data_scrolldepth() ); ?>" data-separator="on">
     
	<?php $header->create_top_header(); ?>
    
    <div class="grid-container hide-on-tablet hide-on-mobile">
        
        <div class="site-logo-wrap grid-15 tablet-grid-80 <?php echo esc_attr( $header->site_logo_mobile_grid() ); ?> <?php echo esc_attr( $header->site_logo_flush_class() ); ?>">

            <?php echo ut_safe_output( $header->create_site_logo('ut-logo-has-img') ); ?>

        </div>
        
        <div class="grid-85 hide-on-tablet hide-on-mobile grid-parent">
        
            <div id="header-section-upper-area">

                <div class="ha-header-perspective clearfix">

                    <div class="ha-header-front ha-header-front-upper clearfix">

                        <div class="ut-header-extra-module ut-header-primary-extra-module <?php echo esc_attr($header->extra_modul_class('primary')); ?> ut-header-extra-module-small ut-header-extra-module-<?php echo ut_return_header_config( 'ut_header_primary_toolbar_style', 'plain' ); ?> grid-50 hide-on-tablet hide-on-mobile">

                            <?php $header->create_primary_header_extra(); ?>

                        </div>

                        <div class="ut-header-secondary-extra-module ut-header-extra-module <?php echo esc_attr( $header->extra_modul_class('secondary') ); ?> ut-header-extra-module-right ut-header-extra-module-small <?php echo esc_attr( $header->extra_modul_flush_class() ); ?> grid-50 hide-on-tablet hide-on-mobile">

                            <?php $header->create_secondary_header_extra(); ?>

                        </div>

                    </div>

                </div>	

            </div>
            
            <?php $header->create_header_area_separator(); ?>
            
            <div id="header-section-lower-area" class="hide-on-tablet hide-on-mobile">

                <div class="ha-header-perspective clearfix">

                    <div class="ha-header-front ha-header-front-lower clearfix">

                        <?php $header->primary_navigation(); ?>	

                        <div class="ut-header-tertiary-extra-module ut-header-extra-module <?php echo esc_attr( $header->extra_modul_class('tertiary') ); ?> ut-header-extra-module-right ut-header-extra-module-small <?php echo esc_attr( $header->extra_modul_flush_class() ); ?> grid-20 hide-on-tablet hide-on-mobile">

                            <?php $header->create_tertiary_header_extra(); ?>

                        </div>

                    </div>	

                </div>	

            </div>
            
        </div>    
        
    </div>
    
    <div class="grid-container hide-on-desktop">
               
        <div class="ha-header-perspective clearfix">

            <div class="ha-header-front clearfix">
                
                <div class="site-logo-wrap tablet-grid-80 <?php echo esc_attr( $header->site_logo_mobile_grid() ); ?> <?php echo esc_attr( $header->site_logo_flush_class() ); ?>">
                
                    <?php echo ut_safe_output( $header->create_site_logo() ); ?>
                
                </div>    
                    
                <?php get_template_part( 'partials/navigation/nav', 'mobile' ); ?>
                
            </div>
    
        </div>    
    
    </div>
    
    
</header>