/**
 * Styles for the sign in page
 *
 * body_class: sign-in bg-light
 *
 * @author      Jim Mock
 * @copyright   2021, ON1
 */

/*------------------------------------------------------------------------------
 * Content
 -----------------------------------------------------------------------------*/
html {
	background: url(https://ononesoft.cachefly.net/wp-content/themes/on1/images/sign-in/background@2x.jpg) center center no-repeat fixed;
	background-size: cover;
}

body.bg-light { background: transparent !important; }
body.sign-in #site-main { background: transparent !important; }

/*
body.sign-in {
	background: url(https://ononesoft.cachefly.net/wp-content/themes/on1/images/sign-in/background@2x.jpg) center center no-repeat;
	background-size: cover;
	width: 100%;
}
*/

/*
@media (max-width: 575.98px) {
	body.sign-in {
		background: url(https://ononesoft.cachefly.net/wp-content/themes/on1/images/sign-in/background.jpg) center center no-repeat ;
		background-size: cover;
	}
}
*/

body.sign-in #site-main { background: transparent !important; }
body.sign-in #login .login-form-wrapper h2 { line-height: 1.2; }

body.sign-in #loginform label {
	color: #7c7c7d;
	font-size: 0.875rem;
}

body.sign-in #loginform .login-username label, body.sign-in #loginform .login-password label { display: none; }
body.sign-in #loginform .form-row, body.sign-in #loginform .form-group { margin-bottom: 1.5rem; }
body.sign-in #loginform .form-row .form-group { margin-bottom: 0; }

body.sign-in #loginform .form-control {
	border: 1px solid #eaeaea;
	border-left: none;
	border-radius: 0;
	border-right: none;
	border-top: none;
	color: #303030;
}

body.sign-in #loginform .form-control:focus { border-color: #0a7efa; }

body.sign-in #loginform .form-control.is-valid, body.sign-in #loginform.was-validated .form-control:valid {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2321ce6e' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	border-color: #21ce6e;
}

body.sign-in #loginform .form-control.is-invalid, body.sign-in #loginform.was-validated .form-control:invalid {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff3d57' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff3d57' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
	border-color: #ff3d57;
}

body.sign-in #loginform .form-control.is-valid:focus, body.sign-in #loginform.was-validated .form-control:valid:focus, body.sign-in #loginform .form-control.is-invalid:focus, body.sign-in #loginform.was-validated .form-control:invalid:focus { box-shadow: none; }
body.sign-in #loginform .form-check-input { margin-top: -0.25rem; }
body.sign-in #loginform .login-submit { margin-bottom: 0; }


/*
body.sign-in #site-main { background: transparent; }
body.sign-in #site-main .login-form-wrapper h2 { line-height: 1.2; }

body.sign-in #loginform label {
	color: #7c7c7d;
	font-size: 0.875rem;
}

body.sign-in #loginform .login-username label, body.sign-in #loginform .login-password label { display: none; }
body.sign-in #loginform .form-row, body.sign-in #loginform .form-group { margin-bottom: 1.5rem; }
body.sign-in #loginform .form-row .form-group { margin-bottom: 0; }

body.sign-in #loginform .form-control {
	border: 1px solid #eaeaea;
	border-left: none;
	border-radius: 0;
	border-right: none;
	border-top: none;
	color: #303030;
}

body.sign-in #loginform .form-control:focus { border-color: #0a7efa; }

body.sign-in #loginform .form-control.is-valid, body.sign-in #loginform.was-validated .form-control:valid {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2321ce6e' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	border-color: #21ce6e;
}

body.sign-in #loginform .form-control.is-invalid, body.sign-in #loginform.was-validated .form-control:invalid {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff3d57' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff3d57' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
	border-color: #ff3d57;
}

body.sign-in #loginform .form-control.is-valid:focus, body.sign-in #loginform.was-validated .form-control:valid:focus, body.sign-in #loginform .form-control.is-invalid:focus, body.sign-in #loginform.was-validated .form-control:invalid:focus { box-shadow: none; }
body.sign-in #loginform .form-check-input { margin-top: -0.25rem; }
body.sign-in #loginform .login-submit { margin-bottom: 0; }
body.sign-in #site-main .lost-pass { border-top: 1px solid #eaeaea; }
*/