/* Blogs Archive Styles - Block Template Version */

/* Archive header styles */
.blogs-hero-text {
  color: #3db87d;
  max-width: 1512px !important;
  margin: 20px auto !important;
}

.blogs-hero-text .blogs-heading {
  font-size: 112px;
  font-style: italic;
  font-weight: 300;
  margin: 28px 0;
  line-height: 1;
}

.blogs-hero-text .blogs-subheading {
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
}

/* Responsive adjustments for header */
@media (max-width: 768px) {
  .blogs-archive .blogs-heading {
    font-size: 45px !important;
    margin: 12px 0;
  }

  .blogs-archive .blogs-subheading {
    font-size: 20px !important;
  }
}