<?php
/**
 * The header for our theme including the navigation and the photo header
 *
 * @package ClubFitness
 */

?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="profile" href="http://gmpg.org/xfn/11">
<?php if ( is_singular() && pings_open() ) : ?>
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php endif; ?>
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<?php
if ( function_exists( 'wp_body_open' ) ) {
	wp_body_open();
}
?>

<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'clubfitness' ); ?></a>

<nav class="navbar navbar-expand-xs navbar-dark fixed-top">
	<button class="navbar-toggler position-absolute border-0 rounded-circle collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
		<span class="navbar-toggler-line position-relative mb-1 bg-white rounded"></span>
		<span class="navbar-toggler-line position-relative mb-1 bg-white rounded"></span>
		<span class="navbar-toggler-line position-relative bg-white rounded"></span>
	</button>
	<div class="collapse navbar-collapse h-100 position-fixed" id="navbarSupportedContent">
		<?php clubfitness_bootstrap_menu(); ?>
	</div>
</nav>
