<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="top">
<div class="container top-navbar">
<div class="d-flex justify-content-sm-center justify-content-md-end">
<nav class="navbar navbar-expand navbar-dark text-muted p-0">
<?php
wp_nav_menu( array(
'theme_location' => 'top',
'menu_id' => 'top-nav',
'menu_class' => 'navbar-nav text-center',
'container' => false,
'depth' => 0,
'fallback_cb' => false,
'walker' => new WP_Bootstrap_Navwalker()
));
?>
</nav>
</div>
</div>
</div>
<header id="masthead" class="masthead site-header sticky-top" role="banner">
<div class="container">
<nav class="navbar navbar-expand-xl navbar-dark">
<button class="navbar-toggler m-0" type="button" data-bs-toggle="collapse" data-bs-target=".navbars-collapse" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-brand mx-auto">
<a class="site-title" href="<?php echo esc_url( home_url( '/' )); ?>">
<span class="logo-firstline">Hospice & Palliative</span>
<span class="logo-img"><img src="<?php echo get_template_directory_uri(); ?>/img/dove-white.png"/></span>
<span class="logo-secondline">Care</span>
<span class="logo-byline">of the Peidmont</span>
</a>
</div>
<?php wp_nav_menu(array(
'theme_location' => 'primary',
'container' => 'div',
'container_id' => 'navbar',
'container_class' => 'collapse navbar-collapse navbars-collapse justify-content-end',
'menu_id' => false,
'menu_class' => 'navbar-nav',
'depth' => 3,
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new WP_Bootstrap_Navwalker()
)); ?>
</nav>
</div>
</header>