/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/




:root {
  /* =============================
     FONT FAMILY VARIABLES
  ============================= */
  --font-heading: 'Merriweather', 'Georgia', serif;
  --font-body: 'Roboto', 'Arial', sans-serif;
  --font-accent: 'IBM Plex Sans', 'Helvetica Neue', sans-serif;

  /* =============================
     COLOR PALETTE VARIABLES
  ============================= */
  --primary-color: #003366;        /* Deep Blue – Trust, Education */
  --secondary-color: #f4b400;      /* Mustard Gold – Academic Excellence */
  --accent-color: #00bcd4;         /* Sky Cyan – Digital & Progressiveness */
  
  --bg-color: #f5f5f5;             /* Clean Light Background */
  --text-color: #212121;           /* Charcoal Black – Primary Text */
  --border-color: #b0bec5;         /* Slate Gray – Dividers, Borders */
  --link-color: #003366;           /* Same as primary */
  --link-hover-color: #f4b400;     /* Interactive highlight */

  --placeholder-color: #9e9e9e;    /* Input placeholder text */

  /* Optional: For status/info blocks */
  --info-bg-color: #e3f2fd;
  --info-text-color: #0d47a1;
  --info-border-color: #90caf9;
}








:root {
  --font-heading: 'Merriweather', 'Georgia', serif;
  --font-body: 'Roboto', 'Arial', sans-serif;
  --font-accent: 'IBM Plex Sans', 'Helvetica Neue', sans-serif;

  --primary-color: #003366;
  --secondary-color: #f4b400;
  --accent-color: #00bcd4;

  --bg-color: #f5f5f5;
  --text-color: #212121;
  --border-color: #b0bec5;
  --link-color: #003366;
  --link-hover-color: #f4b400;
  --placeholder-color: #9e9e9e;

  --info-bg-color: #e3f2fd;
  --info-text-color: #0d47a1;
  --info-border-color: #90caf9;
}

/* Main Page Styling */
.archive-assignment-page {
  font-family: var(--font-body) !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}

/* Page Header */
.archive-assignment-page h1 {
  font-family: var(--font-heading) !important;
  color: var(--primary-color) !important;
}

.archive-assignment-page .text-secondary {
  color: var(--secondary-color) !important;
}

.archive-assignment-page p.text-muted {
  color: var(--placeholder-color) !important;
  font-size: 1.1rem !important;
}

/* Search Input */
.sj-search-input {
  border-radius: 12px !important;
  border: 2px solid var(--accent-color) !important;
  background-color: #f9fbff !important;
  font-size: 1.1rem !important;
  padding: 0.75rem 1.25rem 0.75rem 3rem !important;
  color: var(--text-color) !important;
  transition: all 0.3s ease !important;
  font-family: var(--font-body) !important;
}

.sj-search-input::placeholder {
  color: var(--placeholder-color) !important;
  font-weight: 500 !important;
}

.sj-search-input:focus {
  background-color: #ffffff !important;
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 8px rgba(0, 51, 102, 0.25) !important;
  color: #000 !important;
}

/* Assignment Cards */
.sj-assignment-card {
  border: none !important;
  border-radius: 16px !important;
  background-color: #ffffff !important;
  transition: box-shadow 0.3s ease, transform 0.2s ease !important;
  height: 100% !important;
  font-family: var(--font-body) !important;
}

.sj-assignment-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06) !important;
}

/* Card Title */
.card-title {
  font-family: var(--font-heading) !important;
  color: var(--primary-color) !important;
}

.card-title a {
  color: var(--primary-color) !important;
  transition: color 0.2s ease !important;
  text-decoration: none !important;
}

.card-title a:hover {
  color: var(--secondary-color) !important;
}

/* Assignment Excerpt */
.sj-assignment-excerpt {
  color: var(--placeholder-color) !important;
  font-size: 0.875rem !important;
}

/* Meta Info */
.sj-assignment-meta {
  font-family: var(--font-accent) !important;
  color: var(--text-color) !important;
}

.sj-assignment-meta i {
  font-size: 1rem !important;
  color: var(--primary-color) !important;
  opacity: 0.85 !important;
}

/* Button */
.archive-assignment-page .btn-outline-primary {
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
  font-family: var(--font-accent) !important;
}

.archive-assignment-page .btn-outline-primary:hover {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

/* Pagination */
.archive-assignment-page .pagination {
  font-family: var(--font-body) !important;
  color: var(--primary-color) !important;
  justify-content: center !important;
}














.assignment-single-page {
  font-family: var(--font-body) !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}

/* Assignment Card */
.sj-assignment-card {
  border: none !important;
  border-radius: 16px !important;
  background-color: #fff !important;
  transition: box-shadow 0.3s ease !important;
  font-family: var(--font-body) !important;
}

.sj-assignment-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Assignment Description */
.sj-assignment-description {
  font-size: 1.1rem !important;
  color: var(--text-color) !important;
  line-height: 1.7 !important;
  font-family: var(--font-body) !important;
}

/* Meta Section */
.sj-assignment-meta {
  font-size: 1rem !important;
  font-family: var(--font-accent) !important;
  color: var(--text-color) !important;
}

.sj-assignment-meta dt {
  font-weight: 600 !important;
  color: var(--primary-color) !important;
}

.sj-assignment-meta dd {
  margin-bottom: 1rem !important;
}

/* Meta Item Icons & Labels */
.sj-meta-item i {
  font-size: 1.2rem !important;
  min-width: 1.5rem !important;
  color: var(--secondary-color) !important;
}

.sj-meta-item .fw-bold {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--text-color) !important;
  font-family: var(--font-body) !important;
}

.sj-meta-item .text-muted {
  font-size: 0.95rem !important;
  color: var(--placeholder-color) !important;
  font-family: var(--font-accent) !important;
}








body {
  font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5 {
  font-family: 'Montserrat', sans-serif;
}

.course-hero {
  background: url('https://images.unsplash.com/photo-1720767020329-200c8ee4ffa1') center center/cover no-repeat;
  height: 100vh;
}

.accordion-button {
  font-weight: bold;
}

.card-title {
  font-family: 'Montserrat', sans-serif;
}

footer {
  font-size: 0.95rem;
}