@import url( "/assets/css/ua-root.css" );

.ua-forms label {
    display: block;
    width: 92%;
}

.ua-forms input[type=text]
{
    padding: 10px;
    border-radius: 4px;
    border: 1px solid var( --brand-medium-gray-1 );
}

.ua-forms .form-error-message
{
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ua-forms select
{
    padding: 4px 8px;
    border-radius: 3px;
    border: 1px solid var( --brand-light-gray-2 );
}

/** Pardot forms **/

.ua-forms.pardot p{
    margin: 0;
}

.ua-forms.pardot label.inline {
    display: inline;
}

.ua-forms.pardot input[type=checkbox],
.ua-forms.pardot input[type=radio] {
    margin-right: 15px;
}

.ua-forms.pardot input[type=text],
.ua-forms.pardot textarea,
.ua-forms.pardot select {
    height: 40px;
    width: 80%;
}

.ua-forms.pardot textarea {
    height: 300px;
}

.ua-forms.pardot .form-col-full input[type=text],
.ua-forms.pardot .form-col-full select,
.ua-forms.pardot .form-col-full textarea {
    width: 92%;
}

.ua-forms.pardot .primary-button {
    margin-top: 15px;
}

.ua-forms.pardot .form-field{
    margin-top: 1rem;
}

    .ua-forms.pardot .form-field .value {
        display: block;
        /*width: 300px;*/
    }

        .ua-forms.pardot .form-field .value span {
            display: block;
            padding-bottom: 10px;
        }

.ua-forms.pardot .required label::before {
    color: var( --brand-error-red );
    content: '* ';
}

.ua-forms.pardot .pd-checkbox.required .inline::before,
.ua-forms.pardot .required.form-field-secondary .inline::before {
    content: ' ';
}

.ua-forms.pardot .error,
.ua-forms.pardot .errors {
    color: var( --brand-error-red );
}

    .ua-forms.pardot .error input[type=text],
    .ua-forms.pardot .error textarea,
    .ua-forms.pardot .error select {
        border: 1px solid var( --brand-error-red );
    }

    .ua-forms.pardot .error.no-label {
        background: var( --brand-error-red-bg );
        width: 300px;
        padding: 5px;
        color: #000;
    }

.ua-forms.pardot .form-col-1 {
    float: left !important;
    clear: left !important;
    width: 49% !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-bottom: 10px;
}

.ua-forms.pardot .form-col-2 {
    float: right !important;
    clear: right !important;
    width: 49% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-bottom: 10px;
}


@media( max-width: 640px ) {

    .ua-forms.pardot input[type=text],
    .ua-forms.pardot textarea,
    .ua-forms.pardot select {
        width: 90%;
    }


    .ua-forms.pardot .form-col-1, .ua-forms.pardot .form-col-2 {
        clear: both !important;
        float: none !important;
        width: 100% !important;
    }
}

.ua-forms.pardot .form-col-full {
    width: 98%;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-bottom: 10px;
    clear: both;
}

    /** END Pardot forms **/