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


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

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

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


button#search {
    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;
}


/* end tooltip style */


html body div.container main#content form#Logon button.btn.btn-primary a {
color: #ffffff;
text-decoration: none;
}

.main-navbar {
    background-color: #CE0E2D;
    color: #000;
    padding: 5px;
    font: bold 26px 'Open Sans', sans-serif;
    font-kerning: auto;

}

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



html body header#header.head div.container.text-left a img.img-fluid.logo {
max-width: 173px;
}

html body header#header.head {
	border-bottom-color: #7d7872;
	border-bottom: solid 2px;
}

h1,h3,h4,h5,h6,.h1,.h3,.h4,.h5,.h6 {
    color:#2e2e2e;
}

h2,.h2 {
    color:#C60917;
}

body {
    font-family: 'Open Sans', sans-serif;
	color: #2e2e2e;
}

a {
    color: #0069BF;;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
	text-decoration-style: dotted; 
	text-decoration-thickness: 1px;
}


.btn-primary {
    background-color: #000000;
  
}

.btn-primary:disabled {
    background-color: #000000;
}

.btn-secondary {
    background-color: #e2dedb;
    color: #5e564b;
    margin: 10px 5px 10px 0;
}

.btn-primary:hover {
    background-color: #e2dedb;
    color: #5e564b;
    text-decoration: none;
}

.btn-secondary:hover, .dropdown-item:focus, .dropdown-item:not(.disabled):hover {
    background-color: #e2dedb;
    color: #5e564b;
    text-decoration: underline;
}

html body div.container main#content form#Logon button.btn.btn-primary a:hover {
background-color: #e2dedb;
    color: #5e564b;
    text-decoration: none;
	}
	
		
html body div.container main#content form div.mainContent button.btn.btn-primary a {
background-color: #000000;
    color: #ffffff;
    text-decoration: none;
	}


	
html body div.container main#content form div.mainContent button.btn.btn-primary a:hover {
background-color: #e2dedb;
    color: #5e564b;
    text-decoration: none;
	}

html body div.container main#content div.container form#RegisterForm button.btn.btn-primary a {
background-color: #000000;
    color: #ffffff;
    text-decoration: none;
	}
	
	
html body div.container main#content div.container form#RegisterForm button.btn.btn-primary a:hover{
background-color: #e2dedb;
    color: #5e564b;
    text-decoration: none;
	}
	
	html body div.container main#content div.info-block div.faq-item div.faq-item-box ul {
	color: #000000;
	}
	
	
h2 a {
	text-decoration: underline;
}