/*
-----------------------------------------
AUTH MODAL
-----------------------------------------
*/

#wpm-auth-modal .modal-content,
#exampleModal .modal-content {
    border: none;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 25px 80px rgba(0,0,0,0.15);
}


/*
-----------------------------------------
TABS
-----------------------------------------
*/

/*
=========================================
MODERN ALERT DESIGN
=========================================
*/

.wpm-swal-popup {

    border-radius: 24px !important;

    padding: 20px !important;

    font-family: 'Poppins', sans-serif !important;

    box-shadow:
        0 20px 60px rgba(0,0,0,0.15) !important;
}

.wpm-swal-button {

    border-radius: 12px !important;

    padding: 12px 30px !important;

    font-size: 15px !important;

    font-weight: 600 !important;

}


/*
-----------------------------------------
TAB CONTENT
-----------------------------------------
*/

.modal-tab-content {
    display: none;
}

.modal-tab-content.current {
    display: block;
}

/*
-----------------------------------------
FORM GROUP
-----------------------------------------
*/

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

/*
-----------------------------------------
INPUTS
-----------------------------------------
*/

.form-control {
    height: 55px;
    border-radius: 15px;
    border: 1px solid #ddd;
    padding: 0 20px;
    box-shadow: none !important;
}
.swal2-html-container {
    font-size: 15px;
}
textarea.form-control {
    height: 140px;
    padding-top: 15px;
}

/*
-----------------------------------------
PASSWORD TOGGLE
-----------------------------------------
*/

.toggle-password {
    position: absolute;
    top: 52px;
    right: 20px;
    cursor: pointer;
    color: #888;
}

/*
-----------------------------------------
CHECKBOX
-----------------------------------------
*/

.form-check-input {
    margin-right: 8px;
}

/*
-----------------------------------------
FORGOT PASSWORD
-----------------------------------------
*/

.forget-btn a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}


/*
-----------------------------------------
AUTH ALERTS
-----------------------------------------
*/

.wpm-alert {
    padding: 15px 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    font-size: 14px;
}

.wpm-alert-success {
    background: #d4edda;
    color: #155724;
}

.wpm-alert-error {
    background: #f8d7da;
    color: #721c24;
}

/*
-----------------------------------------
LOADER
-----------------------------------------
*/

.wpm-btn-loading {
    opacity: 0.7;
    pointer-events: none;
}

/*
-----------------------------------------
PROFILE EDIT FORM
-----------------------------------------
*/

#wpm-profile-form .form-group {
    margin-bottom: 25px;
}

#wpm-profile-form .form-control {
    background: #fafafa;
    font-size: 15px;
}

/*
-----------------------------------------
UPLOAD INPUT
-----------------------------------------
*/

input[type='file'] {
    padding: 12px;
    background: #f7f7f7;
}

/*
-----------------------------------------
PROFILE PREVIEW
-----------------------------------------
*/

#wpm-profile-preview {
    width: 140px;
    height: 140px;
    border-radius: 20px;
    object-fit: cover;
    margin-top: 15px;
}

#wpm-cover-preview {
    height: 250px;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    margin-top: 15px;
}

/*
-----------------------------------------
RESPONSIVE
-----------------------------------------
*/

@media(max-width:768px){

    #wpm-auth-modal .modal-body,
    #exampleModal .modal-body {
        padding: 25px;
    }

    /* .modal-tabs {
        flex-direction: column;
    } */

}