//Contact Form Styling

.wpcf7 {
    label, span:not(.wpcf7-list-item):not(.wpcf7-list-item-label) {
        width: 100%;
        > input:not([type="checkbox"]):not([type="radio"]), > select {
            width: 100%;
        }
    }
    input[type="submit"] {
        @extend %btn;
    }
}

.nf {

    &-field {
        
        [aria-invalid="true"] {
            background-color: rgba(232,0,0,0.1);
        }
    }
    
    &-after-field {
        
        .nf-error-required-error {
            display: none;
        }
    }
}