.simpleContact-form,
.sendResource-form,
.joinNetwork-form,
.requestActivity-form,
.sendActivity-form,
.registerInterest-form {
    
    
    
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea,
    select[multiple] {
        
        display: block;
        width: 100%;
        height: 39px;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 18px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        
        &:focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
        }
        
    }
    
    textarea,
    select[multiple] {
        height: auto;
    }
    
    input[type="submit"] {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        
        @extend .btn-blue-outline;
    }
    
    .field {
        
        margin-bottom: 20px;
        
        &:nth-child(-n+2) {
            float: left;
            width: calc(50% - 15px);    
        }
        &:first-child {
            margin-right: 30px;
        }
        
        &.errors {
            input:matches([type="text"],[type="email"],[type="tel"]),
            textarea,
            select[multiple] {
                border-color: $pure-red;
                @include border-radiuses (4px, 0, 0, 4px);
            }
        }
        
    }
    
}

.sendActivity-form,
.registerInterest-form {
    
    .field {
        &:nth-child(-n+2) {
            float: none;
            width: 100%;    
        }
        &:first-child {
            margin-right: 0;
        }
    }
}

.error-message {
    background-color: #d74d55;
    padding: 3px;
    color: #fff;
    font-size: 14px;
}