
.woocommerce-account .login .form-row,
.woocommerce-account .login .lost_password {
	width: 55%;
	margin: 0 auto 5px auto;
}

.woocommerce-account .ml-wc-login-social-login-separator {
	display: block !important;
}

.woocommerce-account .wc-social-login {
	text-align: center
}

.woocommerce-account a.button-social-login {
	display: block;
	border-radius: 20px;
	width: 300px;
	margin: 0 auto 1em auto;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.woocommerce-account a.button-social-login.button-social-login-facebook:hover,
.woocommerce-account a.button-social-login:hover span.si.si-facebook,
.woocommerce-account a.button-social-login:focus span.si.si-facebook {
	background-color: #253860;
}

.woocommerce-account a.button-social-login.button-social-login-google:hover,
.woocommerce-account a.button-social-login:hover span.si.si-google {
	background-color: #253860;
}

.woocommerce-account a.button-social-login span.si {
	float: left;
	margin: 0 0 0 1em;
	height: 2.5em;
}

.woocommerce-account .button-social-login span.si-google,
.woocommerce-account .button-social-login span.si-facebook,
.woocommerce-account a.button-social-login:focus span.si.si-google,
.woocommerce-account a.button-social-login:focus span.si.si-facebook {
	background-color: transparent;
	background-position-y: 5px;
}

.woocommerce-account .button-social-login span.si-facebook {
	background-image: url(../img/icon-social-login-btn-facebook.png);
}

.woocommerce-account .button-social-login span.si-google {
	background-image: url(../img/icon-social-login-btn-google.png);
}

@media (max-width: 550px) {
	.woocommerce-account a.button-social-login {
		max-width: calc(100% - 10px);
	}
	.woocommerce-account .login .form-row,
	.woocommerce-account .login .lost_password {
		width: auto;
	}
}

@media (max-width: 400px) {
	.woocommerce form.login {
		padding: 10px;
	}
}