#headerBar {
	background-color: #69553f;
	height: 3em;
	margin-bottom: 1em;
	display: table;
	width: 100%;
	box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.16);
	word-break: initial;
}

#headerBar > * {
	display: table-cell;
	height: 100%;
}

#headerBar * {
	vertical-align: middle;
	text-align: center;
}

.headerTitle {
	font-family: 'Staatliches', sans-serif;
	font-size: 1.6em;
	text-decoration: underline !important;
    padding-left: 1em !important;
    padding-right: 1em !important;
}

#tagline {
	margin-left: .2em;
	text-align: left;
	font-family: 'Muli', sans-serif;
}
@media (max-width:900px){    
	#tagline {
		display: none;
	}
}

.usernameDisplay {
	text-align: right;
	color: #d6b38a;
	width: 1px;
}

#headerBar a {
	text-align: center;
    background-color: #482f11;
    color: #d6b38a;
    height: 100%;
    white-space: nowrap;
    text-decoration: none;
	border-left: .1em solid #69553f;
	border-right: .1em solid #69553f;

    -webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */ 
}

#headerBar > a:first-child {
	border-left: none;
}
#headerBar > a:last-child {
	border-right: none;
}

#headerBar > a {
	width: 1px;
}

#headerBar a.noBackground {
	background-color: unset;
}

#headerBar a.neverBackground {
	background-color: unset !important;
}
#headerBar a.neverBackground:hover {
	color: #dfcbb2;
}
#headerBar a.neverBackground:active {
	color: #f0e7dd;
}

#headerBar > span, #headerBar :not(a) span {
	color: #dedecd;
}

#headerBar a:hover {
	background-color: #633a08
}

#headerBar a:active {
	background-color: #EEEEEE;
}

.headerButton {
    vertical-align: middle;
    padding-left: 1em;
    padding-right: 1em;
    height: 100%;
}

#headerBar .fas {
	display: table-cell;
    width: 1px;
}

.votingNotification:not(:hover) {
	background-color: #8c6945 !important;
}
.votingNotification span {
	font-family: 'Staatliches', sans-serif;
	font-size: 1.5em;
	margin-left: .2em;
}

.popupButton {
	position: relative;
	display: table-cell;
	cursor: pointer;
    width: 1px;
}

.popupButton > a {
	display: table-cell;
	height: 3em !important;
}

.popup {
	position: absolute;
	top: 2.95em;
	right: 0em;
	display: none;
	border: none;
	padding: 0;
	z-index: 10;
}

.popup span.fas {
	display: inline-block !important;
	width: unset !important;
	margin-right: .4em;
}

.popup a {
	display: block;
	height: 3em;
	padding: .5em;
	border: none;
	margin-left: 0;
	margin-right: 0;
}


body {
	padding-bottom: 1rem;
}
#footerBar {
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 3rem;
	background-color: #d2cfb9;
	z-index: 10;
}

.donateLink {
	float: left;
	font-size: .85em;
	padding: .7em;
}

.websiteCredit {
	font-size: .7em;
	text-align: right;
	padding: 1em;
}

#footerBar a {
	text-decoration: none;
}