<?php

if( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<article id="title-image-content" itemscope itemtype="http://schema.org/NewsArticle" <?php post_class(); ?>>
            
            <meta itemscope itemprop="mainEntityOfPage"  itemType="https://schema.org/WebPage" itemid="<?php the_permalink() ?>"/>

<?php if ( has_post_thumbnail() ) : ?>
            <header id="title-and-image" style="background-image: url(<?php the_post_thumbnail_url('semper_fi_lite_1920x1080'); ?>);">
                
                <div itemprop="image" itemscope itemtype="https://schema.org/ImageObject">

                    <meta itemprop="url" content="<?php echo the_post_thumbnail_url( 'semper_fi_lite_1920x1080' ); ?>">

                    <meta itemprop="width" content="<?php $semper_fi_lite_featured_image_data = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ), 'semper_fi_lite_850x478' ); $semper_fi_lite_featured_image_width = $semper_fi_lite_featured_image_data[1]; echo absint( $semper_fi_lite_featured_image_width ); ?>">

                    <meta itemprop="height" content="<?php $semper_fi_lite_featured_image_width = $semper_fi_lite_featured_image_data[2]; echo absint( $semper_fi_lite_featured_image_width ); ?>">
                    
                </div>
<?php else : ?>
            <header id="title-and-image">
                
<?php endif; ?>
                <h2 class='header-text' itemprop="headline"><?php the_title(); ?></h2>
            
            </header>
            
            <main id="the-article" itemprop="articleBody" style="background-image:url(<?php semper_fi_lite_image( 'main_background_img_1' , '/inc/single/images/eeeeee-mouse-chocolate-lab-tennis-ball-300x300.jpg' , 300 , 300 ); ?>);" >
                
                <?php do_action( 'semper_fi_lite_content_data' ); ?>
                
                <?php the_content(); ?>

                <?php wp_link_pages( array('before' => esc_html__( '<p>Pages: ' , 'semper-fi-lite' ) , 'after' => '</p>') ); ?>
            
            </main>
    
<?php do_action('semper_fi_lite_categories_and_tags_single');

comments_template();
    
endwhile; ?>
            
            <?php if ( is_customize_preview() ) echo '<div class="customizer"></div>'; ?>

        </article>

<?php endif;