/* Name field */
#nf-field-6-wrap:before {
 font-family: 'FontAwesome';
 content: "\f1ae"; /* Icon name */
 padding: 2px 7px 0 0;
}

/* Email field */
#nf-field-7-wrap:before {
 font-family: 'FontAwesome';
 content: "\f2ba"; /* Icon name */
 padding: 2px 7px 0 0;
}


/* Message field */
#nf-field-10-wrap:before {
 font-family: 'FontAwesome';
 content: "\f075"; /* Icon name */
 padding: 2px 7px 0 0;
}

/* Submit button */

#nf-field-9 {
 /* Center the button */

 /* Button size */
 padding: 10px 20% 10px 20%;
 /* Text and box effects */
 text-shadow: 0 0 1px #453f3f;
 box-shadow: 0px 1px 1px #444;
 /* New code added so that we are able to also see the icon on top of the button. */
 position: relative;
 z-index: 10;
}

#nf-field-9-wrap:before {
 font-family: 'FontAwesome';
 content: "\f0e0";
 cursor: pointer; /* Making sure that even when the cursor is above the icon the cursor stays as a finger/pointer. */
 margin: 10px 0 0 20%; /* Moving the icon to where I want it. */
 /* Gradual transition. */
 -webkit-transition:opacity .7s ease-out;
 -moz-transition:opacity .7s ease-out;
 -ms-transition:opacity .7s ease-out;
 -o-transition:opacity .7s ease-out;
 transition:opacity .7s ease-out;
 opacity:0.7;  /* A semi see through icon. 0 = icon can not be seen 1 = no transparency */
 color: #fff; /* Icon color */
 z-index: 100; /* Brings the icon above the submit button */
 position: absolute; /* making sure that icon stays in place also at different screen sizes. */
}

/* Icon as seen on hover */
#nf-field-9-wrap:hover:before{
 font-family: 'FontAwesome';
 content: "\f003";
 margin: 10px 0 0 20%;
 cursor: pointer;
 opacity:1;
 color: #fff;
 z-index: 100;
}

/* error message updates*/
.nf-error-wrap.nf-error {
    display: none !important;
}
.nf-error .ninja-forms-field {
    border: 1px solid #E80000 !important;
}
.nf-error-msg.nf-error-field-errors {
    display: none;
}