/**---------------- FORM ----------------**/#responsive-form{
max-width:900px /*-- change this to get your desired form width --*/;
margin:0 auto; width:100%;
}
.form-row{
width: 100%;
}
.column-half, .column-full{
float: left;
position: relative;
padding: 0.65rem;
width:100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
/**---------------- Media query ----------------**/@media only screen and (min-width: 48em) {
.column-half{
width: 50%;
}
}
.wpcf7 textarea {
width: 100%; height: 100px;
padding: 8px;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 select, .wpcf7 checkbox {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box
}
.wpcf7 input[type="text"]:focus{
background: #fff;
}
.wpcf7-submit{
float: right; width: 100%;
background: #CA0002;
color: #fff;
text-transform: uppercase;
border: none;
padding: 8px 20px;
cursor: pointer;
}
.wpcf7-submit:hover{
background: #ff0000;
}
span.wpcf7-not-valid-tip{
text-shadow: none;
font-size: 12px;
color: #fff;
background: #ff0000;
padding: 5px;
}
div.wpcf7-validation-errors {
text-shadow: none;
border: transparent;
background: #f9cd00;
padding: 5px;
color: #9C6533;
text-align: center;
margin: 0;
font-size: 12px;
}
div.wpcf7-mail-sent-ok{
text-align: center;
text-shadow: none;
padding: 5px;
font-size: 12px;
background: #f8d6d6;
border-color: #f8d6d6;
color: #000;
margin: 0;
}
/* CAIXAS */// estilo geral
.box {
max-width: 96%;
height: auto;
font-size: 1.1em;
font-family: Georgia, Times, serif;
margin-bottom: 30px;
position: relative;
color: #555;
padding: 40px 25px;
}
// estilo das sombras
.box:before, .box:after {
z-index: -1;
position: absolute;
content: "";
bottom: 18px;
left: 10px;
width: 25%;
top: 70%;
max-width: 300px;
-webkit-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.6);
box-shadow: 0 15px 12px rgba(0, 0, 0, 0.6);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
max-height: 160px;
}
.box:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
.box p {
margin:0 0 0.1em 0
}
// estilos para caixa flutuante
.esq, .dir {
max-width: 45%;
margin-bottom: 10px;
}
.esq {float:left; margin-right: 30px;}
.dir {float:right; margin-left: 30px;}
// estilos para caixas coloridas
.caixa-cinza {
background-color: rgb(224,224,224);
color: #666;
text-shadow: 0 1px 0 rgb(247, 247, 247);
}
.caixa-vermelha {
background-color: rgb(255, 179, 173);
color: rgb(0, 0, 0);
text-shadow: 0 1px 0 rgb(255, 207, 207);
}
.caixa-verde {
background-color: rgb(205, 255, 181);
color: rgb(24, 87, 26);
text-shadow: 0 1px 0 rgb(223, 255, 224);
}
.caixa-amarela {
background-color: rgb(243, 230, 137);
color: rgb(155, 110, 15);
text-shadow: 0 1px 0 rgb(255, 255, 210);
}
.caixa-branca {
background-color: rgb(255, 255, 255);
color: rgb(151, 151, 151);
}