@charset "UTF-8";
/* 
	User Submitted Posts > CSS > HTML5 form
	https://perishablepress.com/user-submitted-posts/
	Complete list of CSS hooks for the submission form @ http://m0n.co/e
*/

div#user-submitted-posts { width: 100%; }
div#user-submitted-posts fieldset { margin: 10px 0; padding: 0; border: 0; }

div#user-submitted-posts fieldset label           { float: left; clear: both; width: 77%;  margin: 0; padding: 0; }
div#user-submitted-posts fieldset input.usp-input { float: left; clear: both; width: 77%;  margin: 0; padding: 7px; }
div#user-submitted-posts textarea.usp-textarea    { float: left; clear: both; width: 88%;  margin: 0; padding: 7px; }
div#user-submitted-posts select                   { float: left; clear: both; width: auto; margin: 0; padding: 7px; }

div#user-submitted-image { float: left; clear: both; width: 77%; }
div#usp-upload-message   { float: left; clear: both; width: 77%; font-size: 90%; }
a#usp_add-another        { float: left; clear: both; }

div#user-submitted-posts fieldset input.usp-input.usp-clone { width: 90%; margin: 0 0 5px 0; padding: 5px; line-height: 1; background-color: #fafafa; }
div#usp-submit { margin: 15px 0; }

div.usp-error { color: #cc3333; }
div#usp-success-message { margin: 0 0 15px 0; font-weight: bold; }

/* JS > Parsley */
.parsley-errors-list {
	list-style-type: none; float: left; clear: both; margin: 0; padding: 0; font-size: 11px; line-height: 18px; color: #fff; background-color: #cc3333;
	-webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in;
	opacity: 0; -moz-opacity: 0; -webkit-opacity: 0;
	}
.parsley-errors-list.filled { opacity: 1; }
.parsley-required { margin: 0; padding: 3px 5px; }
.usp-files-error { margin-top: -5px; }
.usp-hidden, .usp-no-js { display: none; }
.usp-js { display: block; }