/* 
	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: 5px 0; padding: 5px; }
div#user-submitted-posts fieldset { box-sizing: border-box; margin: 5px 0; padding: 0; border: 0; }

div#user-submitted-posts fieldset label { 
    box-sizing: border-box; 
    display: block; 
    float: none; 
    clear: both; 
    width: 80%;  
    margin: 2px 0; 
    padding: 0; 
    border: 0; 
    font-size: 90%; 
}
div#user-submitted-posts fieldset input.usp-input, 
div#user-submitted-posts textarea.usp-textarea, 
div#user-submitted-posts select { 
    box-sizing: border-box; 
    display: block; 
    float: none; 
    clear: both; 
    width: 80%;  
    margin: 2px 0; 
}

div#user-submitted-posts select.usp-multiple { width: 80%; }

div#user-submitted-posts .usp-cat-child { text-indent: 20px; }
div#user-submitted-posts .usp-cat-grand { text-indent: 40px; }
div#user-submitted-posts .usp-cat-great { text-indent: 60px; }
div#user-submitted-posts .usp-cat-great-great { text-indent: 80px; }

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

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

div#user-submitted-posts div.usp-error { color: #cc3333; }
div#user-submitted-posts div#usp-error-message { margin: 0 0 10px 0; }
div#user-submitted-posts div#usp-error-message.usp-callout-failure { color: #cc3333; }
div#user-submitted-posts div#usp-success-message { margin: 0 0 10px 0; font-weight: bold; }

div#user-submitted-posts fieldset.usp-checkbox { padding: 2px 0; }
div#user-submitted-posts fieldset.usp-checkbox input { display: inline-block; vertical-align: middle; position: relative; top: -2px; }
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: 2px; 
    font-size: 12px; 
    line-height: 16px; 
}
div#user-submitted-posts ul.parsley-errors-list.filled li.parsley-required,
div#user-submitted-posts ul.parsley-errors-list.filled li.parsley-type { 
    display: inline-block; 
    margin: 0; 
    padding: 2px 8px; 
    color: #fff; 
    background-color: #cc3333; 
}

/* Chosen Custom */
div#user-submitted-posts .chosen-container[style] { 
    box-sizing: border-box; 
    display: block; 
    float: none; 
    clear: both; 
    width: 80% !important; 
    margin: 2px 0; 
}