#responsive-form {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.form-row {
width: 100%;
}
.column-half, .column-full {
position: relative;
width: 100%;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0.65rem;
}
.clearfix:after {
display: table;
clear: both;
content: "";
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
width: 100%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ccc;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
}
.wpcf7 input[type="text"]:focus {
background-color: #fff;
}
.wpcf7-submit {
background-color: #ca0002;
float: left;
border: none;
color: #fff;
cursor: pointer;
text-transform: uppercase;
padding: 8px 20px;
}
.wpcf7-submit:hover {
background-color: #f00;
}
span.wpcf7-not-valid-tip {
background-color: #f00;
font-size: 12px;
color: #fff;
text-shadow: none;
padding: 5px;
}
div.wpcf7-validation-errors {
text-align: center;
background-color: #f9cd00;
font-size: 12px;
border: transparent;
color: #9c6533;
text-shadow: none;
margin: 0;
padding: 5px;
}
div.wpcf7-mail-sent-ok {
text-align: center;
background-color: #59a80f;
font-size: 12px;
border-color: #59a80f;
color: #fff;
text-shadow: none;
margin: 0;
padding: 5px;
}
@media only screen and (min-width: 48em) {
.column-half {
width: 50%;
}
}