/* Category page v11: shares all typography, navigation and sidebar styles with the approved homepage v10. */
.category-page { padding-top: 0; }
.category-breadcrumb { border-bottom: 1px solid #e6e6e6; }
.category-breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "›"; padding: 0 10px; color: #aaa; }
.category-heading h1 { font-family: Roboto, sans-serif; font-size: 34px; line-height: 1.2; font-weight: 700; }
.category-heading p { margin-top: 8px; }
.category-article { align-items: flex-start; }
.category-article-image { width: 265px; flex: 0 0 265px; height: 176px; overflow: hidden; background: #f1f3f2; }
.category-article-image img { width: 100%; height: 100%; object-fit: cover; }
.category-article-content { width: calc(100% - 295px); }
.category-article-content h2 { margin: 0; }
.category-article-content h2 a { font-family: Roboto, sans-serif; font-weight: 500; font-size: 23px; line-height: 1.28; }
.category-article-content p { font-family: Lato, sans-serif; font-size: 15px; line-height: 1.65; }
.category-read-more { display: inline-flex; gap: 5px; align-items: center; font-weight: 500; }
.category-pagination { gap: 7px; }
.category-pagination a { min-width: 36px; height: 36px; padding: 0 11px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #dedede; border-radius: 50%; font-family: Roboto, sans-serif; font-size: 14px; color: #555; transition: .2s; }
.category-pagination a:hover, .category-pagination a.active { color: #fff; border-color: #178447; background: #178447; }
.category-pagination .pagination-next { border-radius: 18px; padding: 0 17px; }
.page-category .main-menu > .main-menu-active > a { color: #222; }
.page-category .main-menu > .main-menu-active > a::before { background: #178447; }
@media (max-width: 767px) {
  .category-heading h1 { font-size: 30px; }
  .category-article-image { width: 220px; flex-basis: 220px; height: 150px; }
  .category-article-content { width: calc(100% - 245px); }
  .category-article-content h2 a { font-size: 21px; }
}
@media (max-width: 575px) {
  .category-article { display: block; }
  .category-article-image, .category-article-content { width: 100%; }
  .category-article-image { height: auto; aspect-ratio: 16 / 9; }
  .category-article-content h2 a { font-size: 22px; }
  .category-heading { padding-left: 5px; padding-right: 5px; }
}