<?php
/**
 * The component for displaying the header justified layout
 *
 * @global $options
 * @global $header_background
 * @global $header_text
 *
 * @package Reach
 */

 $classes = (! empty($options['sticky_header']) ? 'header--sticky ' : '') . $header_text;

?>

<header id="masthead" class="header header--default <?php echo $classes?>" role="banner"
        style="background: <?php echo $header_background; ?>">
    <?php get_template_part( 'menu/header', 'utility' ); // Loads the menu/header-utility.php template. ?>

    <div class="container header__main">
        <div class="header__flex">

            <div class="header__menu-toggle" data-toggle="primary">
                <button type="button" class="screen-reader-text">menu</button>
                <div class="hamburger hamburger--arrow">
                    <span class="hamburger-box">
                        <span class="hamburger-inner"></span>
                    </span>
                </div>
            </div>

            <?php
            // Loads the components/header-branding.php template.
            get_template_part( 'components/header', 'branding' );

            // Loads the menu/primary.php template.
            get_template_part( 'menu/primary' );

            // Loads the menu/primary.php template.
            get_template_part( 'menu/mobile' );

            // Loads the components/header-call.php template.
//            get_template_part( 'components/header', 'call' );
            ?>
        </div>
    </div>
</header><!-- .header -->
