{"id":685,"date":"2024-09-20T11:45:33","date_gmt":"2024-09-20T11:45:33","guid":{"rendered":"http:\/\/champs-new.lndo.site\/?page_id=685"},"modified":"2025-04-21T02:40:06","modified_gmt":"2025-04-21T02:40:06","slug":"publications","status":"publish","type":"page","link":"https:\/\/champshealth.org\/publications\/","title":{"rendered":"Publications"},"content":{"rendered":"\n<div class=\"wp-block-cover\" style=\"min-height:399px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-70 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1703\" class=\"wp-block-cover__image-background wp-image-686\" alt=\"\" src=\"http:\/\/champs-new.lndo.site\/wp-content\/uploads\/2024\/09\/shutterstock_1725078328-scaled.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1725078328-scaled.jpg 2560w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1725078328-300x200.jpg 300w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1725078328-1024x681.jpg 1024w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1725078328-768x511.jpg 768w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1725078328-1536x1022.jpg 1536w, https:\/\/champshealth.org\/wp-content\/uploads\/2024\/09\/shutterstock_1725078328-2048x1363.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">  <div class=\"row\" id=\"publication-search\">\n            <form id=\"publication-search-form\" method=\"post\">\n                <input type=\"text\" id=\"search-input\" name=\"s\" placeholder=\"Search Publications...\">\n                <button id=\"search-button\">Search<\/button>\n            <\/form>\n        <\/div>\n\n\n        <style type=\"text\/css\">\n          \n\n\n        #publication-search-form {\n\n\n          display: flex;\n          padding: 5% 10%;\n          max-width: 1450px;\n          margin: 0 auto;\n        }\n\n        #publication-search-form input {\n\n\n          flex: 1;\n          padding-left: 25px;\n        }\n\n        #search-button {\n\n          border-radius: 0;\n          background-color: #EBE717;\n\n          text-transform: none;\n        }\n\n\n\n        <\/style><\/div><\/div>\n\n\n\n<div class=\"wp-block-group pad-5\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><!-- Block: Publications Gallery -->\n\n<div class=\"row\" id=\"publications-gallery\"> \n    <div class=\"col-md-12\" id=\"publication-options\">\n        <!-- Sort By -->\n        <div class=\"row\">\n            <ul class=\"publication-sort-display select-options\">\n                \n<li class=\"device-filters\">\n                \n<div class=\"device-filters-panel-label\"> Filters<\/div>\n                <div style=\"\" class=\" device-filters-panel\">\n\n                    \n                                        <div class=\"custom-select-container\">\n  <div class=\"custom-select country-filter-1\">\n                            <span class=\"selected-country\">Country<\/span> <!-- Default selected option -->\n                            <div class=\"options-container\">\n                            \n\n<ul class=\"country-filters\"> <\/ul>\n\n                                                        <\/div>\n                        <\/div>\n<\/div>\n\n<div class=\"publication-date-filter first-set\">\n    <input type=\"radio\" id=\"date1-first\" name=\"date-filter-1\" value=\"1\" \/>\n    <label for=\"date1-first\">Last 1 year<\/label><br \/>\n\n    <input type=\"radio\" id=\"date5-first\" name=\"date-filter-1\" value=\"5\" \/>\n    <label for=\"date5-first\">Last 5 years<\/label><br \/>\n\n    <input type=\"radio\" id=\"date10-first\" name=\"date-filter-1\" value=\"10\" \/>\n    <label for=\"date10-first\">Last 10 years<\/label><br \/>\n\n    <input class=\"custom-date-radio\" type=\"radio\" id=\"dateCustom-first\" name=\"date-filter-1\" value=\"custom\" \/>\n    <label for=\"dateCustom-first\">Custom Date Range<\/label>\n\n\n       <div id=\"custom-date-modal-first\" style=\"display: none;\">\n        <div class=\"custom-date-content\">\n            <h3>Select Date Range<\/h3>\n            <div class=\"custom-date-option\"><label>Start Year: <\/label><input type=\"number\" id=\"start-year-first\" placeholder=\"YYYY\" \/><br \/> <\/div>\n            <div class=\"custom-date-option\"><label>End Year:<\/label> <input type=\"number\" id=\"end-year-first\" placeholder=\"YYYY\" \/><br \/><\/div>\n            <button id=\"apply-date-range-first\">Apply<\/button>\n            <button id=\"close-date-modal-first\">Close <i class=\"fa fa-close\"> <\/i><\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/li>\n\n\n<li>\n                    <div class=\"custom-select-container\">\n                                    <p class=\"select-label\">Sort By:<\/p>\n\n                        <div class=\"custom-select\">\n                            <span class=\"selected\">Best Match<\/span> <!-- Default selected option -->\n                            <div class=\"options-container\">\n                                <div class=\"option\" data-value=\"best_match\">Best Match<\/div>\n                                <div class=\"option\" data-value=\"most_recent\">Most Recent<\/div>\n                                <div class=\"option\" data-value=\"publication_year\">Publication Year<\/div>\n                                <div class=\"option\" data-value=\"first_author\">First Author<\/div>\n                                <div class=\"option\" data-value=\"journal\">Journal<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/li>\n                <li>\n                          <div class=\"display-select-container\">\n                        <div class=\"display-select\">\n                            <span class=\"display-selected\">Display Options<\/span> <!-- Default selected option -->\n                            <div class=\"display-options\">\n                                <div class=\"option2\" data-value=\"summary\">Summary<\/div>\n                                <div class=\"option2\" data-value=\"abstract\"> Abstract<\/div>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                <\/li>\n            <\/ul>\n        <\/div>\n\n            <!-- Pagination -->\n<div class=\"row publication-pagination-top\">\n            <nav class=\"s pagination-container\"> <!-- Updated class to avoid conflict -->\n            <p class=\"total-items\">112 Publications<\/p>\n            <ul class=\"pagination-options\">\n                <!-- First page button -->\n                <li class=\"disabled\">\n                <\/li>\n\n                <!-- Previous page button -->\n                <li class=\"disabled\">\n                    <a class=\"pagination-prev\" data-page=\"1\" href=\"#\">Prev<\/a>\n                <\/li>\n\n                <!-- Page input and total page display (AJAX-handled form) -->\n                <li class=\"page-input\">\n                    <form onsubmit=\"return false;\"> <!-- Prevent default form submission -->\n                        Page <input type=\"number\" id=\"page-input\" value=\"1\" min=\"1\" max=\"23\" style=\"width: 50px;\" \/>\n                        of 23                    <\/form>\n                <\/li>\n\n                <!-- Next page button -->\n                <li class=\"\">\n                    <a class=\"pagination-next\" data-page=\"2\" href=\"#\">Next<\/a>\n                <\/li>\n\n                <!-- Last page button -->\n                <li class=\"\">\n                    <a class=\"pagination-last\" data-page=\"23\" href=\"#\">Last<\/a>\n                <\/li>\n            <\/ul>\n        <\/nav>\n    <\/div>\n    <\/div>\n    <div class=\"col-md-2\" id=\"publication-filters\">\n\n        <p class=\"filter-label\">CHAMPS SITE<\/p>\n        <ul class=\"country-filters country-filter-2\"> <\/ul>\n\n<p class=\"filter-label\">PUBLICATION DATE<\/p>\n<div class=\"publication-date-filter second-set\">\n    <input type=\"radio\" id=\"date1-second\" name=\"date-filter-2\" value=\"1\" \/>\n    <label for=\"date1-second\">Last 1 year<\/label><br \/>\n\n    <input type=\"radio\" id=\"date5-second\" name=\"date-filter-2\" value=\"5\" \/>\n    <label for=\"date5-second\">Last 5 years<\/label><br \/>\n\n    <input type=\"radio\" id=\"date10-second\" name=\"date-filter-2\" value=\"10\" \/>\n    <label for=\"date10-second\">Last 10 years<\/label><br \/>\n\n    <input class=\"custom-date-radio\" type=\"radio\" id=\"dateCustom-second\" name=\"date-filter-2\" value=\"custom\" \/>\n    <label for=\"dateCustom-second\">Custom Date Range<\/label>\n<\/div>\n\n    <!-- Modal for Custom Date Range -->\n    <div id=\"custom-date-modal-second\" style=\"display: none;\">\n        <div class=\"custom-date-content\">\n            <h3>Select Date Range<\/h3>\n            <div class=\"custom-date-option\"><label>Start Year: <\/label><input type=\"number\" id=\"start-year-second\" placeholder=\"YYYY\" \/><br \/> <\/div>\n            <div class=\"custom-date-option\"><label>End Year:<\/label> <input type=\"number\" id=\"end-year-second\" placeholder=\"YYYY\" \/><br \/><\/div>\n            <button id=\"apply-date-range-second\">Apply<\/button>\n            <button id=\"close-date-modal-second\"> Close <i class=\"fa fa-close\"> <\/i><\/button>\n        <\/div>\n    <\/div>\n\n\n     <\/div>\n    <div id=\"publications-list\" class=\"col-md-10\">\n                    <ul>\n                                    <li>\n                        <div class=\"publication-body\">\n                            <div class=\"publication-header\">\n                                <h3 class=\"publication-heading\">A novel virulent core genome multilocus sequence type CT 11424 of Listeria monocytogenes isolate causing stillbirth in Bangladesh<\/h3>\n                                <div class=\"publication-details\">\n                                    <div class=\"publication-author\">Muntasir Alam <\/div>\n                                    <div class=\"publication-country\"><i class=\"fa fa-globe\"><\/i>Bangladesh<\/div>\n                                    <div class=\"publication-journal\"><i class=\"fa fa-globe\"><\/i>BMC Microbiology<\/div>\n                                    <div class=\"publication-year\"><i class=\"fa fa-calendar\"><\/i>2025<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"citation-row\">\n                                <a href=\"\">Cite<\/a> <a href=\"\">Share<\/a>\n                                <div class=\"publication-citation\"><p>Alam, M., Islam, M. S., Jahan, M. I., Deb, A. S., Rahman, A., Islam, Z., Chowdhury, A. I., Islam, K. M., Hossain, M. Z., Ahmed, D., Arifeen, S. E., Gurley, E. S., &amp; Rahman, M. (2025).<em> A novel virulent core genome multilocus sequence type CT 11424 of Listeria monocytogenes isolate causing stillbirth in Bangladesh. BMC Microbiology, 25<\/em>, Article 61. https:\/\/doi.org\/10.1186\/s12866-024-03650-5<\/p>\n<\/div>\n                            <\/div>\n                            <div class=\"excerpt-row\">\n                                <p class=\"publication-excerpt\">Background Listeria monocytogenes&nbsp;is a foodborne pathogen that can lead to severe pregnancy outcomes. This study reports the clinical and genomic characteristics of a&nbsp;Listeria-mediated stillbirth identified in January 2022 through the Child Health and Mortality Prevention Surveillance (CHAMPS) project in Bangladesh. The&nbsp;Lm-BD-CHAMPS-01 isolate was recovered from the blood and cerebrospinal fluid&#8230;<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/li>\n                                    <li>\n                        <div class=\"publication-body\">\n                            <div class=\"publication-header\">\n                                <h3 class=\"publication-heading\">Importance of postmortem anthropometric evaluation in defining the role of malnutrition as a cause of infant and child deaths in Sub-Saharan Africa and South Asia: a cohort study<\/h3>\n                                <div class=\"publication-details\">\n                                    <div class=\"publication-author\">Priya Mehta-Gupta Das <\/div>\n                                    <div class=\"publication-country\"><i class=\"fa fa-globe\"><\/i>Network-wide (all sites)<\/div>\n                                    <div class=\"publication-journal\"><i class=\"fa fa-globe\"><\/i>BMJ Journal <\/div>\n                                    <div class=\"publication-year\"><i class=\"fa fa-calendar\"><\/i>2025<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"citation-row\">\n                                <a href=\"\">Cite<\/a> <a href=\"\">Share<\/a>\n                                <div class=\"publication-citation\"><p>Das, P. M., Madewell, Z. J., Blau, D. M., Whitney, C.G., Ramakrishnan, U, Stein, A.D., Young, M.F, &amp; Suchdev, P.S. (2025). Importance of postmortem anthropometric evaluation in defining the role of malnutrition as a cause of infant and child deaths in Sub-Saharan Africa and South Asia: a cohort study. <em>BMJ Open<\/em>, <em>15<\/em>(e089874). https:\/\/doi.org\/10.1136\/bmjopen-2024-089874<\/p>\n<\/div>\n                            <\/div>\n                            <div class=\"excerpt-row\">\n                                <p class=\"publication-excerpt\">Objectives:\u00a0To evaluate how postmortem anthropometric malnutrition (PAM) measures align with expert panel attribution of malnutrition as a causal or significant condition in under-5 mortality (U5M). Design:\u00a0Cohort study using data from the Child Health and Mortality Prevention Surveillance network, incorporating clinical records, postmortem anthropometrics, minimally invasive tissue sampling, clinical abstraction and&#8230;<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/li>\n                                    <li>\n                        <div class=\"publication-body\">\n                            <div class=\"publication-header\">\n                                <h3 class=\"publication-heading\">Post-mortem investigation of role of endemic human coronaviruses (HCoV-NL63, OC43, 229E and HKU-1) in the causal pathway to death amongst children under five in low- and middle-income countries: findings from the Child Health and Mortality Prevention Surveillance (CHAMPS)<\/h3>\n                                <div class=\"publication-details\">\n                                    <div class=\"publication-author\">Vicky Baillie <\/div>\n                                    <div class=\"publication-country\"><i class=\"fa fa-globe\"><\/i>Multiple sites<\/div>\n                                    <div class=\"publication-journal\"><i class=\"fa fa-globe\"><\/i>SSRN<\/div>\n                                    <div class=\"publication-year\"><i class=\"fa fa-calendar\"><\/i>2025<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"citation-row\">\n                                <a href=\"\">Cite<\/a> <a href=\"\">Share<\/a>\n                                <div class=\"publication-citation\"><p>Baillie, V., Dangor, Z., Blau, D. M., Mahtab, S., du Toit, J., Assefa, N., Oundo, J., Teklemariam, Z., Scott, J. A. G., Ameh, S., Ogbuanu, I. U., Ojulong, J., Bunn, J., Kotloff, K. L., Sow, S. O., Tapia, M. D., Keita, A. M., Garrine, M., Mandomando, I., Varo, R., Xerinda, E., Rakislova, N., Alam, M., Arifeen, S., Gurley, E. S., Hossain, M. Z., Rahman, A., Akelo, V., Onyango, C., Onyango, D., Mutevedzi, P., Whitney, C. G., Bassat, Q., Madhi, S. A., &#038; CHAMPS Consortium. (2024). Post-mortem investigation of role of endemic human coronaviruses in fatal acute respiratory infections in children in Kenya. SSRN. https:\/\/doi.org\/10.2139\/ssrn.5195408<\/p>\n<\/div>\n                            <\/div>\n                            <div class=\"excerpt-row\">\n                                <p class=\"publication-excerpt\">Abstract Background: Endemic human coronaviruses (HCoV-229E, HKU1, NL63, and OC43) are common causes of mild or asymptomatic respiratory infections in children but are considered rare causes of death. Methods: We evaluated paediatric deaths from January 2017 to December 2022. A panel of experts determined the cause of death (CoD) by&#8230;<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/li>\n                                    <li>\n                        <div class=\"publication-body\">\n                            <div class=\"publication-header\">\n                                <h3 class=\"publication-heading\">Postmortem point-of care hemoglobin testing is feasible and potentially accurate among children in South Africa<\/h3>\n                                <div class=\"publication-details\">\n                                    <div class=\"publication-author\">Jeanie du Toit <\/div>\n                                    <div class=\"publication-country\"><i class=\"fa fa-globe\"><\/i>South Africa<\/div>\n                                    <div class=\"publication-journal\"><i class=\"fa fa-globe\"><\/i>PLOS Global Public Health<\/div>\n                                    <div class=\"publication-year\"><i class=\"fa fa-calendar\"><\/i>2025<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"citation-row\">\n                                <a href=\"\">Cite<\/a> <a href=\"\">Share<\/a>\n                                <div class=\"publication-citation\"><p>du Toit, J., Wang, Y., Luo, H., Liu, L., Blau, D. M., Whitney, C. G., Werner, R., Bassat, Q., Storath, K., Makekeng, P., Dangor, Z., Mahdi, S. A., Wanga, V., &#038; Suchdev, P. S. (2025). Postmortem point-of-care hemoglobin testing is feasible and potentially accurate among children in South Africa. PLOS Global Public Health, 5(2), e0003997. https:\/\/doi.org\/10.1371\/journal.pgph.0003997<\/p>\n<\/div>\n                            <\/div>\n                            <div class=\"excerpt-row\">\n                                <p class=\"publication-excerpt\">Anemia is an important cause of child morbidity and mortality. Postmortem point-of-care hemoglobin testing is a potential method for assessing anemia at death, but its reliability has not been extensively studied. We aimed to assess the feasibility and validity of postmortem point-of-care hemoglobin assessment using HemoCue in the setting of&#8230;<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/li>\n                                    <li>\n                        <div class=\"publication-body\">\n                            <div class=\"publication-header\">\n                                <h3 class=\"publication-heading\">Investigating the role of cytomegalovirus as a cause of stillbirths and child deaths in low and middle-income countries through postmortem minimally invasive tissue sampling\u00a0<\/h3>\n                                <div class=\"publication-details\">\n                                    <div class=\"publication-author\">Sithembiso Velaphi <\/div>\n                                    <div class=\"publication-country\"><i class=\"fa fa-globe\"><\/i>Multiple sites<\/div>\n                                    <div class=\"publication-journal\"><i class=\"fa fa-globe\"><\/i>Clinical Infectious Disease<\/div>\n                                    <div class=\"publication-year\"><i class=\"fa fa-calendar\"><\/i>2025<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"citation-row\">\n                                <a href=\"\">Cite<\/a> <a href=\"\">Share<\/a>\n                                <div class=\"publication-citation\"><p>Velaphi, S., Madewell, Z. J., Tippett-Barr, B., Blau, D. M., Rogena, E. A., Lala, S. G., Mahtab, S., Swart, P. J., Akelo, V., Onyango, D., Otieno, K., Rogena, E. A., Were, J. A., Bassat, Q., Carrilho, C., Mandomando, I., Torres-Fernandez, D., Varo, R., Luke, R., Moses, F., Nwajiobi-Princewill, P., Ogbuanu, I. U., Ojulong, J., Arifeen, S. E., Gurley, E. S., Assefa, N., Gedefa, L., Madrid, L., Scott, J. A. G., Wale, H., Juma, J., Keita, A. M., Kotloff, K. L., Sow, S. O., Tapia, M. D., Mutevedzi, P., Whitney, C. G., &#038; Madhi, S. A. (2025). <em>Investigating the role of cytomegalovirus as a cause of stillbirths and child deaths in low and middle-income countries through postmortem minimally invasive tissue sampling. Clinical Infectious Diseases<\/em>, ciaf098. https:\/\/doi.org\/10.1093\/cid\/ciaf098<\/p>\n<\/div>\n                            <\/div>\n                            <div class=\"excerpt-row\">\n                                <p class=\"publication-excerpt\">Background There is paucity of information on the role of cytomegalovirus (CMV) infection as a cause of stillbirths or childhood deaths in low-and middle-income countries (LMICs). We investigated attribution of CMV-disease in the causal pathway to stillbirths and deaths in children &lt;5 years of age in seven LMICs participating in&#8230;<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/li>\n                            <\/ul>\n                    <\/div>\n\n    <!-- Pagination -->\n<div class=\"row publication-pagination-bottom\">\n            <nav class=\"col-md-9 pagination-container\"> <!-- Updated class to avoid conflict -->\n            <p class=\"total-items\">Total Items: 112<\/p>\n            <ul class=\"pagination-options\">\n                <!-- First page button -->\n                <li class=\"disabled\">\n                    <a class=\"pagination-first\" data-page=\"1\" href=\"#\">First<\/a>\n                <\/li>\n\n                <!-- Previous page button -->\n                <li class=\"disabled\">\n                    <a class=\"pagination-prev\" data-page=\"1\" href=\"#\">Prev<\/a>\n                <\/li>\n\n                <!-- Page input and total page display (AJAX-handled form) -->\n                <li class=\"page-input\">\n                    <form onsubmit=\"return false;\"> <!-- Prevent default form submission -->\n                        Page <input type=\"number\" id=\"page-input\" value=\"1\" min=\"1\" max=\"23\" style=\"width: 50px;\" \/>\n                        of 23                    <\/form>\n                <\/li>\n\n                <!-- Next page button -->\n                <li class=\"\">\n                    <a class=\"pagination-next\" data-page=\"2\" href=\"#\">Next<\/a>\n                <\/li>\n\n                <!-- Last page button -->\n                <li class=\"\">\n                    <a class=\"pagination-last\" data-page=\"23\" href=\"#\">Last<\/a>\n                <\/li>\n            <\/ul>\n        <\/nav>\n    <\/div>\n\n<\/div>\n\n<!-- JavaScript to handle AJAX search and pagination -->\n<script type=\"text\/javascript\">\ndocument.addEventListener('DOMContentLoaded', function() {\n    (function($) {\n\n        \/\/ Function to handle pagination link clicks\n \/\/ Function to handle pagination link clicks\n\/\/ Function to handle pagination link clicks\nfunction bindPaginationEvents() {\n     $('.pagination-container a').off('click').on('click', function(e) {\n        e.preventDefault(); \/\/ Prevent default link behavior\n        var paged = $(this).data('page'); \/\/ Get the page number from the link\n        var sortOrder = $('.selected').attr('data-value'); \/\/ Get the current sort order\n        var searchQuery = $('#search-input').val(); \/\/ Keep the current search query\n        var selectedCountries = getSelectedCountries(); \/\/ Get selected countries\n        \n        \/\/ Retrieve the selected date filter\n        var dateFilter = $('input[name=\"date-filter\"]:checked').val();\n        var startYear = $('#start-year').val(); \/\/ Custom start year\n        var endYear = $('#end-year').val(); \/\/ Custom end year\n        \n        \/\/ Perform search with pagination\n        performSearch(paged, sortOrder, searchQuery, selectedCountries, dateFilter, startYear, endYear);\n    });\n}\n\n$(document).on('keydown', '#page-input', function(e) {\n    if (e.key === 'Enter' || e.which === 13) { \/\/ Enter key pressed\n        var paged = $(this).val(); \/\/ Get the inputted page number\n        var sortOrder = $('.selected').attr('data-value'); \/\/ Get the current sort order\n        var searchQuery = $('#search-input').val(); \/\/ Keep the current search query\n        var selectedCountries = getSelectedCountries(); \/\/ Get selected countries\n\n        \/\/ Ensure valid page number is entered\n        if (paged > 0) {\n            performSearch(paged, sortOrder, searchQuery, selectedCountries);\n        }\n    }\n});\n\nlet lastChecked = {\n    firstSet: null,\n    secondSet: null\n}; \/\/ Store the last checked radio buttons for each set\n\n\/\/ First set of radio buttons\n\/\/ First set of radio buttons\n$('input[name=\"date-filter-1\"]').on('click', function() {\n    if (this === lastChecked.firstSet) {\n        $(this).prop('checked', false); \/\/ Deselect the button\n        lastChecked.firstSet = null; \/\/ Reset lastChecked\n        performSearch(1, $('.selected').attr('data-value'), $('#search-input').val(), getSelectedCountries(), '', '', '');\n    } else {\n        lastChecked.firstSet = this; \/\/ Update lastChecked\n        var dateFilter = $(this).val();\n        if (dateFilter === 'custom') {\n            $('#custom-date-modal-first').show(); \/\/ Show the first modal\n        } else {\n            $('#start-year-first').val('');  \/\/ Adjusted to refer to inputs in the first modal\n            $('#end-year-first').val('');\n            performSearch(1, $('.selected').attr('data-value'), $('#search-input').val(), getSelectedCountries(), dateFilter);\n        }\n    }\n});\n\n\/\/ Second set of radio buttons\n$('input[name=\"date-filter-2\"]').on('click', function() {\n    if (this === lastChecked.secondSet) {\n        $(this).prop('checked', false); \/\/ Deselect the button\n        lastChecked.secondSet = null; \/\/ Reset lastChecked\n        performSearch(1, $('.selected').attr('data-value'), $('#search-input').val(), getSelectedCountries(), '', '', '');\n    } else {\n        lastChecked.secondSet = this; \/\/ Update lastChecked\n        var dateFilter = $(this).val();\n        if (dateFilter === 'custom') {\n            $('#custom-date-modal-second').show(); \/\/ Show the second modal\n        } else {\n            $('#start-year-second').val('');  \/\/ Adjusted to refer to inputs in the second modal\n            $('#end-year-second').val('');\n            performSearch(1, $('.selected').attr('data-value'), $('#search-input').val(), getSelectedCountries(), dateFilter);\n        }\n    }\n});\n\n\/\/ Close the modals\n$('#close-date-modal-first').on('click', function() {\n    $('#custom-date-modal-first').hide();\n});\n\n$('#close-date-modal-second').on('click', function() {\n    $('#custom-date-modal-second').hide();\n});\n\n\/\/ Apply the custom date range for the first modal\n$('#apply-date-range-first').on('click', function() {\n    var startYear = $('#start-year-first').val();\n    var endYear = $('#end-year-first').val();\n    if (startYear && endYear) {\n        $('#custom-date-modal-first').hide();\n        performSearch(1, $('.selected').attr('data-value'), $('#search-input').val(), getSelectedCountries(), 'custom', startYear, endYear);\n    }\n});\n\n\/\/ Apply the custom date range for the second modal\n$('#apply-date-range-second').on('click', function() {\n    var startYear = $('#start-year-second').val();\n    var endYear = $('#end-year-second').val();\n    if (startYear && endYear) {\n        $('#custom-date-modal-second').hide();\n        performSearch(1, $('.selected').attr('data-value'), $('#search-input').val(), getSelectedCountries(), 'custom', startYear, endYear);\n    }\n});\n\n   \/\/ Show the custom date modal\n        $('input[name=\"date-filter\"][value=\"custom\"]').on('change', function() {\n            $('#custom-date-modal').show();\n        });\n\n        \/\/ Close the modal\n        $('#close-date-modal').on('click', function() {\n            $('#custom-date-modal').hide();\n        });\n\n$('.device-filters-panel-label').on('click', function() {\n    $('.device-filters-panel').toggleClass('show-panel');\n    $('.device-filters-panel-label').toggleClass('panel-labels-opened');\n    \n    \/\/ Check if the panel is open or closed based on the 'show-panel' class\n    if ($('.device-filters-panel').hasClass('show-panel')) {\n        $('.device-filters-panel-label').text('Close');\n    } else {\n        $('.device-filters-panel-label').text('Filters');\n    }\n});\n\n\n        \/\/ Apply the custom date range\n        $('#apply-date-range').on('click', function() {\n            var startYear = $('#start-year').val();\n            var endYear = $('#end-year').val();\n            $('#custom-date-modal').hide();\n            \n            \/\/ Perform search with custom date range\n            var sortOrder = $('.selected').attr('data-value');\n            var searchQuery = $('#search-input').val();\n            var selectedCountries = getSelectedCountries();\n            performSearch(1, sortOrder, searchQuery, selectedCountries, 'custom', startYear, endYear);\n        });\n\n        \/\/ Handle standard date filters\n        $('input[name=\"date-filter\"]').on('change', function() {\n            var dateFilter = $(this).val();\n            var sortOrder = $('.selected').attr('data-value');\n            var searchQuery = $('#search-input').val();\n            var selectedCountries = getSelectedCountries();\n            if (dateFilter !== 'custom') {\n                performSearch(1, sortOrder, searchQuery, selectedCountries, dateFilter);\n            }\n        }); \n\n\n        \/\/ Fetch unique countries and generate checkboxes\nfunction generateCountryCheckboxes(countries) {\n    const container = $('.country-filters');\n    container.empty(); \/\/ Clear any existing checkboxes\n\n    \/\/ Convert countries object to array if it's not already an array\n    const countriesArray = Object.values(countries);\n\n    \/\/ Now iterate over the array to create the checkboxes\n    countriesArray.forEach(country => {\nconst checkbox = `\n    <li>\n        <label class=\"custom-checkbox\">\n            <input type=\"checkbox\" value=\"${country}\">\n            <span class=\"custom-box\"><\/span> <span class=\"custom-country\"> ${country}<\/span>\n        <\/label>\n    <\/li>\n`;\n        container.append(checkbox);\n    });\n}\n\n\n\n    \/\/ Handle checkbox changes for filtering by country\n$(document).on('change', '.country-filters input[type=\"checkbox\"]', function() {\n    var checkboxValue = $(this).val(); \/\/ Get the value of the changed checkbox\n    var isChecked = $(this).is(':checked'); \/\/ Get the current checked state\n\n    \/\/ Update all checkboxes with the same value across both instances\n    $('.country-filters input[type=\"checkbox\"]').each(function() {\n        if ($(this).val() === checkboxValue) {\n            $(this).prop('checked', isChecked); \/\/ Set the checked state\n        }\n    });\n\n    \/\/ Proceed with filtering logic\n    var selectedCountries = getSelectedCountries();\n    var sortOrder = $('.selected').attr('data-value');\n    var searchQuery = $('#search-input').val();\n    performSearch(1, sortOrder, searchQuery, selectedCountries); \/\/ Reset to first page when filtering\n});\n\n\n        \/\/ Handle search form submission via AJAX\n        $('#publication-search-form').on('submit', function(e) {\n            e.preventDefault(); \/\/ Prevent the default form submission behavior\nvar searchQuery = $('#search-input').val();\n            var sortOrder = $('.selected').attr('data-value');\n            var selectedCountries = getSelectedCountries();\n\nconsole.log($('#search-input').attr('placeholder'));\n\n            performSearch(1, sortOrder, searchQuery, selectedCountries); \/\/ Reset to first page on search\n        });\n\n        \/\/ Handle sorting when an option is clicked\n        $('.option').on('click', function() {\n            var sortOrder = $(this).data('value'); \/\/ Get selected sort option\n            $('.selected').text($(this).text()); \/\/ Update displayed selected option\n            $('.selected').attr('data-value', sortOrder); \/\/ Update the data-value of the selected element\n            var searchQuery = $('#search-input').val(); \/\/ Keep the current search query\n            var selectedCountries = getSelectedCountries(); \/\/ Get selected countries\n            performSearch(1, sortOrder, searchQuery, selectedCountries); \/\/ Reset to first page when sorting changes\n        });\n\n        \/\/ Function to perform the AJAX search with sorting, pagination, and filtering\n  \/\/ Update the performSearch function to include date filters\nfunction performSearch(paged = 1, sortOrder = 'best_match', searchQuery = '', selectedCountries = [], dateFilter = '', startYear = '', endYear = '') {\n    $.ajax({\n        url: 'https:\/\/champshealth.org\/wp-admin\/admin-ajax.php',\n        type: 'POST',\n        data: {\n            action: 'search_publications',\n            s: searchQuery, \/\/ Search query\n            paged: paged, \/\/ Pagination\n            sort: sortOrder, \/\/ Sort order\n            countries: selectedCountries, \/\/ Selected countries\n            date_filter: dateFilter, \/\/ Date filter (1 year, 5 years, 10 years, or custom)\n            start_year: startYear, \/\/ Custom start year (if applicable)\n            end_year: endYear \/\/ Custom end year (if applicable)\n        },\n        success: function(response) {\n            if (response.success) {\n                $('#publications-list ul').html(response.data.content); \/\/ Update publications list\n                $('.pagination-container').html(response.data.pagination); \/\/ Update pagination\n\n                \/\/ Bind pagination events after updating content\n                bindPaginationEvents();\n                  if (paged === 1) {\n                    generateCountryCheckboxes(response.data.countries);\n                }\n\n                \/\/ Recheck previously selected countries after the content update\n                selectedCountries.forEach(function(country) {\n                    $(`.country-filters input[type=\"checkbox\"][value=\"${country}\"]`).prop('checked', true);\n                });\n            } else {\n                console.error('No data received from the server.');\n            }\n        },\n        error: function(xhr, status, error) {\n            console.error('AJAX Error: ', status, error);\n        }\n    });\n}\n\n        \/\/ Utility function to get selected countries from the checkboxes\nfunction getSelectedCountries() {\n    var selectedCountries = [];\n    $('.country-filters input[type=\"checkbox\"]:checked').each(function() {\n        selectedCountries.push($(this).val());\n    });\n    return selectedCountries;\n}\n\n\n        \/\/ Initial load to generate checkboxes and publications\n        performSearch();\n\n    })(jQuery);\n});\n\n\n<\/script>\n\n\n\n\n<script type=\"text\/javascript\">\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Custom select dropdown for all instances of .custom-select\n    var selects = document.querySelectorAll('.custom-select');\n\n    selects.forEach(function(select) {\n        var selected = select.querySelector('.selected');\n        var optionsContainer = select.querySelector('.options-container');\n        var options = optionsContainer.querySelectorAll('.option');\n\n        \/\/ Toggle dropdown visibility when the select is clicked\n        select.addEventListener('click', function() {\n            select.classList.toggle('open');\n        });\n\n        \/\/ Update the selected value when an option is clicked\n        options.forEach(function(option) {\n            option.addEventListener('click', function() {\n                selected.textContent = option.textContent;  \/\/ Only update the 'selected' element inside this select\n                select.classList.remove('open'); \/\/ Close dropdown\n            });\n        });\n    });\n\n    \/\/ Close dropdown if clicking outside of any select\n    document.addEventListener('click', function(e) {\n        selects.forEach(function(select) {\n            if (!select.contains(e.target)) {\n                select.classList.remove('open');\n            }\n        });\n    });\n\n    \/\/ Display select dropdown (if you have multiple instances for this as well)\n    var displayselects = document.querySelectorAll('.display-select');\n\n    displayselects.forEach(function(displayselect) {\n        var displayselected = displayselect.querySelector('.display-selected');\n        var displayoptionsContainer = displayselect.querySelector('.display-options');\n        var displayoptions = displayoptionsContainer.querySelectorAll('.option2');\n\n        \/\/ Toggle dropdown visibility when the display select is clicked\n        displayselect.addEventListener('click', function() {\n            displayselect.classList.toggle('open');\n        });\n\n        \/\/ Update the display selected value when an option is clicked\n        displayoptions.forEach(function(option2) {\n            option2.addEventListener('click', function() {\n                displayselected.textContent = option2.textContent;  \/\/ Only update the 'display-selected' inside this select\n                displayselect.classList.remove('open'); \/\/ Close dropdown\n            });\n        });\n    });\n\n    \/\/ Close dropdown if clicking outside of any display select\n    document.addEventListener('click', function(e) {\n        displayselects.forEach(function(displayselect) {\n            if (!displayselect.contains(e.target)) {\n                displayselect.classList.remove('open');\n            }\n        });\n    });\n\n    (function($) {\n        $('body').on('click', '.option2', function() {\n            var displayOption = $(this).data('value'); \/\/ Get the selected display option\n            \/\/ Update the display selected text only within the relevant container\n            $(this).closest('.display-select').find('.display-selected').text($(this).text());\n\n            \/\/ Toggle between summary and abstract views\n            if (displayOption === 'summary') {\n               \n            } else if (displayOption === 'abstract') {\n             \n            }\n\n            \/\/ Dynamically add CSS to the page\n            addCustomCSS(displayOption);\n        });\n\n        function addCustomCSS(option) {\n            var css = '';\n            \n            if (option === 'summary') {\n                \/\/ Add CSS for summary option\n                css = '.display-summary { display:block!important } .display-abstract {display:none!important;}';\n            } else if (option === 'abstract') {\n                \/\/ Add CSS for abstract option\n                css = '.display-summary { display:none!important } .display-abstract {display:block!important;}';\n            }\n\n            \/\/ Apply the CSS dynamically\n            var styleTag = document.getElementById('dynamic-style');\n            if (!styleTag) {\n                styleTag = document.createElement('style');\n                styleTag.id = 'dynamic-style';\n                document.head.appendChild(styleTag);\n            }\n            styleTag.innerHTML = css;\n        }\n    })(jQuery);\n});\n\n\n\n<\/script>\n\n<style type=\"text\/css\" id=\"dynamic-style\"><\/style>\n    <script>\n        \/\/ Ensure event listener for dynamically loaded content\n        document.addEventListener('click', function(event) {\n            if (event.target.classList.contains('download-ris')) {\n                \/\/ Locate the citation content in the .cite-popup sibling\n                const citationContent = event.target.closest('.cite-options').previousElementSibling.textContent;\n\n                if (citationContent) {\n                    \/\/ Extract the author block before the year (assumes \"(2023)\" format for year)\n                    let authorMatch = citationContent.match(\/^(.*?) \\(\\d{4}\\)\/);\n                    let authorText = authorMatch ? authorMatch[1] : '';\n\n                    \/\/ Properly handle commas and \"&\" in author names\n                    const authorArray = authorText.split(\/, (?![A-Z]\\.)\/);\n                    const lastAuthor = authorArray.pop().replace('& ', '');\n                    authorArray.push(lastAuthor);\n\n                    \/\/ Remaining citation details\n                    const year = citationContent.match(\/\\((\\d{4})\\)\/)[1]; \/\/ Extract year\n\n                    \/\/ Correctly extract the article title (between year and journal)\n                    const titleMatch = citationContent.match(\/\\.\\s(.*?)\\.\\sThe\/); \/\/ Capture title before 'The' (assuming journal starts with 'The')\n                    const title = titleMatch ? titleMatch[1] : '';\n\n                    \/\/ Correctly extract the journal name\n                    const journalMatch = citationContent.match(\/The\\s(.*?),\/);\n                    const journal = journalMatch ? 'The ' + journalMatch[1] : '';\n\n                    const volumeIssue = citationContent.match(\/(\\d+)\\((.*?)\\),\/); \/\/ Extract volume and issue\n                    const volume = volumeIssue[1];\n                    const issue = volumeIssue[2];\n                    const pages = citationContent.match(\/,\\s(\\d+\u2013\\d+)\/)[1]; \/\/ Extract pages\n                    const doi = citationContent.match(\/https:\\\/\\\/doi\\.org\\\/(.*)\/)[0]; \/\/ Extract DOI\n\n                    \/\/ Build the RIS file content dynamically\n                    let risData = `TY  - JOUR\\n`;\n\n                    authorArray.forEach(author => {\n                        risData += `AU  - ${author.trim()}\\n`; \/\/ Ensure proper spacing\n                    });\n\n                    risData += `TI  - ${title}\\n`;\n                    risData += `JO  - ${journal}\\n`;\n                    risData += `VL  - ${volume}\\n`;\n                    risData += `IS  - ${issue}\\n`;\n                    risData += `SP  - ${pages.split('\u2013')[0]}\\n`;\n                    risData += `EP  - ${pages.split('\u2013')[1]}\\n`;\n                    risData += `PY  - ${year}\\n`;\n                    risData += `DO  - ${doi}\\n`;\n                    risData += `ER  - \\n`;\n\n                    \/\/ Create a Blob object for the RIS file\n                    const blob = new Blob([risData], { type: 'application\/x-research-info-systems' });\n\n                    \/\/ Create a temporary link element and trigger the download\n                    const link = document.createElement('a');\n                    link.href = URL.createObjectURL(blob);\n                    link.download = 'citation.ris';  \/\/ Name the downloaded file\n                    link.click();\n                } else {\n                    alert(\"Citation content not found!\");\n                }\n            }\n        });\n    <\/script>\n\n        <div id=\"copy-popup\" style=\"display:none;  bottom: 20px; right: 20px; position:fixed; padding: 10px; background-color: #333; color: white; border-radius: 5px;\">\n    Citation copied!\n<\/div>\n\n\n\n\n\n\n\n<style type=\"text\/css\">\n.display-abstract.excerpt-row {\n\n    display: none;\n}\n    .pagination li  {\n        float: left;\n    }\n\n    .pagination {\n        justify-content: space-between;\n    }\n\n    .publication-pagination-top {\n        justify-content: flex-end;\n    }\n\n    .pagination ul {\n        list-style: none;\n    }\n\n    .pagination a {\n        display: block;\n        color: black;\n        text-decoration: none;\n        font-size: 25px;\n    }\n\n    .pagination a img {\n        display: block;\n        height: 100%;\n    }\n\n    .pagination-options {\n        display: flex;\n        align-items: center;\n    }\n\n    .pagination-first, .pagination-last {\n        height: 20px;\n    }\n\n    .pagination-first {\n        margin-right: 25px;\n    }\n\n    .pagination-last {\n        margin-left: 25px;\n    }\n\n    .page-input {\n        margin: 0 15px;\n    }\n\n    .pagination-prev, .pagination-next {\n        height: 25px;\n    }\n\n    #publications-list {\n        padding: 20px 5% 5% 0;\n    }\n\n    .publication-heading {\n        font-size: 1rem;\n        max-width: 80%;\n        font-weight: 700;\n    }\n\n    .publication-header {\n        display: flex;\n        flex-wrap: wrap;\n    }\n\n    .publication-details {\n        display: flex;\n        font-size: 0.8rem;\n        gap: 1rem;\n        color: #5E5D5B;\n        margin-top: 15px;\n        width: 100%;\n        margin-left: 50px;\n        max-width: 715px;\n    }\n\n    .publication-details div {}\n    \n    .publication-details i {\n        margin-right: 7px;\n        font-size: 1rem;\n        color: black;\n    }\n\n    #publications-list ul {\n        list-style: none;\n    }\n\n    #publications-list ul li {\n        margin-bottom: 35px;\n    }\n\n    .pub-left {\n        width: 50px;\n    }\n\n    .citation-row , .excerpt-row {\n        display: -webkit-inline-box;\n        padding-left: 50px;\n    }\n\n    .publication-heading {\n\n        padding-left: 100px;\n    }\n\n    .publication-details {\n\n        padding-left: 50px;\n        marging:  30px auto;\n    }\n\n    .publication-excerpt {\n\n        padding-left: 50px;\n        margin-top: 15px;\n    }\n\n    .pub-left a {\n        color: #5E5D5B;\n        font-size: 12px;\n        text-decoration: none;\n    }\n\n    .publication-citation p {\n        font-size: 12px;\n    }\n\n    .citation-row {\n        margin-top: 15px;\n        max-width: 75%;\n    }\n\n.publication-citation {\n\n    font-size: 12px;\n}\n    .excerpt-row {\n        max-width: 80%;\n    }\n\n    .publication-excerpt {\n        font-size: 14px;\n    }\n\n    \/* Container for the custom select *\/\n.custom-select-container {\n    position: relative;\n    width: 100%;\n        margin-right: 25px;\n\n}\n\n\/* Styling for the custom select *\/\n.custom-select {\n    background-color:  transparent;\n    border: 1px solid black;\n    padding: 6px;\n    font-size: 14px;\n    cursor: pointer;\n    position: relative;\n    width: 100%;\n    font-size: 14px;\n}\n\n\/* Arrow for the dropdown *\/\n.custom-select::after {\n    content: '\\f07d'; \/* Unicode for down arrow *\/\n    position: absolute;\n    top: 50%;\n    right: 10px;\n    transform: translateY(-50%);\n    pointer-events: none;\n    font-family: FontAwesome;\n}\n\n\/* Styling the currently selected option *\/\n.custom-select .selected {\n    display: inline-block;\n    color: black;\n    font-size: 14px;s\n}\n\n\n.custom-select-container {\n    position: relative;\n    width: 100%;\n    max-width: 300px;\n}\n\n\/* Styling for the custom select *\/\n.display-select {\n    background-color: whitesmoke;\n    border: 1px solid black;\n    padding: 6px;\n    font-size: 14px;\n    cursor: pointer;\n    position: relative;\n    width: 100%;\n    font-size: 14px;\n}\n\n\/* Arrow for the dropdown *\/\n.display-select::after {\n    position: absolute;\n    top: 50%;\n    right: 10px;\n    transform: translateY(-50%);\n    pointer-events: none;\n}\n\n\/* Styling the currently selected option *\/\n.display-select .selected {\n    display: inline-block;\n    color: #333;\n}\n\n\/* Hidden by default: the dropdown options *\/\n.options-container {\n    display: none;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 122px;\n    background-color: #fff;\n    border: 1px solid #ccc;\n    z-index: 1000;\n    max-height: 215px;\n    overflow-y: auto;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n.display-options {\n    display: none;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 80px;\n    background-color: #fff;\n    border: 1px solid #ccc;\n    z-index: 1000;\n    max-height: 200px;\n    overflow-y: auto;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\/* Each dropdown option *\/\n.option {\n    padding: 10px;\n    font-size: 14px;\n    color: #333;\n    cursor: pointer;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.option:last-child {\n    border-bottom: none;\n}\n\n\/* Hover effect for options *\/\n.option:hover {\n    background-color: #06A7E0;\n    color: white;\n}.option2 {\n    padding: 10px;\n    font-size: 14px;\n    color: #333;\n    cursor: pointer;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.optio2:last-child {\n    border-bottom: none;\n}\n\n\/* Hover effect for options *\/\n.option2:hover {\n    background-color: #06A7E0;\n    color: white;\n}\n\n\n\/* Active state for the dropdown *\/\n.custom-select.open .options-container {\n    display: block;\n}\n.display-select.open .display-options {\n    display: block;\n}\n\n.select-label {\n\n   width: fit-content;\n    color: black;\n    font-size: 12px;\n    position: absolute;\n    top: -23px;\n}\n\n.select-options {\n\n    list-style: none;\n    width: fit-content;\n    gap: 15px;\n    display: flex;\n}\n\n.select-options li {\n\n    float: left;\n}\n\n#publication-options .row {\n\n    justify-content: flex-end;\n    align-items: center;\n}\n\n.excerpt-row {\n\n    display: flex;\n    flex-direction: column;\n}\n.abstract-meta {\n\n    margin-left: 50px;\n    \n    display: inline-block;\n    width: fit-content;\n    margin-top:  15px;\n    display: flex;\n    gap: 2rem;\n}\n\n.abstract-meta p:not(.cite-popup-header) {\n    border:  1px solid black;\n    padding:  10px;\n    margin: 0;\n}\n.abstract-meta a {\n    border:  1px solid black;\n    padding:  10px;\n    color: #5e5d5b;\n    text-decoration: none;\n}\n\n.link-cite {\n\n       border:  1px solid black;\n    padding:  10px;\n    color: #5e5d5b;\n    text-decoration: none;\n\n}\n\n.link-cite:hover {\n\n    background: #5e5d5b;\ncolor: white;\n\n}\n.abstract-meta i {\n\n    margin-right: 7px;\n}\n\n.abstract-meta a:hover {\nbackground: #5e5d5b;\ncolor: white;\n\n}\n\n.link-cite {\n\n    position: relative;\n}\n\n.publication-cite-popup {\n\n    position: absolute;\n    top: 100%;\n    left: 0;\n    background-color: white;\n    width: 350px;\n    padding: 20px;\n    border: 1px solid #5e5d5b;\n}\n\n.publication-cite-popup textarea {\n    width: 100%;\n    height: 100px;\n\n}\n\n.cite-popup {\npadding: 5px;\n    border: 1px solid #5e5d5b;\n    height: 100px;\n    overflow-y: scroll;\n    font-size: 13px;\n       color: #5e5d5b;\n\n\n}\n\n.cite-options a{\n\n    padding: 5px;\n    border: none;\n    font-size: 14px;\n    cursor: pointer;\n    border-radius: 5px;\n}\n.cite-options {\n\n    margin-top: 10px;\n    }\n\n.link-cite:hover .cite-popup {\n\n    color: #5e5d5b;\n}\n\n.link-cite.active {\n\n       background-color: #5e5d5b;\n       color: white;\n\n}\n\n.publication-share-popup {\n\n    position:  absolute;\n    top: 100%;\n    left: 0; background-color: white;\n    width: 350px;\n    padding: 20px;\n    border: 1px solid #5e5d5b;\n    z-index: 55;\n\n}\n\n.link-share {\n    position: relative;\n}\n\n.link-share ul li {\nfloat: left;\nmargin-right: 10px;\n}\n\n.share-popup {\n\n    display: flex;\n    flex-direction: column;\n}\n.share-publication a i {\n\n    margin-right: 0;\n}\n\n.share-permalink {\n\nborder:  1px solid #5e5d5b;\npadding: 10px;\ncolor: #5e5d5b;\n\n}\n\n.link-share ul {\n    padding-left: 0;\n}\n\n.cite-popup-header {\n\n    margin-bottom: 15px;\n}\n\n.share-permalink {\n\n    font-size: 12px;\n}\n\n\n.link-share {\n\n        border: 1px solid black;\n    padding: 10px;\n    color: #5e5d5b;\n    text-decoration: none;\n}\n.link-share:hover .share-popup {\n\n    color: #5e5d5b;\n}\n\n.link-share:hover {\n    background-color: #5e5d5b;\n    color: white;\n}\n\n.publication-download a {\n\n    color: #5e5d5b;\n    text-decoration: none;\n}\n\n.publication-download a:hover {\n\nbackground-color: #5e5d5b;\ncolor: white;\npadding: 5px;\nborder-radius: 5px;\n}\n\n.publication-download a:hover i {\n\n    color: white;\n}\n\n.link-share.active {\n\n       background-color: #5e5d5b;\n       color: white;\n}\n\n.pagination-container ul {\n\n    list-style: none;\n}\n\n.pagination-container a {\n\n    cursor: pointer;\n}\n\n.pagination-first img, .pagination-last img {\n    width: 18px;\n}\n\n.pagination-prev img, .pagination-next img {\n\n    width: 14px;\n}\n\n#page-input {\n\n    text-align: center;\n    width: 30px;\n}\n\n.publication-pagination-top .pagination-container:nth-child(1) {\n\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    padding-top:  5px;\n\n}\n\n#publication-filters {\n\n    padding-top: 20px;\n}\n\n.publication-pagination-bottom {\n\n    justify-content: flex-end;\n\n}\n\n.publication-pagination-bottom .pagination-options {\n\n    justify-content: space-between;\n    border-top: 1px solid #bbbbbb;\n    padding-top: 25px;\n}\n\n.total-items {\n\n    border: 1px solid #5e5d5b;\n    padding: 6px;\n}\n.publication-pagination-bottom .total-items {\n\n    display: none;\n}\n\n\n\n\n.custom-date-content {\n\n    background-color: white;\n    padding: 5%;\n}\n #custom-date-modal-second{\n\n    position: absolute;\n    border: 1px solid #5e5d5b;\n    margin-top: 5px;\n    width: 300px;\n}\n\n.device-filters .options-container {\n\n    width: 100%;\n    padding-top: 10px;\n}\n#custom-date-modal-first {\n    position: absolute;\n    border: 1px solid #5e5d5b;\n    margin-top: 5px;\n    width: 100%;\n    left: 0%;\n}\n\n#custom-date-modal-first h3, #custom-date-modal-second h3 {\n\n    font-size: 16px;\n    color: #5e5d5b;\n    text-transform: uppercase;\n    font-weight: 400;\n    margin-bottom: 15px;\n}\n\n.custom-date-radio {\n\n    position: relative;\n}\n\n#custom-date-modal-first label, #custom-date-modal-second label {\n\n    position: absolute;\n    top: -20px;\n    font-size: 12px;\n        color: #5e5d5b;\n\n}\n\n.custom-date-option input {\n\n    height: 35px;\n}\n.custom-date-option {\n\n    position: relative;\n    margin-bottom: 15px;\n    margin-top: 28px;\n}\n\n#close-date-modal-first,#close-date-modal-second  {\n\n    background: white;\n    color: #5e5d5b;\n    position: absolute;\n    top: -34px;\n    right: 0;\n    font-size: 14px;\n    border:  1px solid #5e5d5b;\n    padding: 5px;\n    border-radius: 0;\n    border-bottom: none;\n}\n\n#apply-date-range-first, #apply-date-range-second {\n  background: white;\n    color: #5e5d5b;\n    font-size: 14px;\n    border:  1px solid #5e5d5b;\n    padding: 5px;\n    border-radius: 0;\n\n}\n\n#apply-date-range-first:hover, #apply-date-range-second:hover {\n\n    background-color: #5e5d5b;\n    color: white;\n}\n\n#close-date-modal-second:hover #close-date-modal-second:hover {\n\n    background-color: #5e5d5b;\n    color: white;\n}\n\n\/* Hide the default checkbox *\/\n.custom-checkbox input[type=\"checkbox\"] {\n    display: none;\n}\n\n.custom-checkbox {\n\n    font-weight: 600;\n    font-size: 14px;\n    margin-bottom: 7px;\n    align-items: center;\n    display: flex;\n}\n\n\/* Style the custom box *\/\n.custom-checkbox .custom-box {\n    display: inline-block;\n    width: 20px;\n    height: 20px;\n    border: 2px solid #ccc; \/* border for the checkbox *\/\n    border-radius: 4px; \/* optional rounded corners *\/\n    background-color: white;\n    position: relative;\n    margin-right: 10px;\n    cursor: pointer;\n    transition: background-color 0.3s, border-color 0.3s;\n    list-style: none;\n}\n.country-filters {\n\n    list-style: none;\n    padding-left: 0;\n}\n\n\/* Style the custom box when the checkbox is checked *\/\n.custom-checkbox input[type=\"checkbox\"]:checked + .custom-box {\n    background-color: #00aaff; \/* custom background when checked *\/\n    border-color: #00aaff;\n}\n\n\/* Create the checkmark *\/\n.custom-checkbox .custom-box::after {\n    content: '';\n    position: absolute;\n    top: 0px;\n    left: 6px;\n    width: 6px;\n    height: 12px;\n    border: solid white;\n    border-width: 0 2px 2px 0;\n    opacity: 0;\n    transform: rotate(45deg);\n    transition: opacity 0.3s;\n}\n\n\/* Show the checkmark when checked *\/\n.custom-checkbox input[type=\"checkbox\"]:checked + .custom-box::after {\n    opacity: 1;\n}\n\n\/* Optional: Styling for label text *\/\n.custom-checkbox {\n    font-size: 14px;\n    color: #333;\n    cursor: pointer;\n}\n\n#publication-filters {\n\n    position: sticky;\n    height: 100vh;\n    top:  0;\n}\n\n\/* Hide the default radio button *\/\ninput[type=\"radio\"] {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n}\n\n\/* Custom radio button style *\/\n.publication-date-filter label {\n    display: inline-block;\n    position: relative;\n    padding-left: 35px; \/* Add more space to the left for the circle *\/\n    cursor: pointer;\n    font-size: 16px;\n    line-height: 24px; \/* Adjust to align text vertically *\/\n    vertical-align: middle; \/* Align label text vertically *\/\n    user-select: none;\n    margin-bottom: 7px;\n    font-weight: 600;\n    font-family: Lato;\n    color: #333;\n    font-size: 14px;\n}\n\n\/* Custom radio button circle *\/\n.publication-date-filter label:before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%); \/* Centers the circle vertically *\/\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    border: 1px solid #5e5d5b; \/* Change this color for your design *\/\n    background-color: white;\n}\n\n\/* When the radio button is checked, show the custom checkmark *\/\ninput[type=\"radio\"]:checked + label:before {\n    background-color: #007BFF;\n    border: 1px solid #5e5d5b;\n}\n\n\/* Add an inner dot when selected *\/\ninput[type=\"radio\"]:checked + label:after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 5px;\n    transform: translateY(-50%);\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: white;\n}\n\n\/* Optional: Add a hover effect *\/\n.publication-date-filter label:hover:before {\n    background-color: #e6f0ff;\n}\n\n\n.device-filters-panel {\n\n    max-height: 0;\n        transition: all 0.2s ease;\n        opacity: 0;\n        width: 0;\n        position: absolute;\n}\n\n.device-filters-panel-label {\n\n    font-size: 14px;\n    padding: 6px;\n        border: 1px solid black;\n\n}\n\n@media(min-width: 769px) {\n\n.device-filters-panel-label {\n    display:none;\n}\n\n\n}\n\n.show-panel {\n\n    display: flex!important;\n    height: 220px;\n    max-height: 220px;\n    opacity: 1;\n    transition: all 0.2s ease;\n    background-color: white;\n    width: fit-content;\n    position: absolute;\n    left: 2.5%;\n    width: 95%;\n        border: 1px solid #5e5d5b;\n    padding: 5%;\n    z-index: 9999999;\n}\n\n.device-filters-panel .custom-select-container {\n\n    width: 175px\n}\n\n.custom-date-option label::before {\n\n    display: none!important;\n}\n\n\n.publication-pagination-top {\n\n    position: relative;\n}\n\n\n.panel-labels-opened {\n\n    border-bottom: 0;\n    background-color: #5e5d5b;\n    color: white;\n}\n\n.display-options, .options-container {\n\n    z-index: 34242432;\n}\n\n@media(max-width:  992px) {\n\n\n.citation-row {\n\n    width: 90%;\n    max-width: 90%;\n}\n\n.excerpt-row {\n\n    width: 95%;\n    max-width: 95%;\n}\n\n    #publication-filters {\n\n        width: 20%;\n    }\n\n    #publications-list {\n\n        width: 80%;\n    }\n\n    .publication-heading {\n\n        padding-left: 0;\n        max-width: 95%;\n    }\n\n    #publications-list {\n\n\n    }\n\n    .publication-details {\n\n        padding-left: 0;\n        margin-left: 0;\n    }\n\n    .publication-heading h3 {\n\n        max-width: 100%;\n    }\n\n    .citation-row {\n\n        padding-left: 0;\n    }\n\n    .excerpt-row {\n\n        padding-left: 0;\n    }\n\n    #publications-list {\n\n        padding-right: 0;\n    }\n}\n\n@media(max-width: 768px) {\n\n    #publication-filters {\n\n        display: none;\n    }\n\n    #publications-list {\n        max-width: 100%;\n        width: 100%;\n    }\n\n    .publication-heading {\n\n        padding-left: 0;\n        max-width: 100%;\n        width: 100%;\n    }\n    .publication-details {\n\n        margin-left: 0;\n        padding-left: 0;\n    }\n\n.publication-citation {\n\n    padding-right: 5%;\n}\n    .citation-row {\n\n        max-width: 100%;\n        padding-left: 0;\n        padding-right: 5%;\n    }\n\n    .display-summary, .display-abstract {\n\n        padding-left: 0;\n    }\n\n    .excerpt-row {\n\n        max-width: 100%;\n    }\n}\n\n@media(max-width: 620px) {\n\n.abstract-meta {\n\n    margin-left: 0;\n    position: relative;\n}\n\n.link-cite {\n\n    position: unset;\n}\n\n\n.publication-citation {\n\n    padding-right: 10%;\n    font-size: 11px;\n}\n\n.total-items {\n\n        white-space: pre;\n    height: fit-content;\n    font-size: 12px;\n}\n\n#publications-list {\n\n    padding-right: 5%;\n}\n    #publication-options {\n\n        padding-left: 0;\n        padding-right: 0;\n        padding-top: 5%;\n    }\n    .select-options {\n\n        padding-left: 0;\n        padding-right: 0;\n        justify-content: space-between;\n        width: 100%;\n    }\n\n    #publication-options .row {\n\n        justify-content: space-between;\n    }\n\n#publication-search-form {\n\n    display: block;\n}\n    #publication-search-form input {\n\n        flex-unset;\n        height: 45px;\n    }\n\n.publication-pagination-top .pagination-first img, .publication-pagination-top .pagination-last img {\n\n    width: 14px;\n}\n\n.publication-pagination-top .pagination-prev img, .publication-pagination-top .pagination-next img {\n\n    width: 12px;\n}\n\n.pagination-first {\n\n    margin-right: 14px;\n}\n\n.pagination-last {\n\n    margin-left: 14px;\n}\n\n.page-input label {\n\n    font-size: 14px;\n}\n\n.pagination-container {\n\n    padding-right: 0;\n}\n\n.excerpt-row {\n    width: 100%;\n}\n\n.publication-pagination-bottom .pagination-options{\n\n    padding-left: 0;\n}\n\n.publication-citation {\n\n    overflow-wrap: break-word;\n    max-width: 100%;\n    padding-right: 0;\n}\n}\n\n.publication-cite-popup {\n\n    z-index: 342432;\n}\n\n@media(min-width: 992px) {\n\n    #publication-search-form {\n\n        margin-top: 47px;\n    }\n}\n\n.pub-left .link-cite, .pub-left .link-share\n{\n\n    padding: 0;\n    border: 0;\n    font-size: 12px;\n    font-weight: 400;\n}\n.pub-left i {\n\n    font-size: 12px;\n    margin-right: 3px;\n}\n.pub-left strong {\n\n    font-weight: 400;\n\n}\n<\/style><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p> [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/champshealth.org\/publications\/\">Read More&#8230;<span class=\"screen-reader-text\"> from Publications<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-685","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/pages\/685","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/comments?post=685"}],"version-history":[{"count":11,"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/pages\/685\/revisions"}],"predecessor-version":[{"id":3748,"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/pages\/685\/revisions\/3748"}],"wp:attachment":[{"href":"https:\/\/champshealth.org\/wp-json\/wp\/v2\/media?parent=685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}