/*
Theme Name: DailyPress
Version: 1.0
Description: Professional news theme
*/
body{font-family:Arial,sans-serif;background:#f5f7fb;margin:0}
.topbar{background:#0057d8;color:#fff;padding:10px;text-align:center}
header{background:#fff;padding:15px 5%;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.navbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.logo{font-size:32px;font-weight:800;color:#0057d8}
.menu{display:flex-direction:row;gap:20px;list-style:none}
.menu li{position:relative}
.menu a{text-decoration:none;color:#222;font-weight:600;padding:10px;display:block}
.sub-menu{display:none;position:absolute;background:#fff;min-width:220px;box-shadow:0 4px 10px rgba(0,0,0,.1)}
.menu li:hover>.sub-menu{display:block}
.menu-item-has-children>a::after{content:" ▼";font-size:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px 5%}
.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.card img{width:100%}
.content{padding:15px}
.badge{display:inline-block;background:#0057d8;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px}
footer{background:#0b1c3a;color:#fff;padding:40px 5%;margin-top:40px}
@media(max-width:768px){.menu{flex-direction:column;width:100%}.sub-menu{position:relative;width:100%}}
.breaking-ticker{
display:flex;
align-items:center;
background:#0057d8;
color:#fff;
height:45px;
overflow:hidden;
font-weight:bold;
}

.ticker-label{
background:#001f5c;
padding:12px 18px;
white-space:nowrap;
}

.ticker-content{
flex:1;
padding-left:15px;
font-size:14px;
}
.hero-news{
padding:30px 5%;
}

.section-title{
font-size:32px;
margin-bottom:25px;
color:#0057d8;
font-weight:800;
}

.news-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:25px;
}

.news-card{
background:#fff;
border-radius:15px;
overflow:hidden;
box-shadow:0 2px 12px rgba(0,0,0,.08);
transition:.3s;
}

.news-card:hover{
transform:translateY(-5px);
}

.news-card img{
width:100%;
height:auto;
display:block;
}

.news-content{
padding:20px;
}

.news-category{
color:#0057d8;
font-size:13px;
font-weight:bold;
margin-bottom:10px;
}

.news-content h2{
font-size:24px;
margin-bottom:15px;
line-height:1.3;
}

.news-content p{
color:#555;
margin-bottom:20px;
line-height:1.6;
}

.read-more{
display:inline-block;
background:#0057d8;
color:#fff;
padding:10px 18px;
border-radius:6px;
font-weight:bold;
}
/* =========================
RESPONSIVE DESIGN
========================= */

/* DESKTOP */
.news-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

/* TABLET */
@media(max-width:1024px){

.news-grid{
grid-template-columns:repeat(2,1fr);
}

.navbar{
flex-wrap:wrap;
}

.menu{
gap:12px;
}

}

/* PHONE */
@media(max-width:768px){

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

.navbar{
flex-direction:column;
align-items:flex-start;
}

.menu{
flex-direction:column;
width:100%;
gap:0;
}

.menu li{
width:100%;
}

.menu a{
padding:14px 10px;
border-bottom:1px solid #eee;
}

.sub-menu{
position:relative;
display:none;
width:100%;
box-shadow:none;
background:#f5f5f5;
}

.menu li:hover .sub-menu{
display:block;
}

.hero-news{
padding:20px;
}

.section-title{
font-size:26px;
}

.news-content h2{
font-size:20px;
}

.breaking-ticker{
height:auto;
flex-direction:column;
align-items:flex-start;
}

.ticker-label{
width:100%;
}

.ticker-content{
width:100%;
padding:10px;
}

}

/* SMALL PHONES */
@media(max-width:480px){

.logo{
font-size:24px;
}

.news-content{
padding:15px;
}

.read-more{
display:block;
text-align:center;
}

}
.homepage-layout{
display:grid;
grid-template-columns:3fr 1fr;
gap:30px;
padding:30px 5%;
}

.sidebar{
background:#fff;
padding:20px;
border-radius:15px;
box-shadow:0 2px 12px rgba(0,0,0,.08);
height:fit-content;
}

.sidebar-title{
font-size:24px;
margin-bottom:20px;
color:#0057d8;
}

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

.sidebar-post a{
font-weight:600;
line-height:1.5;
}

.subscribe-box{
margin-top:30px;
padding:20px;
background:#0057d8;
color:#fff;
border-radius:12px;
text-align:center;
}

.subscribe-btn{
display:inline-block;
margin-top:15px;
background:#fff;
color:#0057d8;
padding:10px 18px;
border-radius:6px;
font-weight:bold;
}

/* RESPONSIVE */

@media(max-width:992px){

.homepage-layout{
grid-template-columns:1fr;
}

}
.sidebar-ad{
margin:25px 0;
text-align:center;
}