/* Custom tweaks for DMF site */
body { font-family: "Space Grotesk", "Source Sans Pro", system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }

#main .image.fit img { border-radius: 0.35em; }

/* Publications list */
ul.pubs li { margin-bottom: 0.8em; }

/* Simple timeline look */
ul.timeline { border-left: 2px solid rgba(255,255,255,0.2); padding-left: 1.25em; }
ul.timeline li { position: relative; }
ul.timeline li:before {
  content: "";
  position: absolute;
  left: -10px; top: 0.45em;
  width: 10px; height: 10px; border-radius: 50%;
  background: #6ad1ff;
}

/* Responsive 16:9 YouTube embed */
.videoWrapper {
  position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 0.35em;
  margin-top: 1.5em; border: 0; box-shadow: 0 0 0 1px rgba(255,255,255,0.15) inset;
}
.videoWrapper iframe {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;
}

.videoWrapper.video-tight {
    margin-top: -1.5em;
}

@media screen and (min-width: 981px) {
    #header .image.avatar img {
        width: 140%;
        margin-left: -40px;
    }
}

@media screen and (max-width: 980px) {
    #header .image.avatar img {
        width: 140%;
        margin-left: -20px;
    }
}


/* Bio gallery tweaks */
.bio-gallery {
    margin-bottom: 2em;
}

.bio-gallery .image img {
    height: 180px;
    object-fit: cover;
}

.bio-gallery h3 {
    margin-bottom: 0.25em;
}

.bio-gallery p {
    margin-bottom: 0;
    font-size: 0.9em;
    opacity: 0.9;
}

#contact form .actions {
    margin-top: 1.2em;
}

/* Image logos inside the .icons list */
ul.icons .icon-logo {
    height: 1.4em;
    width: auto;
    vertical-align: middle;
    margin-right: 0.4em;
    display: inline-block;
}

/* No overlay by default */
#research .work-item .image:before {
    opacity: 0.01;
}

/* Slight darkening on hover */
#research .work-item a.image.thumb:hover:before {
    opacity: 0.5;
}

@media screen and (max-width: 736px) {
  #research .work-item .image:before {
      opacity: 0 !important;
      background: none !important;
  }
}

.video-caption {
    margin: 0.5em 0 1.5em;
    font-size: 0.9em;
    opacity: 0.9;
    text-align: center;
}

.poptrox-popup .caption {
    white-space: normal !important;
    overflow: visible;
    text-overflow: unset;

    height: auto !important;
    min-height: 0 !important;
    margin: 0.2em 0 0.4em;
    padding: 0;

    font-size: 0.9em;
    line-height: 1.3;
    word-wrap: break-word;
}

@media screen and (max-width: 736px) {
  .poptrox-popup .caption {
      font-size: 0.8em;
      line-height: 1.3;
      margin: 0.15em 0 0.3em;
  }
}

#research .work-item .actions .button {
    margin-top: 0.9em;
    height: auto !important;
    line-height: 2.2 !important;
    min-width: 0 !important;
    padding: 0.05em 0.4em !important;
    font-size: 0.87em !important; 
}

#research .row.row-tight {
    margin-bottom: -2em;
}

/* More compact selected publications list */
#publications ul.pubs {
    font-size: 0.9em;
    line-height: 1.3;
}

#publications ul.pubs li {
    padding: 0.6em 0.1em;
    margin: 0;
    /* border-top: none;  */
}

#header h1 .header-name,
#header h1 .header-line {
    display: block;
}

#header h1 .header-line {
    font-size: 0.9em;
}

@media screen and (max-width: 736px) {
  #header h1 .header-line {
      font-size: 0.85em;
  }
}