/* STYLING NINJA FORMS - add to your stylesheet and adjust */

/* The full form */
#ninja_forms_form_5_wrap {

}

/* Fields marked with an * are required text */
.ninja-forms-required-items {
	margin-bottom: 15px;
}

/* All Input fields */
.ninja-forms-field {
	border: 1px solid #ccc;
}
/* Remove border around text description at top of page */
#ninja_forms_field_44_div_wrap,
#ninja_forms_field_44{
  	border: 0;
}

/* Name field label and input box. 
NB! Notice the styling changes on resizing the browser. Fix this in your media queries. This will change from theme to theme.*/
#ninja_forms_field_1_div_wrap,
#ninja_forms_field_1 {
	width: 100%;
	min-width: 220px;
	height: 35px;
	float: left;
	margin-right: 28px;
}


/* Email field input */
#ninja_forms_field_2{
	width: 100%;
	min-width: 220px;
	height: 35px;	
	float: right;
}

/* Message field input */
#ninja_forms_field_3{
	
}

/* The Send button */
#ninja_forms_field_5 {
	background-color: #8d5303;
	border: 1px solid #333;
	border-radius: 8px;
	
	text-shadow: 2px 1px 3px #000;
	box-shadow: 0px 3px 5px #444;
}

/* The Send button - hover - mouse over effect */
#ninja_forms_field_5:hover{
	background-color: #8d5303;
	border: 1px solid #ccc;
	text-shadow: 0px 0px 2px #ccc;
	box-shadow: 1px 1px 2px #ccc;
}