.teamMembersList{
  list-style-type:none;
  padding:0;
  margin:0;

  > li{
    margin-bottom:40px;
  }
}

.team-member-card{

  display:flex;
  gap:32px;
  background:#D2DCE7;
  padding:24px;

  /*image col*/

  .left-col{
    flex:2;
  }

   .team-member-img{
      box-shadow: 10px 10px 0px 0px #14375D;
    }

  /*bio col*/
  .right-col{
    flex:5;
  }

  .card-title-row{
    display:flex;
    gap:40px;
    align-items:flex-end;
    border-bottom:2px solid #14375D;
    padding-bottom:12px;

    .title-left{
      flex:1 0 0;
    }

    h4{
      font-family: "Proxima Nova Bold", Sans-serif;
    }

    h4, h6{
      margin:0;
    }
  }

  .card-subtitle-row{
    display:flex;
    gap:40px;
    padding:12px 0 24px 0;

    .subtitle-left{
      flex:1 0 0;
    }
  }

  .card-meta-list{
    list-style-type:none;
    margin:0; 
    padding:0;
    display:flex;
    align-items:center;
    white-space:nowrap;
    margin:0;
    gap:8px;
   

    .meta-divider{
      height:20px;
      width:0;
      border-left:1px solid #14375D;
    }

    a.elementor-social-icon{
      display:inline-flex;
      justify-content:center;
      font-size:16px;
      font-weight:400;
      width:32px;
      height:32px;
      color:#14375D;
      background-color:#14375D;
      border-radius:50%;
    }

  }


  /*Bio truncation*/

  .truncate {
    max-width: 600px;
    margin-bottom: 1.5rem;
  }

  .truncate .truncated-content {
    margin: 0;
  }

  .truncated-content ul{
    margin:24px 0;
  }

  .truncate.clamped .truncated-content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .toggle-link {
    display: inline-block;
    margin-top: 6px;
    font-size: 1rem;
    color: #03509E;
    text-decoration: none;
    cursor: pointer;
  }

  .toggle-link:hover {
    text-decoration: underline;
  }

}



@media screen and (max-width:679px) {
  .team-member-card{
    flex-direction:column;
  }
}

@media screen and (max-width:479px) {

  .card-title-row{
    flex-direction:column;
    gap:12px !important;
    align-items:flex-start !important;
  }

  .card-meta-list{
    font-size:14px !important;
  }


   a.elementor-social-icon{
      font-size:12px !important;
      width:24px !important;
      height:24px !important;
    }
}