<?php get_header(); ?>
<style>
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap');
</style>
	<main role="main">
    <?php $backgroundImg = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );?>
		<div class="header-wrap" style="background: linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.4)), url('<?php echo $backgroundImg[0]; ?>') no-repeat top center; min-height: 380px; padding-top: 20%; background-size: cover;">
        <div class="container"><div class="row"><div class="col-lg-12 align-self-baseline">
        <h3 class="entry-title text-white"><?php the_title(); ?></h3>
        <?php
            if ( function_exists('yoast_breadcrumb') ) {
                yoast_breadcrumb( '<p id=“breadcrumbs”>','</p><p>' );
            }
        ?>
        </div></div></div>
    </div>
	    <section class="services section-bg">
            <div class="container servpages pt-5">
	        <div class="row">
	            <div class="col-lg-8 gblog">
	            
				<?php if (have_posts()): while (have_posts()) : the_post(); ?>

		<!-- article -->
		<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

			<!-- post thumbnail -->
			<?php if ( has_post_thumbnail()) : // Check if Thumbnail exists ?>
				<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
					<?php the_post_thumbnail(); // Fullsize image for the single post ?>
				</a>
			<?php endif; ?>
			<!-- /post thumbnail -->
			 
			<div class="kipya-blog-meta">
        		<span class="date"><i class="bi bi-clock-fill"></i> <?php the_time('F j, Y'); ?> </span> &nbsp;&nbsp;
        		<span class="author"><i class="bi bi-person-fill"></i> <?php _e( 'By', 'html5blank' ); ?> <?php the_author(); ?></span>
        		 &nbsp;&nbsp;
        		<span class="author"><i class="bi bi-bookmarks-fill"></i> <?php the_category(', '); // Separated by commas ?></span>
                </div>
            <!-- post title -->
	             
			<h1 class="pb-3">
				<?php the_title(); ?>
			</h1>
			<!-- /post title -->
			<?php the_content(); // Dynamic Content ?>
			
				<?php the_tags( __( 'Tags: ', 'html5blank' ), ', ', '<br>'); // Separated by commas with a line break at the end ?>
			<?php edit_post_link(); // Always handy to have Edit Post Links available ?>

		

		</article>
		<!-- /article -->

	<?php endwhile; ?>

	<?php else: ?>

		<!-- article -->
		<article>

			<h1><?php _e( 'Sorry, nothing to display.', 'html5blank' ); ?></h1>

		</article>
		<!-- /article -->

	<?php endif; ?>

			
	            </div>
	            <div class="col-lg-4 psidebar">
	                <?php get_sidebar(); ?>
	            </div>
	        </div>
	    </div>

	</main>



<?php get_footer(); ?>
