/* style.css */

    body {
      scroll-behavior: smooth;
    }
    .topbar {
      background: #e6f3ec;
      padding: 5px 0;
      font-size: 0.9rem;
    }
    .carousel-item {
      height: 100vh;
      background-size: cover;
      background-position: center;
    }
    .about-section img {
      width: 100%;
      border-radius: 10px;
    }
    .footer {
      background: #043915;
      color: white;
      padding: 30px 0;
    }
    .contact-section iframe {
      width: 100%;
      height: 100%;
      border: 0;
      border-radius: 10px;
    }

    /* Timeline vertical line */
.timeline {
    position: relative;
    margin: 0 auto;
    padding-left: 20px;
}

/* Timeline item */
.timeline-item {
    position: relative;
    margin-bottom: 3rem;
    padding-left: 2rem;
    border-left: 3px solid #043915 !important; /* Force primary color */
}

/* Timeline circle/dot */
.timeline-item .circle {
    width: 14px;
    height: 14px;
    background-color: #043915 !important; /* Force primary color */
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

/* Event title */
.timeline-item h5 {
    color: #043915; /* Optional: make event titles primary color */
}

/* Optional: Event description */
.timeline-item p {
    color: #555; /* Muted text */
}

/* Event button */
.timeline-item .btn-primary {
    background-color: #043915 !important;
    border-color: #043915 !important;
}

.timeline-item .btn-primary:hover {
    background-color: #035621 !important; /* Slightly darker on hover */
    border-color: #035621 !important;
}


    /* custom.css */

/* Override Bootstrap primary color */
:root {
    --bs-primary: #043915;
}

/* Optional: adjust hover, focus, active states for buttons/links */
.btn-primary {
    background-color: #043915;
    border-color: #043915;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #035621; /* Slightly darker for hover effect */
    border-color: #035621;
}

a.text-primary {
    color: #043915 !important;
}

a.text-primary:hover {
    color: #035621 !important;
}

/* custom.css */

/* Override Bootstrap primary color */
:root {
    --bs-primary: #043915;
}

/* Text Primary */
.text-primary {
    color: #043915 !important;
}

/* Button Outline Primary */
.btn-outline-primary {
    color: #043915;
    border-color: #043915;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    color: #fff;
    background-color: #043915;
    border-color: #043915;
}

/* Navbar Customization */
.navbar {
    background-color: #043915; /* Navbar background */
}

.navbar .navbar-brand,
.navbar .nav-link {
    color: #ffffff !important; /* Text color inside navbar */
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #a8d5b2 !important; /* Slightly lighter hover color */
}

/* custom.css */

/* Override Bootstrap primary color */
:root {
    --bs-primary: #043915;
}

/* Text Primary */
.text-primary {
    color: #043915 !important;
}

/* Button Outline Primary */
.btn-outline-primary {
    color: #043915;
    border-color: #043915;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    color: #fff;
    background-color: #043915;
    border-color: #043915;
}

/* Navbar Customization */
.navbar {
    background-color: #043915; /* Navbar background */
}

.navbar .navbar-brand {
    color: #ffffff !important; /* Brand text */
}

/* Nav links default color */
.navbar .nav-link {
    color: #043915 !important;
    transition: all 0.3s ease;
    border-radius: 5px; /* Rounded hover effect */
    margin-right: 15px; /* Add space between links */
}

/* Remove margin from last link to avoid extra spacing at the end */
.navbar .nav-link:last-child {
    margin-right: 0;
}

/* Nav links on hover/focus */
.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #ffffff !important; /* Text turns white */
    background-color: #043915; /* Fill background */
    text-decoration: none;
}

/* Custom Section Backgrounds */

/* Light green/mint background */
.section-light-green {
    background-color: #e6f3ec;
    color: #043915; /* Primary color for text */
    padding: 60px 0; /* Optional: vertical spacing */
}

/* Warm cream/beige background */
.section-warm-cream {
    background-color: #fdf7f0;
    color: #043915; /* Primary color for text */
    padding: 60px 0; /* Optional: vertical spacing */
}

/* Optional: ensure links/buttons in sections use primary color */
.section-light-green a,
.section-warm-cream a {
    color: #043915;
}

.section-light-green a:hover,
.section-warm-cream a:hover {
    color: #035621; /* Slightly darker on hover */
}

.navbar .nav-link.btn-main {
    display: inline-block;           /* Fix display */
    padding: 0.5rem 1rem;            /* Proper spacing */
    margin: 0;                        /* Remove nav-link margin */
    color: #ffffff !important;        /* White text */
    background-color: #043915 !important; /* Primary bg */
    border: none;
    border-radius: 0.25rem;
    text-align: center;
    text-decoration: none !important; /* Remove underline */
    transition: none;                 /* No hover effect */
}

/* Add spacing between navbar items */
.navbar .nav-item {
    margin-right: 15px; /* Space between items */
}

/* Remove margin from last item to avoid extra space */
.navbar .nav-item:last-child {
    margin-right: 0;
}