/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Mixins
********************
**/
/**
*********************
* Breakpoint mixin
********************
**/
/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Button styles
********************
**/
/**
*********************
* Mixins
********************
**/
.user-info {
  padding-bottom: 3.75rem;
}
.user-info__wrapper {
  display: flex;
  row-gap: 1.25rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 61.937rem) {
  .user-info__wrapper {
    column-gap: 1.25rem;
  }
}
@media only screen and (min-width: 62rem) {
  .user-info__wrapper {
    flex-wrap: nowrap;
    column-gap: 1.25rem;
  }
}
.user-info__content {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  align-items: flex-start;
  padding: 0.5rem 0.625rem;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 47.937rem) {
  .user-info__content {
    flex-basis: 100%;
  }
}
@media only screen and (min-width: 48rem) {
  .user-info__content {
    flex-basis: calc((100% - 1.25rem) / 2);
  }
}
@media only screen and (min-width: 62rem) {
  .user-info__content {
    flex-basis: calc((100% - 1.25rem) / 3);
  }
}
@media only screen and (min-width: 75rem) {
  .user-info__content {
    flex-basis: calc((100% - 1.25rem) / 4);
  }
}
.user-info__img {
  width: 100%;
}
.user-info__img img {
  width: 100%;
}
@media only screen and (min-width: 48rem) {
  .user-info__img {
    width: auto;
  }
}
@media only screen and (max-width: 35.937rem) {
  .user-info__img img {
    width: 100%;
  }
}
.user-info__heading {
  margin: 0.5rem 0;
  color: #262626;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.5rem !important;
}
@media only screen and (min-width: 48rem) {
  .user-info__heading {
    font-size: 1.5rem !important;
    line-height: 1.5rem !important;
  }
}
.user-info__title {
  margin-bottom: 0.5rem;
  font-weight: 700;
}
.user-info__link {
  position: relative;
  display: inline-block;
  padding: 0.75rem;
  cursor: pointer;
  transition: 200ms;
  text-align: center;
  text-decoration: none;
  color: #262626;
  border: none;
  border-radius: 0;
  background-color: #B3A369;
  font-size: 0.875rem;
  font-weight: 700 !important;
  line-height: 1rem;
  margin-top: auto;
}
.user-info__link:hover {
  text-decoration: none !important;
  color: #B3A369 !important;
  background-color: #262626 !important;
}
.user-info__link:active, .user-info__link:focus {
  text-decoration: none !important;
  color: #B3A369 !important;
  background: #262626 !important;
}
.user-info__link:hover {
  color: #B3A369 !important;
  background: #262626 !important;
}
.user-info__desc {
  margin-bottom: 1rem;
  margin-left: 0;
}
.user-info__desc p {
  font-size: 0.875rem !important;
}
.user-info__email {
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  line-height: 1.5rem !important;
}
@media only screen and (min-width: 48rem) {
  .user-info {
    transition: opacity 1s ease-out, transform 1s ease-out;
    transform: translateY(6.25rem);
    opacity: 0;
  }
  .user-info.loaded {
    transform: translateY(0);
    opacity: 1;
  }
}
@media only screen and (max-width: 47.937rem) {
  .user-info {
    padding-bottom: 1.875rem;
  }
}

.user-details .field--name-user-picture img {
  width: 100%;
}
.user-details .field--name-field-research-interests p {
  margin-bottom: 0;
}
.user-details .field--name-field-google-scholar p,
.user-details .field--name-field-primary-school-department p,
.user-details .field--name-field-university p,
.user-details .field--name-field-office-location p,
.user-details .field--name-field-website p,
.user-details .field--name-field-lab-website p,
.user-details .field--name-field-pubmed p,
.user-details .field--name-field-youtube p,
.user-details .field--name-field-specialty-area p,
.user-details .field--name-field-middle-initial p,
.user-details .field--name-field-leadership p {
  margin-bottom: 0;
}
.user-details .field--name-field-google-scholar a,
.user-details .field--name-field-primary-school-department a,
.user-details .field--name-field-university a,
.user-details .field--name-field-office-location a,
.user-details .field--name-field-website a,
.user-details .field--name-field-lab-website a,
.user-details .field--name-field-pubmed a,
.user-details .field--name-field-youtube a,
.user-details .field--name-field-specialty-area a,
.user-details .field--name-field-middle-initial a,
.user-details .field--name-field-leadership a {
  font-weight: 400;
}

