/* UWI Staff Profiles Styles */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i");
/* Mixins */
/* Staff Listing - Layout 1 */
.staff-page--layout-1 .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 20px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .staff-page--layout-1 .view-content .views-row {
    text-align: center; }
    .staff-page--layout-1 .view-content .views-row .views-field-title,
    .staff-page--layout-1 .view-content .views-row .staff-profile__name {
      font-weight: bold;
      font-size: 21px;
      /* padding-bottom: 10px; */
      /* margin-bottom: 10px; */
      /* border-bottom: 1px solid #000000; */ }
      .staff-page--layout-1 .view-content .views-row .views-field-title a,
      .staff-page--layout-1 .view-content .views-row .staff-profile__name a {
        text-decoration: none; }
      .staff-page--layout-1 .view-content .views-row .views-field-title::after,
      .staff-page--layout-1 .view-content .views-row .staff-profile__name::after {
        border-top: 1px solid #dbdbdb;
        width: 100px;
        margin: 10px auto;
        display: block;
        content: ""; }
    .staff-page--layout-1 .view-content .views-row .views-field-field-job-title,
    .staff-page--layout-1 .view-content .views-row .staff-profile__job-title {
      font-weight: bold;
      margin-bottom: 10px; }
    .staff-page--layout-1 .view-content .views-row .views-field-field-staff-portrait,
    .staff-page--layout-1 .view-content .views-row .staff-profile__photo {
      margin-bottom: 10px; }
      .staff-page--layout-1 .view-content .views-row .views-field-field-staff-portrait img,
      .staff-page--layout-1 .view-content .views-row .staff-profile__photo img {
        width: 100%;
        height: 100%;
        display: block; }
    .staff-page--layout-1 .view-content .views-row .views-field-field-email,
    .staff-page--layout-1 .view-content .views-row .staff-profile__email {
      margin-bottom: 10px; }
      .staff-page--layout-1 .view-content .views-row .views-field-field-email a,
      .staff-page--layout-1 .view-content .views-row .staff-profile__email a {
        text-decoration: none; }
    .staff-page--layout-1 .view-content .views-row .views-field-field-telephone,
    .staff-page--layout-1 .view-content .views-row .staff-profile__telephone {
      font-weight: bold;
      margin-bottom: 10px; }

/* Staff Contacts - Layout 2 */
.staff-page--layout-2 .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  grid-gap: 20px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .staff-page--layout-2 .view-content .views-row {
    background: #f0f0f0;
    padding: 25px;
    text-align: center; }
    .staff-page--layout-2 .view-content .views-row .views-field-title,
    .staff-page--layout-2 .view-content .views-row .staff-profile__name {
      font-size: 24px;
      font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: bold; }
      .staff-page--layout-2 .view-content .views-row .views-field-title a,
      .staff-page--layout-2 .view-content .views-row .staff-profile__name a {
        text-decoration: none; }
    .staff-page--layout-2 .view-content .views-row .views-field-field-job-title,
    .staff-page--layout-2 .view-content .views-row .staff-profile__job-title {
      margin: 20px 0;
      font-size: 18px; }

/* Individual Staff Page */
.node-type-staff-profile .node-staff-profile {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  /* Address/Location */ }
  .node-type-staff-profile .node-staff-profile .field-name-field-staff-portrait {
    float: left;
    margin: 0 20px 0 0;
    width: 25%; }
    .node-type-staff-profile .node-staff-profile .field-name-field-staff-portrait img {
      height: auto; }
  .node-type-staff-profile .node-staff-profile .group-personal-info {
    font-size: 18px; }
    .node-type-staff-profile .node-staff-profile .group-personal-info .group-name .field {
      display: inline; }
      .node-type-staff-profile .node-staff-profile .group-personal-info .group-name .field .field-items {
        display: inline; }
        .node-type-staff-profile .node-staff-profile .group-personal-info .group-name .field .field-items .field-item {
          display: inline; }
    .node-type-staff-profile .node-staff-profile .group-personal-info .field {
      margin: 0 0 10px 0; }
      .node-type-staff-profile .node-staff-profile .group-personal-info .field .field-label {
        width: inherit;
        margin-right: 0; }
    .node-type-staff-profile .node-staff-profile .group-personal-info .field-name-field-title-of-person,
    .node-type-staff-profile .node-staff-profile .group-personal-info .field-name-field-first-name,
    .node-type-staff-profile .node-staff-profile .group-personal-info .field-name-field-last-name {
      margin-right: 5px; }
    .node-type-staff-profile .node-staff-profile .group-personal-info .field-name-field-telephone .field-items .field-item,
    .node-type-staff-profile .node-staff-profile .group-personal-info .field-name-field-qualification .field-items .field-item {
      display: inline; }
      .node-type-staff-profile .node-staff-profile .group-personal-info .field-name-field-telephone .field-items .field-item::after,
      .node-type-staff-profile .node-staff-profile .group-personal-info .field-name-field-qualification .field-items .field-item::after {
        content: ', '; }
      .node-type-staff-profile .node-staff-profile .group-personal-info .field-name-field-telephone .field-items .field-item:last-child::after,
      .node-type-staff-profile .node-staff-profile .group-personal-info .field-name-field-qualification .field-items .field-item:last-child::after {
        content: ''; }
  .node-type-staff-profile .node-staff-profile .field {
    margin-bottom: 20px; }
    .node-type-staff-profile .node-staff-profile .field .field-label {
      width: 20%;
      margin-right: 20px; }
  .node-type-staff-profile .node-staff-profile .field-name-field-location,
  .node-type-staff-profile .node-staff-profile .field-name-field-address-line-1,
  .node-type-staff-profile .node-staff-profile .field-name-field-city {
    margin: 0; }
  .node-type-staff-profile .node-staff-profile .field-name-field-profile {
    clear: both; }

/* Responsive Styles */
@media screen and (min-width: 480px) and (max-width: 767px) {
  .node-type-staff-profile .node-staff-profile .field-name-field-staff-portrait {
    float: none;
    width: 100%; }
  .node-type-staff-profile .node-staff-profile .field .field-label {
    width: inherit;
    margin-right: 0; }
  .node-type-staff-profile .node-staff-profile .field-label-inline .field-label,
  .node-type-staff-profile .node-staff-profile .field-label-inline .field-items {
    float: none; } }
@media screen and (max-width: 479px) {
  .node-type-staff-profile .node-staff-profile .field-name-field-staff-portrait {
    float: none;
    width: 100%; }
  .node-type-staff-profile .node-staff-profile .field .field-label {
    width: inherit;
    margin-right: 0; }
  .node-type-staff-profile .node-staff-profile .field-label-inline .field-label,
  .node-type-staff-profile .node-staff-profile .field-label-inline .field-items {
    float: none; } }

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