$control-border: 1px solid $color-gray; /*match freshop-js vars*/

.nf-form-cont { 
    .hr-container {
	    margin: 40px 0 !important;

        hr {
            border-bottom: 1px solid $color-gray-lighter !important;
        }
    }

    p,
    label {
        font-size: $font-size-base !important;
        color: $font-color-base !important;
    }

    .nf-before-form-content,
    .nf-after-form-content {
        padding: 5px !important;
        max-width: 1000px !important;
        margin: 0 auto !important;
    }

    .nf-error.field-wrap .nf-field-element:after,
    .nf-form-fields-required {
	    display: none !important;
    }

    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
    textarea,
    .list-select-wrap .nf-field-element > div {
        background: $color-white !important;
        border: $control-border !important;
        border-radius: $border-radius !important;
        color: $font-color-base !important;
    }

    button,
    input[type=button],
    input[type=submit] {
        background: $color-primary !important;
        color: $color-white !important;
    }

    button:active,
    input[type="button"]:hover,
    input[type="submit"]:hover {
        background: $color-primary-dark !important;
        color: $color-white !important;
    }
}