/*
Theme Name: Pahali Khabar
Author: Rakesh Kumar
Version: 1.0
*/

*{
margin:0;
padding:0;
box-sizing:border-box;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');

body{
font-family:'Noto Sans Devanagari',sans-serif;
background:#f3f3f3;
color:#111;
font-size:18px;
line-height:1.8;
}

ins.adsbygoogle{
max-width:100% !important;
overflow:hidden !important;
}

.container{
width:100%;
max-width:1200px;
margin:auto;
padding:0 15px;
}

/* HEADER */

.main-header{
background:#111;
border-bottom:2px solid #e50914;
position:sticky;
top:0;
z-index:99999;
}

.header-container{
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
padding:15px;
gap:20px;
position:relative;
}

.site-logo img{
max-height:70px;
width:auto;
}

.site-logo{
width:220px;
flex-shrink:0;
}

.site-logo h1{
font-size:42px;
color:red;
}

.main-menu{
flex:1;
display:flex;
justify-content:center;
}

.main-menu ul{
display:flex;
justify-content:center;
align-items:center;
list-style:none;
gap:30px;
}

.main-menu a{
text-decoration:none;
color:#fff;
font-size:18px;
font-weight:600;
transition:0.3s;
}

.main-menu a:hover{
color:#e50914;
}

.search-icon{
font-size:22px;
width:50px;
text-align:right;
color:#fff;
}

.breaking-news{
display:flex;
align-items:center;
background:#e60000;
height:45px;
margin:15px 0;
overflow:hidden;
}

.breaking-label{
background:#b80000;
color:#fff;
padding:0 15px;
font-weight:bold;
height:45px;
line-height:45px;
white-space:nowrap;
}

.ticker-wrap{
flex:1;
overflow:hidden;
position:relative;
height:45px;
}

.ticker{
position:absolute;
left:0;
top:0;
white-space:nowrap;
line-height:45px;
color:#fff;
font-weight:600;
animation:scrollnews 60s linear infinite;
}

@keyframes scrollnews{
0%{
transform:translateX(100%);
}
100%{
transform:translateX(-100%);
}
}

/* MAIN SECTION */

.home-layout{
display:flex;
gap:20px;
}

.left-area{
width:72%;
}

.sidebar{
width:28%;
background:#fff;
padding:15px;
border:1px solid #ddd;
}

/* FEATURED POST */

.featured-post{
position:relative;
overflow:hidden;
background:#fff;
}

.featured-post img{
width:100%;
height:500px;
object-fit:cover;
display:block;
}

.featured-post h2{
position:absolute;
left:0;
right:0;
bottom:0;
background:rgba(0,0,0,.8);
color:#fff;
padding:15px;
font-size:20px;
line-height:1.4;
}

.featured-post a{
text-decoration:none;
}

/* NEWS GRID */

.post-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-top:10px;
}

.news-box{
display:flex;
gap:10px;
background:#fff;
border:1px solid #ddd;
padding:10px;
align-items:center;
}

.news-box img{
width:100px;
height:70px;
object-fit:cover;
}

.news-box a{
font-size:16px;
font-weight:600;
color:#111;
text-decoration:none;
line-height:1.4;
}

/* SIDEBAR */

.sidebar-title{
background:#e60000;
color:#fff;
padding:10px;
font-size:22px;
font-weight:bold;
}

.sidebar-post{
background:#fff;
border-bottom:1px solid #ddd;
padding:12px;
}

.sidebar-post a{
text-decoration:none;
color:#111;
font-size:16px;
line-height:1.5;
}

/* FOOTER */

footer{
background:#111;
color:#fff;
padding:35px 20px;
margin-top:30px;
text-align:center;
border-top:4px solid #e60000;
}

footer p{
font-size:15px;
margin:0;
letter-spacing:0.5px;
}

/* ADVANCED FOOTER */

.site-footer{
background:#111;
color:#fff;
padding:40px 0 20px;
margin-top:30px;
border-top:4px solid #e60000;
}

.footer-container{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
gap:80px;
padding:0 30px;
}

.footer-col h3{
font-size:28px;
margin-bottom:20px;
font-weight:700;
color:#fff;
}

.footer-col ul li{
margin-bottom:14px;
}

.footer-col ul li a{
font-size:17px;
color:#ddd;
text-decoration:none;
}

.footer-col ul li a:hover{
color:#ff2b2b;
}

.footer-copy{
text-align:center;
margin-top:35px;
padding-top:20px;
border-top:1px solid #333;
color:#999;
font-size:15px;
}

