_care-form.scss 1.26 KB
.wpcf7-form {
    text-align: left;
    width: 69%;

    br {
        display: none;
    }

    .form-control {
        clear: both;
    }
    .wpcf7-list-item {
        display: block;
        margin-bottom: 5px;
    }
    .wpcf7-form-control-wrap.opportunity {
        display: block;
        .wpcf7-list-item {
            margin-right: 50px;
            @media screen and (min-width: $bp-large) {
                display: inline-block;
            }
        }
    }

    label {
        display: inline-block;
        margin-bottom: 5px;
    }

    label[for="financial-commitment"] {
        @media screen and (min-width: $bp-middle) {
            width: 100%;
        }
        @media screen and (min-width: $bp-large) {
            width: 50%;
        }
    }

    .form-control input[type="text"],
    .form-control input[type="url"],
    .form-control input[type="tel"],
    .form-control input[type="date"],
    .form-control input[type="email"] {
        width: 100%;

        @media screen and (min-width: $bp-large) {
            width: 40%;
            float: right;
        }
    }
    .form-control input[name="captcha"] {
        float: none;
        display: block;
    }

    .hide {
        display: none;
    }
}

.wpcf7-form.sent {
    hr {
        display: none;
    }
}