@font-face { font-family: "OpenSans-Light"; src: url('../fonts/OpenSans-Light.ttf'); }

@font-face { font-family: "OpenSans-Regular"; src: url('../fonts/OpenSans-Regular.ttf'); }

@font-face { font-family: "Oswald-Regular"; src: url('../fonts/Oswald-Regular.ttf'); }


body {
	background-image: url("https://infernalrs.com/resources/images/Header-Background.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0px 160px;
    background-color: #07080d !important;
}

.header-text {

	height: 100px;

}

h1.header {

	font-family: "Oswald-Regular";

	font-size: 60px;

	text-transform: uppercase;

	color:#FFF;

}

h1.header .left {

	color: #FFF;

	background-color:#FFF;

	padding-left: 10px;

	padding-right:10px;

	border: solid 1px black;

}

h1.header .right {

	color: #FFF;

	background-color:black;

	padding-left: 10px;

	padding-right:10px;

	border: solid 1px black;

}

form.vote {
	
	max-width: 420px;

}

form.vote.fate-vote-form {
	max-width: 100% !important;
	width: 100% !important;
}

input.error {

	border: solid 1px red;

}

.site {

	margin:3px;

	transition: all .3s ease-in-out;

}

.footer {

	margin-top: 20px;

	color:#444;

}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

    vertical-align: middle;

}

:root {
	--vote-display-font: "Oxanium", "Segoe UI", sans-serif;
	--vote-body-font: "Sora", "Segoe UI", sans-serif;
	--vote-logo-font: "Metamorphous", "Oxanium", "Segoe UI", sans-serif;
}

body,
input,
button,
select,
textarea,
.table,
.panel,
.content-block,
.footer {
	font-family: var(--vote-body-font);
	color: #f5ede5;
}

h1.header,
h2,
h3,
.section-title-text,
.panel-heading,
.panel-title,
.modal-title,
.popover-title {
	font-family: var(--vote-display-font);
	letter-spacing: 0.02em;
}

h1.header {
	font-size: 56px;
}

.btn,
.button,
.site {
	font-family: var(--vote-display-font);
	font-weight: 700;
	letter-spacing: 0.02em;
}

.content-block p,
.content-block label,
.table td,
.table th {
	font-family: var(--vote-body-font);
}
