@import url(fontawesome-all.min.css);
 @import 'https://fonts.googleapis.com/css?family=Source Code Pro';
 @import 'https://fonts.googleapis.com/css?family=Open Sans';
 @import "myriad_pro.css";
 body {
     font-family: "Myriad-Pro", "Open Sans", sans-serif;
}
 .footer .icon-link {
     font-size: 25px;
     color: #000;
}
 .link-block a {
     margin-top: 5px;
     margin-bottom: 5px;
}
 .dnerf {
     font-variant: small-caps;
}
 .dcliport {
     font-variant: small-caps;
}
 .dvima {
    /* TODO specific VIMA font */
    /* font-variant: small-caps;
     */
}
 .teaser .hero-body {
     padding-top: 0;
     padding-bottom: 3rem;
}
 .teaser {
     font-family: "Myriad-Pro", "Open Sans", sans-serif;
}
 .teaser video {
     object-fit: fill;
}
 #glass {
     margin-left: -10px;
}
 .publication-title {
}
 .publication-banner {
     max-height: parent;
}
 .publication-banner video {
     position: relative;
     left: auto;
     top: auto;
     transform: none;
     object-fit: fit;
}
 .publication-header .hero-body {
}
 .publication-title {
     font-family: "Myriad-Pro", "Open Sans", sans-serif;
}
 .publication-authors {
     font-family: "Myriad-Pro", "Open Sans", sans-serif;
}
 .publication-venue {
     color: #555;
     width: fit-content;
     font-weight: bold;
}
 .publication-awards {
     color: #ff3860;
     width: fit-content;
     font-weight: bolder;
}
 .publication-authors {
}
 .publication-authors a {
     color: hsl(121, 100%, 36%) !important;
}
 .conference-authors a {
     color: hsl(0, 0%, 16%) !important;
}
 .publication-authors a:hover {
     text-decoration: underline;
}
 .author-block {
     display: inline-block;
}
 .publication-banner img {
}
 .publication-authors {
    /*color: #4286f4;
    */
}
 .publication-video {
     position: relative;
     width: 100%;
     height: 0;
     padding-bottom: 56.25%;
     overflow: hidden;
     border-radius: 10px !important;
}
 .publication-video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .publication-body img {
}
 .results-carousel {
     overflow: hidden;
}
 .results-carousel .item {
     margin: 5px;
     overflow: hidden;
     border: 1px solid #bbb;
     border-radius: 10px;
     padding: 0;
     font-size: 0;
}
 .results-carousel video {
     margin: 0;
}
 .interpolation-panel {
     background: #f5f5f5;
     border-radius: 10px;
}
 .interpolation-panel .interpolation-image {
     width: 100vh;
     background-size: cover;
     border-radius: 5px;
}
 .interpolation-video-column {
}
 .interpolation-panel .slider {
     margin: 0 !important;
}
 .interpolation-panel .slider {
     margin: 0 !important;
}
 #interpolation-image-wrapper {
     width: 100%;
}
 #interpolation-image-wrapper img {
     border-radius: 5px;
}
 #interpolation-image img {
     padding: 0;
     display: block;
     margin: 0 auto;
     max-height: 100%;
     max-width: 100%;
}
 .dropdown-item {
     white-space: pre-wrap;
}

.image-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  justify-items: center;
}
.image-grid img {
  width: 100%;
  border-radius: 5px;
  cursor: pointer;
  transition: transform 0.2s;
}
.image-grid img:hover {
  transform: scale(1.05);
}

/* Maintain fixed video size regardless of mp4 source */
.row.border.rounded {
  flex: 1;
  width: 100%;
}

.row.border.rounded .col-md-6 {
  width: 100%;
  flex: 1 1 auto;
}

/* Make the video scale up nicely */
.demo-video {
  width: 100%;
  height: auto;
  max-width: none;       /* remove any inherited max-width limits */
  object-fit: cover;
  border-radius: 10px;
  background: #000;
  display: block;
}