@import “mailchimp”;
-
{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
.container {
width: 100%; margin: 0 auto; position: relative;
}
contact {
background: #f9f9f9; padding: 25px; margin: 50px 0;
}
contact h3 {
color: #f96; display: block; font-size: 30px; font-weight: 400;
}
contact h4 {
margin: 5px 0 15px; display: block;
}
fieldset {
border: medium none !important; margin: 0 0 10px; min-width: 100%; padding: 0; width: 100%;
}
contact input, contact input, contact input, contact input, contact textarea {
width: 100%; border: 1px solid #ccc; background: #fff; margin: 0 0 5px; padding: 10px;
}
contact input:hover, contact input:hover, contact input:hover, contact input:hover, contact textarea:hover {
-webkit-transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; border: 1px solid #aaa;
}
contact textarea {
height: 200px; min-height: 100px; max-width: 100%;
}
contact button {
cursor: pointer; width: 100%; border: none; background: #0cf; color: #fff; margin: 0 0 5px; padding: 10px;
}
contact button:hover {
background: #09c; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; transition: background-color 0.3s ease-in-out;
}
contact button:active {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
contact input:focus, contact textarea:focus {
outline: 0; border: 1px solid #999;
}
::-webkit-input-placeholder {
color: #888;
}
:-moz-placeholder {
color: #888;
}
::-moz-placeholder {
color: #888;
}
:-ms-input-placeholder {
color: #888;
}