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;
}

/* for recon list */
li { 
  cursor: pointer;
}

/* Style the buttons that are used to open the tab content */
.nav-item {
  overflow: hidden;
  text-align: center;
  width: 100%;
  background-color: inherit;
  float: left;
  border: 1px solid #ddd;
  outline: none;
  cursor: pointer;
  transition: 0.0s;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

/* Change background color of buttons on hover */
.nav-item:hover {
  background-color: #c7dc94;
}

/* Create an active/current tablink class */
.nav-tabs .nav-link.active {
  background-color: #5c7f17;
  color:white;
  font-weight: 500;
}

.nav a {
  color: #000;
  text-decoration: none;
}
.nav a:hover {
  color: #000;
  font-weight: 500;
  text-decoration: none;
}

/* Demo tabs: in a nav-justified flex row every <li> stretches to the tallest
   item (the longest question wraps to two lines), but the <a> only grows to its
   own text -- leaving a styled-but-non-clickable strip at the bottom of shorter
   items. Make the link fill the whole item so the entire button is clickable
   and the active highlight covers it fully. Scoped to the demo so the rest of
   the page's navs are untouched. */
#demo-question-tabs .nav-item,
#demo-scene-tabs .nav-item {
  display: flex;
}
#demo-question-tabs .nav-link,
#demo-scene-tabs .nav-link {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.b-dics__slider {
  color: #f0f0f0;
}
.b-dics__slider:after {
  width: 2px;
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.content-row {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: center;
}

.demo-scene-panel {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  color: #111111;
  border-radius: 7px;
  border: #bbbbbb 1px solid;
  background-color: #f1f1f1;
  width: 220px;
  margin-left: 8px;
  margin-right: 8px;
}

#BibTeX pre {
  background-color: #1e1e1e;
  border-radius: 8px;
  padding: 1.25rem;
}

#BibTeX pre code {
  background-color: transparent;
  color: #f5f5f5;
  font-family: 'Source Code Pro', 'Fira Mono', Menlo, Monaco, Consolas, monospace;
}