.no-banner .lbs-leadership .user-info {
  margin-top: -3.75rem;
  margin-bottom: 7.5rem;
  opacity: 1 !important;
}
.no-banner .lbs-leadership .user-info h2 {
  margin-bottom: 1.25rem;
  font-size: 1.625rem !important;
  line-height: 2rem !important;
}
@media only screen and (min-width: 48rem) {
  .no-banner .lbs-leadership .user-info h2 {
    font-size: 2.5625rem !important;
  }
}
.no-banner .lbs-leadership .user-info__title {
  line-height: 1.25rem !important;
}
@media only screen and (min-width: 48rem) {
  .no-banner .lbs-leadership .user-info__title {
    font-size: 1.2rem !important;
  }
}
.no-banner .lbs-leadership .user-info__wrapper {
  display: block !important;
}
@media only screen and (min-width: 62rem) {
  .no-banner .lbs-leadership .user-info__wrapper {
    display: flex;
    align-items: center;
    flex-direction: column !important;
    gap: 1.5rem;
  }
}
.no-banner .lbs-leadership .user-info__content {
  margin-bottom: 1rem !important;
}
@media only screen and (min-width: 48rem) {
  .no-banner .lbs-leadership .user-info__content {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
  }
}
.no-banner .lbs-leadership .user-info__info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.no-banner .lbs-leadership .user-info__heading {
  font-size: 1.5rem !important;
}
@media only screen and (min-width: 45rem) {
  .no-banner .lbs-leadership .user-info__heading {
    font-size: 1.5rem !important;
  }
}
@media only screen and (min-width: 48rem) {
  .no-banner .lbs-leadership .user-info__heading {
    font-size: 2rem !important;
  }
}
.no-banner .lbs-leadership .user-info .user-info__img {
  width: 6.25rem !important;
}
.no-banner .lbs-leadership .user-info .user-info__img img {
  height: 7.5rem !important;
}
@media only screen and (min-width: 48rem) {
  .no-banner .lbs-leadership .user-info .user-info__img img {
    height: auto !important;
  }
}
@media only screen and (min-width: 48rem) {
  .no-banner .lbs-leadership .user-info .user-info__img {
    width: 15rem !important;
  }
}
.no-banner .lbs-leadership .user-info__desc p {
  display: block !important;
  overflow: unset !important;
  height: auto !important;
  margin-top: 0.9375rem !important;
}
@media only screen and (max-width: 47.937rem) {
  .no-banner .lbs-leadership .user-info {
    margin-top: 1.875rem;
  }
}
@media only screen and (min-width: 48rem) {
  .no-banner .lbs-leadership .user-info {
    margin-bottom: 2.5rem !important;
  }
}

