/* =======================================================
   CYBER TEAL PRO THEME  —  SamuelKawuma.com (2025)
   ======================================================= */

:root {
  --pink-color: #06B6D4; /* Primary accent: Cyber Teal */
  --teal-hover: #22D3EE; /* Hover / Gradient end */
  --teal-glow: #67E8F9;  /* Subtle glow / highlight */
}

/* ---------- General Text & Accent Utilities ---------- */
.text-pink-color { color: var(--pink-color) !important; }
.bg-pink-color { background-color: var(--pink-color) !important; }
.border-pink-color { border-color: var(--pink-color) !important; }

/* ---------- Buttons ---------- */
.edrea_tm_button a {
  background: linear-gradient(90deg, #06B6D4, #22D3EE);
  color: #fff;
  border-radius: 50px;
  box-shadow: 0 0 10px #06B6D4;
  transition: all 0.3s ease;
}
.edrea_tm_button a:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px #22D3EE;
}

/* ---------- Progress Bars ---------- */
.progress_inner .background .bar_in {
  background-color: var(--pink-color) !important;
  box-shadow: 0 0 10px var(--teal-glow);
}

/* ---------- Timeline Dots ---------- */
.timeline span.absolute,
.edrea_tm_modalbox .about_popup_details .timeline .list ul li:before {
  background-color: var(--pink-color) !important;
  border-color: var(--pink-color) !important;
  box-shadow: 0 0 10px var(--teal-glow);
}

/* ---------- Swiper / Navigation ---------- */
.my_navigation a:hover i,
.swiper-pagination-bullet-active {
  color: var(--pink-color) !important;
  background-color: var(--pink-color) !important;
  box-shadow: 0 0 8px var(--teal-glow);
}

/* ---------- Hero Background ---------- */
#home {
  background: linear-gradient(to bottom right, #0B0B0B, #0D1B1E, #000);
}

/* ---------- Headings & Borders ---------- */
.edrea_tm_main_title h3 span {
  color: var(--pink-color);
}
.edrea_tm_main_title {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}

/* ---------- Links & Hover Effects ---------- */
a:hover, .hover\:text-pink-color:hover {
  color: var(--pink-color) !important;
  transition: color 0.3s ease;
}

/* ---------- Footer ---------- */
footer {
  background: #0B0B0B;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: #ccc;
}
footer a {
  color: #aaa;
  transition: color 0.3s ease;
}
footer a:hover {
  color: var(--pink-color);
}

/* ---------- Scroll-to-Top Button ---------- */
#scrollToTop {
  background: linear-gradient(90deg, #06B6D4, #22D3EE);
  box-shadow: 0 0 15px #06B6D4;
  transition: all 0.3s ease;
}
#scrollToTop:hover {
  box-shadow: 0 0 25px #22D3EE;
  transform: scale(1.1);
}

/* ---------- Magic Cursor Glow ---------- */
.mouse-cursor.cursor-inner,
.mouse-cursor.cursor-outer {
  border-color: var(--pink-color) !important;
}

/* ---------- Miscellaneous Highlights ---------- */
.owl-dot.active span,
.icon-right-dir,
.icon-mail-1,
.icon-calendar,
.icon-location,
.icon-user,
.icon-phone {
  color: var(--pink-color) !important;
}
/* ---------- TIMELINE DOT GLOW ANIMATION ---------- */
.timeline span.absolute,
.edrea_tm_modalbox .about_popup_details .timeline .list ul li:before {
  position: absolute;
  background: linear-gradient(90deg, #06B6D4, #22D3EE);
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(6,182,212,0.8);
  animation: tealDotPulse 3s infinite ease-in-out;
}

@keyframes tealDotPulse {
  0% {
    box-shadow: 0 0 6px rgba(6,182,212,0.4), 0 0 12px rgba(34,211,238,0.6);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 15px rgba(6,182,212,0.9), 0 0 25px rgba(34,211,238,0.8);
    transform: scale(1.15);
  }
  100% {
    box-shadow: 0 0 6px rgba(6,182,212,0.4), 0 0 12px rgba(34,211,238,0.6);
    transform: scale(1);
  }
}.edrea_tm_all_wrap {
  min-height: 100vh;
  height: auto;
}
#newsContainer div:hover {
  transform: translateY(-4px);
  transition: all 0.3s ease;
}