body{background-color:white!important;}


.fancybox-slide--html .fancybox-close-small {
  background-color: #7a2682 !important;
  border-color: #7a2682 !important;
  color: #fff !important;
}



/* Start of Tabs  https://makitweb.com/simple-tabbed-content-area-with-html-css-and-jquery */
.span8 {
  width: 100%!important;
}
p.full-name {
  color: #000;
}

/* tab list item */
.tabs .tabs-list{
  list-style:none;
  margin:0px;
  padding:0px;
  display: flex;
  justify-content: center;
  column-gap: 10px;
  margin-bottom: 50px;
}
.tabs .tabs-list li{
  /* width:100px;*/
  float:left;
  margin:0px;
  margin-right:2px;
  padding: 5px 12px;
  text-align: center;
  background-color:white;
  border-radius:3px;
  box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 24%);
  font-size: 15px;
}
.span8 a {
  text-decoration: none!important;
}
.tabs .tabs-list li:hover{
  cursor:pointer;
  background-color: #f9f9f9;
  font-weight: 600;
}
.tabs .tabs-list li a{
  text-decoration: none;
  color:black;
  border-bottom: 0px;
}

.tabs .tabs-list li a:hover {background-color: transparent;}
/* When active state */
.active{
  display:block !important;
}
.tabs .tabs-list li.active{
  background-color:#333 !important;
  color:fff !important;
}
.active a{
  color:#fff !important;
}

/* End of Tabs */
.teambutton>div:not(.js-tilt-glare) {
  position: relative!important;
  width: auto!important;
  margin: 0 auto!important;
}
p.popname {    font-size: 35px!important;
  font-weight: 500!important;
  letter-spacing: .01em;
  line-height: 1.1;
  color: #3a3a3a;}
p.poptitle {font-weight: bold;
  background: #485f92;
  color: #fff;
  display: table;
  padding: 4px 8px;
  line-height: 1.3;
  font-size: 13.5px;
  margin: 12px 0 19px;
  border-radius: 3px;
  text-transform: uppercase;}

img.popimg {    float: right;
  width: 400px;
  flex-shrink: 0;
  margin: 5px 0 10px 5%;
  max-width: 40%;
  border-radius: 2px;
}}

.team-wrapper .row-fluid .span8 {
  /*  this is a fallback container that ensures the Fancybox modal renders correctly */
  width: 100%!important;
}
.team-wrapper {
  /* the parent container on the module. This uses flexbox to align team members in a grid system */
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.team-member {
  /* to work with .team-wrapper. It's currently set as a grid of 4 across */
  width: 23%;
  text-align: center;
  margin: 1%;
  line-height: 1.5;
  position: relative;
  margin-bottom: 50px;
  top: 0;
  transition: top ease 0.5s;
}
.team-member .hs-button, .team-member .button, .team-member.submit-button { outline:none; }
.team-member .hs-button:hover, .team-member .button:hover, .team-member.submit-button:hover,
.team-member .hs-button:focus, .team-member .button:focus, .team-member.submit-button:focus { 
  outline:none; }
.team-member a { color:#000; outline:none;}
.team-member a:hover, .team-member a:focus { color:#000; outline:none;}
.team-member:hover, .team-member:focus-within {
  /*outline: 4px solid;
  outline-offset: 6px;*/
  top: -5px;
}

.team-member img {
  /* this styles the headshot image */
  width: 186px;
  height: 186px;
  margin-bottom: 10px;
  border-radius: 100%;
  margin: 0 auto;
  margin-bottom: 10px;
  object-fit: cover;
  object-position: 0px -10px;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 0.5s ease;
}

.team-member:hover img {outline:5px solid #01afaa; 
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);}

.team-member .full-name {
  /* style the Full Name text */
  margin-bottom: 0px;
  font-weight: 700;
  margin-top: 0;
}

.team-member:hover .full-name {color:#01afaa; }

.team-member .title {
  /* style the Title text */
  margin-bottom: 10px;
  color: #373737;
  display: block;
  font-size: 16px;
  line-height: 1.3;
  max-width: 200px;
  margin: 0 auto;

}
.team-member .button {
  /* style the View Bio button */
  max-width: 80px!important;
}
.team-member a:hover .button, 
.team-member a:focus .button  { 
  background-color: #49c6ff !important;
  border: 1px solid #49c6ff !important;
  color: #fff !important;
}
.fancybox-content p.full-name {
  margin: 0;
  font-weight: 700;
  font-size: 1.5rem;
}



/*MOBILE AUDIT=====*/

@media (max-width:767px) {

  .team-member {
    width: 48%;
  }


}/*767px ends*/