@charset "utf-8";
/* CSS Document */

@media (min-width: 576px) {  }


@media (min-width: 768px) { }


@media (min-width: 992px) { }


@media (min-width: 1200px) { }


@media (min-width: 1400px) { }


body {
	background: #181818;
	background: url(https://seing.cloud/wp-content/uploads/2023/01/eyecon-darker.svg) fixed, #181818 !important;
    background-size: 87vw 87vh !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}	

#login {
    min-width: auto;
    margin: 0 auto;
	box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 60px 20px;
    background: rgba(51, 51, 51, 0.5) !important;
}


@media (min-width: 768px) {
	#login {
		padding: 60px;
	}
}

#login h1 a, 
.login h1 a {
    background-image: url(https://seing.cloud/wp-content/uploads/2023/01/logo-300px.png);
    height: 35px;
    width: 150px;
    background-size: 150px 35px;
    background-repeat: no-repeat;
    padding-bottom: 0;
    margin: 0 auto;
}

.login form {
    background: rgba(51, 51, 51, 0) !important;
	border: 0px solid #000;
}

.login form .input,
.login input[type=password], 
.login input[type=text] {
    font-size: 16px;
	color: #fff;
}

.login form .input, 
.login form input[type=checkbox], 
.login input[type=text] {
    background: rgba(255,255,255,0.1);
    border: 0;
	box-shadow: none !important;
}

.login .button.wp-hide-pw .dashicons {
    color: #777;
}

.login .button.wp-hide-pw:focus {
    background: 0 0;
    border-color: transparent;
    box-shadow: none;
    outline: 0px solid transparent;
}

.login form .input:focus {
    border-radius: 0px;
    background: #fff;
	color: #444444;
}

.login label {
	font-size: 12px;
    color: #dddddd;
    text-transform: uppercase;
	margin-bottom: 10px;
}

#login form p {
    margin-bottom: 0;
    color: #cccccc;
}

a.privacy-policy-link {
    color: #ddd;
    text-decoration: none;
}

input#wp-submit {
    background: #28a745 !important;
	padding: 6px 12px;
	border-radius: 6px;
	width: 100%;
	border: none !important;
    box-shadow: none !important;
	font-size: 16px;
	line-height: 24px;
	margin-top: 10px;
}


.login-action-lostpassword input#wp-submit {
	margin-top: 0px;
}


.wp-generate-pw {
    background: #28a745 !important;
	padding: 6px 12px !important;
	border-radius: 6px !important;
	color: #ffffff !important;
	border: 0px !important;
	width: 100%;
	box-shadow: none !important;
	font-size: 16px;
	line-height: 24px;
	margin-top: 10px;
}

input#wp-submit:hover,
.wp-generate-pw:hover {
	background: #218838 !important;
}


.login #nav {
    color: #dddddd;
    text-transform: uppercase;
    display: flex;
    justify-content: space-around;
}

.login form .input,
.login input[type=password], 
.login input[type=text] {
    border-radius: 0px;
}

.login-action-lostpassword #nav {
    display: none;
}


.login #login_error, .login .message, .login .success {
    border-left: 0px solid #72aee6;
    padding: 12px;
    background-color: rgba(255,255,255,0.1);
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
    word-wrap: break-word;
    color: #ddd;
    margin: 20px 0 0;
	text-align: center;
}

.login #backtoblog a,
.login #nav a {
    color: #dddddd;
    font-size: 12px;
}

.login #nav a:first-of-type {
    display: none;
}

.login #backtoblog a:hover, 
.login #nav a:hover, 
.login h1 a:hover {
    color: #ffffff;
}



.login #backtoblog {
    display: block;
    text-align: center;
	margin-bottom: 0;
}

.privacy-policy-page-link {
    display: none;
}


input[type=checkbox]:checked::before {
    content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E);
    margin: -0.1875rem 0 0 -0.25rem;
    height: 1.3125rem;
    width: 1.3125rem;
}


#login-message a,
#login_error a {
    color: #ffffff;
}

.portal-login {
    color: #dddddd;
    margin: 30px 0 0;
    padding: 0 24px;
}

.portal-login a {
    color: #dddddd;
	text-decoration: underline;
}

.portal-login a:hover {
    color: #ffffff;
	text-decoration: none;
}