/**
 * @file
 * Visual styles for Bartik's field components.
 */

.field--type-entity-reference {
  /*margin: 0 0 1.2em;*/
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}
.field--type-entity-reference .field__label {
  /*font-weight: normal;*/
  margin: 0;
  padding-right: 5px; /* LTR */
}
[dir="rtl"] .field--type-entity-reference .field__label {
  padding-left: 5px;
  padding-right: 0;
}
.field--type-entity-reference .field__label,
.field--type-entity-reference ul.links {
  /*font-size: 0.8em;*/
}
.node--view-mode-teaser .field--type-entity-reference .field__label,
.node--view-mode-teaser .field--type-entity-reference ul.links {
  font-size: 0.821em;
}
.field--type-entity-reference ul.links {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* This is required to win over specificity of [dir="rtl"] .region-content ul */
[dir="rtl"] .field--type-entity-reference ul.links {
  padding: 0;
}
.field--type-entity-reference ul.links li {
  float: left; /* LTR */
  padding: 0 1em 0 0; /* LTR */
  white-space: nowrap;
}
[dir="rtl"] .field--type-entity-reference ul.links li {
  padding: 0 0 0 1em;
  float: right;
}

.node .field--type-image {
  float: left; /* LTR */
  margin: 0 1em 0 0; /* LTR */
}

@media all and (min-width: 560px) {
  .node .field--type-image {
    float: left; /* LTR */
    margin: 0 1em 0 0; /* LTR */
  }
  [dir="rtl"] .node .field--type-image {
    float: right;
    margin: 0 0 0 1em;
  }
  .node .field--type-image + .field--type-image {
    clear: both;
  }
}
.field--type-image img,
.field--name-user-picture img {
  /*margin: 0 0 1em;*/
}
.field--type-image a {
  border-bottom: none;
}
.field--name-field-tags {
  margin: 0 0 1.2em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.field--name-field-tags .field__label {
  font-weight: normal;
  margin: 0;
  padding-right: 5px; /* LTR */
}
[dir="rtl"] .field--name-field-tags .field__label {
  padding-left: 5px;
  padding-right: 0;
}
.field--name-field-tags .field__label,
.field--name-field-tags ul.links {
  font-size: 0.8em;
}
.node--view-mode-teaser .field--name-field-tags .field__label,
.node--view-mode-teaser .field--name-field-tags ul.links {
  font-size: 0.821em;
}
.field--name-field-tags ul.links {
  padding: 0;
  margin: 0;
}
.field--name-field-tags ul.links li {
  float: left; /* LTR */
  padding: 0 1em 0 0; /* LTR */
  white-space: nowrap;
}
[dir="rtl"] .field--name-field-tags ul.links li {
  padding: 0 0 0 1em;
  float: right;
}

article.node.node--type-renyuan.node--view-mode-tupian.clearfix.field__label {
    clear:both;
    padding-bottom:4px;
}

article.node.node--type-renyuan.node--view-mode-tupian.clearfix {
    float: left;
    position: relative;
    margin-bottom: 1em;
}

article.node.node--type-renyuan.node--view-mode-tupian.clearfix h2{
    font-size: 1em;
    line-height: 1em;
    margin: 0;
    float: left;
    padding: 4px;
    position: absolute;
    bottom: 8px;
    width: 110px;
    background-color: rgba(0,0,0,0.5);     
}

article.node.node--type-renyuan.node--view-mode-tupian.clearfix h2 a{
   color: white;    
}

.clearfix.text-formatted.field.field--name-field-yanjiufangxiang.field--type-text-long.field--label-above {
    clear: both;
}
.field--label-above {
    clear: both;
}

.field--label-above .field__label {
  	font-size: 1.429em;
    line-height: 1.4;
    font-weight: normal;
    margin-bottom: 5px;
}
    
.field.field--name-field-faburiqi {
    margin-bottom: 1em;
    color: gray;
}

.field__item li {
    /*list-style-type: none;*/
}

span.citeproc-title {
    font-style: italic;
}

span.citeproc-container-title {
    color: #8a1715;
}

/* Personnel profile float compatibility.
 * Classy now adds clearfix to inline field wrappers. Its clear:both pseudo
 * element must not clear the preceding portrait sibling. Keep the biography's
 * existing clear:both and leave teaser/photo-grid view modes untouched.
 */
.node--type-renyuan.node--view-mode-full > .node__content > .field--label-inline.clearfix::after {
  clear: none;
}

.node--type-renyuan.node--view-mode-full > .node__content > .field--label-inline {
  overflow-wrap: anywhere;
}

/* Stack the portrait on small screens rather than squeeze contact details
 * beside it. No fixed column widths: retain each image's natural aspect ratio.
 */
@media (max-width: 480px) {
  .node--type-renyuan.node--view-mode-full > .node__content > .field--name-field-zhaopian {
    float: none;
    max-width: 100%;
    margin-inline: 0;
    margin-bottom: 1em;
  }

  .node--type-renyuan.node--view-mode-full > .node__content > .field--name-field-zhaopian img {
    max-width: 100%;
    height: auto;
  }
}