@charset "UTF-8";

.wpcf7-not-valid-tip {
    font-weight: 600 !important;
}
.wpcf7-response-output {
    color: #fff;
    font-size: 0.8em;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    max-width: 90%;
    border-radius: 6px;
    margin: 2em auto 1em !important;
    padding: 0.4em 1em !important;
    border: 2px solid #99c652 !important; 
    background-color: #99c652 !important;
}
@media only screen and (min-width: 992px) {
    .wpcf7-response-output {
        max-width: 50%;
    }
}

p:has(input[type=submit]) {
  text-align: center !important;
}

.wpcf7-spinner {
    background-color: #99c652 !important;
    margin: 8px 10px !important;
    position: absolute !important;
}

/*
http://stackoverflow.com/questions/10932386/how-can-i-hide-the-contact-form-and-shows-sent-after-successful-sending
https://stackoverflow.com/questions/34723740/contact-form-7-call-submit-event-in-jquery





*/