@font-face { font-family: Brown; src: url(../fonts/Brown-Regular.woff); font-weight: 400; font-style: normal; }
@font-face { font-family: BrownLight; src: url(../fonts/Brown-Light.woff); font-weight: 200; font-style: normal; }
@font-face { font-family: BrownBold; src: url(../fonts/Brown-Bold.woff); font-weight: 700; font-style: normal; }
@font-face { font-family: HeadlineOne; src: url(../fonts/HEADOH__.woff); font-weight: 400; font-style: normal; }

html { font-size: 10px; font-family: BrownLight, sans-serif; font-weight: 300; }
body { font-size: 1.6rem; line-height: 1.4; margin: 0; color: #6C787E; background-color: #ebf1f4; }
h1, h2, h3 { font-family: HeadlineOne; font-weight: 400; color: #0098B4; }
h2 { font-size: 4.8rem; }
h3 { font-size: 3.6rem; border-bottom: 1px solid; margin-top: 6rem; }
h4 { font-size: 2.1rem; font-family: BrownBold; font-weight: 400; }
ul { list-style: none; margin: 0; padding: 0; }
p { max-width: 80rem; }
hr { border: 0; height: 1px; background-color: rgba(0,0,0,0.15); margin: 3rem 0; }
section { padding: 2rem 0; }
a:link, a:visited { color: inherit; text-decoration: none; }
button { cursor: pointer; color: #EA5183; background-color: transparent; border: 2px solid #EA5183; text-transform: uppercase; font-family: BrownBold; font-size: 2.1rem; margin: 4rem 0; padding: 0.7rem 2.5rem 1rem 2.5rem; border-radius: 0.4rem; outline: 0; }
button:hover, button:active { color: #FFF; background-color: #EA5183; }
button.btnStyle2 { text-transform: unset; font-size: 1.6rem; font-family: Brown; color: #0098B4; border: 1px solid #0098B4; padding: 0.7rem 1.6rem 1rem 1.6rem; margin: 2rem 0; }
button.btnStyle2:hover { color: #FFF; background-color: #0098B4; }
/* #backbtn { color: #6C787E; border-color: #6C787E; }
#backbtn:hover { color: #FFF; background-color: #6C787E; } */
label input[type=text], label input[type=email], label input[type=tel], label input[type=password], label textarea { width: 70%; margin: 1rem 0; }
label span { display: inline-block; width: 28%; vertical-align: top; margin-top: 2rem; margin-right: 2%; }
input[type=radio] { margin: 0 2rem 2.5rem 1rem; /* transform: scale(1.2); */ opacity: 0.5; }
input[type=radio]:checked { opacity: 1; }
label, select, input[type=radio], input[type=checkbox] { cursor: pointer; }
textarea { width: 100%; }
input, textarea, select { box-sizing: border-box; padding: 0.7rem 1.2rem; border-radius: 0.3rem; border: 1px solid rgba(0,0,0,0.25); line-height: 1.4; /* box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.1) inset; background-color: rgba(255,255,255,0.5);*/ }
input:focus, textarea:focus, select:focus { outline-color: #0098b4; border-color: #0098b4; /*box-shadow: unset; background-color: rgba(255,255,255,1);*/ }
label select { margin: 1rem 0 1rem -0.4rem; }
select { background-color: #FFF; -webkit-appearance: none; }
/*select:required:invalid { color: rgba(0,0,0,0.5); }*/
option[value=""][disabled] { display: none; }
option { color: #000; }
::placeholder { color: rgba(0,0,0,0.5); }
::-ms-input-placeholder { color: rgba(0,0,0,0.5); }
input:focus::placeholder, textarea:focus::placeholder { color: rgba(0,0,0,0.25); }
p.margin-fix { margin: 2rem 0; }
.boldtext { font-family: BrownBold; }
.flexbox { display: flex; justify-content: space-between; align-items: flex-start; }
.col1-2 { width: 47%; }
.center-text { text-align: center; }
.center-container { /*max-width: 1110px;*/ max-width: 1280px; margin: 0 auto; padding: 0 2rem; }
.appformhead { background-color: #3d2683; }
.appformhead h2, .appformhead p, .appformhead div { color: #FFF; }
.outlined { border: 1px solid rgba(108,120,126,0.5); padding: 0.5rem 1rem; border-radius: 0.4rem; }
.qualwidths :nth-child(1) { width: 36%; }
.qualwidths :nth-child(2) { width: 7%; text-align: center; }
.qualwidths :nth-child(3) { width: 7%; text-align: center; }
.qualwidths :nth-child(4) { width: 36%; }
.qualwidths :nth-child(5) { width: 10%; text-align: center; }
.qualwidths label, .jobwidths label { text-align: center; }
.jobwidths :nth-child(1) { width: 25%; }
.jobwidths :nth-child(2) { width: 7%; text-align: center; }
.jobwidths :nth-child(3) { width: 7%; text-align: center; }
.jobwidths :nth-child(4) { width: 25%; }
.jobwidths :nth-child(5) { width: 25%; }
.jobwidths :nth-child(6) { width: 7%; text-align: center; }
.qualwidths, .jobwidths { margin: 2rem 0; }
.headrow { margin-top: 4rem; }
.info { padding-left: 4rem; position: relative; }
.info:before { content: '\f05a'; font-family: Font Awesome\ 5 Free; font-weight: 900; font-size: 2.4rem; position: absolute; left: 0; top: 0; opacity: 0.4; }
.formnav { border-top: solid 1px rgba(0,0,0,0.15); margin-top: 3rem;position:relative;display:flex;align-items:center;}
.formStep { display: none; }
.double-size { font-size: 200%; margin-bottom: 2rem; }
#logoutMsg { display: none; }

.alert:before {content:"Please complete all fields before submitting.";display:block;    position: absolute; color: black; text-transform: none; font-family: BrownLight, sans-serif; width: 100%; left: 0; top: 50px;}

/*____________________ Responsive ____________________*/

@media screen and (max-width: 750px) {
	.flexbox { flex-direction: column; }
	.col1-2 { width: 100%; }
	.formnav { flex-direction: row; }
	.qualwidths.headrow, .jobwidths.headrow { display: none; }
	.qualwidths input, .jobwidths input, .qualwidths textarea, .jobwidths textarea { margin: 1rem 0; }
	.qualwidths, .jobwidths { flex-wrap: wrap; flex-direction: row; }
	.qualwidths :nth-child(1) { width: 100%; }
	.qualwidths :nth-child(2) { width: 46%; }
	.qualwidths :nth-child(3) { width: 46%; }
	.qualwidths :nth-child(4) { width: 75%; }
	.qualwidths :nth-child(5) { width: 20%; }
	.jobwidths :nth-child(1) { width: 100%; }
	.jobwidths :nth-child(2) { width: 46%; }
	.jobwidths :nth-child(3) { width: 46%; }
	.jobwidths :nth-child(4) { width: 100%; }
	.jobwidths :nth-child(5) { width: 75%; }
	.jobwidths :nth-child(6) { width: 20%; }
}

@media screen and (max-width: 480px) {
	.qualwidths :nth-child(4) { width: 100%; }
	.qualwidths :nth-child(5) { width: 46%; }
	.jobwidths :nth-child(5) { width: 100%; }
	.jobwidths :nth-child(6) { width: 46%; }
	input::placeholder, textarea::placeholder { line-height: 1.6; }
}