:root {
  --primary-color: #100aaa; /* Plasma darkest 10% lightened */
  --primary-hover: #100aaa; /* Plasma darkest 10% lightened */

  --accent-color: #ff7f00;

  --text-primary: #000000;
  --text-secondary: #000000;
  --text-light: #000000;

  --background-primary: #ffffff;
  --background-secondary: #fafaff; /* Pure blue 98% lightened */
  --background-accent: #f2f2ff; /* Pure blue 98% lightened */

  --border-color: #dedcfd; /* Plasma darkest 90% lightened */

  --gradient-primary: var(--primary-color);
  --gradient-accent: var(--accent-color);
  --gradient-subtle: var(--background-accent);
}

.hero.is-light a {
  color: #100aaa !important;
}

p {
  hyphens: auto;
  -webkit-hyphens: auto;
}

video {
  display: block;
  border-radius: var(--border-radius-lg) !important;
  box-shadow: var(--shadow-xl);
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  color: #000;
}

h1.publication-title {
  position: relative;
  margin-left: 2.3em;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

h1.publication-title::before {
  content: "";
  position: absolute;
  left: -2.3em;
  top: 50%;
  transform: translateY(-50.4%);
  width: 1.84em;
  height: 1.84em;
  background: url("../favicon/favicon-512.png") no-repeat center;
  background-size: contain;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1));
}

.author-block {
  margin-right: 0rem;
}

.eql-cntrb {
  font-style: normal;
}

.link-block a {
    margin: 8px 8px 8px 0;
}

.copy-link-btn.copied, .copy-link-btn.copied:hover, .copy-bibtex-btn.copied {
  background: var(--accent-color) !important;
}

.hero.is-light {
  color: var(--text-light);
}

.teaser .hero-body {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.bibtex-header h2.title {
  margin-bottom: 0;
}

@media screen and (max-width: 480px) {
  .hero-body {
      padding: 1.5rem 1rem;
  }

  .link-block a {
    margin: 0.25rem 0 !important;
  }
}

@media screen and (max-width: 768px) {
  .more-works-container {
    bottom: 2rem;
    left: 1rem;
    right: auto;
  }

  .more-works-dropdown {
    left: 0;
    right: auto;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #authors {
    width: 25rem;
  }

  .button {
      margin: 0.25rem 0.5rem 0.25rem 0 !important;
  }
}

@media screen and (min-width: 769px) {
  #authors {
    width: 31.5rem;
  }
}

@media screen and (min-width: 1025px) {
  .teaser .hero-body {
    padding-left: 0;
    padding-right: 0;
  }
}