.text-white > .teamGrid .teamGridHead .teamGridSmall,
.text-white > .teamGrid .teamGridHead h2,
.text-white > .teamGrid .teamGridHead p { color:var(--light-font-color); }

.text-body-alt > .teamGrid .teamGridHead .teamGridSmall,
.text-body-alt > .teamGrid .teamGridHead h2,
.text-body-alt > .teamGrid .teamGridHead p { color:var(--light-font-color2); }

.text-primary > .teamGrid .teamGridHead .teamGridSmall,
.text-primary > .teamGrid .teamGridHead h2,
.text-primary > .teamGrid .teamGridHead p { color:var(--main-clr); }

.text-secondary > .teamGrid .teamGridHead .teamGridSmall,
.text-secondary > .teamGrid .teamGridHead h2,
.text-secondary > .teamGrid .teamGridHead p { color:var(--head-font-color); }

.teamGridHead{margin:0 auto 40px;text-align:center;}
.teamGridSmall{display:block;color:var(--black-clr);opacity:.4;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:15px;}
.teamGridHead h2{color:var(--head-font-color);font-weight:700;}
.teamGridHead h2:not(:last-child){padding-bottom:20px;}
.teamGridHead p{color:var(--body-font-color);opacity:.85;text-align:center;}

/* Same card content/styling as .teamCarouselItem (team-carousel-block.css), just laid out in a
   Bootstrap row/col grid (col-12/col-md-6/col-lg-4, matching image-content-block.php's/
   index-boxes-block.php's convention) instead of a slick carousel track - no arrows, no JS. */
.teamGridRow{--bs-gutter-x:20px;row-gap:30px;}

.teamGridImage{border-radius:20px;overflow:hidden;aspect-ratio:1/1;}
.teamGridImage img{width:100%;display:block;object-fit: cover;object-position: center;}

.teamGridInfo{text-align:left;margin-top:20px;}
.teamGridInfo h3{color:var(--head-font-color);font-weight:600;font-size:var(--fs-24);padding-bottom:5px;}
.teamGridInfo p{color:var(--body-font-color);opacity:1.0;font-size:var(--fs-16);text-align:left;padding-bottom:15px;}

.teamGridBtn{display:inline-block;padding:10px 24px;border-radius:100px;border:1px solid var(--head-font-color);color:var(--head-font-color);font-size:var(--fs-16);font-family:var(--accent-font);font-weight:400;transition:0.3s;}
.teamGridBtn:hover{background:var(--head-font-color);color:var(--light-font-color);}

@media(max-width:767.98px){
	.teamGridInfo{text-align:center;}
	.teamGridInfo p{text-align:center;}
}

@media(min-width:568px){ .teamGridRow{--bs-gutter-x:25px;row-gap:40px;} .teamGridInfo h3{font-size:var(--fs-26);} }
@media(min-width:768px){ .teamGridRow{row-gap:50px;}                    .teamGridInfo h3{font-size:var(--fs-26);} }
@media(min-width:992px){ .teamGridRow{--bs-gutter-x:30px;row-gap:60px;} .teamGridInfo h3{font-size:var(--fs-28);} .teamGridInfo{margin-top:30px;} }
@media(min-width:1200px){ .teamGridRow{row-gap:70px;}                   .teamGridInfo h3{font-size:var(--fs-30);} }
@media(min-width:1600px){ .teamGridRow{--bs-gutter-x:35px;row-gap:80px;} .teamGridInfo h3{font-size:var(--fs-30);} }