.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* close commented backslash hack */

/* Checkbox */
div.ui-toggle {
    margin: 0;
    padding: 0;
}

    div.ui-toggle input[type='checkbox'] {
        display: none;
    }

        div.ui-toggle input[type='checkbox']:checked + label {
            border-color: #222;
            background: #222;
            -webkit-box-shadow: inset 0 0 0 10px #222;
            box-shadow: inset 0 0 0 10px #222;
        }

            div.ui-toggle input[type='checkbox']:checked + label > div {
                margin-left: 20px;
            }

    div.ui-toggle label {
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease;
        display: inline-block;
        position: relative;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background: #8c8c8c;
        -webkit-box-shadow: inset 0 0 0 0 #222;
        box-shadow: inset 0 0 0 0 #222;
        border: 2px solid #8c8c8c;
        border-radius: 22px;
        width: 40px;
        height: 20px;
    }

        div.ui-toggle label div {
            -webkit-transition: all 200ms ease;
            transition: all 200ms ease;
            background: #FFFFFF;
            width: 20px;
            height: 20px;
            border-radius: 10px;
        }

        div.ui-toggle label:hover, div.ui-toggle label > div:hover {
            cursor: pointer;
        }

    div.ui-toggle.mb-10 {
        margin-bottom: 10px;
    }

/*  */

.carpentry-review-form .field-msg {
    display: none;
    font-size: 0.8125rem !important;
    font-weight: 600;
    letter-spacing: 0.05em;
}

    .carpentry-review-form .field-msg.show,
    .carpentry-review-form .form-field-msg.show {
        display: block !important;
    }

    .carpentry-review-form .field-msg.error,
    .carpentry-review-form .form-field-msg.error {
        color: #901313;
    }

    .carpentry-review-form .field-msg.success,
    .carpentry-review-form .form-field-msg.success {
        color: #2f812f;
    }

.carpentry-review-form .form-field-msg.progress {
    color: #222;
}

.carpentry-review-form .form-field-msg.error {
    border: 4px solid #901313;
}

.carpentry-review-form .form-field-msg.success {
    border: 4px solid #2f812f;
}

.carpentry-review-form .form-field-msg.progress {
    border: 4px solid #222;
}

.carpentry-review-form .form-field-msg {
    display: none;
    padding: 1.2em;
    margin-bottom: 40px;
}

    .carpentry-review-form .form-field-msg .heading {
        font-size: 1.2rem !important;
        font-weight: 700;
        padding: 0 0 .4em;
    }

    .carpentry-review-form .form-field-msg .sub-heading {
        font-size: 0.9rem !important;
        font-weight: 400;
        padding: 0;
    }

.login_btn {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    /* width: 13em;  - apply for fixed size */
    margin: 0.2em;
    padding: 0 15px 0 46px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #FFF;
}

    .login_btn:hover {
        color: #FFF;
    }

    .login_btn:before {
        content: "";
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        width: 34px;
        height: 100%;
    }

    .login_btn:focus {
        outline: none;
    }

    .login_btn:active {
        box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.1);
    }

/* Facebook */
.login_btn--facebook {
    background-color: #4C69BA;
    background-image: linear-gradient(#4C69BA, #3B55A0);
    /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
    text-shadow: 0 -1px 0 #354C8C;
}

    .login_btn--facebook:before {
        border-right: #364e92 1px solid;
        background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png") 6px 6px no-repeat;
    }

    .login_btn--facebook:hover,
    .login_btn--facebook:focus {
        background-color: #5B7BD5;
        background-image: linear-gradient(#5B7BD5, #4864B1);
    }

/* Google */
.login_btn--google {
    /*font-family: "Roboto", Roboto, arial, sans-serif;*/
    background: #DD4B39;
}

    .login_btn--google:before {
        border-right: #BB3F30 1px solid;
        background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png") 6px 6px no-repeat;
    }

    .login_btn--google:hover,
    .login_btn--google:focus {
        background: #E74B37;
    }