/* Blogs list page responsive overrides */

/* ----- Hero ----- */
.blogs-list-hero .breadcrumb__title {
  font-size: clamp(1.25rem, 4vw, 2.25rem) !important;
  line-height: 1.25 !important;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.blogs-list-hero .breadcrumb__list {
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
}

@media (max-width: 991.98px) {
  .blogs-list-hero {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}

@media (max-width: 767.98px) {
  .blogs-list-hero {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

@media (max-width: 575.98px) {
  .blogs-list-hero {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

/* ----- Intro ----- */
.blogs-list-intro {
  overflow: hidden;
}

.blogs-list-intro .tp-section-title-wrapper-2 p {
  font-size: clamp(0.9rem, 2vw, 1rem);
  line-height: 1.55;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
}

@media (max-width: 767.98px) {
  .blogs-list-intro .tp-section-title-wrapper-2 {
    margin-bottom: 1.5rem !important;
  }
}

/* ----- Grid / cards ----- */
.blogs-list-grid {
  overflow: hidden;
}

.blogs-list-grid .tp-blog-grid-title {
  font-size: clamp(1rem, 2.5vw, 1.35rem);
  line-height: 1.35;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.blogs-list-excerpt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: clamp(0.9rem, 2vw, 1rem);
  line-height: 1.55;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.blogs-list-grid .tp-blog-grid-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 575.98px) {
  .blogs-list-grid .tp-blog-grid-item {
    margin-bottom: 1.5rem !important;
  }
}