body.login {
	background: #f7f7f7 url('./images/baas-login-bg.jpg');
	background:  url("https://bacardi.baasamsterdam.com/wp-content/themes/adios-child/assets/images/baas-login-bg.jpg");
	background-size: cover;
	background-position: center center;
}
.login h1 a{
	display: none;
}

.wp-core-ui .button-primary{
	background: #21ae88; 
	border: none;
	text-shadow: none;
}

.wp-core-ui .button-primary:hover{
	background-color: #000;
}

.login #backtoblog a,
.login #nav a {
	color:#999
}

.login #backtoblog a:hover,
.login #nav a:hover{
	color:#777
}




body.login-password-protected {
	display:  flex;
	min-height:  100vh;
	width:  100vw;
    justify-content: center;
    align-items: center;
}

body.login-password-protected #login {
	width: calc(100% - 40px);
	max-width: 450px;
	margin-left:  20px;
	margin-right:  20px;
	padding:  0;
}

.wrap-login {
	background: white;
	width: calc(100% - 24px);
	display: flex;
	flex-direction: column;

	border: solid 6px white;
  	padding: 6px;
  	background-clip: content-box;
}
.wrap-login #loginform {
	background:  none;
	border:  none;
	box-shadow:  none;
	padding: 30px 20px;
}
.wrap-login p.intro {
	margin: 0 30px 30px 30px;
	text-transform:  uppercase;
	text-align:  center;
	font-weight:  600;
}
.wrap-login p.intro:first-of-type {
	margin-top:  60px;
}
.wrap-login p.intro:last-of-type {
	margin-bottom:  0;
}
.wrap-login #loginform label {
    margin-bottom: 15px;
    width: 100%;
}

@media only screen and (min-width: 450px) {
	.wrap-login #loginform {
		padding: 30px 90px;
	}
}