.user-details {
  display: grid;
  grid-template-columns: 25rem 1fr;
  padding-top: 3.75rem;
  column-gap: 1.75rem;
}
.user-details .field--name-user-picture {
  grid-row: 1/span 7;
  width: 25rem;
  height: 25rem;
}
@media only screen and (max-width: 61.937rem) {
  .user-details .field--name-user-picture {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 61.937rem) {
  .user-details .field--name-user-picture {
    margin-bottom: 0.625rem;
  }
}
.user-details .form-no-label {
  display: none;
}
.user-details .field--label {
  font-weight: 700;
}
.user-details .name {
  display: flex;
  margin-bottom: 0.625rem;
}
.user-details .field--name-field-first-name,
.user-details .field--name-field-last-name {
  color: #003057;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 2.875rem;
}
@media only screen and (max-width: 61.937rem) {
  .user-details .field--name-field-first-name,
  .user-details .field--name-field-last-name {
    font-size: 2rem;
  }
}
.user-details .field--name-field-last-name {
  margin-left: 0.3125rem;
}
.user-details .field--name-field-title-1 {
  color: #003057;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.125rem;
}
.user-details .field--name-field-phone .field__item,
.user-details .field--name-field-title-1 .field__item,
.user-details .field--name-field-title-2 .field__item {
  color: #262626;
  font-size: 1.125rem;
  font-weight: 700;
}
.user-details .field--name-field-primary-school-department,
.user-details .field--name-field-title-2,
.user-details .field--name-field-title-3 {
  font-weight: 700;
}
.user-details .school-info {
  margin-bottom: 0.625rem;
}
.user-details .user-connect-btn {
  grid-column: 2/-1;
  margin-bottom: 0.625rem;
}
.user-details .user-connect-btn a {
  position: relative;
  display: inline-block;
  padding: 0.75rem;
  cursor: pointer;
  transition: 200ms;
  text-align: center;
  text-decoration: none;
  color: #262626;
  border: none;
  border-radius: 0;
  background-color: #B3A369;
  font-size: 0.875rem;
  font-weight: 700 !important;
  line-height: 1rem;
}
.user-details .user-connect-btn a:hover {
  text-decoration: none !important;
  color: #B3A369 !important;
  background-color: #262626 !important;
}
.user-details .user-connect-btn a:active, .user-details .user-connect-btn a:focus {
  text-decoration: none !important;
  color: #B3A369 !important;
  background: #262626 !important;
}
.user-details .field--name-field-phone,
.user-details .field--name-field-title-1,
.user-details .field--name-field-research-areas {
  margin-bottom: 0.625rem;
}
.user-details .field--name-field-phone .field--label,
.user-details .field--name-field-title-1 .field--label,
.user-details .field--name-field-research-areas .field--label {
  color: #003057;
}
.user-details .field--name-field-research-interests .field--label {
  color: #003057;
}
.user-details .field--name-field-pubmed {
  margin-top: -0.625rem;
}
.user-details .field--name-field-google-scholar,
.user-details .field--name-field-primary-school-department,
.user-details .field--name-field-university,
.user-details .field--name-field-office-location,
.user-details .field--name-field-website,
.user-details .field--name-field-lab-website,
.user-details .field--name-field-pubmed,
.user-details .field--name-field-youtube,
.user-details .field--name-field-specialty-area,
.user-details .field--name-field-middle-initial,
.user-details .field--name-field-leadership,
.user-details .field--name-field-orcid-id,
.user-details .field--name-field-new-research-areas,
.user-details .field--name-field-linkedin {
  grid-column: 2/-1;
  margin-bottom: 0.625rem;
}
.user-details .field--name-field-google-scholar .field--label,
.user-details .field--name-field-primary-school-department .field--label,
.user-details .field--name-field-university .field--label,
.user-details .field--name-field-office-location .field--label,
.user-details .field--name-field-website .field--label,
.user-details .field--name-field-lab-website .field--label,
.user-details .field--name-field-pubmed .field--label,
.user-details .field--name-field-youtube .field--label,
.user-details .field--name-field-specialty-area .field--label,
.user-details .field--name-field-middle-initial .field--label,
.user-details .field--name-field-leadership .field--label,
.user-details .field--name-field-orcid-id .field--label,
.user-details .field--name-field-new-research-areas .field--label,
.user-details .field--name-field-linkedin .field--label {
  color: #003057;
}
@media only screen and (max-width: 61.937rem) {
  .user-details {
    display: block;
  }
}
@media only screen and (max-width: 61.937rem) {
  .user-details {
    padding-top: 1.875rem;
  }
}

/*# sourceMappingURL=user.css.map */