/* Adicionar fonte Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* Aplicar fonte Poppins a todos os elementos */
* {
    font-family: 'Poppins', sans-serif;
}

.fst_login_wrapper {
    max-width: 500px
}

.fst_login_wrapper form#loginform>p {
    display: block;
    margin-bottom: 15px
}

.fst_login_wrapper form#loginform label {
    display: block;
    font-weight: 500
}

.fst_login_wrapper form#loginform .input {
    margin-top: 10px;
    padding: 10px;
    width: 100%
}

.fst_login_wrapper form#loginform {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    width: 100%
}

.fst_login_wrapper input#wp-submit {
    background: #870ed3;
    border: 0;
    border-radius: 5px;
    color: #fff;
    padding: 15px;
    width: 100%;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Efeito hover para o botão de login */
.fst_login_wrapper input#wp-submit:hover {
    background: #74C344;
    color: #333333;
}

.fst_registration_wrapper {
    max-width: 500px
}

.fst_registration_wrapper .fs_registration_form {
    display: grid
}

.fst_registration_wrapper .fs_registration_form .fst_field_group {
    display: block;
    margin-bottom: 15px
}

.fst_registration_wrapper .fs_registration_form .fst_field_group .fst_field_label.is-required label:after {
    color: #f56c6c;
    content: " *";
    margin-left: 3px
}

.fst_registration_wrapper .fs_registration_form .fst_field_group.is-error input {
    border-color: #f56c6c
}

.fst_registration_wrapper .fs_registration_form input,
.fst_registration_wrapper .fs_registration_form select {
    margin-top: 10px;
    padding: 10px;
    width: 100%
}

.fst_registration_wrapper .fs_registration_form #fst_submit {
    background: #870ed3;
    border: 0;
    border-radius: 5px;
    color: #fff;
    padding: 15px;
    width: 100%;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Efeito hover para o botão de registro */
.fst_registration_wrapper .fs_registration_form #fst_submit:hover {
    background: #74C344;
    color: #333333;
}

.fst_registration_wrapper .fs_registration_form #fst_submit span {
    opacity: 1;
    transition: all 1s
}

.fst_registration_wrapper .fs_registration_form #fst_submit svg {
    display: none;
    margin: 0 auto;
    transition: all 1s
}

.fst_registration_wrapper .fs_registration_form #fst_submit svg path,
.fst_registration_wrapper .fs_registration_form #fst_submit svg rect {
    fill: #fff;
    transition: initial
}

.fst_registration_wrapper .fs_registration_form #fst_submit.loading {
    background: rgba(2,117,255,.569)
}

.fst_registration_wrapper .fs_registration_form #fst_submit.loading span {
    display: none;
    opacity: 0
}

.fst_registration_wrapper .fs_registration_form #fst_submit.loading svg {
    display: block;
    opacity: 1
}

.fst_reset_pass_wrapper {
    max-width: 500px
}

.fst_reset_pass_wrapper .fs_reset_pass_form {
    display: grid
}

.fst_reset_pass_wrapper .fs_reset_pass_form .fst_field_group {
    display: block;
    margin-bottom: 15px
}

.fst_reset_pass_wrapper .fs_reset_pass_form .fst_field_group .fst_field_label.is-required label:after {
    color: #f56c6c;
    content: " *";
    margin-left: 3px
}

.fst_reset_pass_wrapper .fs_reset_pass_form .fst_field_group.is-error input {
    border-color: #f56c6c
}

.fst_reset_pass_wrapper .fs_reset_pass_form input {
    margin-top: 10px;
    padding: 10px;
    width: 100%
}

.fst_reset_pass_wrapper .fs_reset_pass_form #fst_reset_pass {
    background: #870ed3;
    border: 0;
    border-radius: 5px;
    color: #fff;
    padding: 15px;
    width: 100%;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Efeito hover para o botão de resetar senha */
.fst_reset_pass_wrapper .fs_reset_pass_form #fst_reset_pass:hover {
    background: #74C344;
    color: #333333;
}

.fst_reset_pass_wrapper .fs_reset_pass_form #fst_reset_pass span {
    opacity: 1;
    transition: all 1s
}

.fst_reset_pass_wrapper .fs_reset_pass_form #fst_reset_pass svg {
    display: none;
    margin: 0 auto;
    transition: all 1s
}

.fst_reset_pass_wrapper .fs_reset_pass_form #fst_reset_pass svg path,
.fst_reset_pass_wrapper .fs_reset_pass_form #fst_reset_pass svg rect {
    fill: #fff;
    transition: initial
}

.fst_reset_pass_wrapper .fs_reset_pass_form #fst_reset_pass.loading {
    background: rgba(2,117,255,.569)
}

.fst_reset_pass_wrapper .fs_reset_pass_form #fst_reset_pass.loading span {
    display: none;
    opacity: 0
}

.fst_reset_pass_wrapper .fs_reset_pass_form #fst_reset_pass.loading svg {
    display: block;
    opacity: 1
}

.fst_reset_pass_wrapper .success.text-success {
    margin-top: 15px;
    text-align: center
}

.error.text-danger {
    color: #f56c6c;
    font-size: 12px;
    margin-top: 4px
}

.fst_login_form_auth_wrapper .hide {
    display: none
}

.fst_login_form_auth_wrapper #fst_submit {
    margin-bottom: 15px
}

.grecaptcha-badge {
    visibility: hidden
}