/* example
.smth {
  //some CSS for mobile
  @media screen and (min-width: $small) {
    //do Smth for tablet
  }
  @media screen and (min-width: $medium) {
    //do Smth for desktop
  }
}
*/
/**
 * Team Members Front CSS
 */
.tmm .tmm_member {
  height: auto;
  text-align: Left;
  background: white;
  box-sizing: border-box;
}
.tmm .tmm_wrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: -40px;
}
.tmm_container {
  width: 50%;
  display: flex;
  margin-bottom: 8px;
  /* margin-right: -40px; */
}
.tmm_member {
  width: 100%;
  padding-left: 40px;
  margin-top: -5px !important;
}
.tmm_textblock {
  margin-top: 8px;
}
.tmm_names {
  margin-bottom: 8px;
}
.tmm_fname, .tmm_lname {
  font-weight: 600;
  font-style: normal;
  font-size: 1rem;
  letter-spacing: 0.7px;
  margin-bottom: 8px;
  line-height: 28px;
}
.tmm_job, .tmm_scblock, .tmm_desc, #info_tlf, #info_mail {
  color: var(--contrast-2);
  font-size: 0.875em;
  letter-spacing: 0.25px;
  line-height: 22px;
  margin-bottom: 8px;
}
#info_tlf {
  margin-bottom: 0px;
  margin-top: 12px;
}
.tmm .tmm_three_entries {
  clear: both;
}
.tmm .tmm_member .tmm_photo {
  margin-left: auto;
  margin-right: auto;
  background-size: cover !important;
  background-position: center center !important;
  width: 100%;
  aspect-ratio: 1;
  border: none !important;
}
.tmm .tmm_desc, .tmm .tmm_desc span, .tmm .tmm_desc p {
  word-break: break-word;
}
/* TABLETS */
@media only screen and (max-width: 64.063em) {
  .tmm_container {
    width: 50%;
  }
}
/* MOBILE  */
@media only screen and (max-width: 40em) {
  .tmm_container {
    width: 100%;
  }
}
/*# sourceMappingURL=teams_plugin_jamaa_edit_main.css.map */