/* ==========================================================================
   Blog List Page Styles
   ========================================================================== */

.blog-tab-btn {
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  padding-bottom: 0.75rem !important;
  transition: all 0.3s ease;
}
.blog-tab-btn:focus, .blog-tab-btn:active, .blog-tab-btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Custom utility classes to prevent purge/missing compilation of spacing and text sizes */
.blog-main-wrapper {
  padding-top: 3rem !important;
  padding-bottom: 7rem !important;
}
.blog-title {
  font-size: 2.25rem !important;
  line-height: 1.15;
}
.blog-tabs-wrapper {
  margin-top: 3.5rem !important;
  margin-bottom: 2.5rem !important;
  border-bottom: 1px solid #E5E7EB;
  /* Hide scrollbar for Chrome, Safari and Opera */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.blog-tabs-wrapper::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.dark .blog-tabs-wrapper {
  border-bottom-color: #362925 !important;
}
.dark .blog-tab-btn:hover {
  color: #D98D78 !important;
}
.dark .blog-post-card {
  background-color: #1D1715 !important;
  border-color: #362925 !important;
}
.dark .blog-post-card:hover {
  background-color: #241C19 !important;
  border-color: #D98D78 !important;
}
@media (min-width: 768px) {
  .blog-title {
    font-size: 3.75rem !important; /* Premium luxury size */
  }
}
#blog-content-area {
  transition: opacity 0.25s ease-in-out;
}