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

#sg-footer {
	border-top: 0.25rem solid #000000;
	background: #ffbd00;
	padding: 0.5rem 1rem;
	margin: 0;
	color: #000000; 
}
#sg-footer h6 {	
	margin: 0.25rem 0;
	border: none;
	padding: 0; 
}
.alignRight {
	text-align:right;
}
.alignLeft{
	text-align:left;
}
.centerContent {
	text-align:center;
}
.button-new-line-1{
            display: inline-block;
            width: 100%;
            margin-top: -40px;
}

.button-new-line-2{
            display: block;
            width: 80%;
            display: inline-table;
            margin-top: -10px;
}
.btn-primary {
    background-color: #ffbd00;
    color: #000000;
    margin: 10px 5px 10px 0;
}
.btn-primary:hover {
    background-color: #939598;
    color: #000000;
    text-decoration: underline;
}
.btn-secondary {
    background-color: #939598;
    color: #000000;
    margin: 10px 5px 10px 0;
}
.btn-secondary:hover, .dropdown-item:focus, .dropdown-item:not(.disabled):hover {
    background-color: #14364D;
    color: #FFFFFF;
    text-decoration: underline;
}

h3 {
    font-size: 20px;
    padding: 10px 0 8px;
	color: #000000;
}
.card-title{
	color: #000000;
}

.holiday-note {
    color: #000000;
	font-size: 20px;
	padding: 6px 6px;
    border-style: solid;
  	border-color: red;
}

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

/* end tooltip hover over i symbol */