/* Joomla 4 markup compatibility for the site's Bootstrap 2 template. */
#content_wraper .cnap-pagination {
    display: block; clear: both; max-width: 100%; margin: 16px 0 24px;
}
#content_wraper .cnap-pagination > ul.pagination-list {
    display: flex; flex-wrap: wrap; align-items: center; gap: 5px;
    list-style: none; list-style-type: none; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none;
}
#content_wraper .cnap-pagination > ul > li {
    display: block; flex: 0 0 auto; float: none; list-style: none; list-style-type: none; margin: 0; padding: 0;
}
#content_wraper .cnap-pagination .page-link {
    display: flex; align-items: center; justify-content: center; float: none;
    box-sizing: border-box; min-width: 36px; min-height: 36px; padding: 5px 10px;
    margin: 0; border: 1px solid #cbd5de; border-radius: 3px;
    background: #fff; color: #28547b; font: 16px/24px Arial, Helvetica, sans-serif;
    text-align: center; text-decoration: none; box-shadow: none;
}
#content_wraper .cnap-pagination a.page-link:hover,
#content_wraper .cnap-pagination a.page-link:focus-visible {
    background: #edf3f7; border-color: #3f76a0; color: #153659;
}
#content_wraper .cnap-pagination a.page-link:focus-visible { outline: 2px solid #28547b; outline-offset: 2px; }
#content_wraper .cnap-pagination .active .page-link { background: #3f76a0; border-color: #3f76a0; color: #fff; font-weight: bold; }
#content_wraper .cnap-pagination .disabled .page-link { background: #f3f4f5; border-color: #e1e4e7; color: #8b949c; cursor: default; }
#middlecol .com-content-category-blog__navigation { clear: both; width: 100%; margin-top: 24px; }
#middlecol .com-content-category-blog__counter { float: none; margin: 0 0 10px; padding: 0; color: #666; font-size: 14px; }
#middlecol .com-content-category-blog .blog-item { display: flow-root; min-width: 0; margin-bottom: 30px; }
#middlecol .com-content-category-blog .items-more { clear: both; margin-top: 20px; }
#middlecol .com-content-category-blog .blog-items[class*="columns-"],
#middlecol .com-content-category-blog .blog-items[class*="masonry-"] { display: grid; gap: 30px; }
#middlecol .blog-items.columns-2, #middlecol .blog-items.masonry-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#middlecol .blog-items.columns-3, #middlecol .blog-items.masonry-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#middlecol .blog-items.columns-4, #middlecol .blog-items.masonry-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#middlecol .com-content-article .float-start, #middlecol .com-content-category-blog .float-start { float: left; }
#middlecol .com-content-article .float-end, #middlecol .com-content-category-blog .float-end { float: right; }
#middlecol .com-content-article figure.item-image, #middlecol .com-content-category-blog figure.item-image { margin: 0 0 20px; max-width: 100%; }
#middlecol .com-content-article .pagenavigation { clear: both; margin: 24px 0; }
#middlecol .com-content-article .pagenavigation > .pagination { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; }
#middlecol .com-content-article .pagenavigation .btn { white-space: normal; }
#content_wraper .visually-hidden:not(:focus):not(:active) {
    position: absolute !important; width: 1px !important; height: 1px !important;
    padding: 0 !important; margin: -1px !important; overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
}
#middlecol .icon-fw { display: inline-block; width: 1.25em; text-align: center; }
@media (max-width: 767px) {
    #middlecol .com-content-category-blog .blog-items[class*="columns-"],
    #middlecol .com-content-category-blog .blog-items[class*="masonry-"] { grid-template-columns: minmax(0, 1fr); }
}