@CHARSET "UTF-8";

.quiqqer-simple-contact {
    position: relative;
}

.quiqqer-simple-contact .simple-contact-content {
    margin-bottom: 1em;
}

.quiqqer-simple-contact label,
.quiqqer-simple-contact input:not([type="checkbox"]),
.quiqqer-simple-contact textarea {
    float: left;
    clear: both;
    width: 100%;
}

.quiqqer-simple-contact label {
    cursor: pointer;
}

.quiqqer-simple-contact input,
.quiqqer-simple-contact textarea {
    margin-bottom: 10px;
}

.qui-contact-formContent {
    margin-bottom: 2rem;
}


/* Message & Message color
 ================================================================= */

.quiqqer-simple-contact-message {
    border: 1px solid #555;
    clear: both;
    margin: 1em 0;
    padding: 0.8em;
    position: relative;
    text-align: center;
    width: 100%;
}

.quiqqer-simple-contact-message-error {
    background: #F2D4CE;
    border-color: #AE432E;
}

.quiqqer-simple-contact-message-success {
    background: #D9E6C3;
    border-color: #77AB13;
}


/* check icon */
.fa-check-simple-contact {
    margin: 10% auto;
    width: 60px;
    height: 60px;
    display: flex;
    font-size: 30px;
    padding: 15px;
    border-radius: 50%;
    position: relative;
    animation: quiqqer-simple-contact-animation 0.9s;
}

.fa-check-simple-contact:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 6px;
    animation: quiqqer-simple-contact-animation 0.9s;
}

@keyframes quiqqer-simple-contact-animation {
    0%, 50% {
        transform: scale(0);
    }
    70% {
        transform: scale(1.15);
    }

    85% {
        transform: scale(1);
    }

    90% {
        transform: scale(1.03);
    }

    100% {
        transform: scale(1);
    }
}

/** CAPTCHA **/
.quiqqer-captcha-display {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

