/*
    custom.css
    Any site-specific CSS customization should be added to this file.
    This file overrides the defaults in illiad.css, which should not be altered.
*/

.btn-primary {
    background-color: #286090;
    color: #fff;
}

.btn-secondary {
    background-color: #fff;
    color: #286090;
}

.main-navbar {
    background-color: #041827;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}

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

.logo {
    max-width: 500px;
    min-width: 450px;
}

/* article page DOI and PMID field adjustments */
input#DOI {
    width: 50%;
    display: unset;
}

button#doibutton {
    display: unset;
	margin: 2px 0;
}

input#PMID {
    width: 50%;
    display: unset;
}

button#pmidbutton {
    display: unset;
	margin: 2px 0;
}

/* end article page DOI and PMID field adjustments */

form section {
  background-color: #e9ecef8a;
  margin-bottom: 10px;
}

.form-group {
    margin-bottom: 0.75em;
}

/* tooltip hover over i symbol */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  opacity: unset;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}