.social-icons{
margin-top:20px;
display:flex;
flex-direction:column;
gap:10px;
}

.social-icons a{
color:#ddd;
text-decoration:none;
font-size:16px;
}

.social-icons a:hover{
color:#ff2b2b;
}

/* Search Box */

#search-box{
display:none;
position:absolute;
top:70px;
right:10px;
background:#fff;
padding:10px;
border-radius:5px;
box-shadow:0 0 10px rgba(0,0,0,.2);
z-index:99999;
width:300px;
max-width:90%;
}

#search-box form{
    margin:0;
}

#search-box input[type="search"]{
width:100%;
padding:10px;
border:1px solid #ddd;
border-radius:4px;
}

.search-icon a{
    color:#fff;
    text-decoration:none;
    font-size:22px;
}

.search-icon a:hover{
    color:#e50914;
}
	
/* Footer CSS */
.footer-copy{
text-align:center;
padding:15px;
}

/* Page Content CSS */

.page-content{
    font-size:18px;
    line-height:1.8;
    color:#222;
}

.page-content p{
    margin-bottom:15px;
}

.category-section{
    max-width:1200px;
    margin:40px auto;
}

.section-title{
    background:#e50914;
    color:#fff;
    padding:10px 15px;
    font-size:24px;
    margin-bottom:20px;
}

.category-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}

.category-post img{
    width:100%;
    height:180px;
    object-fit:cover;
}

.category-post a{
text-decoration:none;
color:#111;
font-weight:600;
}

.category-post h3{
margin-top:8px;
font-size:15px;
line-height:1.5;
}

.mobile-menu-btn{
display:none;
font-size:28px;
color:#fff;
cursor:pointer;
}

.single-post{
max-width:1200px;
margin:auto;
background:#fff;
padding:25px;
border-radius:8px;
box-shadow:0 1px 8px rgba(0,0,0,.08);
border:1px solid #eaeaea;
}

.single-post h2{
font-size:30px;
font-weight:700;
line-height:1.4;
margin:35px 0 20px;
padding-left:12px;
border-left:5px solid #e60000;
}

.single-post p{
font-size:18px;
line-height:1.9;
margin-bottom:20px;
color:#222;
}

.single-post ul{
padding-left:30px;
margin:15px 0 20px;
list-style-position:inside;
}

.single-post li{
margin-bottom:8px;
font-size:19px;
line-height:1.8;
}

.single-featured-image img{
border-radius:10px;
box-shadow:0 2px 10px rgba(0,0,0,.15);
}

.ez-toc-container{
background:#fff;
border:1px solid #ddd;
border-radius:8px;
margin:25px 0;
}

.single-post h1{
font-size:38px;
line-height:1.3;
font-weight:700;
margin-bottom:20px;
letter-spacing:-0.5px;
}

.post-meta{
font-size:15px;
color:#666;
margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px solid #eee;
}

.post-author{
    font-weight:600;
}

.post-content img,
.entry-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
}

@media only screen and (max-width:768px){

.header-container{
flex-wrap:nowrap;
}
	
.home-layout{
display:block !important;
}
	
.left-area{
width:100% !important;
}

.sidebar{
display:none !important;
width:0 !important;
overflow:hidden !important;
}

.site-logo{
flex:1;
min-width:0;
}

.site-logo img{
max-width:100%;
height:auto;
}

.main-menu{
display:none;
position:absolute;
top:80px;
left:0;
width:100%;
background:#111;
z-index:9999;
}

.main-menu.show-menu{
display:block !important;
}

.main-menu ul{
display:flex;
flex-direction:column;
gap:0;
padding:10px 0;
}

.main-menu li{
padding:12px 0;
border-bottom:1px solid #333;
text-align:center;
}

.search-icon{
margin-left:auto;
}
	
.mobile-menu-btn{
display:block;
font-size:28px;
color:#fff;
cursor:pointer;
margin:0 15px;
}
	
.main-menu a{
color:#fff;
font-size:16px;
text-decoration:none;
}

.container{
padding:0 10px;
}

.sidebar{
display:none !important;
}

.post-grid{
display:grid !important;
grid-template-columns:1fr !important;
}

.news-box{
display:flex;
align-items:flex-start;
}

.news-box img{
width:100px;
height:70px;
object-fit:cover;
flex-shrink:0;
}

.news-box a{
flex:1;
display:block;
word-break:break-word;
font-size:14px;
line-height:1.4;
}

.category-grid{
grid-template-columns:1fr;
}

.featured-post img{
width:100%;
height:auto;
}

.featured-post h2{
position:absolute;
bottom:0;
left:0;
right:0;
font-size:18px;
padding:10px;
line-height:1.4;
}
	
.category-post img{
width:100%;
height:auto;
}
	
.category-post h3{
font-size:16px;
line-height:1.5;
}
	
.footer-container{
display:block;
padding:20px;
text-align:center;
}
	
.footer-col{
overflow:hidden;
}
	
.footer-logo{
max-width:180px;
height:auto;
margin:0 auto 15px;
display:block;
}
	
.footer-col h3{
font-size:22px;
margin-bottom:10px;
}

.footer-col ul{
list-style:none;
padding:0;
margin:0;
}

.footer-col ul li{
margin:8px 0;
}

.footer-col ul li a{
font-size:16px;
}

.social-icons{
display:flex;
justify-content:center;
gap:15px;
}
	
.social-icons a{
font-size:20px;
}
	
.footer-copy{
font-size:13px;
padding:15px 10px;
}

.breaking-news{
display:none;
}
	
img{
max-width:100%;
height:auto;
display:block;
}
	
.single-post h1,
.container h1{
font-size:28px;
line-height:1.3;
margin-bottom:15px;
}
	
.single-post,
.page-content{
padding:0 5px;
}
	
.single-post{
padding:15px;
background:#fff;
border-radius:8px;
}
	
.single-post h2{
font-size:26px;
}	

}

