/*==============================================================
# Overt Minds Contact Form - Main Wrapper
==============================================================*/

.overtminds-contact-form {
    width: 100% !important;
    margin: 0 auto;
}


/*==============================================================
# Form Field
==============================================================*/

.overtminds-contact-form .om-form-field {
    width: 100% !important;
    margin-bottom: 12px !important;
}


/*==============================================================
# Labels
==============================================================*/

.overtminds-contact-form .om-form-field > label {
    display: block;
    margin: 0 0 7px 0;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: #111111;
}

.overtminds-contact-form .om-form-field > label span {
    color: #111111;
}


/*==============================================================
# CF7 Wrapper
==============================================================*/

.overtminds-contact-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}


/*==============================================================
# Text / Email / Tel Inputs
==============================================================*/

.overtminds-contact-form input[type="text"],
.overtminds-contact-form input[type="email"],
.overtminds-contact-form input[type="tel"] {
    width: 100%;
    height: 53px !important;
    padding: 0 10px;
    margin: 0;
    border: 1px solid #eeeeee !important;
    border-radius: 0;
    background: #f6f6f6 !important;
    box-shadow: none;
    outline: none;
    font-size: 12px !important;
    line-height: 35px !important;
    color: #333333 !important;
    box-sizing: border-box;
}


/*==============================================================
# Placeholder
==============================================================*/

.overtminds-contact-form input::placeholder,
.overtminds-contact-form textarea::placeholder {
    color: #a9a9a9;
    opacity: 1;
}


/*==============================================================
# Focus
==============================================================*/

.overtminds-contact-form input[type="text"]:focus,
.overtminds-contact-form input[type="email"]:focus,
.overtminds-contact-form input[type="tel"]:focus,
.overtminds-contact-form textarea:focus,
.overtminds-contact-form select:focus {
    border-color: #dddddd;
    box-shadow: none;
    outline: none;
}