@charset "UTF-8";

.site-form {width:100%; margin:0;}

.site-form form {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center; margin:0 auto;}
.site-form h2 {/*font-size:25px;*/ font-weight:600; text-transform: uppercase;}
.site-form h3 {width:100%; font-size:1.7em; margin:12px 0 5px 0; text-transform:uppercase; font-weight: 700; color:var(--blue); font-family: "lato", sans-serif !important; }
.site-form h4 {width:100%; font-size:1.35em; margin:12px 0 5px 0; text-align:left !important;  font-weight:500; font-family: "lato", sans-serif;}
.site-form hr {width:90%; margin:12px 0 20px 0; border-top:1px var(--lightgray) solid;}
.site-form .red {color:var(--red);}
.site-form label,
.site-form legend{margin:0 0 0 8px; font-size:1em; font-weight:700; color:var(--gray); font-family: "lato", sans-serif;}


.site-form p {font-size:1.25em; line-height:1.5; color:var(--gray);}

.fieldsWrap {margin:0 .5%;}
.fieldsFlex {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center;}
.singleFields {width:99%;}
.dualFields {width:49%;}
.thirdFields {width:32.3%;}

.site-form .instructions {font-size:12px; color:var(--gray); margin:6px 0 6px 0;}
.site-form .note {width:100%; font-size:12px; font-style:italic; color:var(--gray); text-align:center; margin:0;}
.site-form .disclaimer {width:100%; font-size:20px; line-height:1.5; font-style:italic; background:var(--black); margin:0px 0 18px 28px;}

.site-form input[type="text"], .site-form input[type="email"], .site-form input[type="number"], .site-form input[type="time"], .site-form input[type="date"], .site-form input[type="month"], .site-form select {
	width:100%; height:44px; margin:6px 0 20px 0; padding:12px 10px; font-size:14px; color:var(--gray); border:1px var(--lightgray) solid; background-color:var(--nearwhite);
    border-radius:4px; box-sizing: border-box;
}

.site-form input[type="date"] {padding:11px 10px;}

.site-form input[type="text"]:focus, .site-form input[type="email"]:focus, .site-form input[type="number"]:focus, .site-form input[type="time"]:focus, .site-form input[type="date"]:focus, .site-form input[type="month"]:focus, .site-form select:focus {border:1px var(--lightgray) solid; background:var(--white);}


.site-form textarea {
	box-sizing: border-box; width:100%; padding:15px 10px 10px 10px; height:100px; margin:6px 0 20px 0;  font-size: 15px; border:1px var(--lightgray) solid; background-color:var(--nearwhite); 
border-radius:4px; font-family: 'Inter', sans-serif;
}

.site-form textarea:focus {border:1px var(--lightgray) solid;background-color:var(--white);}

.site-form .checkFields {display:flex; flex-flow:row wrap; margin:6px 0 20px 0;}
.site-form .checkFields .checkbox {margin:0 8px 8px 8px; padding:0; color:var(--lightblack);}
.site-form .checkFields .checkbox label {margin:0; font-size:.95em; text-transform:none;}

.site-form .checkFields .radio {margin:6px 8px; padding:0; color:var(--lightblack);}
.site-form .checkFields .radio label {margin:0; font-size:.95em; text-transform:none;}



.site-form input[type="submit"] {
	margin:20px auto 10px auto; padding:14px 45px 14px 45px; font-size:1.1875em; line-height:1; font-weight:700; text-align:center;
	color: var(--lightblack); border:none; 
    background:var(--yellow);letter-spacing:.04em;
	transition:all 0.3s; -webkit-appearance: none; border-radius:5px;	
	font-family: "lato", sans-serif;
}

.site-form input[type="submit"]:hover {letter-spacing:.01em; color:var(--white); background:var(--black); cursor:pointer; -webkit-appearance: none;}


/* FORM CAPTCHA
------------------------------------------------*/	
.CaptchaPanel {width:100%; margin:12px auto 0 auto !important; padding:10px 0 !important;}
.CaptchaImagePanel {padding:5px 0 10px 0 !important;}
.CaptchaMessagePanel {font-weight:100;}

img.CaptchaImage {margin:0 auto;}
.CaptchaWhatsThisPanel a {color:var(--black);}
.CaptchaAnswerPanel input {padding:12px 0; text-indent:12px; box-sizing: border-box; border:1px var(--lightgray) solid;  background-color: var(--nearwhite);}
.CaptchaAnswerPanel input:focus {border:1px var(--lightgray) solid; background-color: var(--white);}


.CaptchaWhatsThisPanel a {
    color: var(--black);
}
.CaptchaAnswerPanel input {
    padding: 12px 0;
    text-indent: 12px;
    box-sizing: border-box;
    border: 1px var(--lightgray) solid;
    background-color: var(--white);
}
#formpage .submit-button,
#submit-btn button {
    margin: 25px auto;
    border: none;
    color: var(--lightblack);
    background: var(--yellow);
	padding:14px 45px 14px 45px; font-size:1.1875em; line-height:1; font-weight:700; text-align:center;
	letter-spacing:.04em;
	transition:all 0.3s; -webkit-appearance: none; border-radius:5px;	
	font-family: "lato", sans-serif;
	
}
#formpage input.submit-button:hover,
#submit-btn button:hover {
    transition: ease-out 0.3s;
    cursor: pointer;
    color: var(--lightblack);
    background:var(--yellow);
}
#submit-btn,
.submit-button {
	margin: 0 auto;
	text-align: center;	
}
.captcha-button {
    width: 100%; text-align: center;
}
.include-captcha {
    display: none;
}



/************************************************ Responsive Styles **/

@media screen and (max-width: 1024px) {
	.sub-main .site-form {width:100%; margin:4em 0 0 0;}
	
	.fieldsWrap {margin:0;}
	.singleFields {width:100%;}
	.dualFields {width:100%;}
	.thirdFields {width:100%;}
	.site-form .checkFields .checkbox {width:calc(100% - 16px);}
}