/* General
==================================== */










/* Form Elements
==================================== */

.float-label,
.fields input,
textarea {
    display: block;
    border: 0;
}


input[type="email"]{
    border: 1px solid #01526B;
    border-radius: .3rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 1rem;
}

.fields input {
    /* height: 40px; */
    width: 100%;
    /*    height: 100%;*/
    padding: 1em 1em;
    outline: 0;
}


.fields input:focus {
    border-color: dodgerblue;
}

.float-label {
    font-size: .8125em;
    /* 13/16 */
    position: absolute;
    top: .3rem;
    left: 1.23em;
    color: #fff;
    opacity: 1;

    -webkit-transition: .333s ease top, .333s ease opacity;
    transition: .333s ease top, .333s ease opacity;
}



/* Form Elements Submit Button
==================================== */


input[type="submit"] {
  padding-top: 1.5rem;
    /* background: dodgerblue; */
    margin-bottom: 1em;
    /* color: white; */
    /* border-radius: 3px; */
    /* padding: .85em 3rem; */
    -webkit-appearance: none;
    /* remove default browser <button> styling */
    -webkit-transition: .333s ease -webkit-transform;
    transition: .333s ease transform;
}









/* Form Elements javascript classes
==================================== */


.js-hide-label .float-label {
    /*    opacity: 0;*/
    opacity: 0;
    /*    top: 1.5em*/
    top: .6rem;
}


.js-unhighlight-label .float-label {
    color: #999
}




/* ERROR MESSAGE  */


label.error {
    color: red;
    /* importante, nasconde il campo errore */
}


.antispam label.error,
.error {
    /*    position: relative;*/
    font-size: .8rem;
    color: red;
    /*    margin-top: -1.9rem;*/
    padding-left: .5rem;
    /* margin-top: .5rem; */
}

.privacy-wrapper span.error {

}

.privacy-error {
    /*    position: relative;*/
    font-size: .8rem;
    color: red;
    /*    margin-top: -1.9rem;*/
    padding-left: .5rem;
}

/* #accettazione1-error.error {
    position: absolute;
    bottom: -106px;
    right: -8rem;
} */

li input.error {
    border: 1px solid rgba(255, 0, 0, .4);
    background-color: rgba(255, 0, 0, .1);

}


.hidden {
    display: none;
}


/* add border to privacy wrapper  */
.red-border {
    border: 1px solid rgba(255, 0, 0, .4);
    background-color: rgba(255, 0, 0, .1);
}