@import url('https://fonts.cdnfonts.com/css/century-schoolbook');

/* Base font settings */
body, 
h1, h2, h3, h4, h5, h6,
.navbar-custom,
.navbar-custom .navbar-brand,
.navbar-collapse,
.navbar-collapse .nav li a,
.navbar-custom .nav li a,
.post-container,
.sidebar-container {
    font-family: 'Schoolbook', serif;
}

/* Dark theme with white text */
body {
    background-color: #1a1a1a;
    color: #ffffff !important;
}

/* All text elements in white */
/* p, h1, h2, h3, h4, h5, h6, span, div, 
.post-container p,
.post-container h1,
.post-container h2,
.post-container h3,
.blog-post-title,
.blog-post-meta,
.featured-tags,
.sidebar-container,
.post-preview > a,
.post-preview > .post-meta,
.post-heading {
    color: #ffffff !important;
} */

/* Links in light blue for better contrast */
a {
    color: #4a9eff !important;
}

a:hover {
    color: #66b3ff !important;
    text-decoration: underline;
}

/* Navigation bar */
.navbar-custom, 
.navbar-collapse,
#huxblog_navbar,
.navbar-collapse.in {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

.navbar-custom .nav li a,
.navbar-custom .navbar-brand {
    color: #ffffff !important;
}

.navbar-toggle .icon-bar {
  background-color: #ffffff !important;
}

/* Featured tags section */
.featured-tags {
    background-color: #2d2d2d;
}

.featured-tags a {
    color: #ffffff !important;
}

/* Ensure post titles and metadata are visible */
/* .post-preview > a > .post-title,
.post-preview > a > .post-subtitle {
    color: #ffffff !important;
} */

/* Header text color */
.intro-header .site-heading h1,
.intro-header .site-heading .subheading,
.intro-header .page-heading h1,
.intro-header .page-heading .subheading {
    /* color: #FFC72C !important;  USC Gold */
    color : white !important;
}

/* Post preview styling */
.post-preview {
    max-height: 300px;
    overflow: hidden;
    margin-bottom: 30px;
}

.post-preview > a > .post-title {
    color: #FFC72C;  /* USC Gold */
    margin-bottom: 10px;
}

/* Show only description in previews */
.post-preview > a > .post-content-preview {
    max-height: 100px;
    overflow: hidden;
}

/* Add a fade effect to long descriptions */
.post-preview > a > .post-content-preview::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(transparent, #1a1a1a);
}

/* Post meta styling */
.post-preview > .post-meta {
    color: #aaa;
    font-style: italic;
    margin-top: 10px;
}