/* Target only team section social icons and names */
.team-member .vip:hover {
  color: #68998b !important;
}

.team-member .social-icon a:hover {
  background-color: #24495c !important;
  border-color: #24495c !important;
}

/* Target only team section VIP names */
.team-member .vip:hover {
  color: #68998b !important;
}

/* Target social icons hover */
.team-member .social-icon a:hover {
  background-color: #24495c !important;
  border-color: #24495c !important;
}

/* Explicitly target social icon base color inside team section */
.team-section-1 .social-icon a {
  color: #24495c !important;
  border-color: #24495c !important;
}

.team-section-1 .social-icon a:hover {
  background-color: #24495c !important;
  border-color: #24495c !important;
  color: #fff !important;
}


/* Apply brand color ONLY to main g-social blocks NOT inside offcanvas */
body:not(.offcanvas-active) .g-social a,
body:not(.offcanvas-active) .g-social a:link,
body:not(.offcanvas-active) .g-social a:visited,
body:not(.offcanvas-active) .g-social a:focus {
  color: #24495c !important;
}

body:not(.offcanvas-active) .g-social a:hover {
  color: #68998b !important;
}

/* OR: target only when in main section (and NOT inside offcanvas) */
body > .g-social a,
body > .g-social a:hover {
  color: #24495c !important;
}

}


/* Keep rest of bootstrap untouched */