body:not(.interim-login) {
        		background-image: url(https://my.thesafari.app/ssmedia/2026/01/sfr_commbgall2.webp);
	                background-size: cover;
	                background-position: center center;
	                background-repeat: no-repeat;        	}

        	.login:not(.interim-login) #login {
        		box-sizing: border-box;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				background: rgba(255,255,255,.8);
        		        		width: 50vw;				height: 100%;;
				padding: 20px 10%;;
				margin-left: auto;;
				margin-right: 0;;
				border-radius: 0;;
				background: rgba(255, 255, 255, 0.7);;
				;
        	}
        	
        	#login_error,
        	.login .message, 
        	.login .notice, 
        	.login .success {
        		margin-top: 20px;
        		margin-bottom: 0;
        		color: #3c434a;
        	}
        	
        	.login:not(.interim-login) h1 a,
        	.login:not(.interim-login) h1.sfr-login-logo a {
        		margin: 0 auto;
        		background-image: url(https://my.thesafari.app/ssmedia/2023/04/safari-logo-start.png) !important;background-size: 250px 200px !important;width: 250px !important;height: 200px !important;;
        	}
        	
        	.login:not(.interim-login) #login form {
        		border: none;
        		border-radius: 4px;
        		box-shadow: none;
        		margin-top: 0;
        		padding: 24px;
        		background: transparent;
        	}
        	        	
        	.login:not(.interim-login) label,
        	#login form .indicator-hint, 
        	#login #reg_passmail {
				;
        	}
        	
        	.login:not(.interim-login) .forgetmenot label {
        	}
        	
        	.login:not(.interim-login) input[type="text"],
        	.login:not(.interim-login) input[type="password"] {
        		
        	}
        	
        	.sfr-core-ui #sfr-submit.button-primary {
        		color: #fff; background: #dd3333; border-color: #dd3333;;
        	}

        	.sfr-core-ui #sfr-submit.button-primary:hover {
        		color: #fff; background: #bc2c2c; border-color: #bc2c2c;;
        	}
        	
        	.forgetmenot {
        		display: none;;
        	}
        	
        	.login:not(.interim-login) #nav {
        		margin: 0 0 16px;
        		;
        	}
        	
        	.login:not(.interim-login) #backtoblog {
        		display: none;;        		
        	}
        	
        	.login:not(.interim-login) #nav a, 
        	.login:not(.interim-login) #backtoblog a,
        	.login:not(.interim-login) .privacy-policy-page-link a {
        		text-decoration: none;
        		color: #50575e        	}

        	.login:not(.interim-login) #nav a:hover, 
        	.login:not(.interim-login) #backtoblog a:hover,
        	.login:not(.interim-login) .privacy-policy-page-link a:hover {
        		text-decoration: underline;
        	}
        	
        	.login .privacy-policy-page-link {
        		margin: 0;
        	}
        	
        	.login:not(.interim-login) #backtoblog {
        		margin: 0 0 16px;
        	}
        	
        	.language-switcher {
				padding: 8px 0 24px;;
        	}

        	.login:not(.interim-login) #login form#language-switcher {
        		padding: 0;
        	}
        	
        	.login:not(.interim-login) .message.register {
				border-left: 0;
				background: transparent;
				box-shadow: none;
				margin-top: 20px;
				margin-bottom: 0;
				padding: 0;
				font-size: 16px;
				font-weight: 500;
        	}
        	        	
        	@media (max-width: 782px) {        		
        		.login:not(.interim-login) #login {
        			width: 348px;
        			padding: 5% 0 0;
        			margin: 80px auto auto;
        			height: auto;
        		}        		
        	}

        	@media (max-height: 480px) {        		
        		.login:not(.interim-login) #login {
        			height: auto;
        		}        		
        	}