/*** Directory Layout ***/
.directory-spacing  {
  padding: 1em 1.5em;
}
.directory-header {
  padding: 0 1.5em;
}


/*** People list pages ***/

.people-list-container .view-content {
  display: -ms-flex;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: 3% inherit;
  grid-column-gap: 3%;
  margin-left: 3%;
  margin-right: 3%;
  text-align: center;
  font-family: "Red Hat Text",Georgia,Times New Roman,Times,serif;
}
.people-list-container h3 {
  margin: 5px 0;
  text-transform: capitalize;
  font-size: 1.3em;
}
.people-list-container .views-row {
  background-color: #f7f7f7;
  padding: .5em;
  margin-bottom: .8em;
}
@media screen and (min-width: 740px) {
 .people-list-container .view-content {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1135px) {
 .people-list-container .view-content {
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    min-width: 34em;
  }
}
@media screen and (min-width: 1290px) {
 .people-list-container .view-content {
    min-width: 38em;
  }
}

/*** Top Container layout ***/

.people-list-top-container .view-content {
  display: -ms-flex;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: 5% inherit;
  grid-column-gap: 5%;
  margin-left: 3%;
  margin-right: 3%;
  text-align: center;
  font-family: "Red Hat Text",Georgia,Times New Roman,Times,serif;
}
.people-list-top-container h3 {
  margin: 5px 0;
  text-transform: capitalize;
  font-size: 1.3em;
}
.people-list-top-container .views-row {
  background-color: #f7f7f7;
  padding: 1em;
  margin-bottom: 1em;
}
@media screen and (min-width: 640px) {
  .people-list-top-container .view-content {
    margin-left: 1.4vw;
  }
}
 @media screen and (min-width: 1235px) {
  .people-list-top-container .view-content {
    margin-left: 1.4vw;
    min-width: 44em;
  } 
}
@media screen and (min-width: 1290px) {
  .people-list-top-container .view-content {
    margin-left: 1.4vw;
    min-width: 48em;
  }
}
@media screen and (min-width: 800px) {
  .people-list-top-container img {
    float:left;
  }
}

/*** People List Leadership - two column layout ***/

.people-list-container-2-column .view-content {
  display: -ms-flex;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: 3% inherit;
  grid-column-gap: 3%;
  margin-left: 3%;
  margin-right: 3%;
  text-align: center;
  font-family: "Red Hat Text",Georgia,Times New Roman,Times,serif;
}
.people-list-container-2-column h3 {
  margin: 5px 0;
  text-transform: capitalize;
  font-size: 1.3em;
}
.people-list-container-2-column .views-row {
  background-color: #f7f7f7;
  padding: .5em;
  margin-bottom: .8em;
}
@media screen and (min-width: 740px) {
 .people-list-container-2-column .view-content {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1235px) {
 .people-list-container-2-column .view-content {
    width: 44em;
  }
}
@media screen and (min-width: 1290px) {
 .people-list-container-2-column .view-content {
    width: 48em;
  }
}


/*** Research Staff Layout ***/
.research-staff-container .view-content {
  display: -ms-flex;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: 5% inherit;
  grid-column-gap: 5%;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
  font-family: "Red Hat Text",Georgia,Times New Roman,Times,serif;
}
.research-staff-container h3 {
  margin: 5px 0;
  text-transform: capitalize;
  font-size: 1.3em;
}
.research-staff-container .views-row {
  background-color: #f7f7f7;
  padding: 1em;
  margin-bottom: 1em;
}
@media screen and (min-width: 640px) {
  .research-staff-container .view-content {
    margin-left: 1%;
    margin-right: 2em;
    width: 65vw !important;
  }
}
 @media screen and (min-width: 1000px) {
  .research-staff-container .view-content {
    margin-left: 1%;
    margin-right: 3%;
    width: 55vw !important;
  } 
}
@media screen and (min-width: 1290px) {
  .research-staff-container .view-content {
   /* margin-left: 2em;
    margin-right: -8em; */
    margin-left: 1%;
    margin-right: 3%;
    width: 55vw !important;
  }
}
@media screen and (min-width: 900px) {
  .research-staff-container img {
    float:left;
    padding: 0 .5em 0 0;
  }
}
.research-staff-body {
  display: none;
}
@media screen and (min-width: 900px) {
  .research-staff-body {
    display: block;
    clear: both;
    text-align: left;
    padding: 1em 1em 0 0;
  }
}
.research-staff-body p {
    margin-bottom: 1em;
}
.research-staff-address {
  display: none;
}
@media screen and (min-width: 900px) {
  .research-staff-address {
    display: block;
  }
}
.research-staff-top-text {
  display: none;
}
@media screen and (min-width: 900px) {
  .research-staff-top-text {
    display: block;
    clear: both;
    text-align: left;
    font-family: "Red Hat Text",Georgia,Times New Roman,Times,serif;
  }
}
.research-staff-top-text p {
    margin-bottom: 1em;
}


.staff-view-layout {
    width:100%;
    height: 100%;
    display:inline-block;
    margin-top: 20px;
}
.facstaff-header {
  margin-bottom: -20px;
}

.staff-view-text {
    float:right;
    margin-top: -2em;
    margin-bottom: 35px;
    height: 100%;
    font-family: "Red Hat Text",Georgia,Times New Roman,Times,serif;
    font-size: 18px;
    font-size: 1.125rem;
}
.staff-view-layout img {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}