{"id":1364,"date":"2026-05-19T09:23:41","date_gmt":"2026-05-19T09:23:41","guid":{"rendered":"https:\/\/koldoobar.kg\/?page_id=1364"},"modified":"2026-05-19T09:47:01","modified_gmt":"2026-05-19T09:47:01","slug":"news","status":"publish","type":"page","link":"https:\/\/koldoobar.kg\/kir\/news\/","title":{"rendered":"\u0416\u0430\u04a3\u044b\u043b\u044b\u043a\u0442\u0430\u0440"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1364\" class=\"elementor elementor-1364\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7759446 e-con-full e-flex e-con e-parent\" data-id=\"7759446\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad780db elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ad780db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<style>\r\n  :root {\r\n    --green:      #357e8a;\r\n    --green-dark: #2a6470;\r\n    --red:        #782020;\r\n    --yellow:     #ffeda8;\r\n    --cream:      #faf8f3;\r\n    --cream-mid:  #ece8df;\r\n    --near-black: #0D1F1E;\r\n    --slate:      #4A5568;\r\n    --white:      #ffffff;\r\n    --font-head:  'Montserrat', sans-serif';\r\n    --font-body:  'Montserrat', sans-serif';\r\n    --shadow:     0 2px 12px rgba(0,54,49,0.08);\r\n    --shadow-h:   0 6px 24px rgba(0,54,49,0.14);\r\n    --t:          200ms ease;\r\n  }\r\n\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  html, body {\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    font-family: var(--font-body);\r\n    background: var(--cream);\r\n    color: var(--near-black);\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     HERO\r\n     Change --hero-bg-url to any photo URL\r\n     to swap the background image.\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  :root {\r\n    --hero-bg-url: url('https:\/\/koldoobar.kg\/wp-content\/uploads\/2026\/05\/photo-19.jpg'); \/* e.g. url('https:\/\/example.com\/photo.jpg') *\/\r\n  }\r\n\r\n  .hero {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 320px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    padding: 80px 40px 72px;\r\n    background-color: var(--green);\r\n    background-image: var(--hero-bg-url);\r\n    background-size: cover;\r\n    background-position: 25% 45%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Dark overlay \u2014 appears when a photo is set *\/\r\n  .hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(30, 60, 65, 0.62);\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* When no photo, remove overlay so teal shows clean *\/\r\n  .hero.no-photo::before { display: none; }\r\n\r\n  .hero-inner {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 640px;\r\n  }\r\n\r\n  .hero h1 {\r\n    font-family: var(--font-head);\r\n    font-size: clamp(28px, 4.5vw, 38px);\r\n    font-weight: 700;\r\n    color: var(--near-black);\r\n    line-height: 1.1;\r\n    letter-spacing: -0.5px;\r\n    background: var(--white);\r\n    display: inline-block;\r\n    padding: 18px 40px;\r\n    border-radius: 6px;\r\n    box-shadow: 0 4px 24px rgba(0,0,0,0.18);\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     FILTER BAR\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .filter-bar {\r\n    background: var(--white);\r\n    border-bottom: 1px solid var(--cream-mid);\r\n    padding: 14px 40px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 10;\r\n  }\r\n\r\n  .filter-btn {\r\n    font-family: var(--font-head);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.2px;\r\n    text-transform: uppercase;\r\n    padding: 7px 16px;\r\n    border-radius: 100px;\r\n    border: 1.5px solid transparent;\r\n    cursor: pointer;\r\n    background: transparent;\r\n    color: var(--slate);\r\n    transition: var(--t);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .filter-btn:hover  { background-color: var(--yellow); border-color: var(--yellow); color: var(--red); }\r\n  .filter-btn.active { background: var(--green); color: var(--white); border-color: var(--green); }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     CONTENT WRAPPER\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .content {\r\n    max-width: 1080px;\r\n    margin: 0 auto;\r\n    padding: 52px 40px 80px;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SEARCH\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .search-wrap {\r\n    margin-bottom: 40px;\r\n    position: relative;\r\n    max-width: 420px;\r\n  }\r\n\r\n  .search-wrap input {\r\n    width: 100%;\r\n    padding: 12px 44px 12px 18px;\r\n    border: 1.5px solid var(--cream-mid);\r\n    border-radius: 100px;\r\n    font-family: var(--font-body);\r\n    font-size: 15px;\r\n    color: var(--near-black);\r\n    background: var(--white);\r\n    outline: none;\r\n    transition: border-color var(--t);\r\n  }\r\n\r\n  .search-wrap input:focus    { border-color: var(--green); }\r\n  .search-wrap input::placeholder { color: var(--slate); opacity: 0.65; }\r\n\r\n  .search-wrap .s-icon {\r\n    position: absolute;\r\n    right: 15px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    color: var(--slate);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     NEWS LIST \u2014 horizontal card rows\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .news-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n  }\r\n\r\n  .news-item {\r\n    display: grid;\r\n    grid-template-columns: 260px 1fr;\r\n    background: var(--white);\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    box-shadow: var(--shadow);\r\n    text-decoration: none;\r\n    color: inherit;\r\n    transition: box-shadow var(--t), transform var(--t);\r\n    min-height: 180px;\r\n  }\r\n\r\n  .news-item:hover {\r\n    box-shadow: var(--shadow-h);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* IMAGE COLUMN *\/\r\n  .ni-image {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: var(--green);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .ni-image img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  .ni-image img.vis { opacity: 1; }\r\n\r\n  .ni-img-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, var(--green) 0%, var(--green-dark) 100%);\r\n  }\r\n\r\n  \/* TEXT COLUMN *\/\r\n  .ni-body {\r\n    padding: 28px 32px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: 0;\r\n  }\r\n\r\n  .ni-meta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 10px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ni-cat {\r\n    font-family: var(--font-head);\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: var(--white);\r\n    background: var(--red);\r\n    padding: 3px 10px;\r\n    border-radius: 100px;\r\n  }\r\n\r\n  .ni-date {\r\n    font-family: var(--font-body);\r\n    font-style: italic;\r\n    font-size: 13px;\r\n    color: var(--slate);\r\n  }\r\n\r\n  .ni-title {\r\n    font-family: var(--font-head);\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: var(--near-black);\r\n    line-height: 1.25;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .ni-excerpt {\r\n    font-family: var(--font-body);\r\n    font-size: 14px;\r\n    color: var(--slate);\r\n    line-height: 1.65;\r\n    flex: 1;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 3;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ni-cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-family: var(--font-head);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    text-transform: uppercase;\r\n    color: var(--green);\r\n    margin-top: 14px;\r\n    transition: gap var(--t);\r\n  }\r\n\r\n  .news-item:hover .ni-cta { gap: 10px; }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SKELETON\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .skeleton-item {\r\n    display: grid;\r\n    grid-template-columns: 260px 1fr;\r\n    background: var(--white);\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    min-height: 180px;\r\n  }\r\n\r\n  .skel-img  { background: var(--cream-mid); animation: pulse 1.4s ease-in-out infinite; }\r\n  .skel-body { padding: 28px 32px; }\r\n  .skel-line {\r\n    height: 13px; border-radius: 6px;\r\n    background: var(--cream-mid);\r\n    margin-bottom: 12px;\r\n    animation: pulse 1.4s ease-in-out infinite;\r\n  }\r\n  .skel-line.w40 { width: 40%; }\r\n  .skel-line.w80 { width: 80%; }\r\n  .skel-line.w65 { width: 65%; }\r\n  .skel-line.w90 { width: 90%; }\r\n\r\n  @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.5} }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     STATE MESSAGES\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .state-msg {\r\n    text-align: center;\r\n    padding: 60px 20px;\r\n    font-family: var(--font-body);\r\n    font-size: 16px;\r\n    color: var(--slate);\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     PAGINATION\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .pagination {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-top: 48px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .pg-btn {\r\n    font-family: var(--font-head);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    min-width: 40px;\r\n    height: 40px;\r\n    padding: 0 12px;\r\n    border-radius: 8px;\r\n    border: 1.5px solid var(--cream-mid);\r\n    background: var(--white);\r\n    color: var(--slate);\r\n    cursor: pointer;\r\n    transition: var(--t);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .pg-btn:hover:not(:disabled) { border-color: var(--green); color: var(--green); }\r\n  .pg-btn.active  { background: var(--green); border-color: var(--green); color: var(--white); }\r\n  .pg-btn:disabled { opacity: 0.32; cursor: not-allowed; }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     RESPONSIVE\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 760px) {\r\n    .hero { padding: 56px 20px 48px; }\r\n    .filter-bar { padding: 12px 16px; }\r\n    .content { padding: 36px 20px 60px; }\r\n\r\n    .news-item {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ni-image {\r\n      height: 200px;\r\n    }\r\n\r\n    .skeleton-item {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .skel-img { height: 200px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<!-- To use a photo background:\r\n     1. Upload photo to WP media\r\n     2. Set style=\"--hero-bg-url: url('YOUR_PHOTO_URL')\"\r\n     3. Remove class \"no-photo\" from the div below             -->\r\n<div class=\"hero no-photo\" id=\"heroSection\">\r\n  <div class=\"hero-inner\">\r\n    <h1>Latest News<\/h1>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u2500\u2500 FILTER BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<div class=\"filter-bar\" id=\"filterBar\">\r\n  <button class=\"filter-btn active\" data-cat=\"all\">All<\/button>\r\n  <button class=\"filter-btn\" data-cat-name=\"News\">News<\/button>\r\n  <button class=\"filter-btn\" data-cat-name=\"Impact\">Impact<\/button>\r\n  <button class=\"filter-btn\" data-cat-name=\"Stories\">Stories<\/button>\r\n  <button class=\"filter-btn\" data-cat-name=\"Analytics\">Analytics<\/button>\r\n<\/div>\r\n\r\n\r\n<!-- \u2500\u2500 CONTENT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<div class=\"content\">\r\n\r\n  <div class=\"search-wrap\">\r\n    <input type=\"text\" id=\"searchInput\" placeholder=\"Search news...\">\r\n    <span class=\"s-icon\">\r\n      <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\r\n        <circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/>\r\n      <\/svg>\r\n    <\/span>\r\n  <\/div>\r\n\r\n  <div class=\"news-list\" id=\"newsList\">\r\n    <!-- Skeletons -->\r\n    <div class=\"skeleton-item\"><div class=\"skel-img\"><\/div><div class=\"skel-body\"><div class=\"skel-line w40\"><\/div><div class=\"skel-line w80\"><\/div><div class=\"skel-line w90\"><\/div><div class=\"skel-line w65\"><\/div><\/div><\/div>\r\n    <div class=\"skeleton-item\"><div class=\"skel-img\"><\/div><div class=\"skel-body\"><div class=\"skel-line w40\"><\/div><div class=\"skel-line w80\"><\/div><div class=\"skel-line w90\"><\/div><div class=\"skel-line w65\"><\/div><\/div><\/div>\r\n    <div class=\"skeleton-item\"><div class=\"skel-img\"><\/div><div class=\"skel-body\"><div class=\"skel-line w40\"><\/div><div class=\"skel-line w80\"><\/div><div class=\"skel-line w90\"><\/div><div class=\"skel-line w65\"><\/div><\/div><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"pagination\" id=\"pagination\"><\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  var API = window.location.origin + '\/wp-json\/wp\/v2';\r\n  var PER  = 10;\r\n  var page = 1, totalPages = 1;\r\n  var cat  = 'all', q = '';\r\n  var stimer;\r\n\r\n  \/\/ Map category names \u2192 WP IDs (resolved on init)\r\n  var CAT_NAMES = ['News', 'Impact', 'Stories', 'Analytics'];\r\n  var catNameToId = {}; \/\/ populated after fetch\r\n\r\n  \/* \u2500\u2500 RESOLVE CATEGORY IDs THEN WIRE BUTTONS \u2500\u2500 *\/\r\n  fetch(API + '\/categories?per_page=50')\r\n    .then(function(r){ return r.json(); })\r\n    .then(function(cats){\r\n      cats.forEach(function(c){\r\n        \/\/ case-insensitive match against our three allowed names\r\n        CAT_NAMES.forEach(function(n){\r\n          if (c.name.toLowerCase() === n.toLowerCase()) {\r\n            catNameToId[n] = c.id;\r\n          }\r\n        });\r\n      });\r\n      wireButtons();\r\n    })\r\n    .catch(function(){ wireButtons(); }); \/\/ still wire even if fetch fails\r\n\r\n  function wireButtons() {\r\n    var bar = document.getElementById('filterBar');\r\n\r\n    \/\/ \"All\" button\r\n    bar.querySelector('[data-cat=\"all\"]').addEventListener('click', function(){\r\n      cat = 'all'; page = 1;\r\n      bar.querySelectorAll('.filter-btn').forEach(function(x){ x.classList.remove('active'); });\r\n      this.classList.add('active');\r\n      load();\r\n    });\r\n\r\n    \/\/ Named category buttons\r\n    bar.querySelectorAll('[data-cat-name]').forEach(function(btn){\r\n      var name = btn.getAttribute('data-cat-name');\r\n      var id   = catNameToId[name];\r\n      if (id) {\r\n        btn.dataset.cat = id;\r\n      }\r\n      btn.addEventListener('click', function(){\r\n        cat = id || name; \/\/ fallback to name string if ID not resolved\r\n        page = 1;\r\n        bar.querySelectorAll('.filter-btn').forEach(function(x){ x.classList.remove('active'); });\r\n        btn.classList.add('active');\r\n        load();\r\n      });\r\n    });\r\n  }\r\n\r\n  document.getElementById('searchInput').addEventListener('input', function(){\r\n    clearTimeout(stimer);\r\n    var v = this.value.trim();\r\n    stimer = setTimeout(function(){ q = v; page = 1; load(); }, 380);\r\n  });\r\n\r\n  \/* \u2500\u2500 HELPERS \u2500\u2500 *\/\r\n  function getImg(post) {\r\n    try { return post._embedded['wp:featuredmedia'][0].source_url; } catch(e){ return null; }\r\n  }\r\n  function getCatName(post) {\r\n    try { return post._embedded['wp:term'][0][0].name; } catch(e){ return 'News'; }\r\n  }\r\n  function dt(d) {\r\n    return new Date(d).toLocaleDateString('en-GB',{day:'numeric',month:'long',year:'numeric'});\r\n  }\r\n  function strip(h){\r\n    var t=document.createElement('div'); t.innerHTML=h;\r\n    return (t.textContent||t.innerText||'').trim();\r\n  }\r\n  function trunc(s,n){\r\n    if(!s||s.length<=n)return s||'';\r\n    return s.slice(0,n).replace(\/\\s+\\S*$\/,'')+'\u2026';\r\n  }\r\n  function arrow(){\r\n    return '<svg width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>';\r\n  }\r\n  function imgBg(){\r\n    return '<div class=\"ni-img-bg\"><svg width=\"44\" height=\"44\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.2\" opacity=\"0.22\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"m21 15-5-5L5 21\"\/><\/svg><\/div>';\r\n  }\r\n  function skel(){\r\n    return '<div class=\"skeleton-item\"><div class=\"skel-img\"><\/div><div class=\"skel-body\"><div class=\"skel-line w40\"><\/div><div class=\"skel-line w80\"><\/div><div class=\"skel-line w90\"><\/div><div class=\"skel-line w65\"><\/div><\/div><\/div>';\r\n  }\r\n\r\n  \/* \u2500\u2500 RENDER ITEM \u2500\u2500 *\/\r\n  function makeItem(post) {\r\n    var src   = getImg(post);\r\n    var cn    = getCatName(post);\r\n    var title = post.title.rendered;\r\n    var exc   = trunc(strip((post.excerpt||{}).rendered||''), 160);\r\n    var date  = dt(post.date);\r\n\r\n    var a = document.createElement('a');\r\n    a.className = 'news-item';\r\n    a.href = post.link;\r\n    a.target = '_parent';\r\n\r\n    a.innerHTML =\r\n      '<div class=\"ni-image\">'\r\n        + imgBg()\r\n        + (src ? '<img decoding=\"async\" src=\"' + src + '\" alt=\"' + title + '\" onload=\"this.classList.add(\\'vis\\')\">' : '')\r\n      + '<\/div>'\r\n      + '<div class=\"ni-body\">'\r\n        + '<div class=\"ni-meta\">'\r\n          + '<span class=\"ni-cat\">' + cn + '<\/span>'\r\n          + '<span class=\"ni-date\">' + date + '<\/span>'\r\n        + '<\/div>'\r\n        + '<div class=\"ni-title\">' + title + '<\/div>'\r\n        + '<div class=\"ni-excerpt\">' + exc + '<\/div>'\r\n        + '<span class=\"ni-cta\">Read more ' + arrow() + '<\/span>'\r\n      + '<\/div>';\r\n\r\n    return a;\r\n  }\r\n\r\n  \/* \u2500\u2500 LOAD \u2500\u2500 *\/\r\n  function load() {\r\n    var list = document.getElementById('newsList');\r\n    list.innerHTML = skel() + skel() + skel();\r\n    document.getElementById('pagination').innerHTML = '';\r\n\r\n    var url = API + '\/posts?per_page=' + PER + '&page=' + page + '&_embed=true';\r\n    if (cat !== 'all') url += '&categories=' + cat;\r\n    if (q) url += '&search=' + encodeURIComponent(q);\r\n\r\n    fetch(url)\r\n      .then(function(r){\r\n        totalPages = parseInt(r.headers.get('X-WP-TotalPages')||'1');\r\n        if(!r.ok) throw 0;\r\n        return r.json();\r\n      })\r\n      .then(function(posts){\r\n        list.innerHTML = '';\r\n        if (!posts.length) {\r\n          list.innerHTML = '<div class=\"state-msg\">No posts found.<\/div>';\r\n          return;\r\n        }\r\n        posts.forEach(function(p){ list.appendChild(makeItem(p)); });\r\n        renderPag();\r\n      })\r\n      .catch(function(){\r\n        list.innerHTML = '<div class=\"state-msg\">Could not load posts. Please try again.<\/div>';\r\n      });\r\n  }\r\n\r\n  \/* \u2500\u2500 PAGINATION \u2500\u2500 *\/\r\n  function renderPag() {\r\n    var pag = document.getElementById('pagination');\r\n    pag.innerHTML = '';\r\n    if (totalPages <= 1) return;\r\n\r\n    function btn(label, dis, act, fn) {\r\n      var b = document.createElement('button');\r\n      b.className = 'pg-btn' + (act ? ' active' : '');\r\n      b.innerHTML = label;\r\n      b.disabled = dis;\r\n      b.addEventListener('click', fn);\r\n      pag.appendChild(b);\r\n    }\r\n\r\n    btn('\u2190', page<=1, false, function(){ page--; load(); scrollTo(0,0); });\r\n    for (var i=1; i<=totalPages; i++) {\r\n      (function(i){\r\n        btn(i, false, i===page, function(){ page=i; load(); scrollTo(0,0); });\r\n      })(i);\r\n    }\r\n    btn('\u2192', page>=totalPages, false, function(){ page++; load(); scrollTo(0,0); });\r\n  }\r\n\r\n  load();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Latest News All News Impact Stories Analytics<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1364","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>News - KoldooBar<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/koldoobar.kg\/kir\/news\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"News - KoldooBar\" \/>\n<meta property=\"og:description\" content=\"Latest News All News Impact Stories Analytics\" \/>\n<meta property=\"og:url\" content=\"https:\/\/koldoobar.kg\/kir\/news\/\" \/>\n<meta property=\"og:site_name\" content=\"KoldooBar\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-19T09:47:01+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 \u043c\u04af\u043d\u04e9\u0442\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/koldoobar.kg\\\/news\\\/\",\"url\":\"https:\\\/\\\/koldoobar.kg\\\/news\\\/\",\"name\":\"News - KoldooBar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/koldoobar.kg\\\/#website\"},\"datePublished\":\"2026-05-19T09:23:41+00:00\",\"dateModified\":\"2026-05-19T09:47:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/koldoobar.kg\\\/news\\\/#breadcrumb\"},\"inLanguage\":\"ky-KG\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/koldoobar.kg\\\/news\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/koldoobar.kg\\\/news\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\",\"item\":\"https:\\\/\\\/koldoobar.kg\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"News\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/koldoobar.kg\\\/#website\",\"url\":\"https:\\\/\\\/koldoobar.kg\\\/\",\"name\":\"KoldooBar\",\"description\":\"Supporting Survivors Across Kyrgyzstan\",\"publisher\":{\"@id\":\"https:\\\/\\\/koldoobar.kg\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/koldoobar.kg\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ky-KG\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/koldoobar.kg\\\/#organization\",\"name\":\"KoldooBar\",\"url\":\"https:\\\/\\\/koldoobar.kg\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ky-KG\",\"@id\":\"https:\\\/\\\/koldoobar.kg\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/koldoobar.kg\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/KoldooBar.svg\",\"contentUrl\":\"https:\\\/\\\/koldoobar.kg\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/KoldooBar.svg\",\"width\":500,\"height\":500,\"caption\":\"KoldooBar\"},\"image\":{\"@id\":\"https:\\\/\\\/koldoobar.kg\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"News - KoldooBar","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/koldoobar.kg\/kir\/news\/","og_locale":"en_US","og_type":"article","og_title":"News - KoldooBar","og_description":"Latest News All News Impact Stories Analytics","og_url":"https:\/\/koldoobar.kg\/kir\/news\/","og_site_name":"KoldooBar","article_modified_time":"2026-05-19T09:47:01+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 \u043c\u04af\u043d\u04e9\u0442"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/koldoobar.kg\/news\/","url":"https:\/\/koldoobar.kg\/news\/","name":"News - KoldooBar","isPartOf":{"@id":"https:\/\/koldoobar.kg\/#website"},"datePublished":"2026-05-19T09:23:41+00:00","dateModified":"2026-05-19T09:47:01+00:00","breadcrumb":{"@id":"https:\/\/koldoobar.kg\/news\/#breadcrumb"},"inLanguage":"ky-KG","potentialAction":[{"@type":"ReadAction","target":["https:\/\/koldoobar.kg\/news\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/koldoobar.kg\/news\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"https:\/\/koldoobar.kg\/"},{"@type":"ListItem","position":2,"name":"News"}]},{"@type":"WebSite","@id":"https:\/\/koldoobar.kg\/#website","url":"https:\/\/koldoobar.kg\/","name":"\u041a\u043e\u043b\u0434\u043e\u043e\u0411\u0430\u0440","description":"\u041a\u044b\u0440\u0433\u044b\u0437\u0441\u0442\u0430\u043d\u0434\u044b\u043d \u0431\u0430\u0440\u0434\u044b\u043a \u0430\u0439\u043c\u0430\u0433\u044b\u043d\u0434\u0430 \u0436\u0430\u0431\u044b\u0440\u043a\u0430\u0433\u0430\u043d\u0434\u0430\u0440\u0434\u044b \u043a\u043e\u043b\u0434\u043e\u043e","publisher":{"@id":"https:\/\/koldoobar.kg\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/koldoobar.kg\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ky-KG"},{"@type":"Organization","@id":"https:\/\/koldoobar.kg\/#organization","name":"\u041a\u043e\u043b\u0434\u043e\u043e\u0411\u0430\u0440","url":"https:\/\/koldoobar.kg\/","logo":{"@type":"ImageObject","inLanguage":"ky-KG","@id":"https:\/\/koldoobar.kg\/#\/schema\/logo\/image\/","url":"https:\/\/koldoobar.kg\/wp-content\/uploads\/2026\/04\/KoldooBar.svg","contentUrl":"https:\/\/koldoobar.kg\/wp-content\/uploads\/2026\/04\/KoldooBar.svg","width":500,"height":500,"caption":"KoldooBar"},"image":{"@id":"https:\/\/koldoobar.kg\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/koldoobar.kg\/kir\/wp-json\/wp\/v2\/pages\/1364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/koldoobar.kg\/kir\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/koldoobar.kg\/kir\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/koldoobar.kg\/kir\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/koldoobar.kg\/kir\/wp-json\/wp\/v2\/comments?post=1364"}],"version-history":[{"count":20,"href":"https:\/\/koldoobar.kg\/kir\/wp-json\/wp\/v2\/pages\/1364\/revisions"}],"predecessor-version":[{"id":1387,"href":"https:\/\/koldoobar.kg\/kir\/wp-json\/wp\/v2\/pages\/1364\/revisions\/1387"}],"wp:attachment":[{"href":"https:\/\/koldoobar.kg\/kir\/wp-json\/wp\/v2\/media?parent=1364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}