0/*
    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.
*/

@font-face {
    font-family: 'Crimson Text';
    src: url('fonts/CrimsonText-Regular.ttf') format('truetype');
    font-style: normal; 
    font-weight: normal;
}

@font-face {
    font-family: 'Crimson Text';
    src: url('fonts/CrimsonText-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: bold;
}

body {
    font-family: 'Crimson Text';
}

.foot {
    font-weight: 200; 
}

.foot a {
    color: #212529;
}


.main-navbar {
    background-color: #861f41;
    font: bold 26px 'Crimson Text', sans-serif;
}

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

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

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

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    color: black;
    font-family: 'Crimson Text';
}

a {
    color: #AD3D00;
    text-decoration: underline;
}

a:hover {
    color: #45647D;
    text-decoration: none;
}

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

.btn-alert {
    color: #642667;
}

nav li a {
    font: bolder 18px 'Crimson Text', sans-serif;
    text-decoration: none;
}

.nav-link.disabled {
    color: #e0c6ce !important;
}

.btn-alert:hover {
  color:#45647D;
}


/* 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 */

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