﻿.formSection {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.anyFormField { 
	font-size: 1.0em; 
	color: #666; 
	border: 1px solid #ccc; 
	border-radius: 3px;
	height: 18px;
	width: 98%;
	line-height: 18px;
	padding: 6px 15px;
  background-color: #f5f8fa;
}
	
.anyFormField::placeholder {
	font-style:italic;
	color:#8d8d8d;
}	
	
textarea.anyFormField { 
	font-size: 1.0em; 
	font-family: verdana, helvetica, arial, sans-serif;
	color: #666; 
	border: 1px solid #ccc; 
	border-radius: 3px;
	min-height: 72px;
	line-height: 18px;
	padding: 4px; 
	}
	
select.anyFormField { 
	height: 32px;
	padding: 6px; 
	}
	
input.formLoginField { 
	font-size: 1.2em; 
	color: #666; 
	border: 1px solid #ccc; 
	border-radius: 3px;
	width: 90%;
	padding: 10px; 
	}
	
p.fieldName {
font-size: .8em;
text-align: left;
line-height: 1.5em;
margin-bottom: 4px;
}

span.fieldNameRequired {
color: red;
font-size: .8em;
}

span.fieldNote {
font-weight: normal;
text-align: left;
line-height: 1.5em;
padding-top: 0;
margin-top: 0;
margin-bottom: 4px;
margin-left: 3%;
}

p.formIntro {
line-height: 1.5em;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
max-width: 800px;
text-align: center;
}

.page-row.intro {
	max-width: 500px;
	display:block;
}

.page-row.intro h1{
	margin-top:0;
}

.page-row.intro p{
	margin:0 10px;
	text-align:left;
}

.page-row.fields {
	max-width: 500px;
    text-align: left;
    display: flex;
    flex-direction: column;
}

.page-row.fields.multi-line {
	align-items:unset;
}

.page-row.fields label{
	font-size: .8em;
	 margin-top: 10px;
}

.page-row.fields.multi-line label{
	margin-top:5px;
}

.page-row.fields input.anyFormField,
.page-row.fields select.anyFormField{
	  width: unset;
    flex: 1;
}

.page-row.stacked {
	display:block;
	text-align: left;
}

.page-row.stacked .anyFormField {
	width:90%;
}

.page-row.stacked label {
	display:block;
	font-size:.85em;
}

.page-row.stacked .submitButton {
	display:block;
	margin-left:20px;
}

.submitButton {
	height:30px;
	width:fit-content;
	padding:0 10px;
	border-radius:15px;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#212121;
	background:#EAB649;
	border:1px solid #212121;
	cursor:pointer;
}

@media (max-width: 760px) {
	
	.page-row.fields{
		margin-bottom:10px;
	}
	.page-row.fields label{
		text-align: left;
		width:unset;
	}
	
	.page-row.fields input,
	.page-row.fields select,
	.page-row.fields button,
	.page-row.fields textarea{
    margin-left: 0;
	}
	
	.page-row.fields input.bodyButton {
		max-width: fit-content;
	}

}