#nonhome {padding: 0;}
.main-con { display: flex; margin: 3rem 0;justify-content: space-between; align-items: flex-start;}
.sidebart {width: 27%;}
.single-con { width: 70%; }
#blog-single-banner{height:60vh;overflow:hidden;display:flex;align-items:center;background:#c3c3c366;position:relative}
.featured-image img{border-radius:unset;height:100%;object-fit:cover}
#blog-single-banner .featured-image {width: 50%;}
.single-sidebar{display:flex;justify-content:space-around;flex-direction:column;padding:0 45px;box-sizing:border-box;color:var(--whiteColor);width:100%}
.related-post-con a { color: var(--whiteColor);}
.single-title{color:var(--whiteColor);}
.related-post{position:relative;margin:0 0 33px}.related-post::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);border-radius:var(--bRadious)}.related-post .featured-image img{border-radius:var(--bRadious)}.related-content{position:absolute;bottom:45px;left:0;width:100%;height:auto;padding:0 20px;z-index:1;box-sizing:border-box}.related-content h2,.related-content p{color:var(--whiteColor)}
.entry-content{width:100%;}.related-post-con{width:30%}.f-top{position:relative;display:flex;gap:16px;color:var(--bgColor)}.related-content h2{font-size:22px;line-height:1.3em}.f-top::after{content:'';position:absolute;top:50%;left:13%;width:2px;height:72%;background:var(--bgColor);transform:translateY(-50%)}
.featured-image img { border-radius: 1rem; }
.featured-image { margin: 0 0 1rem; }
.tag { display: flex; gap: 1rem; }


#respond { margin: 3rem 0 0; }
#respond span { font-family: var(--secFont); font-size: 1.1rem; }
#respond h3 { margin: 0 0 1rem; font-weight: 500; font-size: 1.2rem; color: #000; }
#respond textarea { width: 100%; border-radius: 1rem; border: none; padding: 1rem;font-size: 1.1rem; background: #F8F8F8; color: #4A4A4A; min-height: 200px; }

/* Comment Form Layout */
.comment-form-group { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.comment-form-field { width: 48%; }
.comment-form-field input { width: 100%; padding: 1.2rem 1.5rem; border-radius: 50px; border: none; background: #F8F8F8; color: #4A4A4A; font-size: 1rem; }
.comment-form-comment { margin-bottom: 1rem; }
.comment-form-cookies-consent { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 2rem; color: #4A4A4A; }
#comments { margin: 5rem 0 0; }

#respond .submit {     border: none;     }
.comment-list footer::after {all: unset;}

/* Share Buttons */
.btm_blog_info { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin: 3rem 0 0;align-items: center;}
.share { display: flex; align-items: center; gap: .8rem; }
.share-label { font-weight: 800; color: #000; font-family: var(--secFont);}
.share-list { display: flex; gap: .8rem; align-items: center; list-style: none; margin: 0; padding: 0; }
.share-btn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; }
.share-btn.fb { background: #1877F2; }
.share-btn.tw { background: #1DA1F2; }
.share-btn.pin { background: #BD081C; }
.share-btn.in { background: #0A66C2; }
.share-btn svg { display: block; }

/* Comment List Styling */
.comment-list { list-style: none; padding: 0; margin: 0; }
.comment-list li { margin-bottom: 2rem; }
.comment-body { background: #BDBDBD30; border-radius: 1rem; padding: 2rem; position: relative; display: flex; flex-wrap: wrap; gap: 1.5rem; }

.comment-body .comment-author .avatar { border-radius: 50%; width: 80px; height: 80px; object-fit: cover; }
.comment-meta { margin-bottom: 1rem; padding: 0;}
.comment-author cite { font-style: normal; font-weight: 800; text-transform: uppercase; font-size: 1.1rem; color: #000; display: block; margin-bottom: 0.2rem; }
.comment-metadata { margin: 0; }
.comment-metadata a { color: var(--priColor); font-weight: 600; font-size: 0.9rem; text-decoration: none; }


.comment-content { width: 100%; padding-left: 6.5rem; margin-top: -2.5rem; /* Pull up to align with text */ color: #4A4A4A; line-height: 1.6; }
.reply { position: absolute; top: 2rem; right: 2rem; }
.comment-reply-link { color: #000; font-weight: 700; text-decoration: none; font-size: 1rem; }
.comment-reply-link:hover { text-decoration: underline; }

/* Children (nested replies) */
.children { list-style: none; margin: 0 0 0 3rem; padding: 0; } .children > li { margin-top: 1rem; }
.children .comment-body { background: #BDBDBD30; border-radius: 1rem; padding: 1.75rem; position: relative; }
.children .comment-content { padding-left: 6.5rem; margin-top: -2.2rem; }
.children .reply { top: 1.75rem; right: 1.75rem; }
#reply-title { display: flex; gap: 1rem; }

/* Sidebar */
.sidebar { width: 27%; display: flex;flex-wrap: wrap;background: #BDBDBD26;border-radius: .7rem;padding: 1.7rem 1rem;gap: 4rem; position: sticky; bottom: 2rem; align-self: flex-end; height: fit-content; }
.sidebar section{ position: relative;}
.sidebar section::after { content: ''; position: absolute; bottom: -19%; left: 0; width: 100%; height: 2px; background: var(--borderColor); border-radius: var(--radious); }
.sidebar section:nth-child(1)::after { bottom: -74%; height: 1px; }
.sidebar section:nth-child(3)::after { bottom: -8%; height: 1px;}
.sidebar section:last-child::after { all: unset;}

.category-list { display: flex; flex-wrap: wrap; gap: 1rem; }
.category-list li { display: flex; justify-content: space-between; padding: .2rem 1rem;border-radius: 6.5rem;overflow: hidden; width: 100%;align-items: center;background: var(--whiteColor);}
.category-list span { font-family: var(--secFont); color: var(--priColor); font-size: 1.17rem;}
.category-list a { font-size: 1.1rem; color: var(--textColor); font-weight: 500;}
.search-btn { height: 100% !important; border-radius: 50px !important; right: 0 !important; position: absolute !important; border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}
.search-container {width: 100% !important;}
.expanded .search-icon {fill: var(--whiteColor) !important;}
.btm_blog_info h3 { margin: 0; }
.ads_img { position: relative;}
.ads_img img { border-radius: 1rem;  position: relative;}
.ads_info { position: absolute; top: 10%; left: 50%; transform: translateX(-50%); width: 75%;}
.ads_info h3 { color: var(--whiteColor);}
.ads_info a { margin: 0; }
.search-container.expanded {overflow: visible;}

.tag-list { display: flex; gap: 1rem; flex-wrap: wrap; }
.tag-list a { color: #4A4A4A9C; font-weight: 500; font-size: 1rem; border: 1px solid var(--borderColor); padding: .5rem 1rem; border-radius: 10rem; }



@media (max-width: 1919px) {
  .main-con { margin: 3rem 0 0 !important; }
}

@media (max-width: 1500px) {
    .sidebar { align-self: flex-start; }
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .comment-content { padding-left: 0; margin-top: 0; }
    .comment-body { flex-direction: column; gap: 1rem; }
    .children .comment-content { padding-left: 0; margin-top: 0; }
    .sidebar { width: 100%; position: relative; }
    .main-con { flex-direction: column; gap: 6rem; }
    .single-con { width: 100%; }
    .sidebar section { width: 100%; }
    .ads_img img { height: 30rem; object-fit: cover; width: 100%; }

}