* {
    font-size: 1em;
    font-family: Playfair;
    font-stretch: condensed;
}

/*==============================================================================
BLOG HOME PAGE
==============================================================================*/

.blog-home-page-head h1{
    color: #4141a8; 
    font-weight: bold;
}

.blog-home-page-head {
    display: flex!important;
    justify-content: space-between!important;
    align-items: center!important;
}

.blog-home-page-head .nav {
    display: flex;
}

.blog-home-page-head .topic-buttons {
    padding: 0;
    margin-bottom: 0;
    margin-left: .5rem;
}


.blog-home-page-head .topic-buttons a {
    padding: 5px 8px;
}

.blog-home-page-head .topic-buttons a:hover {
    background-color: #f77e0b;
}

.author-and-time small {
    color: #8181b9;
    font-size: 1.5em;
    font-weight: bold;
}

.blog-home-post-content {
    display:flex; 
    flex-direction: column; 
    justify-content: space-between; 
    height: 300px;
}

.blog-home-post-content .subtext-header-post {
    display:flex; 
    justify-content: space-between; 
    align-items: center
}

.blog-home-post-content .subtext-header-post > div {
    display:flex; 
    align-items: center; 
    font-size: 1rem
}

.blog-home-post-content .post-footer {
    display: flex; 
    border-top: 1px solid #00000044; 
    margin-top: 1rem; 
    padding-top: .5rem;
}

.blog-home-post-content .post-footer small {
    font-size: 1em; 
    font-weight: bold;
}

.blog-home-post-content .post-footer > small {
    margin-right: 1rem;
}

.blog-home-individual-post .row .post-link img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.blog-home-individual-post .row .col-lg-5 {
    height: 300px;
    text-align: center;
}

.blog-home-name-pill, .single-post-name-pill {
    background-color: #f77e0b!important;
    height: 40px!important;
    width: 40px!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    font-size: 2.5em!important;
    border-radius: 50%;
    margin-right: .5em;
}

.blog-home-individual-post {
    margin-bottom: 2em;
}

.blog-home-post-title, .single-post-title, .recent-article-single-post-title {
    color: #4141a8;
    font-weight: bold;
}

.share-menu ul li i {
    margin-right: .5rem;
    width: 20px;
}

.share-menu ul li a:hover {
    background-image: none!important;
    background-color: #f77e0b!important;
    color: #fff;
}

.post-footer {
    display: flex;
    justify-content: space-between;
}

.post-footer .text-muted.like:hover {
    color: #f77e0b;
    cursor: pointer;
}

.fas.fa-ellipsis-v {
    padding-left: .4em;
    padding-right: .1em;
    cursor: pointer;
}

/*==============================================================================
BLOG SINGLE POST PAGES
==============================================================================*/

.single-post .subtext-header-post {
    display:flex; 
    justify-content: space-between; 
    align-items: center
}

.single-post .subtext-header-post>div {
    display:flex; align-items: center; font-size: 1rem
}

.single-post .subtext-header-post .single-post-name-pill {
    display:flex; 
    justify-content: center; 
    align-items: center ; 
    font-size: 1rem;
}

.topic-buttons {
    border-color: #f77e0b;
    margin-bottom: 1rem;
}

.topic-buttons a {
    text-decoration: none;
    color: #f77e0b;
    font-size: 1em;
    font-weight: bold;
}

.topic-buttons:hover {
    background-color: #f77e0b;
    color: white;
    border-color: #f77e0b;
}

.topic-buttons:hover a{
    color: white;
}

.share-links {
    margin-top: 2em;
}

.share-links i{
    color: #f77e0b;
    font-size: 1em;
    margin-right: 1rem;
}

.share-links a {
    text-decoration: none;
    color: #f77e0b;
    padding: .5em 1em;
    border: 1px solid #f77e0b;
    border-radius: 50px;
    margin-right: 1em;
    font-weight: bold;
}

.share-links a:hover, .share-links a:active, .share-links a:hover i, .share-links a:focus i{
    text-decoration: none;
    color: #ffffff;
    background-color: #f77e0b;
    
}

.single-post-title {
    font-size: 3.5em;
    margin-bottom: .5em;
    text-align: justify;
}

.recent-article-single-post-title {
    font-size: 1.5em;
    
}

.single-post-body-div p{
    font-size: 1.5em;
    color: #15152F;
}

.single-post-body-div h3 strong{
    font-size: 1.5rem;
    line-height: 2;
    color: #4141a8;
}

.single-post-body-div p {
    margin-bottom: 1em;
}

.single-post-body-div ol li,  .single-post-body-div ul li{
    font-size: 1.5em;
}





.blog-home-post-info {
    font-size: 1.5em;
    color: #15152F;
}

.post-title {
    font-weight: bold;
}

.single-post-abstract {
    font-size: 1.2em;
    color: #8181b9;
}

.post-link {
    text-decoration: none;
    color: black!important;
}

.post-link:hover, .post-link:active, .post-link:focus {
    text-decoration: none!important;
}

.home-page-post-content {
    display: flex;
}

.banner {
	margin: 0px auto;
	min-height: 500px;
	color: white;
	background-image: url('../images/banner.jpg');
	background-size:  cover;
	background-position: bottom;
	display: flex;
	align-items: center;
}

.banner .banner-text {
    display: flex;
    justify-content: flex-end;
    text-align: center;
    
}

.banner .banner-text h1 {
    font-size: 6rem;
    font-weight: bold;
}

@media screen and (max-width: 790px) {
    .blog-home-page-head {
        flex-direction: column;
    }
    
    .blog-home-page-head .nav {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .blog-home-page-head .topic-buttons {
        margin-bottom: 1em;
    }
    
    .single-post-title {
        font-size: 1.5em;
    }
    
    .sl_button {
        width: 50%!important;
    }
    
    .blog-home-post-content {
        height: auto!important;
        margin-top: 1em;
    }
    
    .banner {
        background-position: 90% 75%;
    }
    
    .share-links {
        display: flex;
        flex-wrap: wrap;
    }
    
    .share-links a {
        margin-bottom: 1em;
    }

}


/*==============================================================================
COMMENTS AND REPLIES SECTION
==============================================================================*/


/*comments*/
.comments-section { margin-top: 10px; border: 1px solid #ccc; }
.comment { margin-bottom: 10px; }
.comment .comment-name { font-weight: bold; }
.comment .comment-date {
	font-style: italic;
	font-size: 0.8em;
}
.comment .reply-btn, .edit-btn { font-size: 0.8em; }
#submit_comment, .submit-reply {
    margin-top: 0;
    background-color: transparent;
    border: 1px solid #f77e0b;
    color: #f77e0b;
    font-weight: bold;
}

#submit_comment:hover, .submit-reply:hover, #submit_comment:active, .submit-reply:active, #submit_comment:focus, .submit-reply:focus {
    background-color: #f77e0b;
    border: 1px solid #f77e0b;
    color: #ffffff;
    outline: none;
}

.comment-details { width: 91.5%; float: left; }
.comment-details p { margin-bottom: 0px; }
.comment .profile_pic {
	width: 35px;
	height: 35px;
	margin-right: 5px;
	float: left;
	border-radius: 50%;
}
/*replies*/
.reply { margin-left: 30px; }
.reply_form {
	margin-left: 40px;
	display: none;
}
#comment_form { margin-top: 10px; }

#comment_form #name, .reply_form #name {
    height: 34px;
}

#comment_form #comment_text {
    height: auto;
}

#comment_form #name, #comment_form #comment_text, .reply_form #name, .reply_form #reply_text {
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: left;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    padding: .5em;
}