/* Page-specific head <style> from live /blog-categories-all (title "Blog
   Categories All"). Transcribed verbatim from the captured Webflow page-head
   inline <style> block. Loaded via <link rel="stylesheet" precedence="page">
   on the /blog-categories-all route.

   NOTE: the two `display:none` toggles below (`.rv-blog-categories-list-wrapper`
   and `.rv-blog-categories-list-all-wrapper`) are how live hides the chip list
   (revealed by the chevron) and the inactive tab pane. Our React component
   drives those by adding `.show` / the active tab class, so the visible
   wrapper carries an inline style that overrides these rules. */

.rv-heading-chevron.blog-categories-list.show .rv-heading-chevron-icon {
  transform: rotate(90deg);
}
/* Scoped under .rv-blog-categories-section so this precedence stylesheet — which
   persists in <head> across client-side nav — can't hide the /blogs "Browse by
   Topic" slider (same .rv-blog-categories-list-wrapper class, but /blogs has no
   .rv-blog-categories-section ancestor). */
.rv-blog-categories-section .rv-blog-categories-list-wrapper {
  display: none;
}

.rv-blog-list-category-item-link.w--current {
  background-color: #00afaa;
  color: #fff;
}

.rv-blog-categories-section .rv-blog-categories-list-all-wrapper {
  display: none;
}

.rv-blog-post-item .rv-blog-post-item-image-wrapper {
  overflow: hidden;
}
.rv-blog-post-item:hover .rv-blog-post-item-image-wrapper {
  border-color: #4cc7c3;
}
.rv-blog-post-item:hover .rv-blog-post-item-image {
  transform: scale(1.2);
}
.rv-blog-post-item:hover .rv-blog-post-item-title {
  color: #4a748B;
}

.rv-tab-pagination .rv-pagination-link {
  display: inline-block;
  color: #10405a;
  padding: 0 18px;
  margin: 0 4px;
  text-align: center;
  text-decoration: none;
  width: 50px;
}
.rv-pagination-link.current {
  color: #00afaa;
}
.w-pagination-next.inactive,
.w-pagination-previous.inactive {
  display: inline-block;
  color: #d7d7d7;
  background-color: #f1f1f1;
}
.w-pagination-next.inactive .w-pagination-next-icon,
.w-pagination-previous.inactive .w-pagination-previous-icon {
  color: #d7d7d7;
}

@media (max-width: 478px) {
  .rv-tab-pagination .rv-pagination-link {
    margin: 0 3px;
  }
}
