{"id":2704,"date":"2026-02-02T04:33:38","date_gmt":"2026-02-02T04:33:38","guid":{"rendered":"https:\/\/amiseminary.org\/brothers\/?page_id=2704"},"modified":"2026-06-17T05:21:03","modified_gmt":"2026-06-17T05:21:03","slug":"media-library","status":"publish","type":"page","link":"https:\/\/amiseminary.org\/brothers\/media-library\/","title":{"rendered":"Media Library"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2704\" class=\"elementor elementor-2704\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19ea5ee e-flex e-con-boxed e-con e-parent\" data-id=\"19ea5ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9b20e40 e-con-full e-flex e-con e-child\" data-id=\"9b20e40\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78ac302 elementor-widget elementor-widget-heading\" data-id=\"78ac302\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Media Library<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ba6e35 e-con-full e-flex e-con e-child\" data-id=\"6ba6e35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46f72fb elementor-widget elementor-widget-html\" data-id=\"46f72fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0641\u06cc\u0644\u062a\u0631\u0647\u0627\u06cc \u0622\u0628\u0634\u0627\u0631\u06cc -->\r\n<div id=\"filters-container\">\r\n    <select id=\"filter-section\">\r\n        <option value=\"\">Select Section<\/option>\r\n    <\/select>\r\n    <select id=\"filter-subsection\">\r\n        <option value=\"\">Select Subsection<\/option>\r\n    <\/select>\r\n    <select id=\"filter-subject\">\r\n        <option value=\"\">Select Subject<\/option>\r\n    <\/select>\r\n    <select id=\"filter-year\">\r\n        <option value=\"\">Select Year<\/option>\r\n    <\/select>\r\n<\/div>\r\n\r\n<!-- \u067e\u0646\u0644 \u0646\u0645\u0627\u06cc\u0634 \u0641\u06cc\u0644\u062a\u0631\u0647\u0627\u06cc \u0641\u0639\u0627\u0644 -->\r\n<div class=\"active-filters-panel\" id=\"active-filters-panel\" style=\"display: none;\">\r\n    <span class=\"active-filters-title\">Active filters:<\/span>\r\n    <div id=\"active-filters-list\" class=\"active-filters-list\"><\/div>\r\n    <button class=\"clear-all-filters\" id=\"clear-all-filters\" style=\"display: none;\">Clear all<\/button>\r\n<\/div>\r\n\r\n<!-- \u0646\u0645\u0627\u06cc\u0634 \u062a\u0639\u062f\u0627\u062f \u067e\u0633\u062a\u200c\u0647\u0627 \u0648 \u0644\u0648\u062f\u06cc\u0646\u06af -->\r\n<div class=\"gallery-stats\">\r\n    <span class=\"stats-wrapper\">\r\n        <span id=\"gallery-total-count\">0<\/span> Items Found\r\n    <\/span>\r\n    <div class=\"advanced-loader\" id=\"advanced-loader\" style=\"display: none;\">\r\n        <div class=\"loader-container\">\r\n            <div class=\"loader-dots\">\r\n                <span class=\"loader-dot\"><\/span>\r\n                <span class=\"loader-dot\"><\/span>\r\n                <span class=\"loader-dot\"><\/span>\r\n                <span class=\"loader-dot\"><\/span>\r\n            <\/div>\r\n            <span class=\"loader-text\">Loading gallery...<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- \u06af\u0631\u06cc\u062f \u06af\u0627\u0644\u0631\u06cc -->\r\n<div id=\"listing-grid\" class=\"gallery-grid\"><\/div>\r\n\r\n<!-- \u062f\u06a9\u0645\u0647 Load More -->\r\n<div class=\"load-more-wrapper\" id=\"gallery-load-more-wrapper\" style=\"display: none;\">\r\n    <button class=\"load-more-btn\" id=\"gallery-load-more\">\r\n        <span class=\"btn-text\">Load More<\/span>\r\n        <span class=\"btn-spinner\"><\/span>\r\n    <\/button>\r\n<\/div>\r\n\r\n<script>\r\njQuery(document).ready(function($) {\r\n    \/\/ ===== State =====\r\n    const state = {\r\n        section: '',\r\n        subsection: '',\r\n        subject: '',\r\n        year: '',\r\n        page: 1,\r\n        total: 0,\r\n        hasMore: false,\r\n        isLoading: false\r\n    };\r\n\r\n    const filterLabels = {\r\n        section: 'Section',\r\n        subsection: 'Subsection',\r\n        subject: 'Subject',\r\n        year: 'Year'\r\n    };\r\n\r\n    \/\/ ===== Active Filters =====\r\n    function updateActiveFilters() {\r\n        const activeFilters = [];\r\n\r\n        $('#filters-container select').each(function() {\r\n            const $this = $(this);\r\n            const type = $this.attr('id').replace('filter-', '');\r\n            const value = $this.val();\r\n            \r\n            $this.toggleClass('filter-active', value && value !== '');\r\n\r\n            if (value && value !== '') {\r\n                activeFilters.push({\r\n                    type,\r\n                    label: filterLabels[type] || type,\r\n                    value,\r\n                    text: $this.find('option:selected').text()\r\n                });\r\n            }\r\n        });\r\n\r\n        if (activeFilters.length) {\r\n            const chips = activeFilters.map(filter => `\r\n                <div class=\"active-filter-chip\" data-type=\"${filter.type}\" data-value=\"${filter.value}\">\r\n                    <span><strong>${filter.label}:<\/strong> ${filter.text}<\/span>\r\n                    <button class=\"remove-filter\" data-type=\"${filter.type}\">\u2715<\/button>\r\n                <\/div>\r\n            `).join('');\r\n\r\n            $('#active-filters-list').html(chips);\r\n            $('#active-filters-panel').fadeIn(300);\r\n            $('#clear-all-filters').show();\r\n        } else {\r\n            $('#active-filters-panel').fadeOut(300);\r\n            $('#clear-all-filters').hide();\r\n        }\r\n    }\r\n\r\n    \/\/ ===== Loader =====\r\n    function showLoader() {\r\n        state.isLoading = true;\r\n        $('#advanced-loader').fadeIn(200);\r\n        $('#gallery-load-more').prop('disabled', true);\r\n    }\r\n\r\n    function hideLoader() {\r\n        state.isLoading = false;\r\n        $('#advanced-loader').fadeOut(200);\r\n        $('#gallery-load-more').prop('disabled', false);\r\n    }\r\n\r\n    \/\/ ===== Update Count =====\r\n    function updateCount() {\r\n        const countText = state.total.toLocaleString();\r\n        const $count = $('#gallery-total-count');\r\n        $count.text(countText).toggleClass('has-items', state.total > 0);\r\n    }\r\n\r\n    \/\/ ===== Load Filters =====\r\n    function loadFilters() {\r\n        \/\/ Sections\r\n        $.post(ajaxurl, { action: 'load_top_level_terms' }, function(data) {\r\n            const $select = $('#filter-section');\r\n            $select.html('<option value=\"\">Select Section<\/option>');\r\n            data.forEach(term => {\r\n                $select.append(`<option value=\"${term.id}\">${term.name}<\/option>`);\r\n            });\r\n            updateActiveFilters();\r\n        });\r\n\r\n        \/\/ Years\r\n        $.post(ajaxurl, { action: 'load_child_terms', parent_id: 0, taxonomy: 'gallery-year' }, function(data) {\r\n            const $select = $('#filter-year');\r\n            $select.html('<option value=\"\">Select Year<\/option>');\r\n            data.forEach(term => {\r\n                $select.append(`<option value=\"${term.id}\">${term.name}<\/option>`);\r\n            });\r\n            updateActiveFilters();\r\n        });\r\n    }\r\n\r\n    \/\/ ===== Load Posts =====\r\n    function loadPosts(reset = true) {\r\n        if (state.isLoading) return;\r\n\r\n        if (reset) {\r\n            state.page = 1;\r\n            $('#listing-grid').empty();\r\n        }\r\n\r\n        showLoader();\r\n\r\n        $.post(ajaxurl, {\r\n            action: 'load_posts',\r\n            section: state.section,\r\n            subsection: state.subsection,\r\n            subject: state.subject,\r\n            year: state.year,\r\n            page: state.page\r\n        })\r\n        .done(function(response) {\r\n            if (reset) {\r\n                $('#listing-grid').html(response.html);\r\n            } else {\r\n                $('#listing-grid').append(response.html);\r\n            }\r\n\r\n            state.total = response.total || 0;\r\n            state.hasMore = response.has_more || false;\r\n\r\n            updateCount();\r\n\r\n            $('#gallery-load-more-wrapper').toggle(state.hasMore);\r\n            hideLoader();\r\n            updateActiveFilters();\r\n        })\r\n        .fail(function() {\r\n            $('#listing-grid').html('<div class=\"no-posts error\">Error loading posts. Please try again.<\/div>');\r\n            hideLoader();\r\n        });\r\n    }\r\n\r\n    \/\/ ===== Load Child Terms =====\r\n    function loadChildTerms(parentId, targetId) {\r\n        if (!parentId) {\r\n            const label = targetId.replace('filter-', '').replace(\/^.\/, str => str.toUpperCase());\r\n            $(`#${targetId}`).html(`<option value=\"\">Select ${label}<\/option>`);\r\n            return;\r\n        }\r\n\r\n        $.post(ajaxurl, { action: 'load_child_terms', parent_id: parentId }, function(data) {\r\n            const $select = $(`#${targetId}`);\r\n            const label = targetId.replace('filter-', '').replace(\/^.\/, str => str.toUpperCase());\r\n            $select.html(`<option value=\"\">Select ${label}<\/option>`);\r\n            data.forEach(term => {\r\n                $select.append(`<option value=\"${term.id}\">${term.name}<\/option>`);\r\n            });\r\n            updateActiveFilters();\r\n        });\r\n    }\r\n\r\n    \/\/ ===== Event: Remove single filter =====\r\n    $(document).on('click', '.remove-filter', function(e) {\r\n        e.preventDefault();\r\n        const type = $(this).data('type');\r\n        $(`#filter-${type}`).val('').trigger('change');\r\n    });\r\n\r\n    \/\/ ===== Event: Clear all filters =====\r\n    $('#clear-all-filters').on('click', function(e) {\r\n        e.preventDefault();\r\n        $('#filters-container select').val('').trigger('change');\r\n    });\r\n\r\n    \/\/ ===== Event: Section change =====\r\n    $('#filter-section').on('change', function() {\r\n        state.section = $(this).val();\r\n        state.subsection = '';\r\n        state.subject = '';\r\n\r\n        $('#filter-subsection').html('<option value=\"\">Select Subsection<\/option>');\r\n        $('#filter-subject').html('<option value=\"\">Select Subject<\/option>');\r\n\r\n        loadChildTerms(state.section, 'filter-subsection');\r\n        loadPosts(true);\r\n        updateActiveFilters();\r\n    });\r\n\r\n    \/\/ ===== Event: Subsection change =====\r\n    $('#filter-subsection').on('change', function() {\r\n        state.subsection = $(this).val();\r\n        state.subject = '';\r\n\r\n        $('#filter-subject').html('<option value=\"\">Select Subject<\/option>');\r\n        loadChildTerms(state.subsection, 'filter-subject');\r\n        loadPosts(true);\r\n        updateActiveFilters();\r\n    });\r\n\r\n    \/\/ ===== Event: Subject & Year change =====\r\n    $('#filter-subject, #filter-year').on('change', function() {\r\n        state.subject = $('#filter-subject').val();\r\n        state.year = $('#filter-year').val();\r\n        loadPosts(true);\r\n        updateActiveFilters();\r\n    });\r\n\r\n    \/\/ ===== Event: Load More =====\r\n    $('#gallery-load-more').on('click', function() {\r\n        if (!state.isLoading && state.hasMore) {\r\n            state.page++;\r\n            loadPosts(false);\r\n        }\r\n    });\r\n\r\n    \/\/ ===== Init =====\r\n    loadFilters();\r\n    loadPosts(true);\r\n    updateActiveFilters();\r\n});\r\n<\/script>\r\n\r\n<style>\r\n    * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* ===== Filters ===== *\/\r\n    #filters-container {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 15px;\r\n        width: 100%;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    #filters-container select {\r\n        flex: 1 1 calc(25% - 15px);\r\n        min-width: 180px;\r\n        padding: 14px 18px;\r\n        border-radius: 12px;\r\n        border: 1px solid #f0f0f0;\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        background: #fff;\r\n        outline: none;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        appearance: none;\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\r\n        background-repeat: no-repeat;\r\n        background-position: right 15px center;\r\n        background-size: 18px;\r\n    }\r\n\r\n    #filters-container select:hover {\r\n        border-color: #e85d21;\r\n        box-shadow: 0 3px 10px rgba(232, 93, 33, 0.1);\r\n    }\r\n\r\n    #filters-container select.filter-active {\r\n        border-color: #e85d21 !important;\r\n        border-width: 2px !important;\r\n        background-color: #fff8f5 !important;\r\n        color: #e85d21 !important;\r\n        font-weight: 600 !important;\r\n        box-shadow: 0 4px 12px rgba(232, 93, 33, 0.15) !important;\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23e85d21' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\") !important;\r\n    }\r\n\r\n    \/* ===== Active Filters Panel ===== *\/\r\n    .active-filters-panel {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        gap: 10px;\r\n        margin: 10px 0 20px;\r\n        padding: 10px 0;\r\n        min-height: 40px;\r\n    }\r\n\r\n    .active-filters-title {\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        color: #6b7280;\r\n        margin-right: 5px;\r\n    }\r\n\r\n    .active-filter-chip {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        padding: 8px 15px;\r\n        background: linear-gradient(135deg, #fff5f0 0%, #fff 100%);\r\n        border: 1px solid #e85d21;\r\n        border-radius: 30px;\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n        color: #e85d21;\r\n        box-shadow: 0 2px 8px rgba(232, 93, 33, 0.1);\r\n        animation: chipSlideIn 0.3s ease;\r\n    }\r\n\r\n    .active-filter-chip span {\r\n        max-width: 150px;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .active-filter-chip button {\r\n        background: none;\r\n        border: none;\r\n        color: #e85d21;\r\n        font-size: 16px;\r\n        cursor: pointer;\r\n        padding: 0 0 0 5px;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .active-filter-chip button:hover {\r\n        color: #c44c1a;\r\n        transform: scale(1.2);\r\n    }\r\n\r\n    .clear-all-filters {\r\n        background: none;\r\n        border: none;\r\n        color: #9ca3af;\r\n        font-size: 12px;\r\n        cursor: pointer;\r\n        text-decoration: underline;\r\n        margin-left: 10px;\r\n        transition: color 0.2s ease;\r\n    }\r\n\r\n    .clear-all-filters:hover {\r\n        color: #e85d21;\r\n    }\r\n\r\n    @keyframes chipSlideIn {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateX(-10px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n    \/* ===== Gallery Stats ===== *\/\r\n    .gallery-stats {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin: 10px 0 25px;\r\n        padding: 15px 0;\r\n        border-bottom: 2px solid #f0f0f0;\r\n        min-height: 70px;\r\n    }\r\n\r\n    .stats-wrapper {\r\n        font-weight: 500;\r\n        font-size: 16px;\r\n        color: #4b5563;\r\n        background: #f8f9fa;\r\n        padding: 10px 25px;\r\n        border-radius: 40px;\r\n        box-shadow: 0 2px 8px rgba(0,0,0,0.02);\r\n    }\r\n\r\n    #gallery-total-count {\r\n        font-weight: 800;\r\n        color: #e85d21;\r\n        font-size: 26px;\r\n        margin-right: 5px;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* ===== Loader ===== *\/\r\n    .advanced-loader {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background: linear-gradient(135deg, #fff5f0 0%, #fff 100%);\r\n        border-radius: 50px;\r\n        padding: 8px 20px 8px 15px;\r\n        box-shadow: 0 2px 8px rgba(232, 93, 33, 0.08);\r\n        border: 1px solid rgba(232, 93, 33, 0.2);\r\n        animation: loaderPulse 2s ease infinite;\r\n    }\r\n\r\n    .loader-container {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n    }\r\n\r\n    .loader-dots {\r\n        display: flex;\r\n        gap: 6px;\r\n        align-items: center;\r\n    }\r\n\r\n    .loader-dot {\r\n        width: 10px;\r\n        height: 10px;\r\n        border-radius: 50%;\r\n        background: #e85d21;\r\n        animation: dotPulse 1.5s ease infinite;\r\n    }\r\n\r\n    .loader-dot:nth-child(1) { animation-delay: 0s; }\r\n    .loader-dot:nth-child(2) { animation-delay: 0.2s; }\r\n    .loader-dot:nth-child(3) { animation-delay: 0.4s; }\r\n    .loader-dot:nth-child(4) { animation-delay: 0.6s; }\r\n\r\n    .loader-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #e85d21;\r\n        letter-spacing: 0.5px;\r\n        background: linear-gradient(135deg, #e85d21, #f97316);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    @keyframes dotPulse {\r\n        0%, 100% {\r\n            transform: scale(1);\r\n            opacity: 1;\r\n            background: #e85d21;\r\n        }\r\n        50% {\r\n            transform: scale(1.5);\r\n            opacity: 0.7;\r\n            background: #f97316;\r\n        }\r\n    }\r\n\r\n    @keyframes loaderPulse {\r\n        0%, 100% {\r\n            box-shadow: 0 2px 8px rgba(232, 93, 33, 0.08);\r\n        }\r\n        50% {\r\n            box-shadow: 0 4px 12px rgba(232, 93, 33, 0.12);\r\n        }\r\n    }\r\n\r\n    @keyframes spin {\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    \/* ===== Gallery Grid ===== *\/\r\n    .gallery-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px;\r\n        margin: 20px 0;\r\n        min-height: 400px;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .gallery-grid > * {\r\n        animation: slideIn 0.4s ease forwards;\r\n    }\r\n\r\n    @keyframes slideIn {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* ===== Load More ===== *\/\r\n    .load-more-wrapper {\r\n        text-align: center;\r\n        margin: 50px 0 30px;\r\n        width: 100%;\r\n    }\r\n\r\n    .load-more-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 2px;\r\n        padding: 16px 50px;\r\n        background: white;\r\n        border: 2px solid #e85d21;\r\n        border-radius: 60px;\r\n        color: #e85d21;\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 8px 20px rgba(232, 93, 33, 0.15);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .load-more-btn:hover {\r\n        background: #e85d21;\r\n        color: white;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 30px rgba(232, 93, 33, 0.3);\r\n    }\r\n\r\n    .load-more-btn:disabled {\r\n        opacity: 0.6;\r\n        cursor: not-allowed;\r\n        transform: none;\r\n        box-shadow: none;\r\n    }\r\n\r\n    .btn-spinner {\r\n        display: inline-block;\r\n        width: 20px;\r\n        height: 20px;\r\n        border: 3px solid rgba(232, 93, 33, 0.3);\r\n        border-top-color: #e85d21;\r\n        border-radius: 50%;\r\n        animation: spin 0.8s linear infinite;\r\n        opacity: 0;\r\n        transition: opacity 0.3s;\r\n    }\r\n\r\n    .load-more-btn:disabled .btn-spinner {\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* ===== No Posts ===== *\/\r\n    .no-posts {\r\n        width: 100%;\r\n        text-align: center;\r\n        padding: 80px 20px;\r\n        font-size: 18px;\r\n        color: #6b7280;\r\n        background: #f9fafb;\r\n        border-radius: 30px;\r\n        grid-column: 1 \/ -1;\r\n        border: 2px dashed #e0e0e0;\r\n    }\r\n\r\n    .no-posts.error {\r\n        background: #fff5f5;\r\n        color: #dc2626;\r\n        border-color: #fecaca;\r\n    }\r\n\r\n    \/* ===== Responsive ===== *\/\r\n    \r\n    \/* \u062a\u0628\u0644\u062a - \u06f2 \u0633\u062a\u0648\u0646 \u0628\u0631\u0627\u06cc \u0633\u0644\u06a9\u062a\u200c\u0647\u0627 *\/\r\n    @media (max-width: 992px) {\r\n        #filters-container select {\r\n            flex: 0 0 calc(50% - 7.5px);\r\n            min-width: calc(50% - 7.5px);\r\n            max-width: calc(50% - 7.5px);\r\n        }\r\n    }\r\n\r\n    \/* \u062a\u0628\u0644\u062a \u06a9\u0648\u0686\u06a9 \u0648 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0628\u0632\u0631\u06af - \u06f2 \u0633\u062a\u0648\u0646 \u0628\u0631\u0627\u06cc \u06af\u0627\u0644\u0631\u06cc *\/\r\n    @media (max-width: 768px) {\r\n        #filters-container {\r\n            gap: 10px;\r\n        }\r\n\r\n        #filters-container select {\r\n            flex: 0 0 calc(50% - 5px);\r\n            min-width: calc(50% - 5px);\r\n            max-width: calc(50% - 5px);\r\n            font-size: 13px;\r\n            padding: 12px 14px;\r\n        }\r\n\r\n        .gallery-stats {\r\n            flex-direction: column;\r\n            gap: 15px;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .stats-wrapper {\r\n            width: 100%;\r\n            text-align: center;\r\n        }\r\n\r\n        .advanced-loader {\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n\r\n        .gallery-grid {\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            gap: 20px !important;\r\n        }\r\n    }\r\n\r\n    \/* \u0645\u0648\u0628\u0627\u06cc\u0644 - \u06f1 \u0633\u062a\u0648\u0646 \u0628\u0631\u0627\u06cc \u06af\u0627\u0644\u0631\u06cc *\/\r\n    @media (max-width: 576px) {\r\n        #filters-container select {\r\n            flex: 0 0 calc(50% - 5px);\r\n            min-width: calc(50% - 5px);\r\n            max-width: calc(50% - 5px);\r\n            font-size: 12px;\r\n            padding: 10px 12px;\r\n        }\r\n\r\n        .gallery-grid {\r\n            grid-template-columns: 1fr !important;\r\n            gap: 20px !important;\r\n        }\r\n\r\n        .gallery-grid .gallery-card {\r\n            width: 100% !important;\r\n            max-width: 100% !important;\r\n        }\r\n\r\n        .load-more-btn {\r\n            width: 100%;\r\n            padding: 14px 20px;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .loader-text {\r\n            font-size: 13px;\r\n        }\r\n    }\r\n\r\n    \/* \u0645\u0648\u0628\u0627\u06cc\u0644 \u062e\u06cc\u0644\u06cc \u06a9\u0648\u0686\u06a9 *\/\r\n    @media (max-width: 400px) {\r\n        #filters-container select {\r\n            font-size: 11px;\r\n            padding: 8px 10px;\r\n            min-width: calc(50% - 5px);\r\n        }\r\n\r\n        .gallery-grid {\r\n            gap: 15px !important;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Media Library Select Section Select Subsection Select Subject Select Year Active filters: Clear all 0 Items Found Loading gallery&#8230; Load More<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2704","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/amiseminary.org\/brothers\/wp-json\/wp\/v2\/pages\/2704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amiseminary.org\/brothers\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amiseminary.org\/brothers\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amiseminary.org\/brothers\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amiseminary.org\/brothers\/wp-json\/wp\/v2\/comments?post=2704"}],"version-history":[{"count":283,"href":"https:\/\/amiseminary.org\/brothers\/wp-json\/wp\/v2\/pages\/2704\/revisions"}],"predecessor-version":[{"id":3984,"href":"https:\/\/amiseminary.org\/brothers\/wp-json\/wp\/v2\/pages\/2704\/revisions\/3984"}],"wp:attachment":[{"href":"https:\/\/amiseminary.org\/brothers\/wp-json\/wp\/v2\/media?parent=2704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}