@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600&display=swap');
/* reset */
html { margin:0; padding:0; border:0; }
body, div, h1, h2, p, ul, li, form, label { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: white; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }
:focus { outline: 0; }

body {
	background-color: transparent;
}

body, td, input, select {
	font-size:15px;
	line-height: 1.5em;
  font-family: 'Fira Sans', sans-serif;
  font-weight: normal;
  font-style: normal;
  color: rgba(128,128,128,1.00);
}

.wrapper {
	background-color: #fff;
  padding: 10px 20px 20px;

	/*width: 600px;		
	margin: 0 auto;*/
}

:root {
	--ze-blue:#0075b9;
	--ze-green:#78c143;
	--ze-orange:#f29000;	
}

.field {
	background-color: inherit; 
}

.field .label {
	padding: 0 .2em .2em .2em;
	font-size: 1em;
	line-height: 1.5em;
}

.label .required {
	padding-left: .3em;
}

.errors {
	margin-bottom: .7em;
	padding: .2em;
	font-size: 15px;
	line-height: 15px;
	color: #E0574C;
}

.error {
	margin-bottom: 0;
	font-size: 14px;
	color: #f2763c;
}

input[type="text"], input[type="name"], input[type="email"], input[type="url"], input[type="password"], textarea, select {
	box-sizing: border-box;
	width: 100%;
	padding: .2em .5em;
	font-size: 100%;
	border: none;
  border:1px solid rgba(128,128,128,1.00);
}

button {
	display: block;
	width: 100%;
	cursor: pointer;
	text-align: center;
	vertical-align: baseline;
	font-family: inherit;
	white-space: nowrap;
	border: none;
  
	font-size: 1em;
  line-height: 1.5em;
	padding: .5em 2em .5em 2em;
	color: #fff;
	text-decoration: none;
  border-radius: 3px;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	margin-top: 1em;
  margin-bottom: 1em;
	background-color:var(--ze-green);
}

a[target="_blank"]:not(.no-ext-link-icon):after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px;
  color: #000;
  text-decoration: none;
}

a {
  color: #000;
  text-decoration: none;
}


@media all and (max-width: 600px) {

	.wrapper {
		/*width: 100%;
		padding: 0;*/
	}
}
