<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<a class="skip-to-content screen-reader-text" href="#main"><?php esc_html_e( 'Skip to content', 'nxt-event-planner' ); ?></a>
<div id="page" class="site">
    <header id="masthead" class="site-header">
        <div class="container">
            <div class="header-utility">
                <?php
                $nxt_event_planner_topbar_address   = get_theme_mod( 'nxt_event_planner_topbar_address', '' );
                $nxt_event_planner_instagram_url    = get_theme_mod( 'nxt_event_planner_topbar_instagram', '#' );
                $nxt_event_planner_facebook_url     = get_theme_mod( 'nxt_event_planner_topbar_facebook', '#' );
                $nxt_event_planner_youtube_url      = get_theme_mod( 'nxt_event_planner_topbar_youtube', '#' );
                ?>
                <div class="utility-location">
                    <span class="utility-location-icon" aria-hidden="true">
                        <svg viewBox="0 0 24 24" role="img" focusable="false"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z"/></svg>
                    </span>
                    <span class="utility-text">
                        <?php echo $nxt_event_planner_topbar_address ? esc_html( $nxt_event_planner_topbar_address ) : esc_html__( 'Set your address in Customizer', 'nxt-event-planner' ); ?>
                    </span>
                </div>

                <div class="utility-social" aria-label="<?php esc_attr_e( 'Social links', 'nxt-event-planner' ); ?>">
                    <?php if ( $nxt_event_planner_instagram_url ) : ?>
                        <a class="utility-social-link" href="<?php echo esc_url( $nxt_event_planner_instagram_url ); ?>" target="_blank" rel="noopener noreferrer" aria-label="<?php esc_attr_e( 'Instagram', 'nxt-event-planner' ); ?>">
                            <svg viewBox="0 0 24 24" role="img" focusable="false"><path d="M7.8 2h8.4A5.8 5.8 0 0 1 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8A5.8 5.8 0 0 1 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2Zm0 1.9A3.9 3.9 0 0 0 3.9 7.8v8.4a3.9 3.9 0 0 0 3.9 3.9h8.4a3.9 3.9 0 0 0 3.9-3.9V7.8a3.9 3.9 0 0 0-3.9-3.9Zm8.9 1.45a1.2 1.2 0 1 1-1.2 1.2 1.2 1.2 0 0 1 1.2-1.2ZM12 7a5 5 0 1 1-5 5 5 5 0 0 1 5-5Zm0 1.9A3.1 3.1 0 1 0 15.1 12 3.1 3.1 0 0 0 12 8.9Z"/></svg>
                        </a>
                    <?php endif; ?>
                    <?php if ( $nxt_event_planner_facebook_url ) : ?>
                        <a class="utility-social-link" href="<?php echo esc_url( $nxt_event_planner_facebook_url ); ?>" target="_blank" rel="noopener noreferrer" aria-label="<?php esc_attr_e( 'Facebook', 'nxt-event-planner' ); ?>">
                            <svg viewBox="0 0 24 24" role="img" focusable="false"><path d="M13.5 21v-7h2.4l.36-2.8H13.5V9.4c0-.81.22-1.36 1.39-1.36h1.49V5.53A20.5 20.5 0 0 0 14.2 5c-2.2 0-3.7 1.34-3.7 3.82v2.38H8v2.8h2.5v7Z"/></svg>
                        </a>
                    <?php endif; ?>
                    <?php if ( $nxt_event_planner_youtube_url ) : ?>
                        <a class="utility-social-link" href="<?php echo esc_url( $nxt_event_planner_youtube_url ); ?>" target="_blank" rel="noopener noreferrer" aria-label="<?php esc_attr_e( 'YouTube', 'nxt-event-planner' ); ?>">
                            <svg viewBox="0 0 24 24" role="img" focusable="false"><path d="M21.6 8.2a2.75 2.75 0 0 0-1.94-1.95C17.94 5.8 12 5.8 12 5.8s-5.94 0-7.66.45A2.75 2.75 0 0 0 2.4 8.2a28.1 28.1 0 0 0 0 7.6 2.75 2.75 0 0 0 1.94 1.95c1.72.45 7.66.45 7.66.45s5.94 0 7.66-.45a2.75 2.75 0 0 0 1.94-1.95 28.1 28.1 0 0 0 0-7.6ZM10.1 14.62V9.38L14.92 12Z"/></svg>
                        </a>
                    <?php endif; ?>
                </div>
            </div>

            <div class="header-main">
                <div class="site-branding">
                    <?php if ( function_exists( 'the_custom_logo' ) ) : ?>
                        <?php the_custom_logo(); ?>
                    <?php endif; ?>

                    <div class="site-branding-text">
                        <?php if ( is_front_page() && is_home() ) : ?>
                            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
                        <?php else : ?>
                            <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
                        <?php endif; ?>

                        <?php $nxt_event_planner_description = get_bloginfo( 'description', 'display' ); ?>
                        <?php if ( $nxt_event_planner_description || is_customize_preview() ) : ?>
                            <p class="site-description"><?php echo esc_html( $nxt_event_planner_description ); ?></p>
                        <?php endif; ?>
                    </div>
                </div>

                <nav id="site-navigation" class="main-navigation" aria-label="<?php esc_attr_e( 'Primary menu', 'nxt-event-planner' ); ?>">
                    <button id="menu-toggle" class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">
                        <span class="menu-toggle-icon"></span>
                        <span class="screen-reader-text"><?php esc_html_e( 'Toggle navigation', 'nxt-event-planner' ); ?></span>
                    </button>
                    <?php
                    wp_nav_menu(
                        array(
                            'theme_location' => 'primary',
                            'menu_id'        => 'primary-menu',
                            'menu_class'     => 'menu-wrapper',
                            'container'      => false,
                        )
                    );
                    ?>
                </nav>

                <div class="header-right-wrapper">
                    <div class="header-search">
                        <?php get_search_form(); ?>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div id="content" class="site-content" tabindex="-1">
