/* save in folder:
/* pub/media/contact-test.css

/** {
	margin: 0;
	padding: 0;
}

body {
	font-size: 100%;
	font-family: Helvetica, sans-serif;
	background: url(images/stripe.png) repeat;
}

p {
	font-size: 1.3em;
	margin-bottom: 15px;
}
*/

#page-wrap {
	width: 660px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}
/*
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}
*/

#success-message,
#reload-message,
#button-c-message,
#button-d-message,
#push-email-hash-message {
            display: none;
            color: green;
            font-weight: bold;
}

/* Base container context (matches old form behavior) */
#contact-area button.button-web-channel-reload,
#contact-area button.button-push-email-hash,
#contact-area button.button-c {
  display: block;
  margin: 10px 0;
  width: 260px;              /* match submit width */
  padding: 10px 14px;
  box-sizing: border-box;

  font-family: inherit;
  font-size: 1.1em;
  line-height: normal;

  background: #eee;
  color: #000;
  border: 1px solid #999;
  border-radius: 4px;

  cursor: pointer;
}

/* Hover/focus – mirrors input[type=submit] feel */
#contact-area button.button-web-channel-reload:active,
#contact-area button.button-push-email-hash:active,
#contact-area button.button-c:hover {
  background: #ddd;
}

#contact-area button.button-web-channel-reload:active,
#contact-area button.button-push-email-hash:active,
#contact-area button.button-c:active {
  background: #ccc;
}