/* Page styles kept from the Nerfies template (https://github.com/nerfies/nerfies.github.io, CC BY-SA 4.0).
   Removed: the results carousel and the interpolation panel. Changed: author links use the Bolero navy. */

:root {
  --bolero-navy: #2C5A93;
  --bolero-terracotta: #BF5A3C;
  --bolero-slate: #4C535D;
  --bolero-ink: #1F1D1A;
  --bolero-grey: #F2F3F5;
}

body {
  font-family: 'Noto Sans', sans-serif;
  background: #FFFFFF;
}

.footer .icon-link {
  font-size: 25px;
  color: #000;
}

.link-block a {
  margin-top: 5px;
  margin-bottom: 5px;
}

.publication-title {
  font-family: 'Google Sans', sans-serif;
}

.publication-authors {
  font-family: 'Google Sans', sans-serif;
}

.publication-authors a {
  color: var(--bolero-navy) !important;
}

.publication-authors a:hover {
  text-decoration: underline;
}

.author-block {
  display: inline-block;
}

.publication-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  border-radius: 10px !important;
}

.publication-video iframe,
.publication-video .video-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Bolero additions */

/* The Bolero icon sits on the title's first line, centred on its capitals: Google Sans capitals are
   0.731 em tall, so a 0.9 em icon drops (0.9 - 0.731) / 2 em below the baseline. */
.title-icon {
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  margin-right: 0.28em;
  vertical-align: -0.085em;
}

.video-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bolero-grey);
}

/* Text still to be written: shown in grey italics so it cannot be mistaken for final copy. */
.todo {
  color: #8a9099;
  font-style: italic;
}

.footer {
  background: #FFFFFF;
  border-top: 1px solid #ececec;
}