/*==================================================
LOGIN.CSS
VoiceOfMohan LMS
==================================================*/


/*==================================================
1. OUTER LOGIN CARD
==================================================*/

.masteriyo-login-form-wrapper{
width:100% !important;
max-width:520px !important;
margin:10px auto 45px !important;
padding:0 !important;
display:block !important;
background:#FFFFFF !important;
border:1px solid #E5EAF0 !important;
border-radius:20px !important;
overflow:hidden !important;
box-shadow:0 18px 55px rgba(15,42,68,.10) !important;
min-height:0 !important;
}


/*==================================================
2. SIGN-IN SECTION
==================================================*/

.masteriyo-login-form-wrapper .masteriyo-login{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:44px 44px 36px !important;
display:block !important;
background:#FFFFFF !important;
flex:none !important;
}


/* Inner wrapper */
.masteriyo-login-form-wrapper .masteriyo-login--wrapper{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
}


/*==================================================
3. LOGIN TITLE
==================================================*/

.masteriyo-login-form-wrapper .masteriyo-login .masteriyo-title{
margin:0 0 30px !important;
padding:0 !important;
font-size:30px !important;
line-height:1.25 !important;
font-weight:700 !important;
letter-spacing:-.4px !important;
color:#0B2A4A !important;
text-align:left !important;
}


/*==================================================
4. LOGIN FORM
==================================================*/

.masteriyo-login-form-wrapper .masteriyo-login--form{
width:100% !important;
margin:0 !important;
padding:0 !important;
display:flex !important;
flex-direction:column !important;
gap:0 !important;
}


/* Field groups */
.masteriyo-login-form-wrapper .masteriyo-username,
.masteriyo-login-form-wrapper .masteriyo-password{
width:100% !important;
margin:0 0 22px !important;
padding:0 !important;
}


/*==================================================
5. LABELS
==================================================*/

.masteriyo-login-form-wrapper .masteriyo-label{
display:block !important;
margin:0 0 8px !important;
padding:0 !important;
font-size:14px !important;
line-height:1.4 !important;
font-weight:600 !important;
color:#27364A !important;
}


/*==================================================
6. INPUT FIELDS
==================================================*/

.masteriyo-login-form-wrapper .masteriyo-input{
display:block !important;
width:100% !important;
height:52px !important;
min-height:52px !important;
margin:0 !important;
padding:0 16px !important;
border:1px solid #D9E0E8 !important;
border-radius:10px !important;
outline:none !important;
background:#FFFFFF !important;
color:#172033 !important;
font-family:inherit !important;
font-size:15px !important;
font-weight:400 !important;
line-height:52px !important;
box-shadow:none !important;
transition:
border-color .2s ease,
box-shadow .2s ease,
background-color .2s ease !important;
}


/* Input hover */
.masteriyo-login-form-wrapper .masteriyo-input:hover{
border-color:#B8C4D1 !important;
}


/* Input focus */
.masteriyo-login-form-wrapper .masteriyo-input:focus{
border-color:#174C7E !important;
background:#FFFFFF !important;
box-shadow:0 0 0 4px rgba(23,76,126,.10) !important;
}


/* Autofill */
.masteriyo-login-form-wrapper .masteriyo-input:-webkit-autofill,
.masteriyo-login-form-wrapper .masteriyo-input:-webkit-autofill:hover,
.masteriyo-login-form-wrapper .masteriyo-input:-webkit-autofill:focus{
-webkit-text-fill-color:#172033 !important;
-webkit-box-shadow:0 0 0 1000px #FFFFFF inset !important;
transition:background-color 9999s ease-out 0s !important;
}


/*==================================================
7. REMEMBER ME + FORGOT PASSWORD
==================================================*/

.masteriyo-login-form-wrapper .masteriyo-remember-forgot{
width:100% !important;
margin:2px 0 26px !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:20px !important;
}


/* Remember container */
.masteriyo-login-form-wrapper .masteriyo-remember-me{
margin:0 !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
gap:9px !important;
flex:0 0 auto !important;
}


