/*===================================================
    Contact Form 7 - keeps the plugin's own wrappers
    out of the way so the static design is untouched.
    Only loaded when the plugin is active.
===================================================*/
.wpcf7-form-control-wrap {
    display: block;
    position: static;
}

/*===the design draws the field, not the plugin===*/
.wpcf7-form .wpcf7-form-control {
    box-shadow: none;
}

.wpcf7-form .wpcf7-not-valid-tip {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.3;
    color: #d63638;
}

/*===plugin's own message strip, restyled to match===*/
.wpcf7-form .wpcf7-response-output {
    margin: 20px 0 0;
    padding: 12px 18px;
    border: 1px solid #9fb4c9;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.4;
}

.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7-form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
}

.wpcf7-form.failed .wpcf7-response-output,
.wpcf7-form.aborted .wpcf7-response-output {
    border-color: #d63638;
}

.wpcf7-form.sent .wpcf7-response-output {
    border-color: #46b450;
}

.wpcf7-form.spam .wpcf7-response-output {
    border-color: #d63638;
}

/*===the ajax spinner sits inline next to the button===*/
.wpcf7-spinner {
    margin: 0 0 0 12px;
    vertical-align: middle;
}

/*===the popup swaps to the success panel itself, so the plugin
     strip would be a duplicate message inside the modal===*/
.applyModal .wpcf7-response-output {
    margin-top: 15px;
}

.applyModal.is-sent .wpcf7-response-output {
    display: none;
}

/*===file inputs keep the dashed upload tile look===*/
.uploadBox .wpcf7-form-control-wrap {
    display: contents;
}

/*===selects sit inside a wrap, the chevron is on the group===*/
.selectGroup .wpcf7-form-control-wrap,
.selectBox .wpcf7-form-control-wrap {
    display: block;
}