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

#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;
  padding-bottom: 0.5em;
}

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

.block-field-blockuseruserfield-dircore-upload-cv
  + .block-field-blockuseruserfield-dircore-website:before,
.block-field-blockuseruserfield-dircore-cv-link
  + .block-field-blockuseruserfield-dircore-website:before   {
  content: " | ";
  padding: 0.5em;
}

.directory__profile-edit {
  display: none;
}

@media (min-width: 700px) {
  .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: 340px;
  }

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

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

  .layout-builder__region.js-layout-builder-region.layout__region.layout__region--contact {
      z-index: 1;
      position: relative;
  }
}