/* ============================================
   Sprout Mentors - About Page Color Adjustments Only
============================================ */

/* --- Brand Palette --- */
:root {
  --sprout-green: #00a86b;
  --sprout-green-dark: #00925f;
  --sprout-text-dark: #1b1f27;
}

/* --- Headings & Text --- */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--sprout-text-dark);
}

p,
li {
  color: #555;
}

/* === NAVBAR === */
.navbar {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.navbar .nav-link {
  color: var(--sprout-text-dark);
  font-weight: 500;
  transition: color 0.3s ease;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: var(--sprout-green);
}

.navbar .btn-dark {
  background-color: var(--sprout-text-dark);
  border: none;
  transition: all 0.3s ease;
}

.navbar .btn-dark:hover {
  background-color: var(--sprout-green);
}

/* === BUTTONS === */
.btn-primary {
  background-color: var(--sprout-green);
  border-color: var(--sprout-green);
}

.btn-primary:hover {
  background-color: var(--sprout-green-dark);
  border-color: var(--sprout-green-dark);
}

.btn-outline-primary {
  color: var(--sprout-green);
  border-color: var(--sprout-green);
}

.btn-outline-primary:hover {
  background-color: var(--sprout-green);
  color: #fff;
}

/* --- Hero Banner --- */
section.wrapper.bg-gray h1 {
  color: var(--sprout-text-dark);
}

section.wrapper.bg-gray p {
  color: #444;
}

/* --- Primary Buttons --- */
.btn-primary {
  background-color: var(--sprout-green);
  border-color: var(--sprout-green);
  color: #fff;
}

.btn-primary:hover {
  background-color: var(--sprout-green-dark);
  border-color: var(--sprout-green-dark);
}

/* --- Outline Buttons --- */
.btn-outline-primary {
  color: var(--sprout-green);
  border-color: var(--sprout-green);
  background: transparent;
}

.btn-outline-primary:hover {
  background-color: var(--sprout-green);
  color: #fff;
}

/* --- Bullets / Icons --- */
.icon-list .uil-check,
.icon.text-primary i,
.icon.btn-soft-primary,
.icon.btn-soft-green {
  color: var(--sprout-green);
}

/* --- Counters --- */
.counter {
  color: var(--sprout-green);
}

/* --- Background Accents --- */
.bg-soft-primary {
  background-color: rgba(0, 168, 107, 0.06) !important;
}

.text-primary {
  color: var(--sprout-green) !important;
}

/* --- Footer --- */
footer.bg-dark {
  background-color: #0b132b !important;
}

footer a:hover {
  color: var(--sprout-green) !important;
}