/*----------------------------------------------------------------- */
/* LOGIN
/*----------------------------------------------------------------- */

html {
	font-size: 62.5%;
	line-height: normal; /* fix normalize.css */

	position: relative;

	box-sizing: border-box;
	min-height: 100%;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	font-family: sans-serif;
	font-size: 1.6rem;

	text-align: left;

	color: #12161e;
	background: #12161e;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
	transition: 0.5s;
	text-decoration: none;

	color: #12161e;
}

a:hover {
	text-decoration: none;

	color: #cdbaa7;
}

p {
	margin: 0;
}

/* --- FORMS --- */
label {
	font-size: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea {
	font-family: "Arial", sans-serif; /* fix normalize.css */
	font-size: 1.6rem;
	line-height: 40px;

	position: relative;

	display: block;

	width: 100%;
	height: 40px;
	padding: 0 10px;

	transition: 0.3s;

	border: 1px solid #d3d3d3;
	background: #fbfbfb;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

textarea {
	line-height: normal;

	height: 300px;
	padding: 5px 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
textarea:focus {
	z-index: 1;

	border-color: #cdbaa7;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

button,
input[type="submit"] {
	font-family: "Arial", sans-serif; /* fix normalize.css */
	font-size: 1.6rem; /* fix normalize.css */
	line-height: normal; /* fix normalize.css */

	padding: 0;

	cursor: pointer;
	transition: 0.5s;

	border: none;
	background: none;
}

button:hover,
input[type="submit"]:hover {
	text-decoration: underline;
}

button:focus,
input[type="submit"]:focus {
	outline: none;
}

input[type="submit"] {
	font-size: 1.8rem;
	font-weight: 600;

	display: block;

	width: 100%;
	height: 40px;

	color: #fff;
	border: none;
	border-radius: 5px;
	background: #cdbaa7;
}

input[type="submit"]:hover {
	text-decoration: none;

	background: #96826f;
}

/* ------------------------------ LOGIN FORM ------------------------------ */
#login {
	position: fixed;
	top: 50%;
	left: 50%;

	max-width: 360px;
	margin-top: -40px;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.login h1 {
	font-size: 0;

	margin: 0 0 30px 0;

	text-align: center;
}

.login h1 a {
	font-size: 0;

	display: inline-block;

	width: 72px;
	height: 80px;

	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="72" height="80"><path d="M36.958 80.031h-2.029L.113.032h2.479l12.507 28.62h41.803L69.41.032h2.479L36.958 80.031zM16.112 30.906l19.83 45.86L56 30.906H16.112z" style="fill: %23cdbaa7;" /></svg>');
}

#login form {
	padding: 5px 24px 24px 24px;

	border-radius: 10px;
	background: #fff;
}

#user_login {
	border-radius: 7px 7px 0 0;
}

#lostpasswordform #user_login {
	margin-bottom: 15px;

	border-radius: 7px;
}

#user_pass,
#user_email {
	margin-top: -19px;

	border-radius: 0 0 7px 7px;
}

#user_pass {
	padding-right: 36px;
}

.user-pass-wrap .wp-pwd {
	position: relative;
}

.user-pass-wrap .wp-pwd .button.wp-hide-pw {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 10px;
	bottom: 0;

	display: inline-block;

	width: 19px;
	height: 11px;
	margin: auto 0;

	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="11"><path fill="%23cdbaa7" d="M17.801 4.36C14.5-.24 8-1.34 3.4 2.06c-1.2.9-2.2 2.1-3 3.4.2.4.5.801.8 1.199 3.3 4.602 9.6 5.602 14.2 2.4.9-.699 1.699-1.4 2.4-2.4.3-.398.501-.799.8-1.199-.299-.4-.5-.801-.799-1.1zm-8.2-2.3c.499-.5 1.3-.5 1.8 0s.5 1.3 0 1.8-1.301.5-1.8 0c-.5-.5-.5-1.3 0-1.8zM9.5 9.761c-3.1 0-6-1.602-7.7-4.201 1.2-1.7 2.8-2.9 4.7-3.5-.699.8-1 1.7-1 2.7 0 2.2 1.701 4.101 4 4.101 2.201 0 4.1-1.701 4.1-4V4.76c0-1-.398-2-1.1-2.7 1.9.6 3.5 1.8 4.701 3.5C15.5 8.159 12.6 9.761 9.5 9.761z"/></svg>');
}

.login .caps-warning {
	display: none;
}

.forgetmenot {
	margin: 10px 0 11px 0;
}

.forgetmenot label {
	font-size: 1.4rem;

	position: relative;

	display: inline-block;

	padding-left: 24px;

	cursor: pointer;
}

.forgetmenot #rememberme {
	display: none;
}

.forgetmenot label:before {
	position: absolute;
	top: 0;
	left: 0;

	width: 17px;
	height: 17px;

	content: "";

	border: 1px solid #d3d3d3;
	border-radius: 50%;
	background: #fbfbfb;
}

.forgetmenot label:after {
	position: absolute;
	top: 5px;
	left: 5px;

	display: block;

	width: 7px;
	height: 7px;

	content: "";
	transition: 0.5s;

	border-radius: 50%;
	background: transparent;
}

.forgetmenot #rememberme:checked + label:after {
	background: #cdbaa7;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 8px rgba(205, 186, 167, 0.6);
}

.login #login_error,
.login .message {
	font-size: 1.6rem;
	line-height: 2.2rem;

	top: -40px;
	left: 0;

	width: 100%;
	margin-bottom: 15px;
	padding: 10px;

	text-align: center;

	color: #fff;
	border-radius: 8px;
}

.login .message {
	color: #8a6d3b;
	border: none;
	background: #faf2cc;
}

.login #login_error {
	border: none;
	background: #dd3d36;
}

.login #login_error a {
	text-decoration: underline;

	color: #fff;
}

.login #nav {
	margin-top: 15px;
	padding: 13px 24px;

	text-align: center;

	border-radius: 10px;
	background: #fff;
}

.login #nav a {
	margin: 0 5px;
}

#backtoblog,
#reg_passmail {
	display: none;
}

@media (max-height: 280px) {
	.login #nav {
		display: none;
	}
}