/* Aliases/definitions for use in all Less files - Do not add any CSS to this file - see common.less for related CSS */
/* PLEASE - Do not rename or delete any existing definitions from this file. If a definition needs removal move it to the "DEPRECATED" section

/* CURRENT Definitions */
/* Black - gray - white */
/* Slate */
/* Green */
/* Ocean */
/* Blue */
/* Violet */
/* Burgaudy */
/* Red - Orange - Yellow */
/* PPA color definitions */
/* E*Trade color definitions*/
/* Spacings */
/* Breakpoints */
/* Add space for page scroll bar */
/* 12 Column grid */
/* Asset folders */
/* DEPRECATED - Do not use these definitions in new components - Do not remove these until 100% verified they are no longer in use */
.contactusMembers .cmp-contactus-member-section {
  grid-template-columns: repeat(4, 23%);
  display: grid;
  column-gap: 2.32%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .contactusMembers .cmp-contactus-member-section {
    grid-template-columns: repeat(3, 31.33%);
    display: grid;
    column-gap: 2.32%;
  }
}
@media (max-width: 767px) {
  .contactusMembers .cmp-contactus-member-section {
    grid-template-columns: repeat(1, 100%);
    display: grid;
  }
}
.contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder {
  background-color: #ffffff;
  border-bottom: 6px solid #ffffff;
  width: 100%;
  min-height: 504px;
  margin-top: 54px;
}
@media (max-width: 767px) {
  .contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder {
    min-height: 504px;
    max-width: 300px;
    margin-top: 20px;
  }
}
.contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder a.cmp-member-email[href] {
  cursor: pointer;
}
.contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder a.cmp-member-email {
  cursor: auto;
}
.contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder a.cmp-member-email .cmp-contactus-member-data {
  height: 100%;
}
.contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder a.cmp-member-email .cmp-contactus-member-tile-image {
  max-width: 100%;
}
.contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder a.cmp-member-email img {
  height: 100%;
  width: 100%;
  float: none;
  aspect-ratio: 1;
}
.contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder a.cmp-member-email .cmp-contactus-member-defaultName {
  height: 100%;
  width: 100%;
  float: none;
  aspect-ratio: 1;
  background: #f2f2f2;
  display: inline-flex;
  justify-content: space-around;
  align-content: center;
  flex-wrap: wrap;
}
.contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder a.cmp-member-email .cmp-contactus-member-defaultName .cmp-contactus-member-initialName {
  font-size: 4rem;
  color: #000000;
  font-weight: 300;
}
.contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder a.cmp-member-email .cmp-contactus-member_details {
  width: 100%;
  display: block;
  height: 35%;
}
.contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder a.cmp-member-email .cmp-contactus-member_details .contactus-member-data {
  margin: 30px 24px 24px 24px;
}
@media (max-width: 767px) {
  .contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder a.cmp-member-email .cmp-contactus-member_details .contactus-member-data {
    margin: 20px 16px 16px 16px;
  }
}
.contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder a.cmp-member-email .cmp-contactus-member_details .contactus-member-data .contactperson-role {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  color: #333333;
  padding-bottom: 10px;
}
.contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder a.cmp-member-email .cmp-contactus-member_details .contactus-member-data .cmp-contactus-member-name {
  font-style: normal;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 120%;
  color: #333333;
  padding-bottom: 10px;
}
.contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder a.cmp-member-email .cmp-contactus-member_details .contactus-member-data .cmp-contactus-member-phone-no {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  color: #000000;
}
.contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder a.cmp-member-email .cmp-contactus-member_details .contactus-member-data .cmp-contactus-member-email {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  -webkit-box-orient: vertical;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
}
.contactusMembers .cmp-contactus-member-section .cmp-contactus-member-section-holder:hover {
  border-bottom: 6px solid #a56eff;
  background: #f2f2f2;
}
.contactusMembers .cmp-contactus-team-name,
.contactusMembers .cmp-contactus-territory_name,
.contactusMembers .cmp-contactus-member-territory-title,
.contactusMembers .cmp-contactus-country_name,
.contactusMembers .cmp-contactus-member-territory-name {
  margin-top: 50px;
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  color: #000000;
}
@media (max-width: 767px) {
  .contactusMembers .cmp-contactus-team-name,
  .contactusMembers .cmp-contactus-territory_name,
  .contactusMembers .cmp-contactus-member-territory-title,
  .contactusMembers .cmp-contactus-country_name,
  .contactusMembers .cmp-contactus-member-territory-name {
    margin-top: 20px;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
  }
}