.sidebar h3{
background:#e60000;
color:#fff;
padding:10px;
margin-bottom:15px;
}

.sidebar-post{
margin-bottom:15px;
border-bottom:1px solid #eee;
padding-bottom:10px;
}

.sidebar-post a{
display:flex;
gap:10px;
text-decoration:none;
color:#111;
font-size:14px;
font-weight:600;
}

.sidebar-post img{
width:80px;
height:60px;
object-fit:cover;
}

.related-posts{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin-top:20px;
}

.related-item{
background:#fff;
border:1px solid #ddd;
padding:10px;
}

.related-item img{
width:100%;
height:150px;
object-fit:cover;
}

.related-item a{
text-decoration:none;
color:#111;
}

.related-item h4{
margin-top:8px;
font-size:15px;
line-height:1.4;
}

.post-meta{
font-size:14px;
color:#666;
margin:10px 0 20px;
padding-bottom:10px;
border-bottom:1px solid #ddd;
}

.single-featured-image img{
width:100%;
height:auto;
display:block;
margin-bottom:20px;
border-radius:4px;
}

.share-buttons{
display:flex;
gap:10px;
margin:20px 0;
flex-wrap:wrap;
}

.share-buttons a{
background:#e50914;
color:#fff;
padding:8px 15px;
text-decoration:none;
border-radius:4px;
font-size:14px;
}

.author-box{
    display:flex;
    gap:15px;
    align-items:flex-start;
    border:1px solid #ddd;
    padding:15px;
    margin:20px 0;
    background:#fff;
}

.author-box img{
    border-radius:50%;
    width:80px;
    height:80px;
}

.author-box h4{
    margin:0 0 8px;
    font-size:20px;
    color:#111;
}

.author-box p{
    margin:0;
    line-height:1.7;
    color:#555;
}

.post-navigation{
display:flex;
justify-content:space-between;
gap:15px;
margin-top:30px;
}

.post-navigation div{
flex:1;
}

.post-navigation a{
display:block;
background:#fff;
border:1px solid #ddd;
padding:15px;
text-decoration:none;
color:#111;
font-weight:600;
text-align:center;
}

.post-navigation a:hover{
background:#e50914;
color:#fff;
}

.article-ad{
margin:25px 0;
text-align:center;
overflow:hidden;
}

.article-ad ins{
max-width:100% !important;
}

.breadcrumb{
font-size:14px;
margin-bottom:15px;
color:#666;
}

.breadcrumb a{
color:#e50914;
text-decoration:none;
}

.whatsapp-float{
position:fixed;
bottom:20px;
right:20px;
width:55px;
height:55px;
background:#25D366;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
text-decoration:none;
z-index:99999;
box-shadow:0 2px 10px rgba(0,0,0,.3);
}

.whatsapp-float:hover{
color:#fff;
transform:scale(1.05);
}

#reading-progress{
position:fixed;
top:0;
left:0;
width:0%;
height:4px;
background:#e50914;
z-index:999999;
transition:width .1s linear;
}

.homepage-ad{
max-width:1200px;
margin:20px auto;
text-align:center;
clear:both;
overflow:hidden;
}

@media(max-width:768px){

.related-posts{
grid-template-columns:1fr;
}

}