/* undo forms defaults */
form {
	display: unset;
	flex-direction: unset;
	-webkit-flex-direction: unset;
}

form div{
	display: unset;
	flex-direction: unset;
	-webkit-flex-direction: unset;
	justify-content: unset;
}

form input[type="text"], form input[type="email"], form textarea {
    width: unset;
    background: unset;
    padding: unset;
    margin: unset;
    vertical-align: unset;
    border: unset;
    font-family: unset;
    font-weight: unset;
    font-style: unset;
    font-size: unset;
    -moz-box-sizing: unset;
    -webkit-box-sizing: unset;
    box-sizing: unset;
    outline: unset;
}

form #captchaContainer {
    display: unset;
    max-width: unset;
	visibility: hidden;
}

form #captcha-image-box {
    display: unset;
}

form img#captcha {
    width: unset;
}

/* jobform styles */

.jobsFormBox {
	background:#efefef;
	padding: 2.5%;
	margin-bottom:2em;
	margin-top: 1.8em;
	font-size: 1.2rem;
	position: relative;
}

#jobAppForm::after {
    clear: both;
    content: '';
    display: table;
}


#jobAppForm	.leftcol {
	float: left;
	width: 44%;
	margin-right: 8%;
	}
#jobAppForm	.rightcol {
	float: right;
	width: 44%;
	}



#jobAppForm label {
    /*float:left;
    margin:5px 0 5px 0;
	display:block;
	width:100px;*/
	color: #000000;
	font-weight: 400;
	margin-bottom: .2rem;
	display: block;
	font-size: 1rem;
}
/* #jobAppForm .rightcol label {
	width:180px;
} */

#jobAppForm input {
	width:100%;
	background: #ffffff;
	
	padding: .5rem;
	margin:0 0 .7em 0;
	vertical-align:middle;
	border: 1px solid #c0c0c0;
    font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-style:normal;
    font-size: 1rem;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #231f20;
}

#jobAppForm #add_info {
    width: 97.5%;
    height:95px;
    
    background-color:#fff;
    
    border:1px solid #fff;
    margin-bottom: .7em;
    padding: .3rem;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	color: #231f20;

	min-height: 12rem;
}

#jobAppForm input#randc {
    xheight:24px;
}

#jobAppForm input#submitJobApp {
	display: block;
    padding: .7em 0;
    width: 41.5%;
    font-size: 1.2rem;
    border: none;
    background: var(--brand-a);
    color: #ffffff;
    font-weight: 500;
    /* margin: 1em auto 0 auto; */
    /* letter-spacing: 1px; */
    bottom: 2.7rem;
    position: absolute;
    left: 2.5%;
    margin-bottom: 0;
    height: 61px;
}
	
#jobAppForm input#submitJobApp:hover {
	background:#121212;
	cursor: pointer;
}

/* Job Application Form Captcha */
#jobAppForm div#captchaContainer {
    ppmargin:20px 0px;
}

#jobAppForm div#captcha-code-box {
    float: left;
	width: 44%;
}

div#captcha-code-box label {
    ppdisplay:block;
	ppfloat:none;
	white-space: nowrap;
}

div#captcha-code-box input#captcha-code {
    width: 100%;
    display: block;
	float: left;
	height: 61px;
}

#jobAppForm div#captcha-image-box {
    float:right;
    /* margin-top: 1.3em; */
}

div#captcha-image-box img#captcha {
    display:block;
    margin-bottom:5px;
}

div#captcha-image-box a#diff-image-link {
    display:block;
    text-align:center;
}

/* @media (min-width: 1px) and (max-width: 549px) { */
@media (min-width: 1px) and (max-width: 870px) {
	
	#jobAppForm .leftcol {
    float: left;
	width: 94%;
	margin-right: 0;
	}
	
	#jobAppForm .rightcol {
    float: left;
	width: 94%;
	}
	
	#jobAppForm div#captcha-image-box {
    float: left;
    margin-top: 0;
	}
	
	#jobAppForm div#captcha-code-box {
    float: left;
	width: 100%;
	margin-top: 0;
	}
	
	#jobAppForm input#submitJobApp {
    margin: 1em 0;
	}

	form #captchaContainer {
		display: none;
	}
	
}

@media (min-width: 550px) and (max-width: 1185px) {
	
	#jobAppForm div#captcha-image-box {
    margin-top: 0;
    float: left;
	}
	
	#jobAppForm div#captcha-code-box {
    float: left;
	width: 100%;
	margin-top: 0;
	}
	
}


@media only screen and (max-width: 1090px) {
	#jobAppForm div#captcha-image-box {
		float: left;
	}

	#jobAppForm div#captcha-code-box {
		width: 240px;
	}

	#captcha-image-box label {
		display: none;
	}

	#jobAppForm input#submitJobApp {
		bottom: 1.7rem;
	}

	#jobAppForm #add_info {
		min-height: auto;
	}
}

@media only screen and (max-width: 870px) {
	#jobAppForm input#submitJobApp {
		position: static;
		width: 94%;
	}

	div#captcha-image-box img#captcha {
		margin-bottom: 2rem;
	}

	#jobAppForm div#captcha-code-box {
		float: none;
	}

	#captcha-image-box label {
		display: inline-block;
	}

	#jobAppForm div#captcha-code-box {
		margin-right: 1rem;
	}
}
