<?php
/**
 * The header for our theme
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package United Blog
 */
?>
<!doctype html>
<html <?php language_attributes();  united_blog_dark_mode();?>>
<head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>


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

<?php if (united_blog_get_option('enable_preloader_option') == 1) { ?>
    <div id="united-preloader" class="preloader">
        <div class="layer"></div>
        <div class="layer"></div>
        <div class="layer"></div>
        <div class="layer"></div>
        <div class="inner">
            <figure class="animateFadeInUp">
                <div class="load-spinner"></div>
            </figure>
        </div>
        <!-- end inner -->
    </div>
    <!-- end preloader -->
    <div class="transition-overlay">
        <div class="layer"></div>
        <div class="layer"></div>
        <div class="layer"></div>
        <div class="layer"></div>
    </div>
    <!-- end transition-overlay -->
<?php } ?>

<?php if (united_blog_get_option('enable_cursor_option') == 1) { ?>
    <div class="theme-custom-cursor theme-cursor-primary"></div>
    <div class="theme-custom-cursor theme-cursor-secondary"></div>
<?php } ?>

<?php
/**
 * The united_blog_site_before hook.
 *
 * @since 1.0.0
 */
do_action('united_blog_site_before');

?>

<div id="page" class="site">

    <?php if (united_blog_get_option('enable_grid_line_option') == 1) { ?>
        <div class="grid-lines">
            <div class="grid-line-1"></div>
            <div class="grid-line-2"></div>
            <div class="grid-line-3"></div>
            <div class="grid-line-4"></div>
            <div class="grid-line-5"></div>
        </div>
    <?php } ?>

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

    <?php
    /**
     * The united_blog_header_before hook.
     *
     * @since 1.0.0
     */
    do_action('united_blog_header_before');
    ?>

    <?php get_template_part('template-parts/header'); ?>

    <?php
    /**
     * The united_blog_header_after hook.
     *
     * @since 1.0.0
     */
    do_action('united_blog_header_after');
    ?>

    <div id="content" class="site-content">


