<!DOCTYPE html>
<html <?php language_attributes(); ?>>
  <head>
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <?php wp_head(); ?>
  </head>
<body <?php body_class(); ?>>
<?php $at_sitewidth = get_theme_mod( 'at_setting__sitelayout', 'wide' ); ?>
<div class="at-sitecontainer at-sitecontainer--<?php echo esc_html( $at_sitewidth ) ;?>">

<?php $at_stickynav = get_theme_mod('at_setting__stickynav','0'); ?>
<header class="site-header <?php if ($at_stickynav == "1") echo 'at-stickynav'; ?>">

 <div class="at-container">

  <?php if ( has_custom_logo() ) : ?>
    <div class="site-header__logowrap">

        <?php echo get_custom_logo(); ?>

    </div>
  <?php else: 

  $at_url = home_url();
?>
    <!-- Default Logo -->
    <div class="site-header__logowrap">
      <a href="<?php echo esc_url( $at_url ); ?>">
        <img src="<?php echo get_template_directory_uri() . '/img/logo.png' ?>" alt="" />
      </a>
    </div>
  <?php endif; ?>





   <?php if ( has_nav_menu( 'nav-site-header' ) ) : ?>
  <nav class="site-header__nav">
    
   <button id="at-navtoggle" class="nav-header__mtoggle"><span><?php esc_html_e('Menu','motivate') ?></span></button>
    <?php wp_nav_menu( array(
      'theme_location' => 'nav-site-header',
      'menu_class' => 'nav-header__menuwrapper', 
      'container' => false,
      'container_id' => false, 
      'container_class' => false,
      'depth' => 2,
      )
    ); ?>   

  </nav>

<?php endif; ?>

</div> 
</header>