body { font-family: 'Noto Sans', sans-serif; } .footer .icon-link { font-size: 25px; color: #000; } .link-block a, .link-block .button { margin-top: 5px; margin-bottom: 5px; vertical-align: middle; } .link-block { display: inline-block; vertical-align: top; } .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; } .has-bg-img { background: url('/static/images/toss.jpeg')center center; background-size:cover; } .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.0); /* 0% opacity black */ z-index: 1; /* Make sure it's behind the text */ transition: opacity 1.0s; } .hero-body, .hero-head, .hero-foot { z-index: 2; /* Ensure text is above the overlay */ transition: opacity 1.0s; } .section { padding-top: 1rem !important; padding-bottom: 1rem !important; } .section-title-accent { text-align: center; border-bottom: 5px solid #76B900; display: inline-block; padding-left: 30px; padding-right: 30px; padding-bottom: 15px; margin-bottom: 40px; position: relative; } .section-title-accent::after { content: ''; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); width: 60%; height: 3px; background: linear-gradient(90deg, transparent, #76B900, transparent); opacity: 0.5; } /* Navbar hover effects */ .navbar a.navbar-item { background-color: rgba(54, 54, 54, 0.6); border-radius: 8px; transition: all 0.3s ease; } .navbar a.navbar-item:hover { background-color: rgba(54, 54, 54, 0.8) !important; transform: translateY(-2px); } .navbar-item[style*="cursor: not-allowed"] { pointer-events: none; } /* Style for non-link navbar items (Coming Soon) */ .navbar-end .navbar-item:not(a) { background-color: rgba(54, 54, 54, 0.6); border-radius: 8px; } .navbar-end .navbar-item .button.is-inverted { background-color: rgba(54, 54, 54, 0.6); border-radius: 8px; } /* Responsive line breaks for author list */ .desktop-br { display: inline; } @media screen and (max-width: 1024px) { .desktop-br { display: none; } } /* Subsection description styling */ .subsection-description { text-align: center; max-width: 800px; margin: 0 auto 25px auto; padding: 15px 25px; font-size: 1.25rem; font-style: italic; color: #2c3e50; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-left: 4px solid #76B900; border-radius: 6px; box-shadow: 0 2px 6px rgba(118, 185, 0, 0.1); line-height: 1.6; font-weight: 500; } @media screen and (max-width: 768px) { .subsection-description { font-size: 1.1rem; padding: 12px 20px; } }