.no-webp .bg-about {
    background-image: url("../../images/backgrounds/bg-about.jpg");
}

.webp .bg-about {
    background-image: url("../../images/backgrounds/bg-about.webp");
}

.no-webp .bg-practitioners {
    background-image: url("../../images/backgrounds/bg-practitioners.jpg");
}

.webp .bg-practitioners {
    background-image: url("../../images/backgrounds/bg-practitioners.webp");
}

.no-webp .bg-chiropractic-assistants {
    background-image: url("../../images/backgrounds/bg-chiropractic-assistants.jpg");
}

.webp .bg-chiropractic-assistants {
    background-image: url("../../images/backgrounds/bg-chiropractic-assistants.webp");
}

.team-member {
  padding: 0px 30px 30px;
  position: relative;
  z-index: 1;
  border-radius: 7px;
  text-align: center;
  overflow: hidden;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.team-member::before {
  position: absolute;
  background-color: #f5f5f5;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 75%;
  border-radius: 7px;
  z-index: -1;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.team-member h3 {
  color: #0c3b68;
  text-transform:uppercase;
}

.team-member:hover h3, .team-member:hover p, .team-member.active h3, .team-member.active p {
  color: #fff;
}

.team-member:hover::before, .team-member.active::before {
  background-color: #2774be;
}

.team-member .team-member-img {
  border-radius: 7px;
  width: 210px;
  height: 210px;
  background-color: #eee;
  margin: 0 auto;
  margin-bottom: 20px;
}

.no-webp .team-member .team-mark {
	background-image: url("../../images/team/mark-400x400.jpg");
}

.webp .team-member .team-mark {
	background-image: url("../../images/team/mark-400x400.webp");
}

.no-webp .team-member .team-luke {
	background-image: url("../../images/team/luke-400x400.jpg");
}

.webp .team-member .team-luke {
	background-image: url("../../images/team/luke-400x400.webp");
}

.no-webp .team-member .team-adam {
	background-image: url("../../images/team/adam-400x400.jpg");
}

.webp .team-member .team-adam {
	background-image: url("../../images/team/adam-400x400.webp");
}

.no-webp .team-member .team-abi {
	background-image: url("../../images/team/abi-400x400.jpg");
}

.webp .team-member .team-abi {
	background-image: url("../../images/team/abi-400x400.webp");
}

.no-webp .team-member .team-jack {
	background-image: url("../../images/team/jack-400x400.jpg");
}

.webp .team-member .team-jack {
	background-image: url("../../images/team/jack-400x400.webp");
}

.team-member .team-ca-img {
  border-radius: 7px;
  max-width: 800px;
  height: 300px;
  background-color: #eee;
  margin: 0 auto;
  margin-bottom: 20px;
  background-position: center top;
}

.no-webp .team-member .team-ca {
	background-image: url("../../images/team/chiropractic-assistants.jpg");
}

.webp .team-member .team-ca {
	background-image: url("../../images/team/chiropractic-assistants.webp");
}

.team-member .team-member-bio {
  margin-bottom: 20px;
}

.team-member .team-member-bio h3, .team-member .team-member-bio p {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.team-member .team-member-bio p {
  line-height: 1;
  margin-top: 5px;
}

.side-bg {
    height: 100%;
    overflow: hidden;
	margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}

.side-bg.pos-right {
    right: 0;
}

@media (max-width: 991px) {
.side-bg {
    display: none;
}
}

.no-webp .bg-mark {
	background-image: url("../../images/team/bg-mark.jpg");
	background-position: 50% 25%;
}

.webp .bg-mark {
	background-image: url("../../images/team/bg-mark.webp");
	background-position: 50% 25%;
}

.no-webp .bg-luke {
	background-image: url("../../images/team/bg-luke.jpg");
	background-position: 50% 20%;
}

.webp .bg-luke {
	background-image: url("../../images/team/bg-luke.webp");
	background-position: 50% 20%;
}

.no-webp .bg-adam {
	background-image: url("../../images/team/bg-adam.jpg");
	background-position: 50% 20%;
}

.webp .bg-adam {
	background-image: url("../../images/team/bg-adam.webp");
	background-position: 50% 20%;
}

.no-webp .bg-abi {
	background-image: url("../../images/team/bg-abi.jpg");
	background-position: 50% 20%;
}

.webp .bg-abi {
	background-image: url("../../images/team/bg-abi.webp");
	background-position: 50% 20%;
}

.no-webp .bg-jack {
	background-image: url("../../images/team/bg-jack.jpg");
	background-position: 50% 20%;
}

.webp .bg-jack {
	background-image: url("../../images/team/bg-jack.webp");
	background-position: 50% 20%;
}

.no-webp .bg-michelle {
	background-image: url("../../images/team/bg-michelle.jpg");
	background-position: 50% 20%;
}

.webp .bg-michelle {
	background-image: url("../../images/team/bg-michelle.webp");
	background-position: 50% 20%;
}

.no-webp .bg-linsey {
	background-image: url("../../images/team/bg-linsey.jpg");
	background-position: 50% 20%;
}

.webp .bg-linsey {
	background-image: url("../../images/team/bg-linsey.webp");
	background-position: 50% 20%;
}

.no-webp .bg-emma {
	background-image: url("../../images/team/bg-emma.jpg");
	background-position: 50% 20%;
}

.webp .bg-emma {
	background-image: url("../../images/team/bg-emma.webp");
	background-position: 50% 20%;
}

.mobile-portrait {
    border: 5px solid #3ec1c7;
	max-width: 250px;
}

@media (min-width: 992px) {
.mobile-portrait {
    display: none;
}
}