/* Checkbox */
.masteriyo-login-form-wrapper .masteriyo-remember-me input[type="checkbox"]{
appearance:auto !important;
-webkit-appearance:checkbox !important;
width:17px !important;
height:17px !important;
min-width:17px !important;
margin:0 !important;
padding:0 !important;
cursor:pointer !important;
accent-color:#0B2A4A !important;
box-shadow:none !important;
}


/* Remember label */
.masteriyo-login-form-wrapper .masteriyo-remember-me label{
display:block !important;
margin:0 !important;
padding:0 !important;
font-size:14px !important;
line-height:1.4 !important;
font-weight:500 !important;
color:#344054 !important;
white-space:nowrap !important;
cursor:pointer !important;
}


/* Forgot password container */
.masteriyo-login-form-wrapper .masteriyo-forgot-password{
margin:0 !important;
padding:0 !important;
flex:0 0 auto !important;
text-align:right !important;
}


/* Forgot password link */
.masteriyo-login-form-wrapper .masteriyo-forgot-password a{
display:inline-block !important;
margin:0 !important;
padding:0 !important;
font-size:14px !important;
line-height:1.4 !important;
font-weight:600 !important;
color:#245EA8 !important;
text-decoration:none !important;
white-space:nowrap !important;
transition:color .2s ease !important;
}

.masteriyo-login-form-wrapper .masteriyo-forgot-password a:hover{
color:#0B2A4A !important;
text-decoration:underline !important;
}


/*==================================================
8. SIGN-IN BUTTON
==================================================*/

.masteriyo-login-form-wrapper .masteriyo-btn-wrapper{
width:100% !important;
margin:0 !important;
padding:0 !important;
}


/* Login button */
.masteriyo-login-form-wrapper .masteriyo-login-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
height:54px !important;
min-height:54px !important;
margin:0 !important;
padding:0 24px !important;
border:0 !important;
border-radius:10px !important;
background:#0B2A4A !important;
color:#FFFFFF !important;
font-family:inherit !important;
font-size:15px !important;
font-weight:700 !important;
line-height:1 !important;
text-align:center !important;
text-transform:none !important;
letter-spacing:0 !important;
cursor:pointer !important;
box-shadow:0 10px 24px rgba(11,42,74,.18) !important;
transition:
background-color .2s ease,
transform .2s ease,
box-shadow .2s ease !important;
}


/* Login button hover */
.masteriyo-login-form-wrapper .masteriyo-login-btn:hover{
background:#174C7E !important;
color:#FFFFFF !important;
transform:translateY(-1px) !important;
box-shadow:0 14px 28px rgba(11,42,74,.23) !important;
}


/* Login button active */
.masteriyo-login-form-wrapper .masteriyo-login-btn:active{
transform:translateY(0) !important;
box-shadow:0 7px 18px rgba(11,42,74,.18) !important;
}


/* Login button focus */
.masteriyo-login-form-wrapper .masteriyo-login-btn:focus{
outline:none !important;
box-shadow:
0 0 0 4px rgba(23,76,126,.14),
0 10px 24px rgba(11,42,74,.18) !important;
}
/*==================================================
9. REGISTER SECTION
==================================================*/

.masteriyo-login-form-wrapper .masteriyo-signup{
display:block !important;
width:100% !important;
margin:35px 0 0 !important;
padding:30px 0 0 !important;
background:none !important;
border-top:1px solid #E6ECF2 !important;
text-align:center !important;
color:#344054 !important;
}

/* Register Title */

.masteriyo-login-form-wrapper .masteriyo-signup .masteriyo-title{
margin:0 0 8px !important;
padding:0 !important;
font-size:22px !important;
font-weight:700 !important;
line-height:1.3 !important;
color:#0B2A4A !important;
}

/* Register Text */

.masteriyo-login-form-wrapper .masteriyo-signup span{
display:block !important;
margin:0 0 20px !important;
padding:0 !important;
font-size:15px !important;
line-height:1.6 !important;
color:#667085 !important;
}

