/*
Theme Name: IndiaQTimes
Theme URI: https://indiaqtimes.com
Author: IndiaQTimes
Description: IndiaQTimes Custom News Theme
Version: 1.0
Text Domain: indiaqtimes
*/

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

body{
font-family:Arial,sans-serif;
background:#ffffff;
color:#000080;
line-height:1.7;
}

.container{
width:1200px;
max-width:95%;
margin:auto;
}

/* Top Bar */

.top-bar{
background:#FF9933;
color:#fff;
padding:8px 0;
}

.top-bar .container{
display:flex;
justify-content:space-between;
align-items:center;
}

/* Header */

.site-header{
background:#fff;
border-bottom:2px solid #138808;
padding:15px 0;
}

.logo h1{
font-size:42px;
color:#FF9933;
}

.logo a{
text-decoration:none;
}

.main-menu ul{
list-style:none;
display:flex;
gap:25px;
margin-top:20px;
}

.main-menu a{
text-decoration:none;
font-weight:600;
color:#000080;
}

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

/* Breaking News */

.breaking-news{
display:flex;
margin:25px 0;
border:1px solid #ddd;
}

.breaking-news span{
background:#FF9933;
color:white;
padding:12px 20px;
font-weight:bold;
}

.breaking-scroll{
padding:12px;
}

.breaking-scroll a{
margin-right:20px;
color:#000080;
text-decoration:none;
}

/* Main Layout */

.content-area{
display:flex;
gap:30px;
}

.main-content{
width:70%;
}

.sidebar{
width:30%;
}

/* Main News */

.main-news{
display:flex;
gap:25px;
}

.left-news{
width:65%;
}

.right-news{
width:35%;
}

.left-news img,
.right-news img,
.grid-item img,
.sidebar img{
width:100%;
height:auto;
border-radius:6px;
}

.left-news h2{
font-size:34px;
line-height:1.4;
margin:15px 0;
}

.right-item{
margin-bottom:20px;
padding-bottom:15px;
border-bottom:1px solid #eee;
}

.right-item h3{
font-size:17px;
line-height:1.5;
}

/* Grid News */

.grid-news{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
margin-top:40px;
}

.grid-item{
border:1px solid #eee;
padding:15px;
border-radius:8px;
transition:.3s;
}

.grid-item:hover{
box-shadow:0 3px 15px rgba(0,0,0,.1);
}

.grid-item h3{
font-size:18px;
line-height:1.5;
margin-top:10px;
}

/* Sidebar */

.sidebar h2{
border-left:5px solid #FF9933;
padding-left:10px;
margin-bottom:20px;
color:#000080;
}

/* Links */

a{
text-decoration:none;
color:#000080;
}

a:hover{
color:#138808;
}

/* Single Post */

.single h1{
font-size:42px;
line-height:1.4;
margin-bottom:15px;
}

.post-content{
font-size:20px;
line-height:1.9;
}

.post-content img{
max-width:100%;
height:auto;
border-radius:8px;
}

.post-content p{
margin-bottom:20px;
}

/* Footer */

footer{
background:#000080;
color:white;
padding:25px 0;
margin-top:50px;
text-align:center;
}

/* Mobile */

@media(max-width:768px){

.content-area,
.main-news{
display:block;
}

.main-content,
.sidebar,
.left-news,
.right-news{
width:100%;
}

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

.main-menu ul{
display:block;
margin-top:15px;
}

.main-menu li{
margin-bottom:10px;
}

}