NEW index
#news-index-page{
width:100%;
max-width:1100px;
margin:0 auto;
font-family:Arial,Helvetica,sans-serif;
color:#111;
}
#news-index-page *{
box-sizing:border-box;
}
#news-index-page a{
text-decoration:none;
color:inherit;
}
/* =========================
SECTION TITLE
========================= */
#news-index-page .nip-title{
font-size:24px;
font-weight:700;
letter-spacing:.5px;
border-bottom:3px solid #222;
padding:0 0 10px;
margin:0 0 18px;
}
/* =========================
LATEST POST
50% IMAGE + 50% TEXT
========================= */
#news-index-page .nip-lead{
width:100%;
border:1px solid #d8d8d8;
background:#fff;
overflow:hidden;
display:grid;
grid-template-columns:50% 50%;
margin-bottom:20px;
}
#news-index-page .nip-lead-img-box{
width:100%;
height:320px;
overflow:hidden;
background:#eee;
}
#news-index-page .nip-lead-img{
width:100%;
height:100%;
object-fit:cover;
object-position:center bottom;
display:block;
}
#news-index-page .nip-lead-content{
padding:22px 20px;
display:flex;
flex-direction:column;
justify-content:center;
overflow:hidden;
background:#fff;
}
#news-index-page .nip-lead-title{
display:block !important;
visibility:visible !important;
color:#111 !important;
font-size:27px !important;
font-weight:700 !important;
line-height:1.22 !important;
margin:5px 0 13px !important;
padding:0 !important;
}
#news-index-page .nip-date{
font-size:12px;
color:#777;
margin-bottom:7px;
}
#news-index-page .nip-excerpt{
font-size:15px;
line-height:1.55;
color:#555;
margin:0;
}
/* =========================
PREVIOUS POSTS
========================= */
#news-index-page .nip-previous-title{
font-size:19px;
font-weight:700;
border-bottom:2px solid #222;
padding-bottom:8px;
margin:0 0 14px;
}
/* 6 POSTS = 3 ROWS × 2 COLUMNS */
#news-index-page .nip-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}
#news-index-page .nip-card{
border:1px solid #ddd;
background:#fff;
overflow:hidden;
display:flex;
flex-direction:column;
}
#news-index-page .nip-card-img-box{
width:100%;
height:240px;
overflow:hidden;
background:#eee;
}
#news-index-page .nip-card-img{
width:100%;
height:100%;
object-fit:cover;
object-position:center bottom;
display:block;
}
#news-index-page .nip-card-content{
padding:13px 15px 15px;
}
#news-index-page .nip-card h3{
display:block !important;
visibility:visible !important;
color:#111 !important;
font-size:19px;
line-height:1.3;
margin:3px 0 7px;
}
#news-index-page .nip-card .nip-excerpt{
font-size:13px;
line-height:1.5;
color:#555;
margin:0;
}
/* =========================
LOADING / EMPTY
========================= */
#news-index-page .nip-loading,
#news-index-page .nip-error{
text-align:center;
padding:30px;
color:#777;
}
/* =========================
TABLET
========================= */
@media(max-width:800px){
#news-index-page .nip-lead{
grid-template-columns:50% 50%;
}
#news-index-page .nip-lead-img-box{
height:300px;
}
#news-index-page .nip-lead-content{
padding:18px 15px;
}
#news-index-page .nip-lead-title{
font-size:23px !important;
}
#news-index-page .nip-excerpt{
font-size:13px;
}
#news-index-page .nip-grid{
grid-template-columns:repeat(2,1fr);
gap:14px;
}
#news-index-page .nip-card-img-box{
height:210px;
}
}
/* =========================
MOBILE
========================= */
@media(max-width:520px){
#news-index-page .nip-title{
font-size:21px;
margin-bottom:14px;
}
/*
LATEST POST
50% IMAGE + 50% TEXT
*/
#news-index-page .nip-lead{
grid-template-columns:50% 50%;
margin-bottom:18px;
}
#news-index-page .nip-lead-img-box{
height:235px;
}
#news-index-page .nip-lead-content{
padding:13px 11px;
justify-content:center;
}
#news-index-page .nip-lead-title{
font-size:18px !important;
line-height:1.22 !important;
margin:4px 0 8px !important;
}
#news-index-page .nip-date{
font-size:9px;
margin-bottom:4px;
}
#news-index-page .nip-excerpt{
font-size:11px;
line-height:1.4;
}
/*
PREVIOUS POSTS
KEEP 2 COLUMNS ON MOBILE
SO 6 POSTS = 3 ROWS
*/
#news-index-page .nip-previous-title{
font-size:17px;
margin-bottom:10px;
}
#news-index-page .nip-grid{
grid-template-columns:repeat(2,1fr);
gap:10px;
}
#news-index-page .nip-card-img-box{
height:165px;
}
#news-index-page .nip-card-content{
padding:9px 9px 11px;
}
#news-index-page .nip-card h3{
font-size:14px;
line-height:1.25;
margin:3px 0 5px;
}
#news-index-page .nip-card .nip-excerpt{
font-size:10px;
line-height:1.4;
}
}
/* =========================
VERY SMALL PHONES
========================= */
@media(max-width:360px){
#news-index-page .nip-lead-img-box{
height:215px;
}
#news-index-page .nip-lead-content{
padding:10px 8px;
}
#news-index-page .nip-lead-title{
font-size:16px !important;
}
#news-index-page .nip-excerpt{
font-size:10px;
}
#news-index-page .nip-card-img-box{
height:145px;
}
#news-index-page .nip-card h3{
font-size:13px;
}
#news-index-page .nip-card .nip-excerpt{
font-size:9px;
}
}
LATEST POSTS
Loading latest posts...