/* Register Button */

.masteriyo-login-form-wrapper .masteriyo-signup .masteriyo-btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
height:52px !important;
margin:0 !important;
padding:0 20px !important;
border:none !important;
border-radius:10px !important;
background:#F4F8FC !important;
border:1px solid #D7E2ED !important;
color:#0B2A4A !important;
font-size:15px !important;
font-weight:600 !important;
text-decoration:none !important;
box-shadow:none !important;
transition:all .25s ease !important;
}

.masteriyo-login-form-wrapper .masteriyo-signup .masteriyo-btn:hover{
background:#0B2A4A !important;
border-color:#0B2A4A !important;
color:#FFFFFF !important;
transform:translateY(-1px) !important;
}


/*==================================================
10. ALERTS
==================================================*/

.masteriyo-login-form-wrapper .masteriyo-alert,
.masteriyo-login-form-wrapper .masteriyo-notify-message{
margin-top:20px !important;
padding:14px 16px !important;
border-radius:10px !important;
font-size:14px !important;
}


/*==================================================
11. LINKS
==================================================*/

.masteriyo-login-form-wrapper a{
transition:all .2s ease !important;
}

.masteriyo-login-form-wrapper a:hover{
text-decoration:none !important;
}


/*==================================================
12. TABLET
==================================================*/

@media (max-width:768px){

.masteriyo-login-form-wrapper{
margin:35px 20px !important;
padding:0 !important;
}

.masteriyo-login-form-wrapper .masteriyo-login{
padding:32px 28px !important;
}

.masteriyo-login-form-wrapper .masteriyo-login .masteriyo-title{
font-size:26px !important;
}

.masteriyo-login-form-wrapper .masteriyo-remember-forgot{
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
}

.masteriyo-login-form-wrapper .masteriyo-forgot-password{
text-align:left !important;
}

}


/*==================================================
13. MOBILE
==================================================*/

@media (max-width:480px){

.masteriyo-login-form-wrapper{
margin:25px 15px !important;
border-radius:16px !important;
}

.masteriyo-login-form-wrapper .masteriyo-login{
padding:24px 20px !important;
}

.masteriyo-login-form-wrapper .masteriyo-login .masteriyo-title{
font-size:24px !important;
}

.masteriyo-login-form-wrapper .masteriyo-label{
font-size:13px !important;
}

.masteriyo-login-form-wrapper .masteriyo-input{
height:48px !important;
min-height:48px !important;
font-size:14px !important;
}

.masteriyo-login-form-wrapper .masteriyo-login-btn{
height:50px !important;
font-size:15px !important;
}

.masteriyo-login-form-wrapper .masteriyo-signup{
margin-top:28px !important;
padding-top:24px !important;
}

.masteriyo-login-form-wrapper .masteriyo-signup .masteriyo-title{
font-size:20px !important;
}

.masteriyo-login-form-wrapper .masteriyo-signup span{
font-size:14px !important;
}

.masteriyo-login-form-wrapper .masteriyo-signup .masteriyo-btn{
height:48px !important;
font-size:14px !important;
}

}


/*==================================================
14. ANIMATIONS
==================================================*/

.masteriyo-login-form-wrapper,
.masteriyo-login-form-wrapper .masteriyo-input,
.masteriyo-login-form-wrapper .masteriyo-login-btn,
.masteriyo-login-form-wrapper .masteriyo-signup .masteriyo-btn{
transition:all .25s ease;
}

/* Login page Divi spacing */

#main-content .et_pb_section_0{
padding-top:0 !important;
padding-bottom:20px !important;
}

#main-content .et_pb_row_0{
width:100% !important;
max-width:none !important;
padding-top:0 !important;
padding-bottom:0 !important;
margin-top:0 !important;
margin-bottom:0 !important;
}

#main-content .et_pb_text_0,
#main-content .et_pb_text_inner{
margin-top:0 !important;
padding-top:0 !important;
}

#main-content .et_pb_text_inner > p:first-child{
display:none !important;
}