/* Corporate colors palette */

:root {
  --dark-green: #2d8128;
  --mid-dark-green: #3ba235;
  --mid-green: #65b95f;
  --mid-light-green: #aed9a9;
  --lightest-green: #f3faee;
  --grey-text: #3f3f3f;

  /* links */

  --link-color: var(--mid-dark-green); /* default link */
  --link-hover: var(--dark-green); /* link hover */
}

/* ===== GLOBALS ===== */

body {
  color: var(--grey-text);
}

a {
  color: var(--dark-green);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover,
a:focus {
  color: var(--mid-dark-green);
  font-weight: 600;
  text-decoration: underline;
}

/* font color and backgroound classes */

.text-basic {
  color: var(--grey-text);
}

.text-dark-green {
  color: var(--dark-green);
}
.text-mid-dark-green {
  color: var(--mid-dark-green);
}

.text-white {
  color: white;
}

.text-white a {
  color: white !important;
}

.bg-dark-green {
  background-color: var(--dark-green);
  color: #fff;
}
.bg-mid-green {
  background-color: var(--mid-green);
  color: #fff;
}
.bg-mid-light-green {
  background-color: var(--mid-light-green);
  color: var(--grey-text);
}
.bg-lightest-green {
  background-color: var(--lightest-green);
  color: var(--grey-text);
}

/* text justify class */

.text-justify {
  text-align: justify;
}

/* =========================== END OF GLOBALS ============================== */
/* 
Logo size */

/* Default desktop */
img.custom-logo {
  height: 60px; /* scale height */
  width: auto; /* keep aspect ratio */
}

/* Mobile */
@media (max-width: 768px) {
  img.custom-logo {
    height: 40px;
    width: auto;
  }
}

/* Text assets for the whole website*/

.mainText {
  color: #3f3f3f;
}

.service-icon {
  font-size: 2.5rem;
}

.service-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* Projects Cards on the front page  */
.project-card img {
  height: 180px;
  object-fit: cover;
}

.project-card .card-title {
  font-size: 1.1rem;
  font-weight: 600;
}

/* clamp Leader's position text to 2 lines */
.leader-role {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* max 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Alternate section background */
.page-sections > section:nth-child(even) {
  background-color: var(--lightest-green);
}

/* Intersection Observer animation */
.page-sections > section {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease-in-out;
}

.page-sections > section.in-view {
  opacity: 1;
  transform: translateY(0);
}

.footer-logo {
  height: 50px;
  width: auto;
}