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...
No posts.
No posts.