{"id":220,"date":"2025-10-09T08:49:00","date_gmt":"2025-10-09T08:49:00","guid":{"rendered":"https:\/\/www.thearchealth.org\/?page_id=220"},"modified":"2026-02-06T15:26:48","modified_gmt":"2026-02-06T15:26:48","slug":"publications","status":"publish","type":"page","link":"https:\/\/www.thearchealth.org\/index.php\/publications\/","title":{"rendered":"Publications"},"content":{"rendered":"\n<div class=\"wp-block-cover page-header fade-in-on-load\" style=\"min-height:501px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1365\" class=\"wp-block-cover__image-background wp-image-460 size-full\" alt=\"\" src=\"https:\/\/www.thearchealth.org\/wp-content\/uploads\/2026\/02\/shutterstock_1700713243-2048x1365-2.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/www.thearchealth.org\/wp-content\/uploads\/2026\/02\/shutterstock_1700713243-2048x1365-2.jpg 2048w, https:\/\/www.thearchealth.org\/wp-content\/uploads\/2026\/02\/shutterstock_1700713243-2048x1365-2-300x200.jpg 300w, https:\/\/www.thearchealth.org\/wp-content\/uploads\/2026\/02\/shutterstock_1700713243-2048x1365-2-1024x683.jpg 1024w, https:\/\/www.thearchealth.org\/wp-content\/uploads\/2026\/02\/shutterstock_1700713243-2048x1365-2-768x512.jpg 768w, https:\/\/www.thearchealth.org\/wp-content\/uploads\/2026\/02\/shutterstock_1700713243-2048x1365-2-1536x1024.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-40 has-background-dim\" style=\"background-color:#050026\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-text-align-center fade-in-left\">Publications<\/h1>\n\n\n  <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: #a9d340;\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    <\/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\">Laying the foundations for high-quality mortality surveillance in Sierra Leone: Early learnings from the Child Health and Mortality Prevention Surveillance (CHAMPS) Network.<\/h3>\n                                <div class=\"publication-details\">\n                                    <div class=\"publication-author\">Sorie I.B Kamara <\/div>\n                                    <div class=\"publication-country\"><i class=\"fa fa-globe\"><\/i>Sierra Leone<\/div>\n                                    <div class=\"publication-journal\"><i class=\"fa fa-globe\"><\/i>Gates Open Research<\/div>\n                                    <div class=\"publication-year\"><i class=\"fa fa-calendar\"><\/i>2024<\/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><em><span class=\"article-title-and-info in-popup\">Kamara SIB, Kowuor D, Samura SS\u00a0et al.\u00a0Laying the foundations for high-quality mortality surveillance in Sierra Leone: Early learnings from the Child Health and Mortality Prevention Surveillance (CHAMPS) Network [version 1; peer review: 1 approved, 1 approved with reservations]<\/span>.\u00a0Gates Open Res\u00a02024,\u00a0<b>8<\/b>:98 (<a class=\"new-orange\" href=\"https:\/\/doi.org\/10.12688\/gatesopenres.15986.1\" target=\"_blank\" rel=\"noopener\">https:\/\/doi.org\/10.12688\/gatesopenres.15986.1<\/a>)<\/em><\/p>\n<\/div>\n                            <\/div>\n                            <div class=\"excerpt-row\">\n                                <p class=\"publication-excerpt\">[&#8230;]Read More&#8230; from Laying the foundations for high-quality mortality surveillance in Sierra Leone: Early learnings from the Child Health and Mortality Prevention Surveillance (CHAMPS) Network.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/li>\n                                    <li>\n                        <div class=\"publication-body\">\n                            <div class=\"publication-header\">\n                                <h3 class=\"publication-heading\">Prevalence of Antimicrobial Resistance in\u00a0Klebsiella pneumoniae,\u00a0Enterobacter cloacae, and\u00a0Escherichia coli\u00a0Isolates among Stillbirths and Deceased Under-Five Children in Sierra Leone: Data from the Child Health and Mortality Prevention Surveillance Sites from 2019 to 2022.\u00a0<\/h3>\n                                <div class=\"publication-details\">\n                                    <div class=\"publication-author\">Julius Ojulong <\/div>\n                                    <div class=\"publication-country\"><i class=\"fa fa-globe\"><\/i>Sierra Leone<\/div>\n                                    <div class=\"publication-journal\"><i class=\"fa fa-globe\"><\/i>MDPI<\/div>\n                                    <div class=\"publication-year\"><i class=\"fa fa-calendar\"><\/i>2024<\/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><em>Ojulong, J., Gebru, G. N., Duduyemi, B., Gbenda, E., Janneh, M. L., Sharty, J., Monteiro, L., Kowuor, D., Ameh, S., &amp; Ogbuanu, I. U. (2024). Prevalence of Antimicrobial Resistance in\u00a0Klebsiella pneumoniae,\u00a0Enterobacter cloacae, and\u00a0Escherichia coli\u00a0Isolates among Stillbirths and Deceased Under-Five Children in Sierra Leone: Data from the Child Health and Mortality Prevention Surveillance Sites from 2019 to 2022.\u00a0Microorganisms,\u00a012(8), 1657.<\/em><\/p>\n<\/div>\n                            <\/div>\n                            <div class=\"excerpt-row\">\n                                <p class=\"publication-excerpt\">[&#8230;]Read More&#8230; from Prevalence of Antimicrobial Resistance in\u00a0Klebsiella pneumoniae,\u00a0Enterobacter cloacae, and\u00a0Escherichia coli\u00a0Isolates among Stillbirths and Deceased Under-Five Children in Sierra Leone: Data from the Child Health and Mortality Prevention Surveillance Sites from 2019 to 2022.\u00a0<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/li>\n                                    <li>\n                        <div class=\"publication-body\">\n                            <div class=\"publication-header\">\n                                <h3 class=\"publication-heading\">Burden of child mortality from malaria in high-endemic\u00a0areas: Results from the CHAMPS network using minimally invasive tissue sampling.<\/h3>\n                                <div class=\"publication-details\">\n                                    <div class=\"publication-author\">Ikechukwu Ogbuanu <\/div>\n                                    <div class=\"publication-country\"><i class=\"fa fa-globe\"><\/i>Sierra Leone<\/div>\n                                    <div class=\"publication-journal\"><i class=\"fa fa-globe\"><\/i>Journal of Infection<\/div>\n                                    <div class=\"publication-year\"><i class=\"fa fa-calendar\"><\/i>2024<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"citation-row\">\n                                <a href=\"\">Cite<\/a> <a href=\"\">Share<\/a>\n                                <div class=\"publication-citation\"><div>\n<p><em>Ogbuanu, I. U., Otieno, K., Varo, R., Sow, S. O., Ojulong, J., Duduyemi, B., Kowuor, D., Cain, C. J., Rogena, E. A., Onyango, D., Akelo, V., Barr, B. a. T., terKuile, F., Kotloff, K. L., Tapia, M. D., Keita, A. M., Juma, J., Assefa, N., Assegid, N., . . . Bassat, Q. (2024). Burden of child mortality from malaria in high endemic areas: Results from the CHAMPS network using minimally invasive tissue sampling. Journal of Infection, 88(3), 106107. <span class=\"url\">https:\/\/doi.org\/10.1016\/j.jinf.2024.01.006<\/span><\/em><\/p>\n<\/div>\n<\/div>\n                            <\/div>\n                            <div class=\"excerpt-row\">\n                                <p class=\"publication-excerpt\">[&#8230;]Read More&#8230; from Burden of child mortality from malaria in high-endemic\u00a0areas: Results from the CHAMPS network using minimally invasive tissue sampling.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/li>\n                                    <li>\n                        <div class=\"publication-body\">\n                            <div class=\"publication-header\">\n                                <h3 class=\"publication-heading\">Effect of Delays in Maternal Access to Healthcare on Neonatal Mortality in Sierra Leone: A Social Autopsy Case\u2013Control Study at a Child Health and Mortality Prevention Surveillance (CHAMPS) Site<\/h3>\n                                <div class=\"publication-details\">\n                                    <div class=\"publication-author\">Preslar P. Jessica <\/div>\n                                    <div class=\"publication-country\"><i class=\"fa fa-globe\"><\/i>Sierra Leone<\/div>\n                                    <div class=\"publication-journal\"><i class=\"fa fa-globe\"><\/i>Maternal and Child Health Journal <\/div>\n                                    <div class=\"publication-year\"><i class=\"fa fa-calendar\"><\/i>2021<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"citation-row\">\n                                <a href=\"\">Cite<\/a> <a href=\"\">Share<\/a>\n                                <div class=\"publication-citation\"><div>\n<p><em>Preslar, J. P., Worrell, M. C., Kaiser, R., Cain, C. J., Samura, S., Jambai, A., Raghunathan, P. L., Clarke, K., Goodman, D., Christiansen-Lindquist, L., Webb-Girard, A., Kramer, M., &amp; Breiman, R. (2021). Effect of delays in maternal access to healthcare on neonatal mortality in Sierra Leone: A Social Autopsy Case\u2013Control study at a Child Health and Mortality Prevention Surveillance (CHAMPS) site. Maternal and Child Health Journal, 25(8), 1326\u20131335. <span class=\"url\">https:\/\/doi.org\/10.1007\/s10995-021-03132-4<\/span><\/em><\/p>\n<\/div>\n<\/div>\n                            <\/div>\n                            <div class=\"excerpt-row\">\n                                <p class=\"publication-excerpt\">[&#8230;]Read More&#8230; from Effect of Delays in Maternal Access to Healthcare on Neonatal Mortality in Sierra Leone: A Social Autopsy Case\u2013Control Study at a Child Health and Mortality Prevention Surveillance (CHAMPS) Site<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/li>\n                            <\/ul>\n                    <\/div>\n\n    <!-- Pagination -->\n<div class=\"row publication-pagination-bottom\">\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:\/\/www.thearchealth.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:\/\/www.thearchealth.org\/index.php\/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-220","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.thearchealth.org\/index.php\/wp-json\/wp\/v2\/pages\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thearchealth.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thearchealth.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thearchealth.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thearchealth.org\/index.php\/wp-json\/wp\/v2\/comments?post=220"}],"version-history":[{"count":3,"href":"https:\/\/www.thearchealth.org\/index.php\/wp-json\/wp\/v2\/pages\/220\/revisions"}],"predecessor-version":[{"id":468,"href":"https:\/\/www.thearchealth.org\/index.php\/wp-json\/wp\/v2\/pages\/220\/revisions\/468"}],"wp:attachment":[{"href":"https:\/\/www.thearchealth.org\/index.php\/wp-json\/wp\/v2\/media?parent=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}