/*
	User Submitted Posts : CSS : USP Form
	@ https://perishablepress.com/user-submitted-posts/
	Complete list of CSS selectors @ https://m0n.co/e
*/

/*div#user-submitted-posts { width: 100%; max-width: 800px; overflow: hidden; }
div#user-submitted-posts form { box-sizing: border-box; margin: 10px 0; padding: 5px; }*/
div#user-submitted-posts fieldset { box-sizing: border-box; margin: 1.5rem 0; padding: 0; border: 0; }

div#user-submitted-posts fieldset:not(.usp-checkbox) label { box-sizing: border-box; display: block; float: none; clear: both; width: 100%; margin: 0 0 .25rem; padding: .5rem 1rem; border: 0; color: #fff; background-color: #010429; }
div#user-submitted-posts fieldset input.usp-input { box-sizing: border-box; display: block; float: none; clear: both; width: 100%; margin: 0 0 .25rem; padding: .5rem; }
div#user-submitted-posts textarea.usp-textarea    { box-sizing: border-box; display: block; float: none; clear: both; width: 100%; margin: 0 0 .25rem; padding: .5rem; }
div#user-submitted-posts select                   { box-sizing: border-box; display: block; float: none; clear: both; width: auto; margin: 0; }

div#user-submitted-posts div.usp_text-editor { margin: 20px 0 0 0;  }
div#user-submitted-posts div.wp-editor-container { border: 1px solid #e5e5e5; }

div#user-submitted-posts fieldset.usp-images { margin: 25px 0; }
div#user-submitted-posts div#usp-upload-message { font-size: 90%; }
div#user-submitted-posts fieldset input.usp-input.usp-clone { margin: 10px 0 0 0; font-size: 90%; }
div#user-submitted-posts a#usp_add-another { display: inline-block; clear: both; margin: 10px 0 0 0; font-size: 90%; }
div#user-submitted-posts div#usp-submit { margin: 40px 0 20px; }

div#user-submitted-posts div.usp-error { color: #9f0214; }
div#user-submitted-posts div#usp-error-message { margin: 0 0 20px 0; }
div#user-submitted-posts div#usp-error-message.usp-callout-failure { color: #9f0214; }
div#user-submitted-posts div#usp-success-message { margin: 0 0 20px 0; font-weight: bold; font-size: 1.5rem; text-align: center; }

div#user-submitted-posts fieldset.usp-checkbox { padding: 5px 0; text-align: center; margin: .5rem 0 0; }
div#user-submitted-posts fieldset.usp-checkbox input { display: inline-block; vertical-align: middle; transform: scale(1.5); margin-right: .25rem}
div#user-submitted-posts fieldset.usp-checkbox label { display: inline-block; vertical-align: middle; }

.usp-hidden, .usp-no-js { display: none; }
.usp-js { display: block; }

/* Parsley */

div#user-submitted-posts ul.parsley-errors-list { display: none; list-style-type: none; }
div#user-submitted-posts ul.parsley-errors-list.filled { display: block; float: none; clear: both; margin: 0; padding: 0; font-size: 12px; line-height: 18px; }
div#user-submitted-posts ul.parsley-errors-list.filled li.parsley-required { display: inline-block; margin: 0; padding: 5px 10px; color: #fff; background-color: #9f0214; }

/* Addtional */
div#user-submitted-posts fieldset.usp-images label { display: flex; justify-content: center; align-items: center; font-size: 5rem; border-radius: 50%; margin: 0 auto 1.5rem; padding: .5rem; width: 150px; height: 150px; }
div#user-submitted-posts fieldset.usp-images label:hover { cursor: pointer; }
div#user-submitted-posts fieldset.usp-images input[type=file] { display: none; }
div#user-submitted-posts input#user-submitted-post { display: block; border: 0; width: 65%; margin: 3rem auto 0; padding: .5rem 1rem; color: #fff; font-size: 1.25rem; background-color: #000; box-shadow: .25rem .25rem 0 rgba(0,0,0,0.25); }
div#user-submitted-posts #parsley-id-multiple-usp_custom_checkbox { text-align: center; }