body { font-family: Arial, sans-serif; }

/* Top Bar */
.top-bar { background:#004d26; color:white; font-size:14px; padding:5px 15px; }
.social-icons a { color:#FFCC00; margin:0 5px; }

/* Navbar */
.navbar { background:#006633; }
.navbar-brand img { height:50px; }
.navbar-brand span { color:#FFCC00; font-weight:bold; margin-left:5px; }

/* Nav Links */
.navbar-nav .nav-link { color: #fff; transition: 0.3s; }
.navbar-nav .nav-link:hover { color: #FFCC00; }

/* Dropdown */
@media (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu { display: block; margin-top: 0; }
}
.dropdown-menu {
  border-radius: 0.5rem;
  border: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.dropdown-item:hover {
  background: #006633;
  color: #FFCC00;
}

/* CTA Button */
.donate-btn { 
  background:#FFCC00; 
  color:#006633 !important; 
  padding:8px 15px; 
  border-radius:5px; 
  font-weight:600; 
  transition:0.3s;
}
.donate-btn:hover { 
  background:#006633; 
  color:#FFCC00 !important; 
}

/* Hero */
.hero .item img { width:100%; height:500px; object-fit:cover; border-radius:10px; }
section { padding:60px 0; }
h2 { color:#006633; margin-bottom:20px; font-weight:bold; }

/* Sister Circle */
 .custom-tabs .nav-link {
    color: #555;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    border-bottom: 3px solid transparent;
  }
  .custom-tabs .nav-link:hover {
    color: #006633;
    border-bottom: 3px solid #FFCC00;
    box-shadow: 0 2px 6px rgba(0, 102, 51, 0.2);
  }
  .custom-tabs .nav-link.active {
    color: #006633 !important;
    border-bottom: 3px solid #FFCC00;
  }

  /* Event Card Hover */
  .event-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .event-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 102, 51, 0.2);
  }
  .event-img {
    transition: transform 0.3s ease;
  }
  .event-card:hover .event-img {
    transform: scale(1.05);
  }

  /* Colorful FAQ */
  .colorful-faq .accordion-button {
    background: linear-gradient(135deg, #006633, #33cc66);
    color: #fff;
    font-weight: 600;
    transition: all 0.3s ease;
  }
  .colorful-faq .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #ffcc00, #ff9933);
    color: #333;
  }
  .colorful-faq .accordion-button:hover {
    filter: brightness(1.1);
  }
  .colorful-faq .accordion-body {
    background: #ffffff;
    border-left: 4px solid #006633;
    padding: 1rem;
  }

  /* Our Programmes */
  .program-list {
    text-align: left;
    padding-left: 20px;
    list-style-type: disc;
    margin: 0;
  }
  .program-list li {
    margin-bottom: 8px;
    font-size: 15px;
    color: #333;
  }

  /* News */
  .news-title {
    text-decoration: none;
    color: #1b5e20;
    transition: color 0.3s;
  }
  .news-title:hover {
    color: #66bb6a;
  }
  .news-card {
    transition: transform 0.3s, box-shadow 0.3s;
  }
  .news-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  }

/* Footer */
.footer { background:#006633; color:white; padding:40px 20px; }
.footer a { color:#FFCC00; text-decoration:none; }
.footer h5 { color:#FFCC00; }
.copyright {  color:#aaa; text-align:center; padding:10px; font-size:14px; }
footer {
    position: relative;
  }
 #topBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    width: 45px;
    height: 45px;
    font-size: 20px;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
    z-index: 999;
  }

    .footer-link {
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
  }
  .footer-link:hover {
    color: #FFD700;
    text-decoration: underline;
    transform: translateX(3px);
  }

  /* Resources */
  .resource-card {
    border-radius: 15px;
    transition: all 0.4s ease-in-out;
    background: white;
  }
  .resource-card:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
  }
  .resource-card .btn {
    transition: all 0.3s ease-in-out;
  }
  .resource-card .btn:hover {
    background-color: #ffcc00;
    color: #000;
    transform: scale(1.1);
  }

/* Enable hover dropdowns only for desktop */
@media (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }

  /* Caret animation */
  .navbar .dropdown-toggle::after {
    transform: rotate(90deg);
    transition: transform 0.3s ease;
  }
  .navbar .dropdown:hover .dropdown-toggle::after {
    transform: rotate(270deg);
  }
}

/* Dropdown menu styling */
.navbar .dropdown-menu {
  background-color: #006400; /* Yabatech green */
  border-radius: 8px;
  border: none;
  padding: 10px 0;
  animation: fadeIn 0.3s ease-in-out;
}

/* Dropdown links */
.navbar .dropdown-menu .dropdown-item {
  color: #fff;
  font-weight: 500;
  padding: 8px 20px;
  transition: all 0.3s ease;
}

/* Hover effect */
.navbar .dropdown-menu .dropdown-item:hover {
  background-color: #FFD700; /* Deep yellow */
  color: #000; /* Contrast text */
  padding-left: 25px; /* smooth slide effect */
}

/* Fade-in animation */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}