Contact the G4DR Project
If you have any questions or would like to know more about our work in the G4DR Project, please get in touch with us at:
/* Generic Contact Form 7 Styling */
.wpcf7 form {
max-width: 860px;
margin: 0 auto;
background: #f3f3f3;
padding: 32px;
box-sizing: border-box;
}
/* Paragraph spacing */
.wpcf7 form p {
margin: 0 0 26px;
}
/* Labels */
.wpcf7 label {
display: block;
font-size: 15px;
font-weight: 500;
color: #143a74;
line-height: 1.5;
margin-bottom: 6px;
}
/* Inputs & Textarea */
.wpcf7 input[type=”text”],
.wpcf7 input[type=”email”],
.wpcf7 input[type=”tel”],
.wpcf7 input[type=”url”],
.wpcf7 input[type=”number”],
.wpcf7 textarea {
width: 100%;
background: #ffffff;
border: 1px solid #cfcfcf;
border-radius: 4px;
padding: 14px 16px;
font-size: 16px;
line-height: 1.5;
color: #222;
box-sizing: border-box;
transition: all 0.25s ease;
margin-top: 6px;
}
/* Textarea size */
.wpcf7 textarea {
min-height: 220px;
resize: vertical;
}
/* Placeholder */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
color: #999;
}
/* Focus */
.wpcf7 input:focus,
.wpcf7 textarea:focus {
outline: none;
border-color: #63bfd6;
box-shadow: 0 0 0 3px rgba(99, 191, 214, 0.18);
}
/* Submit Button */
.wpcf7 input[type=”submit”] {
display: inline-block;
min-width: 150px;
background: #63bfd6;
color: #ffffff;
border: none;
border-radius: 4px;
padding: 14px 28px;
font-size: 17px;
font-weight: 600;
cursor: pointer;
transition: all 0.25s ease;
}
/* Button hover */
.wpcf7 input[type=”submit”]:hover {
background: #4aafc8;
transform: translateY(-1px);
}
/* Button active */
.wpcf7 input[type=”submit”]:active {
transform: translateY(0);
}
/* Validation */
.wpcf7 .wpcf7-not-valid {
border-color: #c0392b !important;
}
.wpcf7 .wpcf7-not-valid-tip {
margin-top: 6px;
font-size: 13px;
color: #c0392b;
}
/* Response messages */
.wpcf7 .wpcf7-response-output {
margin-top: 20px;
padding: 14px 16px;
border-radius: 4px;
font-size: 14px;
}
/* Spinner */
.wpcf7 .wpcf7-spinner {
margin-left: 10px;
}
/* Mobile */
@media (max-width: 767px) {
.wpcf7 form {
padding: 22px;
}
.wpcf7 input,
.wpcf7 textarea {
font-size: 15px;
padding: 12px 14px;
}
.wpcf7 input[type=”submit”] {
width: 100%;
}
}
