.post-container{
	display:flex;
	flex-direction:row
}
.blog-left-side-bar{
	width:20%;
	
}
.single-post-container{
	width:60%;
	background-color:#FCF6ED ;
	padding:30px;
	border-radius:5px;
	margin:5px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
}
.blog-right-side-bar{
	width:20%;
	
}
.post-title{	
	
	font-family: "Merriweather", Georgia, "Times New Roman", serif; /* classic newspaper serif */
  font-size: 1.5rem;         /* big headline size */
  font-weight: 900;        /* very bold */
  text-transform: uppercase;
  letter-spacing: -1px;    /* tight spacing */
  line-height: 1.1;        /* compact vertical spacing */
  text-align: center;      /* newspaper style, centered */
  margin-bottom: 0.5em;
  color: #111;             /* strong black */
  border-bottom: 2px solid #111; /* underline like newspaper header */
  padding-bottom: 0.3em;
}
.post-author-bio{
	font-size:10px;
	text-align: justify;
	padding:5px;
}

.single-post-content{
	text-align: justify;
}
.single-post-content p:first-of-type::first-letter {
  float: left;
  font-size: 3.5em;     /* make it large */
  line-height: 1;       /* tighten line spacing */
  font-weight: bold;    /* optional */
  margin-right: 0.15em; /* space between drop cap and text */
  color: #333;          /* style as needed */
}

.post-author-section{
	padding:10px;
	border-radius:10px;
	border: 0.5px dotted #333;
	display:flex;
	flex-direction:row;
}
.post-author-name a{
	font-weight:bold;
	color:black;
}
.post-author-follow-login-first {
	color:#444;
	font-size:12px;
	margin-left:10px;
	text-decoration: underline;
	cursor:pointer;
}
.post-author-follow a{
	color:#f00;
	font-size:12px;
	margin-left:10px;
	text-decoration: underline;
}
.author-links{
	font-size:14px;
}

@media (max-width: 768px) {
.post-container{
	display:flex;
	flex-direction:column;
}
.single-post-container{
	width:100%;
}
.post-featured-articles{
	width:100%;
}	
}

.article-metrics {
	margin-top:20px;
	margin-bottom:5px;
	padding:5px;
    display: flex;
    gap: 1px; /* Ensures uniform spacing */
    font-size: 1rem;
    align-items: center; /* Aligns items properly */
}
.article-metrics span {  
	background-color:#ddd;
	border-radius:2px;
	padding:0px 1rem;
    gap: 2px; /* Space between icon and text */
}
.post-comments div{
	background-color:#ddd;
	padding:5px;
	border-radius:5px;
	margin:5px;
}
.fas.fa-hands-clapping {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.fas.fa-hands-clapping:active {
    transform: scale(5);
    opacity: 0.7;
}
.comment-meta a{ /*for timestamp displayed with comment*/
	color: #333;
	font-size:12px;
}
.comment-reply-link{display:none;}

.two-column-content {
  column-count: 2;
  column-gap: 2rem; /* space between columns */
}

@media (max-width: 768px) {
  .two-column-content {
    column-count: 1; /* fallback to single column on small screens */
  }
}
/*Showing images full width on small screens*/
/*@media screen and (max-width: 768px) {*/
    .single-post-content figure,
    .single-post-content figure img {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        display: block;
        margin: 1em 0;
    }
/*}*/