/*=================================================


Styling for Team Member Plugin


===================================================*/
/*===============================

  Universal Styling

================================*/
.bold-contact{
    font-weight: 700;
    font-family: Gentona_Bold;
    text-transform: uppercase;
    color: #666666 !important;
}

.team-member-image img {
    width: 200px;
    object-fit: cover;
    max-height: 271px;
    height: 200px;
    border: 1px solid #CCCCCC;
}

.archive-team-member-position p {
    font-style: italic;
    padding-right: 10%;
}

.team-member-additional-info {
    margin-top: 2rem;
    border-top: 1px dashed #f45a1d;
}

.team-member-additional-info ul {
    padding-left: 1rem;
}

/*===============================

  Archive page for ALL team members

================================*/

.team-member-container {
    display: flex;
    flex-wrap: wrap;
}

.individual-team-member-container {
    flex: 1 auto;
    max-width: 250px;
    margin: 0 1rem 3rem 0;
}

.archive-team-member-name {
  margin: .4rem 0;
}

#content .archive-team-member-name a {
    font-family: "Quadon", sans-serif !important;
    margin: .5rem 0;
}


/*===============================

Media Queries

================================*/

@media(min-width: 768px){
  #content .team-member_wrap {
      max-width: 1023px;
      display: flex;
  }

  #content .archive-team-member_wrap.wrap {
    max-width: 1023px;
  }

  .archive.post-type-archive-clas_team_members .wrap {
    max-width: 1023px;
  }

  .team-member-main-info-container {
      flex: 1 10%;
      border-right: 1px dashed #f45a1d;
      padding-right: 1rem;
  }

  .team-member-additional-info {
    padding-left: 2rem;
    flex: 1 50%;
    margin-top: 0;
    border: none;
  }

  .team-member-additional-info div:first-child h3 {
    padding-top: 0;
  }

  .team-member-main-info-container > div {
    padding: .2rem 0;
  }

  .team-member-main-info {
    margin-bottom: 2rem;
  }

  .all-team-member-container {
      justify-content: left;
      display: flex;
      flex-wrap: wrap;
  }

  .team-member-link {
    margin: .5rem 0;
  }

  .team-member-additional-info ul {
      padding-left: 40px;
  }
}

/* People page alt styling begin */
h3.team-member-page-title-alt {
    font-family: "Gentona_SemiBold", Arial, sans-serif;
    font-weight: normal;
    font-size: 2.25rem;
    font-style: normal;
    line-height: 150%;
    color: #004083;
    margin: 0px;
    padding: 0px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: block;
    clear: both;
    text-transform: none;
}

.team-member-container-alt .col-sm-6 {
    padding: 15px;
}
@media (min-width: 768px) {
    .team-member-container-alt  .col-sm-6 {
        width: calc(50% - 30px)
    }

.team-member-container-alt  .col-sm-6:nth-child(4n),
.team-member-container-alt  .col-sm-6:nth-child(4n-1) {
    background: #f9f9f9;

}	}
.team-member-container-alt  .col-sm-6 {
    border-bottom: 1px solid #dddddd;
}
.team-member-container-alt  .col-sm-6:first-child,
.team-member-container-alt  .col-sm-6:nth-child(2) {
    border-top: 1px solid #dddddd;
}
.team-member-container-alt  {
    padding-bottom: 3rem !important;
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 768px){
.team-member-container-alt .col-sm-6:last-child:nth-child(odd) {
    width: calc(100% - 60px)
}
.team-member-container-alt .col-sm-6:last-child:nth-child(odd) .col-sm-4 {
    width: 17%
}
.team-member-container-alt .col-sm-6:last-child:nth-child(odd) .col-sm-8 {
    width: 34%
}
    }
@media (max-width: 768px) {
    .team-member-container-alt  > .col-sm-6 {
        width: 100%;
    }

    .team-member-container-alt  > .col-sm-6 > .row > .col-sm-4 {
        width: 33.333%;
        padding: 0 0 0 .5rem;
    }

    .team-member-container-alt  > .col-sm-6 > .row > .col-sm-8 {
        width: 66.666%;
        padding: 0 0 0 .5rem;
    }

    .team-member-container-alt  > .col-sm-6 > .row {
        display: flex;
    }
.team-member-container-alt  .col-sm-6:nth-child(2) {
    border-top: none;
}
}
.archive-team-member-name-alt {
    font-family: "Gentona_SemiBold", Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 123%;
    color: #00337A;
    text-transform: uppercase;
}
.archive-team-member-position-alt {
    color: #004083;
    font-family: "Gentona_Book", Arial, sans-serif;
    font-style: italic;
    font-size: 1.125rem;
    line-height: 123%;
    padding: 0px;
}
.archive-team-member-email-alt a {
    border-bottom: 1px solid #337ab76b !important;
    line-height: 1.5;
}

.archive-team-member-phone-alt,
.archive-team-member-office-alt {
    color:#000;
    line-height: 1.2
}

h3.team-member-page-title, h3.team-member-page-title-alt {
    width: 100%;
}

/* People page alt styling end */
