/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 06 2025 | 17:28:38 */
/* Subscriber login screen ------------------------------------------------------------------- */

body.login-action-login {
	background-color: #000000;
	text-align: center;
	background-image: url(/wp-content/uploads/text-3dpeoplelicence-url-lowercase.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 48%;
	overflow: hidden;
}
body.login-action-login::before {
	content: '';
	display: block;
	width: 100%;
	height: 130%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(/wp-content/uploads/Header_Web_James_fine_beauty_dark.webp);
	background-repeat: no-repeat;
	background-position: 80% 0;
	background-size: contain;
}
body.login-action-login #login {	
	position: absolute;
	left: 20vw;
	bottom: 15vh;
	width: 25vw;
    min-width: 280px;
    max-width: 480px;
}
body.login-action-login #login #nav {
	border-top: #0074beaa 1px solid;
    padding: 5px 0 0 0;
    margin: 0 20px !important;
}
body.login-action-login #login #nav a {
	color: #0074be;
}


body.login-action-login .wp-login-logo,
body.login-action-login #backtoblog,
body.login-action-login .language-switcher {
	display: none;
}
body.login-action-login #loginform {
	background-color: rgba(0,0,0,0);
	border: none;
	text-align: left;
	margin-bottom: -5px;
}
body.login-action-login #loginform label {
	color: white;
	font-size: 20px;
}
body.login-action-login #loginform input {
	background: #0074be;
	border: none;
}

@media (max-width: 1800px) {
	body.login-action-login::before { background-position: 90% 0; background-size: 60%; }
}
@media (max-width: 1600px) {
	body.login-action-login::before { background-position: 100% 0; background-size: 65%; }
}
@media (max-width: 1400px) {
	body.login-action-login::before { background-position: 110% 0; background-size: 70%; }	
	body.login-action-login #login { left: 15vw; bottom: 10vh; }
}