/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 12 2024 | 12:49:36 */
/* Login */ 

:root {
	--logo: url(https://mobishout.io/wp-content/uploads/2024/05/flat.svg);
	--color_primary: #0099ff;
	--color_text: rgba(0, 11, 18, 0.8);
	--color_neutral: #fff;
	--bg_primary: #0099ff;
	--bg_hover: #005A95;
	--bg_login: #fff;
	--bg_input: rgba(0, 11, 18, 0.02);
	--bg_input-status: #fff;
	--border_input: rgba(0, 11, 18, 0.37);
	--border_input-status: rgba(0, 11, 18, 0.67);
	--border_primary: #0099ff;
}

.login h1 a {
	display: none;
}

form#loginform:before {
	background-image: var(--logo);
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    content: '';
    margin-bottom: 40px;
}

.login form {
	border: unset;
	border-radius: 18px;
	box-shadow: unset;
}

body.login {
	background: var(--bg_login);
}

.login form .input, .login input[type=password], .login input[type=text] {
	font-size: 18px;
}

.login form .input, .login form input[type=checkbox], .login input[type=text] {
    background-color: var(--bg_input);
    border-color: var(--border_input);
    box-shadow: unset;
    appearance: auto;
}
.login form .input:focus, .login form input[type=checkbox]:focus, .login input[type=text]:focus, .login form .input:hover, .login form input[type=checkbox]:hover, .login input[type=text]:hover, .login form .input:active, .login form input[type=checkbox]:active, .login input[type=text]:active {
    background-color: var(--bg_input-status);
    border-color: var(--border_input-status);
    box-shadow: unset;
    appearance: auto;
}

.login form .forgetmenot {
	float: none;
	margin-top: 20px;
}

.login .button-primary {
	background: var(--bg_primary) !important;
	border-color: var(--bg_primary) !important;
	float: none;
	margin-top: 20px;
	width: 100%;
	height: 40px;
    border-radius: 4px;
}

.login .button-primary:focus,
.login .button-primary:hover,
.login .button-primary:active {
	background: var(--bg_hover) !important;
	border-color: var(--bg_hover) !important;
	box-shadow: none !important;
	outline: none !important;
}

.login #backtoblog,
.login #nav {
	text-align: center;
}

.login #backtoblog a,
.login #nav a,
.login .privacy-policy-page-link a {
	color: var(--color_text) !important;
	text-decoration: none;
}

.login #backtoblog a:focus,
.login #backtoblog a:active,
.login #backtoblog a:hover,
.login #nav a:focus,
.login #nav a:active,
.login #nav a:hover,
.login .privacy-policy-page-link a:focus,
.login .privacy-policy-page-link a:active,
.login .privacy-policy-page-link a:hover {
	color: var(--color_primary) !important;
	outline: none;
	box-shadow: none;
}

.wpml-login-ls .button {
	background: var(--bg_login);
	color: var(--color_text);
	border-color: var(--border_input-status);
}

.wpml-login-ls .button:hover,
.wpml-login-ls .button:focus,
.wpml-login-ls .button:active {
	background: var(--bg_primary);
	color: var(--color_neutral);
	border-color: var(--border_primary);
	box-shadow: none;
	outline: none;
}