﻿.contactus {
    margin-bottom: 1rem;
}

    .contactus .umbraco-forms-caption {
        display: none;
    }

    .contactus .umbraco-forms-container, .contactus .umbraco-forms-navigation div {
        padding: 0;
    }

    .contactus .umbraco-forms-field {
        margin: 1rem 0;
    }

        .contactus .umbraco-forms-field:after {
            content: "";
            display: table;
            clear: both;
        }

    .contactus .umbraco-forms-label, .contactus .umbraco-forms-field-wrapper {
        float: left;
    }


    .contactus .umbraco-forms-label, .contactus .umbraco-forms-field-wrapper {
        width: 100%;
    }

@media (min-width: 992px) {
    .contactus .umbraco-forms-label {
        width: 200px;
    }

    .contactus .umbraco-forms-field-wrapper {
        width: 500px;
    }
}

.contactus .umbraco-forms-field-wrapper .text, .contactus .umbraco-forms-field-wrapper textarea {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 1rem;
    padding: 0.25rem 1rem;
}

.contactus .umbraco-forms-field-wrapper textarea {
    height: 200px;
}

.contactus input[type=submit] {
    background-color: #e23636;
    color: #fff;
    border: 0;
    border-radius: 2rem;
    padding-left: 1.3rem;
    padding-right: 1.3rem;
    transition: background-color 0.3s;
    display: inline-block;
}

    .contactus input[type=submit]:hover {
        background-color: #ff6969;
    }

.contactus .field-validation-error {
    color: #e23636;
}

.contactus .umbraco-forms-label {
    font-weight: bold;
}


.umbraco-forms-hidden {
    display: none;
}

