body { font-family: 'Noto 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; } .teaser .hero-body { padding-top: 0; padding-bottom: 3rem; } .teaser { font-family: 'Google Sans', sans-serif; } .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: 'Google Sans', sans-serif; } .publication-authors { font-family: 'Google 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(204, 86%, 53%) !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: 100%; 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; } .gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-gap: 1rem; } .gallery-item { break-inside: avoid; margin-bottom: 1rem; } .gallery-item figure { margin: 0; } .gallery-item img { width: 100%; height: auto; object-fit: cover; } .gallery-item figcaption { padding: 0.5rem; background-color: rgba(0, 0, 0, 0.05); font-size: 0.9rem; } .gallery-masonry { column-count: 3; column-gap: 1em; } .gallery-item { display: inline-block; margin: 0 0 1em; width: 100%; } .gallery-item figure { margin: 0; } .gallery-item img { width: 100%; height: auto; display: block; } .gallery-item figcaption { padding: 0.5rem; background-color: rgba(0, 0, 0, 0.05); font-size: 0.9rem; } @media screen and (max-width: 768px) { .gallery-masonry { column-count: 2; } } @media screen and (max-width: 480px) { .gallery-masonry { column-count: 1; } } #gallery-carousel .carousel-item { display: none; } #gallery-carousel .carousel-item.is-active { display: block; } #gallery-carousel .carousel-item img { max-height: 500px; width: auto; margin: 0 auto; } #gallery-carousel .carousel-item figcaption { margin-top: 10px; } #gallery-carousel .carousel-navigation-is-centered .carousel-nav-left, #gallery-carousel .carousel-navigation-is-centered .carousel-nav-right { position: absolute; top: 50%; transform: translateY(-50%); } #gallery-carousel .carousel-navigation-is-centered .carousel-nav-left { left: 0; } #gallery-carousel .carousel-navigation-is-centered .carousel-nav-right { right: 0; }