.news-page{

max-width:1200px;

margin:auto;

/*padding:40px 20px;*/

}


.news-hero{

height:420px;

background:

linear-gradient(
90deg, rgba(0,0,0,.55), rgba(0,0,0,0)
),
url('/wp-content/uploads/2026/08/news.png');

background-size:cover;

background-position:center;

display:flex;

align-items:center;

}


.news-overlay{

padding:50px;

color:#fff;

}


.news-overlay h1{

font-size:48px;

color:#fff;
text-shadow:0 2px 8px rgba(0,0,0,.4);
animation:heroFade .8s ease;
}

.news-overlay p{


text-shadow:0 2px 8px rgba(0,0,0,.4);
animation:heroFade .8s ease;
}

.news-layout{

display:grid;

grid-template-columns:
1fr 280px;

gap:40px;

margin-top:50px;

}




.news-list{

display:flex;

flex-direction:column;
margin-top:10px 
/*gap:30px;*/

}

.news-summary{

line-height:1.7;

display:-webkit-box;

-webkit-line-clamp:2;

-webkit-box-orient:vertical;

overflow:hidden;

}

.news-card{
margin-bottom: 10px ;
display:flex;
min-height:280px;
border:1px solid #eee;

background:#fff;

padding:35px;

}

.news-info a {
    color: black;
}

.news-image{

width:300px;

flex-shrink:0;

}

.news-image img{

width:100%;

height:220px;

object-fit:cover;
}



.news-info{

padding-left:35px;

display:flex;

flex-direction:column;

flex:1;

}


.news-tags span{

font-size:13px;

background:#0756b8;

color:white;

padding:5px 10px;

margin-right:5px;

}



.news-info h3{

font-size:26px;


margin:15px 0;

}



.news-date{

font-size:14px;

color:#777;

}



.read-more{

color:#0756b8;

font-weight:600;

margin-top:auto;

align-self:flex-end;

text-decoration:none;

}



.news-sidebar{

position:sticky;

top:30px;

}



.news-widget,
.news-contact{

border:1px solid #eee;

padding:25px;

margin-bottom:30px;

}



.news-widget h3,
.news-contact h3{

font-size:22px;

}



.news-widget input{

width:100%;

padding:12px;

margin-bottom:10px;

}



.news-widget button{

background:#0756b8;

color:white;

border:0;

padding:10px 25px;

}
.news-widget a {
 color: black; 
}


.news-contact a{

background:#0756b8;

color:white;

padding:12px 25px;

display:inline-block;

}

.news-widget ul{

list-style:none;

padding:0;

margin:0;

}


.news-widget ul li{

list-style:none;

/*margin-bottom:15px;*/

}


.news-widget ul li a{

text-decoration:none;

}


@media(max-width:900px){

.news-layout{

grid-template-columns:1fr;

}


.news-grid{

grid-template-columns:repeat(2,1fr);

}


}



@media(max-width:600px){

.news-grid{

grid-template-columns:1fr;

}

}

@keyframes heroFade{

from{

opacity:0;

transform:translateX(-40px);

}

to{

opacity:1;

transform:translateX(0);

}

}
.single-news-page{

max-width:1200px;

margin:auto;

padding:50px 20px;

}



.single-news-layout{

display:grid;

grid-template-columns:1fr 300px;

gap:40px;

}



.single-news-title{

font-size:42px;

line-height:1.3;

margin-bottom:20px;

}



.single-news-meta{

color:#777;

margin-bottom:20px;

}



.single-news-tags span{

display:inline-block;

background:#0756b8;

color:white;

padding:6px 12px;

margin-right:8px;

font-size:13px;

}



.single-news-banner{

margin:30px 0;

height:400px;

overflow:hidden;

}



.single-news-banner img{

width:100%;

height:400px;

object-fit:cover;
}



.single-news-body{

font-size:16px;

line-height:1.8;

}



.single-news-body img{

max-width:100%;

height:auto;

}



@media(max-width:900px){


.single-news-layout{

grid-template-columns:1fr;

}


}
.news-pagination{

margin-top:40px;

text-align:center;

}



.news-pagination ul{

display:flex;

justify-content:center;

gap:10px;

list-style:none;

padding:0;

}



.news-pagination a,
.news-pagination span{

color: black;
display:block;

padding:8px 14px;

border:1px solid #ddd;

text-decoration:none;


}



.news-pagination .current{


background:#0756b8;

color:white;


}
.news-page{
    min-width:1200px;
    margin:0;
}
.news-page h2 {
    margin-bottom: 30px;
}