/* =====
   FORMS
   ===== */
   
 
.gform_wrapper {
	text-align: left; }
	
.gform_wrapper ul,
.gform_wrapper ul li {
	list-style: none;
	margin: 0;
	padding: 0; }
	
	
.gform_wrapper ul li {
	margin-bottom: 4rem; }
	
   
.hbspt-form { }

/* Defaults - Based on Skeleton */		
form .button, 
form button, 
input[type="submit"], 
input[type="reset"], 
input[type="button"] {
	/* Typography / Button */ }

form .button:hover, 
form button:hover, 
input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover, 
form .button:focus, button:focus, 
input[type="submit"]:focus, 
input[type="reset"]:focus, 
input[type="button"]:focus {
	/* Typography / Button */ }

/*.button.button-primary, 
button.button-primary, 
input[type="submit"].button-primary, 
input[type="reset"].button-primary, 
input[type="button"].button-primary {
	color: #FFF;
	background-color: #33C3F0;
	border-color: #33C3F0; }*/

/*.button.button-primary:hover, 
form button.button-primary:hover, 
input[type="submit"].button-primary:hover, 
input[type="reset"].button-primary:hover, 
input[type="button"].button-primary:hover, 
form .button.button-primary:focus, 
form button.button-primary:focus, 
input[type="submit"].button-primary:focus, 
input[type="reset"].button-primary:focus, 
input[type="button"].button-primary:focus {
	color: #FFF;
	background-color: #1EAEDB;
	border-color: #1EAEDB; }*/


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="text"], 
input[type="tel"], 
input[type="url"], 
input[type="password"], 
textarea, 
select {
	height: 44px;
	padding: 1em 2em;
	background-color: var(--color__light-gray);
	border: 1px solid var(--color__light-gray);
	box-shadow: none;
	border-radius: 10px;
	box-sizing: border-box;
	color: #1E2D3D; }

/* Placeholder */
::placeholder {
  font-family: var(--font-primary);
  color: #ccc;
  opacity: 1;  }

:-ms-input-placeholder {
  font-family: var(--font-primary);
  color: #ccc; }

::-ms-input-placeholder {
	font-family: var(--font-primary);
	color: #ccc; }




/* Removes awkward default styles on some inputs for iOS */

input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="text"], 
input[type="tel"], 
input[type="url"], 
input[type="password"], 
textarea {
	padding: 10px 10px !important;
	box-sizing: border-box !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; }

textarea {
	min-height: 65px;
	padding-top: 6px;
	padding-bottom: 6px; }

input[type="email"]:focus, 
input[type="number"]:focus,
input[type="search"]:focus, 
input[type="text"]:focus, 
input[type="tel"]:focus, 
input[type="url"]:focus, 
input[type="password"]:focus,
textarea:focus, 
select:focus {
	border-width: 2px;
	outline: 0; }

label, 
legend {
	display: block;
	margin-bottom: .5rem;
	font-weight: 600; }

fieldset {
	padding: 0;
	border-width: 0; }

input[type="checkbox"], 
input[type="radio"] {
	display: inline; }

label > .label-body {
	display: inline-block;
	margin-left: .5rem;
	font-weight: normal; }
	
	
/* Customisations to Gravity Forms */
.gform_wrapper ul.gform_fields li.gfield {
	padding-right: 0 !important; }

.gform_wrapper input[type="submit"] {
	position: relative;
	width: 100% !important;
	transition: all .6s;
	color: #1E2D3D; }
	
/*.gform_wrapper input[type="submit"] {
	width: 100% !important;
	box-sizing: border-box !important;
	border-color: #fff;
	border-width: 5px !important;
	font-size: 0.762rem !important; }*/

.gform_wrapper img {
	width: 20px;
	height: auto; }
	
.gform_wrapper textarea {
	height: 7em !important; }

.gform_wrapper div.validation_error {
	text-align: left !important;
	padding: 0 !important;
	color: #8f0909;
	font-weight: normal !important;
	border: none !important; }
	
	
.gform_wrapper li.gfield.gfield_error {
	background-color: transparent !important;
	margin-bottom: 0 !important;
	border: none !important;
	padding-bottom: 6px;
	padding-top: 0 !important; }
	
	
.gform_wrapper .validation_message {
	color: #8f0909 !important;
	font-weight: normal !important; }
	
.gform_wrapper .validation_message  {
	padding-top: .25em !important; }
	
	
	
	
	
/* Remove asterix */
#gform_1 .gfield_required_asterisk,
#gform_2 .gfield_required_asterisk {
	display: none; }
	
	
p.form-footer {
	font-size: 1.4rem;
	text-align: center; }	
	



input[type=submit] /* span */ {
	padding: .5em 1em;
	border-radius: 1rem;
	background: var(--color__lime);
	color: var(--color__midnight);
	display: inline-block;
	position: relative;
	font-weight: 600;
	cursor: pointer;
	position: relative;
	transition: all .4s;
	border: 3px solid var(--color__lime);
	box-sizing: border-box;
	overflow: hidden; }