/*
Theme Name: NIET Business School Custom Blog Theme
Theme URI: https://nietbschool.ac.in/
Author: NIET Business School
Author URI: https://nietbschool.ac.in/
Description: A modern, responsive WordPress blog theme designed for NIET Business School. Features a clean design that integrates seamlessly with the main website, optimized for performance and SEO.
Version: 2.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custom-blog-theme
Tags: blog, education, business, responsive, modern, custom
*/

/* 
 * Custom Blog Theme Styles
 * These styles complement the main site's stylesheet
 */

/* Blog Content Styling */


.blog-content {
  line-height: 1.8;
  color: #374151;
}

.blog-content p {
  margin-bottom: 1.75em;
}

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3;
  color: #111827;
}

.blog-content h2 {
  font-size: 1.75em;
}

.blog-content h3 {
  font-size: 1.5em;
}

.blog-content ul,
.blog-content ol {
  margin: 1.5em 0;
  padding-left: 2em;
}

.blog-content li {
  margin-bottom: 0.5em;
}

.blog-content a {
  color: #d6323a;
  text-decoration: underline;
  transition: color 0.2s;
}

.blog-content a:hover {
  color: #c02a31;
}

.blog-content strong {
  font-weight: 600;
}

.blog-content em {
  font-style: italic;
}

.blog-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
  margin: 1.5em 0;
}

.blog-content blockquote {
  border-left: 4px solid #d6323a;
  padding-left: 1em;
  margin: 2em 0;
  font-style: italic;
  color: #6b7280;
  background-color: #f9fafb;
  padding: 1em;
  border-radius: 0.25rem;
}

.blog-content table {
  border-collapse: collapse;
  margin: 2em 0;
  width: 100%;
  border: 1px solid #e5e7eb;
  overflow-x: auto;
  display: block;
}

.blog-content table thead,
.blog-content table tbody {
  display: table;
  width: 100%;
}

.blog-content table td,
.blog-content table th {
  border: 1px solid #e5e7eb;
  padding: 12px;
  text-align: left;
  min-width: 100px;
}

.blog-content table th {
  background-color: #f3f4f6;
  font-weight: 600;
  color: #111827;
}

.blog-content table tr:nth-child(even) {
  background-color: #f9fafb;
}

.blog-content table tr:hover {
  background-color: #f3f4f6;
}

/* Blog Card Hover Effects */
.blog-card {
  transition: all 0.3s ease;
}

.blog-card:hover {
  transform: translateY(-4px);
}

/* Category Badge */
.category-badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background-color: #d6323a;
  color: white;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Reading Time */
.reading-time {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #6b7280;
  font-size: 0.875rem;
}

/* Pagination Styles */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 3rem;
}

.pagination a,
.pagination span {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  transition: all 0.2s;
}

.pagination .current {
  background-color: #d6323a;
  color: white;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .blog-content h2 {
    font-size: 1.5em;
  }

  .blog-content h3 {
    font-size: 1.25em;
  }
}