@import url("https://use.typekit.net/lnc1hxh.css");

/* font family and size for Inputfield forms */
.FormBuilder, 
.InputfieldForm,
.InputfieldForm input,
.InputfieldForm textarea,
.InputfieldForm select,
.InputfieldForm button,
.ui-widget {
	font-size: 16px; 
	line-height: 1.2;
	box-sizing: border-box;
}
.InputfieldForm {
	margin: 1em 0;
	clear:  both;
}

/* additional padding for inputs and textareas */
.InputfieldForm input:not([type=checkbox]):not([type=radio]),
.InputfieldForm textarea {
	width: 100%;
	border: 1px solid #B7B9BA;
	padding: .1em .5em .2em;
	line-height: 1.3;
	height: 2.2em;
	appearance: none;
	color:  #000;
}

.InputfieldForm input[type=file],
.InputfieldForm textarea {
	height:  auto;
}


/* error messages */
.FormBuilder .error, 
.InputfieldForm .error,
.FormBuilder .error *, 
.InputfieldForm .error * {
	color: red;
	font-weight:  bold;
}

/* wrapper for label + input */
.Inputfield {
	margin-bottom: 1.5em;
}

.Inputfield:last-child {
	margin-bottom: .5em;
}

/* submit button */
.InputfieldForm button {
	padding: 0.5em 2em;
	border: none;
	color:  #fff;
	background: #F39800;
	outline: none;
	cursor:  pointer;
}

.InputfieldForm .ui-button-text {
	color:  #fff;
}

.InputfieldForm button[disabled] {
	background: #777;
	cursor: not-allowed;
}

/* label header */
.Inputfield .InputfieldHeader {
	display: block;
	font-style: italic;
	margin-bottom: .3em;
	line-height:  1.2;
}

/* show a red asterisk after label when field "required" */
.InputfieldStateRequired > .InputfieldHeader:first-child:after {
	color: #F39800;
	content: '*';
	margin-left:  .2em;
}

.InputfieldCheckbox.InputfieldStateRequired > .InputfieldContent > label > span.pw-no-select::after {
	display: none;
}

/* descriptive text within Inputfields */
.Inputfield .notes,
.Inputfield .description {
	margin-bottom: 0.25em;
	margin-top: 0;
	line-height:  1.2;
	font-style: italic;
	font-size: 0.9rem;
}

.Inputfield .notes {
	margin-bottom: 0;
	margin-top: 0.25em;
}

/* styling for fieldsets and legend */
.InputfieldFieldset {
	padding: 1em;
	border: 0;
	background:  #F0F0F0;
}

.InputfieldFieldset.hidden {
	display:  none;
	}
.InputfieldFieldset legend,
.InputfieldFieldset > label {
	font-size: 24px;
	font-weight:  bold;
	font-style:  italic;
}

/* honeypot */
#wrap_Inputfield- {
	display: none;
}

/* clearfix */
.Inputfields > .Inputfield > .InputfieldContent:before,
.Inputfields > .Inputfield > .InputfieldContent:after,
.InputfieldForm:after,
.pw-clearfix:before,
.pw-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.Inputfields > .Inputfield > .InputfieldContent:after,
.InputfieldForm:after,
.pw-clearfix:after {
	clear: both;
}
/* clearfix support for IE7 */
.pw-clearfix {
	min-height: 0; 
}


.FormBuilder * {
	color:  #747476;
	font-family: "gill-sans-nova", arial, sans-serif;
}

body.cke_editable {
	max-width:  548px;
	margin:  0 auto;
	line-height: 1.625;
}

.FormBuilder a {
	color: #F39800;
	text-decoration: underline;
}

.FormBuilder p, 
.FormBuilder ul, 
.FormBuilder ol {
	margin-bottom: 1em;
}

.FormBuilder h2 {
	color: #F39800;
	font-family: "gill-sans-nova", arial, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 21px;
	margin: 2em 0 .3em;
}

.FormBuilder h3 {
	font-family: "gill-sans-nova", arial, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	margin: 2em 0 .3em;
}

.FormBuilder ul li {
	margin-left: 2em;
}


.FormBuilder ol li {
	list-style: outside decimal;
	margin-left: 2.25em;
}

.FormBuilder blockquote {
	font-size: 24px;
	font-family: "gill-sans-nova", arial, sans-serif;
	font-style: italic;
	line-height: 1.2;
	margin: 2em;
	text-align: center;
	position: relative;

}
.FormBuilder blockquote::before,
.FormBuilder blockquote::after  {
		content: '';
		display: block;
		background: url(../img/dashline.svg) 50% 50% no-repeat;
		background-size: 800px auto;
		width: 400px;
		height: 40px;
		margin: 1em auto;
	}
.FormBuilder blockquote	p {
		margin: 0;	
		
}

.FormBuilder blockquote::before {
	content: '”';
	font-family: 'notoserif';
	color: #F39800;
	position: absolute;
	top: 1rem;
	left: 50%;
	background: #fff;
	font-size: 85px;
	line-height: .5;
	padding: 0 .1em;
	transform: translateX(-50%);
}


.FormBuilder hr {
	margin: 3rem 2em;
	text-align: center;
	position: relative;
}

.FormBuilder input[type=checkbox],
.FormBuilder input[type=radio] {
	margin-right:  .5em;
}

.FormBuilder hr::before {
	content: '';
	display: block;
	background: url(../img/dashline.svg) 50% 50% no-repeat;
	background-size: 800px auto;
	width: 400px;
	height: 40px;
	margin: .6em auto;
}

.FormBuilder .formerror {
	color:  red;
	font-weight:  bold;
	margin-bottom:  .3em;
}