/* PPA custom overrides */

/* Nav touch targets: minimum 44px for mobile accessibility */
.nav-title {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

.dropdown-toggle-6.w-dropdown-toggle {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

/* Space between team member cards on About Us */
.collection-list-team-home-1 {
  gap: 2rem;
}

/* Team card: name/title below photo, not as overlay */
.collection-item-team-home-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.info-team-member-wrapper {
  position: static !important;
  opacity: 1 !important;
  background: none !important;
  padding: 0.5rem 0 0 !important;
  text-align: center;
  width: 100%;
}

.name-team,
.name-team a {
  color: #163c3d !important;
  font-weight: 700;
}

.position-team-member {
  color: #555 !important;
  font-size: 14px !important;
}

/* Bio paragraph below name/title on team cards */
.team-member-bio {
  font-size: 0.88rem;
  color: #444;
  line-height: 1.6;
  margin-top: 0.5rem;
  text-align: center;
  padding: 0 0.5rem;
}

/* Show full photo without cropping */
.team-member-photo {
  object-fit: contain !important;
  object-position: center top !important;
  background: transparent;
  height: 280px !important;
  width: 100% !important;
}

/* Footer vertical spacing */
.footer {
  padding-top: 32px;
  padding-bottom: 20px;
}

.contact-footer-wrap {
  margin-bottom: 16px;
}

.button-footer-wrap {
  margin-top: 12px;
}

.footer-wrapper {
  padding-top: 16px;
  margin-bottom: 16px;
}

.footer-bottom-wrapper {
  padding-top: 12px;
}

/* Footer link row: keep every label on one line.
   .footer-brand-wrapper is the only child of .footer-wrapper, but the Webflow
   base rule boxes it into width:50%. With five links the flex items shrink
   until labels break mid-word ("About / Us"), so give it the full container
   width and stop the links shrinking. white-space:nowrap keeps each label
   intact while still letting the row itself wrap on narrow viewports. */
.footer-wrapper .footer-brand-wrapper {
  width: 100%;
}

.links-footer-wrapper {
  flex-wrap: wrap;
  row-gap: 10px;
}

.links-footer-wrapper .white-link {
  white-space: nowrap;
  flex: 0 0 auto;
}