/* directory details common css for directory and campusviews */

/* Utilities */

.directory--list .mr-05, .directory--details .mr-05 {
  margin-right: 0.5em;
}
.directory--list .mb-2, .directory--details .mb-2 {
  margin-bottom: 2em;
}

/* General Styling */

.directory--details .panel-body .box {
  padding: 0.5em;
}
.directory--details .reveal-box {
  max-height: 7em;
  position: relative;
  overflow: hidden;
  
}
.directory--details p:not([class]), .directory--details p:not([class]) span:not([class]) {
  font-family: inherit !important;
  font-size: inherit !important;
  color: inherit !important;
  text-align:left !important;
}



.directory--details .read-more {
  text-align: right;
  margin: 0 0.8em 0 0;
  font-size: 1.2em;
}
.directory--details .read-more a {
  color: black;
}
.directory--details .accordion.no-line > li:first-child > a {
  border-top: 0px !important;
}
.directory--details .accordion.no-line [data-accordion-toggler] {
  border-bottom: 0px !important;
  padding-left: 0px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 30px;
}
.directory--details .accordion.no-line {
  border-bottom: 0px !important;
}
.directory--details .accordion [data-accordion-toggler] small {
  font-family: openSans-Regular-webfont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

@media (max-width: 767px) {
	.directory--details .fa-lg {
	  font-size: 1em;
	}
}


/* Bibtex List Styling */

.directory--details .csl-entry {
  border-bottom: 1px solid #dddddd;
  padding: 10px 0 10px 2em;
  line-height: 1.4em !important;
  margin-top: 10px;
  padding-bottom: 10px;
  padding-left: 2em;
  text-indent: -2em;
}
.directory--details .csl-entry:last-child {
  border-bottom: 0px;
}
.directory--details .csl-bib-body {
  margin-bottom: 20px;
  border-bottom: 1px solid #dddddd;
}
.directory--details .csl-bib-body:last-child {
  border-bottom: 0px;
}
.directory--details div[id*=-bibtex] > strong, div[id*=-orcid] > strong {
  display: block;
  text-align: right;
  font-family: openSans-webfont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 80%;
}

/* SIR Publications and Projects */

.sir-pub-list .sir-pub-item, .sir-project-list .sir-project-item {
  border: 1px solid #ddd;
  margin-top: 1em;
}
.sir-pub-list .sir-pub-item strong, .sir-project-list .sir-project-item strong {
  font-family: openSans-Semibold-webfont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.sir-pub-list .btn {
  margin: 0 1rem 1rem 0;
}
.sir-pub-list .sir-pub-count {
  font-size: 80%;
  text-align: right;
  margin-bottom: 1em;
}
.dropdown--accordion [data-accordion-toggler] {
  padding: 0 !important;
  background: none !important;
  color: inherit !important;
  font-family: inherit !important;
  border-bottom: none !important;
  transition: background .3s;
  cursor: pointer;
}
.dropdown--accordion [data-accordion-toggler]:after {
  display: none !important;
}
.dropdown--accordion .dropdown--content {
  border-bottom: none;
  margin: 1em 0 1em 0;
}
.dropdown--accordion [data-accordion-content] .gfx-close {
  position: absolute;
  top: 0;
  right: 1em;
}
.dropdown--accordion [data-accordion-state^=open] > .dropdown--item:after, .dropdown--accordion [data-accordion-state^=open] > .dropdown--item:before {
  content: '';
  position: absolute;
  bottom: -19px;
  left: 50%;
  margin-left: -11px;
  border-width: 9px 11px;
  border-style: solid;
  border-color: transparent
}
.dropdown--accordion [data-accordion-state^=open] > .dropdown--item:before {
  margin-bottom: 1px;
  border-top-color: #CBCBCB
}
.dropdown--accordion [data-accordion-state^=open] > .dropdown--item:after {
  margin-bottom: 2px;
  border-top-color: #fff;
  z-index: 1
}
.sir-project-list .dropdown--item strong {
  color: #0085C6;
  transition: color 0.5s;
}
.sir-project-list div[data-accordion-state="open"] .dropdown--item strong, .sir-project-list div[data-accordion-state="opening"] .dropdown--item strong {
  color: inherit;
}
.sir-project-list .dropdown--content .project-table tr {
  border: none !important;
}
@media (max-width: 767px) {
  .sir-project-list .dropdown--content .project-table tr {
    display: table-row !important;
  }
  .sir-project-list .dropdown--content .project-table tr:before {
    display: none;
  }
  .sir-project-list .dropdown--content .project-table th, .sir-project-list .dropdown--content .project-table td {
    display: table-cell !important;
    padding: 2px 15px;
  }
  .sir-project-list .dropdown--content .project-table td .external {
    font-size: 1px;
  }
  .sir-project-list .dropdown--content .project-table td .external:before {
    font-size: 16px;
  }
}

/* Campusviews Lists */

.campusviews p.text-bottom-right {
  position: absolute;
  bottom: 0.7em;
  right: 1em;
}
.campusviews .cp-card-1col > div:nth-child(n+2) {
  margin-top: 25px;
}
.campusviews .row:nth-child(n+2) {
  margin-top: 25px;
}
/*.box--banner{*/
.box-people {
  position: relative;
  /* To fix height, create it with a padding, and hide whats under it */
  overflow: hidden;
  /*  padding-bottom: calc(100% + 2em);*/
  padding-bottom: calc(100% + 1em);
}
/*.box--banner >img{*/
.box-people > img {
  /* Position the image absolutely and fit it (width fix) */
  position: absolute;
  object-fit: cover;
  /* Make sure it covers the area */
  min-width: 100%;
  min-height: 100%;
  /* Center the image in the div */
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.campusviews--list .box .box--banner {
  margin: 0 0 0 -1em;
}
.campusviews--list > article.box > p {
  margin-left: -1em;
}