/***********************************
** Directory Profile Page Styling
** /profile/netid
************************************/

.view-profile h2 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #ccc;
}

#block-views-block-tagged-by-netid-block-1-title {
  border-bottom: 1px solid #ccc;
  font-weight: 400;
}

.directory--profile li.item-list__item {
  margin-bottom: 0.75em;
}

.directory--profile .appointment {
  font-weight: bold;
}

.layout__region--contact address {
  font-style: normal;
}

.layout__region--contact .field {
  margin-bottom: 0;
}

.field-name-field-dircore-appt-title {
  font-weight: 600;
}

.field-name-field-dircore-appt-title .field__item {
  display: inline;
}

.field-name-field-dircore-appt-title .field__item::before {
  content: ", ";
}

.field-name-field-dircore-appt-title .field__item:first-child::before {
  content: "";
}

.field-name-field-dircore-appt-title .field__item {
  display: inline;
}

.field-name-field-dircore-appt-title .field__item::before {
  content: ", ";
}

.field-name-field-dircore-appt-title .field__item:first-child::before {
  content: "";
}

.field-user--field-dircore-website,
.field-user--field-dircore-upload-cv,
.field-user--field-dircore-website .field__items,
.field-user--field-dircore-upload-cv .field__items,
.field-user--field-dircore-website .field__item,
.field-user--field-dircore-upload-cv .field__item {
  display: inline-block;
}

.field-user--field-dircore-upload-cv
  + .field-user--field-dircore-website:before {
  content: " | ";
  padding: 0.5em;
}

.directory__profile-edit {
  display: none;
}

@media (min-width: 700px) {
  .profile .field {
    overflow: hidden;
  }

  .layout__region--contact {
    background-color: #eee;
    float: right;
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-left: 2em;
    margin-bottom: 0;
    padding: 1em;
    width: 320px;
  }

  .layout__region--contact img {
    width: 100%;
    height: auto;
    padding-bottom: 1em;
  }

  .directory__profile-edit {
    display: inherit;
    margin-top: 2em;
    width: 100%;
  }

  .directory__profile-edit.button,
  .directory__profile-edit.button a {
    border: 3px solid #777;
    color: #777;
    padding: 0;
  }

  .directory__profile-edit.button a {
    border: 3px solid transparent;
  }

  .directory__profile-edit.button:hover,
  .directory__profile-edit.button a:hover,
  .directory__profile-edit.button:hover a,
  .directory__profile-edit.button:focus,
  .directory__profile-edit.button a:focus,
  .directory__profile-edit.button:focus a {
    border: 3px solid #777;
    background-color: #777;
    color: #fff;
  }

  .user-logged-in .directory__profile-edit.button:hover,
  .user-logged-in .directory__profile-edit.button a:hover,
  .user-logged-in .directory__profile-edit.button:hover a,
  .user-logged-in .directory__profile-edit.button:focus,
  .user-logged-in .directory__profile-edit.button a:focus,
  .user-logged-in .directory__profile-edit.button:focus a {
    background-color: #0678be;
    border-color: #0678be;
  }
}