@charset "utf-8";
/* CSS Document */

html {
	color:#FFF;
	  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
	
	font-size:18px;
	height: 100%;
}

A:link {
	text-decoration: none;
	color: #FE5007;
	font-weight: 400;
}
A:visited {text-decoration: none;font-weight: 400;
color: #FE5007;}
A:active {text-decoration: none;font-weight: 400;
color: #FE5007;}
A:hover { color: #8be3d6;font-weight: 400;}

body {
	margin:0px;
	background-image: url("../images/everwinter-background.jpg");
background-attachment: fixed;	
 background-size: cover;
 background-repeat: no-repeat;
	padding:0px;
}
#container {
	position:relative;
	background-color:#000;
	filter: alpha(opacity=85); /* MSIE/PC */
	-moz-opacity: 0.85; /* Mozilla 1.6 and older */
	opacity: 0.85;
	margin: 0 auto;
	padding:25px;
	width: 650px;
	z-index:2;
}
#title {
	float:right;
	clear:both;
}
#step {
	float:right;
	clear:both;
	position:relative;
	top: -80px;
}

#form {
	position:relative;
	clear:both;
	z-index:4;
	margin: 0 auto;
	width:650px;
	top: -75px;
}
#firstName {
	position:fixed;
	top: -100px;
	z-index:1;
	width:100%;
	white-space:nowrap;
	-webkit-transform: rotate(-0deg);
	-moz-transform: rotate(-0deg);
	filter: alpha(opacity=70); /* MSIE/PC */
	-moz-opacity: 0.7; /* Mozilla 1.6 and older */
	opacity: 0.7;
	clear:both;
	overflow:inherit;
}
#lastName {
	position:fixed;
	bottom: 25%;
	left: 30%;
	z-index:1;
	width:100%;
	white-space:nowrap;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	filter: alpha(opacity=70); /* MSIE/PC */
	-moz-opacity: 0.7; /* Mozilla 1.6 and older */
	opacity: 0.7;
	clear:both;
	overflow:inherit;
}
h1 { 
	  font-family: "Orbitron", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	
	color:#464646;
	font-size:48px;
}
h2 {
		  font-family: "Orbitron", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	color:#FFF;
	font-size:72px;
}
h3 { 
		  font-family: "Orbitron", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	color:#FFF;
	font-size:48px;
}
h4 {
		  font-family: "Orbitron", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	color:#4a5d5a;
	font-size:300px;
}
h5 {
		  font-family: "Orbitron", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	color:#4a5d5a;
	font-size:400px;
}
.highlight {
	color:#fb5f77;
	font-weight: 400;
}
label {
	background-color:#464646;
	color:#FFF;
	padding:1px;
}

.button {
    border: 1px solid #000;
    background: #fe5b4f;
	color: #fff;
	font-size: 24px;
	cursor:pointer;
	cursor:hand;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#FFF;
	background-color:#F00;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 3px solid #F00;
}


img.radio-select-img-item {
  border: solid 5px #435762;
  display:inline-block;
  margin-right: 5px;
  cursor: pointer;
}
img.radio-select-img-item:hover {
  border: solid 5px #8be3d6;
}
img.radio-select-img-item.item-checked {
  border: solid 5px #FE5007;
}

#path-synthetic {
    pointer-events: none;
    opacity: 0.65; /* Optional: Visually indicate it's disabled */
}