/* font family and size for Inputfield forms */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;1,400&display=swap');



.FormBuilder,
.InputfieldForm,
.InputfieldForm input,
.InputfieldForm textarea,
.InputfieldForm select,
.InputfieldForm button,
.ui-widget {
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	box-sizing: border-box;
	color:hsl(210, 20%, 33%);
}
.InputfieldForm {
	margin: 1em 0;
}


/* additional padding for inputs and textareas */
.InputfieldForm input,
.InputfieldForm textarea {
	padding: 0.25em 0.35em;
}

/* error messages */
.FormBuilder .error,
.InputfieldForm .error {
	color: hsl(357, 70%, 46%);
}

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


/* label header */
.Inputfield .InputfieldHeader {
	display: block;
	font-weight: bold;
	padding-bottom: 0.25em;
}

/* show a red asterisk after label when field "required" */
.InputfieldStateRequired > .InputfieldHeader:first-child:after {
	color: hsl(357, 70%, 46%);
	content: '*';
}

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


.InputfieldFieldset legend {
	font-size: 1.25rem;
}

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





/* Mine */

p.success {
	padding:1em !important;
	color:white;
	margin-bottom:2em;
	background-color:green;
}

.InputfieldForm input,
.InputfieldForm textarea,
.InputfieldForm select {
border-radius:4px;
border:2px solid #DCE6F3;
}

/* submit button */
.InputfieldForm button {

	border-radius: 0.25em;
	font-size: .85em;
	text-transform: uppercase;
	border:none;
	background-color:rgb(45, 65, 83);
	color:white;
	letter-spacing: .05em;
	font-weight:500;
	padding: 0.75em 1.25em;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
}

.InputfieldCheckboxes ul li label {
    white-space: normal !important;
		margin-left: 20px;
		margin-bottom:10px;
}
.InputfieldCheckboxes li input {
    margin-left: -20px;
}

fieldset.InputfieldFieldset {
	border:2px solid #DCE6F3;
	padding: 1em;
	border-radius:0.25em;
}

.InputfieldCheckboxes {
	margin-top:1em;
}

button,
[type="button"],
[type="submit"] {
  -webkit-appearance: button;
	cursor:pointer;
	 line-height: 1;
}


/* button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
} */

a {
	color:hsl(357, 70%, 46%)
}