/* Custom styles */

/* font for all texts */
body {
  font-family: 'Slabo 27px', serif;
  overflow-y: scroll;
}

a {
  text-decoration: underline;
}

.highlight {
  color: green;
  font-weight: bold;
}

.greenhr {
  border-color:green;
  border-style:solid
}
.green {
  font-weight: bold;
  color: green;
}

/* from chatgpt */
.publication-list {
  list-style-type: none;
  padding-left: 0;
}

.publication-item {
  margin-bottom: 1.5em;
}

.pub-title {
  font-weight: bold;
  color: black;
  font-size: 1.2em;
}

.pub-authors {
  color: grey;
  margin-top: 0.2em;
}

.pub-venue {
  margin-top: 0.2em;
}

.venue-link {
  color: #0077cc;
  /*text-decoration: none;*/
}

.venue-link:hover {
  text-decoration: underline;
}

.highlight {
  color: green;
  font-weight: bold;
  margin-top: 0.3em;
}

.press {
  margin-top: 0.3em;
}

.press-link {
  color: #aa00aa;
  text-decoration: none;
}

.press-link:hover {
  text-decoration: underline;
}

.notes {
  margin-top: 0.3em;
}

.note {
  color: #444;
  font-style: italic;
}

.links {
  margin-top: 0.3em;
}

.links a {
  margin-right: 0.5em;
  font-weight: bold;
  text-decoration: none;
}

.link-pdf {
  color: #1976d2;
}

.link-data {
  color: #1976d2;
}

.link-slides {
  color: #1976d2;
}

.links a:hover {
  text-decoration: underline;
}


/* make nabvar fixed on smaller divces and add padding because content gets hidden under navbar */
@media (max-width:767px) {
  .navbar-static-top {
    position:fixed;
    top:0;
    right:0;
    left:0;
  }
  body {
    padding-top: 50px;
  }
}

/* modify navbar color */
/* source: http://work.smarchal.com/twbscolor/ */
.navbar {
  background-color: #121113;
}
.navbar .navbar-brand {
  color: #d0d0d0;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #ecdbff;
}
.navbar .navbar-text {
  color: #d0d0d0;
}
.navbar .navbar-nav .nav-link {
  color: #d0d0d0;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #ecdbff;
}
.navbar .navbar-nav .dropdown-menu {
  background-color: #121113;
  border-color: #5c5c5c;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
  color: #d0d0d0;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #ecdbff;
  background-color: #5c5c5c;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #5c5c5c;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #ecdbff;
  background-color: #5c5c5c;
}
.navbar .navbar-toggle {
  border-color: #5c5c5c;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #5c5c5c;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #d0d0d0;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #d0d0d0;
}
.navbar .navbar-link {
  color: #d0d0d0;
}
.navbar .navbar-link:hover {
  color: #ecdbff;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #d0d0d0;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ecdbff;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ecdbff;
    background-color: #5c5c5c;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #d0d0d0;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ecdbff;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ecdbff;
    background-color: #5c5c5c;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #d0d0d0;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ecdbff;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ecdbff;
    background-color: #5c5c5c;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #d0d0d0;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ecdbff;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ecdbff;
    background-color: #5c5c5c;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #d0d0d0;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #ecdbff;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #ecdbff;
  background-color: #5c5c5c;
}

/* hide collapse on large screens */
@media (min-width: 1200px) {
  #collapse-xs-md {
      display: none !important;
  }
  .nav>li>a {
    padding-left: 0px;
  }
  .navbar-collapse {
    padding-left: 0px;
  }
}

/* hide collapse on medium screens */
@media (min-width: 768px) and (max-width: 1199px) { 
  #collapse-xs-md {
      display: none !important;
  }
  .nav>li>a {
    padding-left: 0px;
  }
  .navbar-collapse {
    padding-left: 0px;
  }
}

/* font size and color for navigation and brand */
.navbar-brand {
  font-weight: bold;
  font-size: 2em;
}
.nav>li>a {
  font-size: 1.2em;
  font-weight: bold;
}

hr {
  height: 1px;
  color: #2b2e50;
  background-color: #2b2e50;
  border: none;
}

@media (min-width: 420px) and (max-width: 767px) {
  .img-responsive {
    width: 60%;
  }
}

/* main container div */
#main-cont {
  padding-left: 0;
  padding-right: 0;
}

#main-cont p {
  font-size: 1.3em;
}

#publications li {
  font-size: 1.3em;
}

/* footer bottom of page */
footer {
	bottom: 20px;
  color:  #999999;
  padding-top: 20px;
  padding-bottom: 10px;
}