<?php
/**
 * The template for displaying all single posts
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package color_drop
 */
?>

<?php
get_header();
?>
<style>
	.single-header-section{
  background-color: var(--top-header-1);
  padding: 4% 0 4% 0;
	}
	.single-header-section h1{
		color: #fff !important;
	}
	ul.single-ul{
		margin-left: 0 !important;
	}
	ol.single-ol {
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
}
	ul.single-ul li{
		list-style: disc !important;
		color: #404040 !important;
		font-size: 0.8rem;
		font-family: "Poppins", sans-serif;
		margin-bottom: 8px;
	}
	p{
		color: #404040 !important;
		font-size: 0.8rem;
	}
</style>

	<!-- <main id="primary" class="site-main"> -->
 <section class="single-header-section">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<h1 class="entry-title"><?php echo the_title(); ?></h1>
			</div>
		</div>
	</div>
 </section>


	<div class="container py-5">
	<?php
	while ( have_posts() ) :
		the_post();

		// get_template_part( 'template-parts/content', get_post_type() );
		the_content();
		?>
		
		<p><strong>Publised Date: </strong>
		<?php echo get_the_date(); ?>&nbsp; &nbsp; </p> <?php// echo get_the_author_meta('display_name', get_the_author_meta());?></p>
		</p>
		<?php
		the_post_navigation(
			array(
				
				'next_text' => '<span class="nav-subtitle">' . esc_html__( 'Next:', 'color_drop' ) . '</span> <span class="nav-title">%title</span>',
				'prev_text' => '<span class="nav-subtitle">' . esc_html__( 'Previous:', 'color_drop' ) . '</span> <span class="nav-title">%title</span>',
			)
		);

		if ( comments_open() || get_comments_number() ) :
			comments_template();
		endif;
		?>
		
		
<?php 
	endwhile; 
	?>
</main>

</div>
<?php

get_footer();
?>