/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */
/* Make every team thumb a square and crop images consistently */
.team-member .team-thumb{
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;   /* modern browsers */
  overflow: hidden;
  background:#f5f5f5;    /* looks nicer behind PNGs */
}

/* iOS/old Safari fallback (no aspect-ratio) */
@supports not (aspect-ratio: 1 / 1) {
  .team-member .team-thumb::before{
    content:"";
    display:block;
    padding-top:100%;    /* square box */
  }
  .team-member .team-thumb > *{
    position:absolute; inset:0;
  }
}

.team-member .team-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;      /* center-crop to square */
  object-position:center;
  display:block;
}
.funfact .animate-number::before {
  content: "$";
  margin-right: .15em;
}