@font-face {
    font-family:'TO Leaf';
    src: url('fonts/TOLeafRegular.woff2') format('woff2'),
         url('fonts/TOLeafRegular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02;
}

@font-face {
    font-family:'TO Leaf';
    src: url('fonts/TOLeafRegularItalic.woff2') format('woff2'),
         url('fonts/TOLeafRegularItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    unicode-range: U+0020-FB02;
}

@font-face {
    font-family:'TO Patent';
    src: url('fonts/TOPatentRegular.woff2') format('woff2'),
         url('fonts/TOPatentRegular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2715;
}

html {
  font-size: 10px;
}

@media (max-device-width: 1024px) {
  html {
    font-size: 7.5px;
  }
  
  .InputfieldForm button {
    height: 4rem !important;
    font-size: 2rem !important;
    line-height: 4rem !important;
  }
}

body {
  margin-top: 0 !important;
}

#content {
  padding: 0 !important;
}

/* font family and size for Inputfield forms */
.FormBuilder, 
.InputfieldForm,
.InputfieldForm input,
.InputfieldForm textarea,
.InputfieldForm select,
.InputfieldForm button,
.ui-widget,
.FormBuilder h3 {
  font-family: 'TO Leaf', 'Times New Roman', Times, serif;
  font-size: 2rem;
  font-weight: normal;
	box-sizing: border-box;
}

.FormBuilder h3 {
  margin: 1rem 0;
}

.InputfieldForm .Inputfield_title {
  display: none;
}

/* additional padding for inputs and textareas */
.InputfieldForm input,
.InputfieldForm textarea {
  padding: 1rem 0;
  border: none;
  border-bottom: 2px solid black;
}

.InputfieldForm input:focus {
  outline: none;
}

.InputfieldForm input::placeholder {
  color: lightgrey;
}

/* label */
.InputfieldForm .Inputfield {
  position: relative;
}

/* error messages */
.FormBuilder .error, 
.InputfieldForm .error {
	color: red;
  border-bottom-color: red;
}

.FormBuilder .success, 
.InputfieldForm .success {
  margin: 0;
  padding: 1rem 0;
}

/* wrapper for label + input */
.InputfieldForm .Inputfield {
	margin-bottom: 0 !important;
}

/* submit button */
.InputfieldForm button {
  width: 100%;
  height: 4.6rem;
  padding: 0;
  font-family: 'TO Patent', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 2.6rem;
  letter-spacing: 1px;
  line-height: 4.6rem;
  text-align: center;
  text-transform: uppercase;
  border: none;
  border-bottom: 2px solid black;
  background-color: white;
  cursor: pointer;
  user-select: none;
  transition: color 0.15s ease-in-out;
}

.InputfieldForm button:hover {
  color: lightgrey;
}

/* label header */
.Inputfield .InputfieldHeader {
	display: none;
}

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

/* descriptive text within Inputfields */
.Inputfield .notes,
.Inputfield .description {
	margin-bottom: 0.25em;
	margin-top: 0;
	opacity: 0.6;
}

/* styling for fieldsets and legend */
fieldset.InputfieldFieldset {
	padding: 1em;
	border: 1px solid;
}
fieldset.InputfieldFieldset legend {
	font-size: 22px;
}

/* 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; 
}