.category-section	{ 
	
}
.category-section h3{font-weight:bold;font-size:1.1rem;
margin:1em 0 0 .3em;
display:block !important; clear:both !important;
	
}
.category-section h4{font-size:1.5rem;font-weight:bold;
	margin:1em 0 0 .3em;
	display:block !important; clear:both !important;
	 
}
ul.comments-list{
	margin:1em;display:block !important;clear:both !important;
}
ul.comments-list p{clear:both; display:block;
	padding:0 0 .5em 1em; 
	border:1px solid;
	border-radius:.5rem;background-color:#F4F4F4;
}
ul.comments-list p > strong	 {display:block;width:90%; 
	border-bottom:1px solid;
	margin:1em 0 0 .3em; margin-bottom:.5rem;
  
}
ul.comments-list p > strong:before	 { 
content:" ";
          display: inline-block;
        vertical-align: middle;
        width:1.2em;
        padding-right:.5em;
    }

}

.post-footer a {
  
}

.post-footer a:hover {
   
}

.post-navigation .nav-link {
    color: #333;
}

.post-navigation .nav-previous, .post-navigation .nav-next {
    display: inline-block;
    margin: 0 10px;
}

.entry-title a {
    color: #333;
    text-decoration: none;
}

.entry-title a:hover {
    text-decoration: underline;
}


.post-navigation {
    display: flex;                 /* Enable Flexbox */
    justify-content: space-between; /* Position items at the far left and right */
    width: 80%;                    /* Set the width to 80% */
    margin: 0 auto;                /* Center the container horizontally */
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    display: flex;
    align-items: center;           /* Vertically center the content */
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    display: block;
    padding: 10px 15px;            /* Add some padding around the links */
    font-size: 1rem;               /* Set font size */
    text-decoration: none;         /* Remove underline from the links */
    color: #333;                   /* Set text color */
    background-color: #f7f7f7;     /* Add background color */
    border-radius: 5px;            /* Add rounded corners */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
    background-color: #0073aa;     /* Change background color on hover */
    color: #fff;                   /* Change text color on hover */
}

.post-navigation .nav-previous a {
    margin-right: auto;            /* Push the "Previous" link to the far left */
}

.post-navigation .nav-next a {
    margin-left: auto;             /* Push the "Next" link to the far right */
}