:root {
  --kjs-navy: #0b1f4b;
  --kjs-blue: #1f3f87;
  --kjs-gold: #c49a3a;
  --kjs-maroon: #7b1e22;
  --kjs-cream: #f6efe1;
  --mainColor: var(--kjs-blue);
}

/* Global theming */
body {
  background: var(--kjs-cream);
  color: #1d2330;
}

a {
  color: var(--kjs-blue);
}

a:hover,
a:focus {
  color: var(--kjs-maroon);
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title h2,
.section-title .sub-title,
.section-title span {
  color: var(--kjs-navy);
}

/* Header / nav */
.star-navbar-area,
.star-navbar-area.is-sticky,
.page-template-dark-homepage .star-navbar-area {
  background: #ffffff !important;
  border-bottom: 2px solid rgba(196, 154, 58, 0.25);
}

.navbar-light .navbar-nav .nav-link,
.star-nav .navbar .navbar-nav .nav-item a {
  color: var(--kjs-navy) !important;
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.star-nav .navbar .navbar-nav .nav-item.active a,
.star-nav .navbar .navbar-nav .nav-item:hover > a {
  color: var(--kjs-gold) !important;
}

.star-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  border-top: 3px solid var(--kjs-gold);
}

.star-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover {
  background: rgba(11, 31, 75, 0.08);
  color: var(--kjs-navy) !important;
}

/* Logo sizing */
.navbar-brand img,
.star-responsive-menu .logo img {
  width: clamp(120px, 12vw, 190px);
  height: auto;
  max-height: 100px;
  object-fit: contain;
}

.single-footer-widget .logo img {
  width: clamp(130px, 10vw, 175px);
  height: auto;
  object-fit: contain;
}

/* Buttons */
.star-primary-btn,
.star-secondary-btn:hover,
.star-default-btn::before,
.star-primary-btn::before,
.star-primary-btn.active::before {
  background: var(--kjs-blue) !important;
}

.star-default-btn,
.star-secondary-btn,
.star-default-btn:hover,
.star-secondary-btn:hover,
.star-primary-btn {
  border-color: var(--kjs-gold) !important;
  color: #ffffff !important;
}

.star-primary-btn:hover,
.star-secondary-btn,
.star-default-btn:hover {
  background: var(--kjs-maroon) !important;
}

/* Section accents */
.section-title .sub-title,
.course-footer .course-price,
.single-features .icon,
.single-courses-box .courses-content .course-author img,
.single-footer-widget .social-links li a:hover {
  color: var(--kjs-gold) !important;
}

.section-title .bar,
.section-title .bar::before,
.section-title .bar::after {
  background: var(--kjs-gold) !important;
}

/* Footer theming */
.star-footer-area {
  background: var(--kjs-navy) !important;
}

.star-footer-area,
.star-footer-area p,
.star-footer-area li,
.star-footer-area a,
.star-footer-area h3,
.star-copyright-area,
.star-copyright-area p,
.star-copyright-area a {
  color: #f3efe6 !important;
}

.star-footer-area a:hover,
.star-copyright-area a:hover {
  color: var(--kjs-gold) !important;
}

.star-copyright-area {
  background: var(--kjs-maroon) !important;
}

/* Back to top */
.star-go-top-area .go-top {
  background: var(--kjs-blue) !important;
}

.star-go-top-area .go-top:hover {
  background: var(--kjs-maroon) !important;
}

/* Course category badge: match KJCS logo palette */
.lp-archive-courses .learn-press-courses .course .course-item .course-content .course-categories a:first-child {
  background: var(--kjs-blue) !important;
  border: 1px solid var(--kjs-gold);
  color: #ffffff !important;
}

.lp-archive-courses .learn-press-courses .course .course-item .course-content .course-categories a:first-child:hover {
  background: var(--kjs-maroon) !important;
  color: #ffffff !important;
}

@media (max-width: 991px) {
  .navbar-brand img,
  .star-responsive-menu .logo img {
    width: 120px;
    max-height: 74px;
  }

  .single-footer-widget .logo img {
    width: 130px;
  }
}

/* Academic Programmes cards: uniform media height + consistent spacing */
.learn-press-courses,
.star-blog-area .row {
  row-gap: 30px;
}

.learn-press-courses .star-single-blog,
.star-blog-area .star-single-blog {
  height: 100%;
}

.learn-press-courses .star-single-blog .post-image,
.star-blog-area .star-single-blog .post-image {
  height: 320px;
}

.learn-press-courses .star-single-blog .post-image img,
.star-blog-area .star-single-blog .post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Homepage Academic Programmes: exactly 3 cards with clear gaps */
.star-lp-courses-area .learn-press-courses {
  row-gap: 30px;
}

.star-lp-courses-area .learn-press-courses > .col-lg-4 {
  padding-left: 15px;
  padding-right: 15px;
}
