@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
*/

#user-submitted-posts {
    width: 100%;
}

#usp-error-message {
    margin: 1em 0;
}

#user-submitted-posts fieldset {
    padding: 0;
    border: 0;
}

#user-submitted-posts fieldset label {

}

#user-submitted-posts fieldset input.usp-input {

}

#user-submitted-posts textarea.usp-textarea {

}

#user-submitted-posts select {

}

#user-submitted-image {

}

#usp-upload-message {

}

#usp_add-another {
}

#user-submitted-posts fieldset input.usp-input.usp-clone {

}

#usp-submit {
}

.usp-social-links {
    list-style: none;
}

.usp-social-link {
    line-height: 1em;
    cursor: move;
}

.usp-social-link label {
    display: none;
}

.usp-social-link {
    position: relative;
    padding-left: 54px;
    height: 48px;
    line-height: 48px;
    background-size: contain;
    margin-bottom: .25em;
}

.usp-social-link .move-arrow {
    display: none;
    height: 48px;
    width: 48px;
    position: absolute;
    left: 0px;
    text-align: center;
    font-size: 1.5em;
    color: white;
    background: rgba(60,70,80,.9);
}

.usp-social-link.ui-sortable-handle:hover .move-arrow {
    display: block;
}

.usp-social-link.for-facebook {
    background: url('../images/social-icons/icon-facebook.png') no-repeat 0 0;
    background-size: contain;
}
.usp-social-link.for-twitter {
    background: url('../images/social-icons/icon-twitter.png') no-repeat 0 0;
    background-size: contain;
}
.usp-social-link.for-google {
    background: url('../images/social-icons/icon-google.png') no-repeat 0 0;
    background-size: contain;
}
.usp-social-link.for-instagram {
    background: url('../images/social-icons/icon-instagram.png') no-repeat 0 0;
    background-size: contain;
}
.usp-social-link.for-linkedin {
    background: url('../images/social-icons/icon-linkedin.png') no-repeat 0 0;
    background-size: contain;
}
.usp-social-link.for-pinterest {
    background: url('../images/social-icons/icon-pinterest.png') no-repeat 0 0;
    background-size: contain;
}
.usp-social-link.for-spotify {
    background: url('../images/social-icons/icon-spotify.png') no-repeat 0 0;
    background-size: contain;
}
.usp-social-link.for-soundcloud {
    background: url('../images/social-icons/icon-soundcloud.png') no-repeat 0 0;
    background-size: contain;
}
.usp-social-link.for-youtube {
    background: url('../images/social-icons/icon-youtube.png') no-repeat 0 0;
    background-size: contain;
}
.usp-social-link.for-mail {
    background: url('../images/social-icons/icon-email.png') no-repeat 0 0;
    background-size: contain;
}
.usp-social-link.for-website {
    background: url('../images/social-icons/icon-website.png') no-repeat 0 0;
    background-size: contain;
}
.usp-social-link.for-calendar {
    background: url('../images/social-icons/icon-calendar.png') no-repeat 0 0;
    background-size: contain;
}
.usp-social-link.for-store {
    background: url('../images/social-icons/icon-store.png') no-repeat 0 0;
    background-size: contain;
}
.usp-social-link.for-kickstarter {
    background: url('../images/social-icons/icon-kickstarter.png') no-repeat 0 0;
    background-size: contain;
}
.usp-social-link.for-indiegogo {
    background: url('../images/social-icons/icon-indiegogo.png') no-repeat 0 0;
    background-size: contain;
}
.usp-social-link.for-fundraising {
    background: url('../images/social-icons/icon-fundraising.png') no-repeat 0 0;
    background-size: contain;
}
/* JS > Parsley */
.parsley-errors-list {
    list-style-type: none;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    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: 2px 3px;
}

.usp-files-error {
    margin-top: -5px;
}

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

.usp-js {
    display: block;
}