/* Custom Brand Colors Override */
:root {
  /* Brand Colors */
  --base-color: #44bae9;
  --primary-color: #44bae9;
  --secondary-color: #0045AB;
  --tertiary-color: #44bae9;
  --quaternary-color: #0045AB;
  --hover-color: #0045AB;

  /* Remove green colors */
  --quinary-color: #0045AB;
  --septenary-color: #003380;
}

/* Header Colors - Keep white background */
.header,
.header .main-header__menu-box {
  background-color: #ffffff !important;
}

.header .main-menu__list > li > a {
  color: var(--secondary-color) !important;
}

.header .main-menu__list > li > a:hover {
  color: var(--base-color) !important;
}

/* TopBar Colors - Use secondary color (#0045AB) */
.topbar,
.topbar--secondary,
.topbar--tertiary,
.topbar--quaternary {
  background-color: #0045AB !important;
}

.topbar .topbar__inner {
  background-color: #0045AB !important;
  padding-top: 13px !important;
}

.topbar a,
.topbar p,
.topbar i,
.topbar span {
  color: #ffffff !important;
}

.topbar .social a:hover {
  color: var(--base-color) !important;
}

/* Footer Colors - Dark gradient like banner (same as dark mode) */
.footer {
  background: linear-gradient(-104deg, rgba(0, 26, 77, 0) 1.9%, rgba(0, 26, 77, 0.08) 37.31%, rgba(0, 26, 77, 0.17) 40.18%, rgba(0, 26, 77, 0.37) 47.05%, rgba(0, 26, 77, 0.67) 56.36%, #001a4d 73.4%, #000000 95.2%, rgba(0, 26, 77, 0.91) 103.44%) !important;
}

.footer h4,
.footer h5,
.footer h6,
.footer p,
.footer a,
.footer li {
  color: #ffffff !important;
}

.footer a:hover {
  color: #ffe066 !important;
}

.footer .footer__widget-title {
  color: #ffffff !important;
}

/* Buttons - All buttons use primary color (#44bae9) */
.btn,
.btn--primary,
.btn--secondary,
.btn--tertiary,
button[type="submit"],
input[type="submit"] {
  background-color: #44bae9 !important;
  border-color: #44bae9 !important;
  color: #ffffff !important;
}

.btn:hover,
.btn--primary:hover,
.btn--secondary:hover,
.btn--tertiary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background-color: #3aa8d4 !important;
  border-color: #3aa8d4 !important;
  color: #ffffff !important;
}

.btn--primary::before,
.btn--primary::after,
.btn--secondary::before,
.btn--secondary::after {
  background-color: #3aa8d4 !important;
}

/* Links and accent colors */
a:hover {
  color: var(--base-color) !important;
}

/* Section headers */
.section__header span {
  color: var(--base-color) !important;
}

.section__header h2 span {
  color: var(--base-color) !important;
}

/* Remove green from all elements */
.tag a,
.badge {
  background-color: var(--base-color) !important;
  color: #ffffff !important;
}

/* Donation and form elements */
.donation-amount:hover,
.donation-amount.active {
  background-color: var(--base-color) !important;
  border-color: var(--base-color) !important;
  color: #ffffff !important;
}

/* Progress bars */
.progress-bar {
  background-color: var(--base-color) !important;
}

/* Icons */
.icon,
[class*="icon-"] {
  color: var(--base-color) !important;
}

/* Ensure white text on colored backgrounds */
.bg-primary,
.bg-secondary,
.bg-base {
  color: #ffffff !important;
}

.bg-primary *,
.bg-secondary *,
.bg-base * {
  color: #ffffff !important;
}

/* Social icons */
.social a {
  color: #ffffff !important;
  transition: all 0.3s ease;
}

.social a:hover {
  color: var(--base-color) !important;
}

/* Navigation active state */
.main-menu__list > li.active > a {
  color: var(--base-color) !important;
}

/* Pagination */
.pagination .page-link {
  color: var(--secondary-color) !important;
}

.pagination .page-link:hover,
.pagination .page-item.active .page-link {
  background-color: var(--base-color) !important;
  border-color: var(--base-color) !important;
  color: #ffffff !important;
}

/* Cards and content boxes */
.card,
.content-box {
  border-color: var(--base-color) !important;
}

/* Testimonials */
.testimonial__slider-single {
  background-color: var(--secondary-color) !important;
  color: #ffffff !important;
}

.testimonial__slider-single * {
  color: #ffffff !important;
}

/* Partner/Logo section */
.partner {
  background-color: #f8f9fa !important;
}

/* Contact forms */
input:focus,
textarea:focus,
select:focus {
  border-color: var(--base-color) !important;
  outline-color: var(--base-color) !important;
}

/* Breadcrumb */
.breadcrumb {
  background-color: var(--secondary-color) !important;
}

.breadcrumb-item a {
  color: #ffffff !important;
}

.breadcrumb-item.active {
  color: var(--base-color) !important;
}

/* Team cards */
.team__single:hover {
  border-color: var(--base-color) !important;
}

/* Event cards */
.event__single {
  border-color: var(--base-color) !important;
}

/* Blog cards */
.blog__single:hover {
  border-color: var(--base-color) !important;
}

/* Counter section */
.counter {
  background-color: var(--secondary-color) !important;
  color: #ffffff !important;
}

.counter * {
  color: #ffffff !important;
}

/* CTA sections */
.cta-section {
  background-color: var(--base-color) !important;
  color: #ffffff !important;
}

.cta-section * {
  color: #ffffff !important;
}

/* Override any remaining green colors */
*[style*="color: rgb(4, 106, 88)"],
*[style*="color: #046a58"],
*[style*="background-color: rgb(4, 106, 88)"],
*[style*="background-color: #046a58"] {
  color: var(--base-color) !important;
  background-color: var(--base-color) !important;
}

/* Main Menu - Make only top level menu items white */
.navbar__menu .navbar__list > .navbar__item > a,
.navbar__menu .navbar__list > .navbar__item > .navbar__dropdown-label {
  color: #ffffff !important;
}

/* Main Menu Hover */
.navbar__menu .navbar__list > .navbar__item > a:hover,
.navbar__menu .navbar__list > .navbar__item > .navbar__dropdown-label:hover {
  color: #0045AB !important;
}

/* Main Menu Active */
.navbar__menu .navbar__list > .navbar__item.active > a,
.navbar__menu .navbar__list > .navbar__item.navbar__item-active > .navbar__dropdown-label {
  color: #0045AB !important;
}

/* Fix mega menu images size */
.mega-menu .mega-content-wrapper {
  position: relative;
  overflow: hidden;
  height: 200px;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 10px;
}

.mega-menu .mega-content-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Global spacing utility classes (pg-four scope fix) */
.pt-120 { padding-top: 100px; }
.pb-120 { padding-bottom: 100px; }
.mt-120 { margin-top: 100px; }
.mb-120 { margin-bottom: 100px; }
.mt-60  { margin-top: 55px; }
.mb-60  { margin-bottom: 60px; }
.mt-40  { margin-top: 40px; }
.mt-30  { margin-top: 30px; }
.mt-25  { margin-top: 25px; }
.mt-20  { margin-top: 20px; }
.mt-15  { margin-top: 15px; }
.mt-10  { margin-top: 10px; }