@import url('xform.css');

form.xform { display:flex; flex-direction:column; width:50%; min-width:300px; margin-left:auto; margin-right:auto; margin-bottom:5%; font-size:unset; }
form.xform label { background:none; border:none; font-size:100%; height:auto; font-weight:normal; margin-bottom:5px; }
form.xform button.button { border:none; display:block; margin-left:auto; margin-right:auto; }

div.datafield > div, div.xinput > span { border:none; background:none; margin-bottom:5px; }
div.xinput > span > input[type="text"], div.xinput > span > input[type="password"], div.xinput > span > input[type="email"], div.xinput > span > input[type="tel"], div.xinput > span > input[type="number"], div.xinput > span > input[type="date"], div.xinput > span > select { height:3em; border-radius:0.5em; padding:0 0.5em; font-family:inherit; font-size:inherit; }
div.xinput > span > textarea { border-radius:0.5em; padding:0.5em 0.5em; font-family:inherit; font-size:inherit; }
/*
div.xinput > label {
	background : none;
	border : none;
	font-size : 13px;
	font-weight : normal;
	margin : 0px 5px 1px 2px;
	font-size : inherit;
	font-family : inherit;
}

div.xinput > span {
	border-radius : 3px;
	border : none;
	padding : 0px;
}

div.xinput > span > input[type="text"],
div.xinput > span > textarea,
div.xinput > span > select {
	border : 1px #201f20 solid;
	box-shadow : 0px 0px 2px #201f20;
}

#mailinglist input[type="text"], #mailinglist input[type="email"], #mailinglist textarea {
	margin : 0px !important;
	box-sizing : border-box;
	font-family : Helvetica, Arial, Sans-serif;
	font-size : 15px;
	padding : 10px;
	border : none !important;
}

.xform input[type="submit"] {
	border-radius : 3px;
	border : 1px #999999 solid;
	box-shadow : 0px 0px 2px #201f20, 1px 1px 1px #ffffff inset, -1px -1px 1px rgba(0,0,0,0.5) inset;
	background : #f8f8f8;
	height : 30px;
	font-size : 15px;
	padding : 0px 20px;
	color : #666666;
	margin : 13px 0px;
}

.xform input[type="submit"]:active {
	padding-top : 1px;
	box-shadow : 0px 0px 2px #201f20, 1px 2px 1px rgba(0,0,0,0.5) inset, -1px -1px 0px #ffffff inset;	
}
*/