@charset "UTF-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
/* CSS Document */

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

/* body, html {
	height: 100%;
} */

body.login {
	/* position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: auto; */
	/* background: #19a4db;
	background: -moz-linear-gradient(top,  #0e6081 0%, #5cbae0 33%, #11769e 100%);
	background: -webkit-linear-gradient(top,  #0e6081 0%, #5cbae0 33%, #11769e 100%);
	background: linear-gradient(to bottom,  #0e6081 0%, #5cbae0 33%, #11769e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39aedd', endColorstr='#19a4db',GradientType=0 ); */
	background-color: #fff;
	font-family: "Spoqa Han Sans Neo", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.6;
	font-weight: 400;
	color: #2E2E2E;
	transition: opacity 0.5s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: auto;
	min-height: 100%;
	/* max-height: 1024px; */

	@media screen and ( min-height: 1024px ) {
		justify-content: center;

		.wp-login-logo {
			padding: 5rem 1rem;
		}
	}

	> *:not(.header):not(#login):not(.wp-login-logo) {
		display: none;
		/* height: 0;
		overflow: hidden; */
	}
}

body:not(.loaded) {
	opacity: 0;
}

/* body:before {
	content: "";
	background-color: #fff;
	background-image: url("../images/login_background.png");
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	filter: blur(4px);
	opacity: 0.24;
} */

body.login #backtoblog a,
body.login #nav a {
    color: #2E2E2E;
	padding: 0.2em 0.4em;
	margin: 0 0.2em;
	border-radius: 5px;
	transition: all 0.125s ease-in-out;
}

body.login #backtoblog a:hover,
body.login #backtoblog a:focus,
body.login #nav a:hover,
body.login #nav a:focus {
    color: #2E2E2E !important;
	background-color: #E3ECF5;
	outline: none !important;
	box-shadow: none !important;
}

body.login #nav a:first-child:hover,
body.login #nav a:first-child:focus {
    color: #007EFF !important;
}

.header,
.footer {
	/* position: absolute;
	left: 0;
	right: 0; */
	padding: 2rem 1rem;
}

.header {
	/* top: 0; */
	text-align: center;
	line-height: 1;
	z-index: 11;

	.wrap {
		max-width: 320px;
		margin: auto;
		text-align: right;
		display: flex;
		justify-content: space-between;
		align-items: center;

		a {
			color: #9A9A9A !important;
			text-decoration: none;
			font-size: 0.8125rem !important;
			line-height: 1 !important;
			padding: 0 !important;
			margin: 0 !important;
			transition: all 0.125s ease-in-out !important;

			&:hover,
			&:focus {
				color: #2E2E2E !important;
				background-color: transparent !important;
				outline: none;
				box-shadow: none;
			}
		}
	}
}

.footer {
	bottom: 0;
	display: none;
}

.header:before,
.header:after,
.footer:before,
.footer:after {
	line-height: 1;
	font-size: 1vw;
}

/* .header:before {
	content: "";
	background-image: url("../images/symbol_black.png");
	background-repeat: no-repeat;
	background-size: contain;
  	display: inline-block;
	width: 52px;
	height: 52px;
} */

/* .header:after {
	content: "";
	color: rgba(255,255,255,0.88);
	float: right;
} */

.footer:before {
	content: "© Since 2023 MEMOMENT Co. All Right Reserved.";
	color: rgba(255,255,255,0.88);
	display: block;
	width: 100%;
	text-align: right;
}

/* 1600px - 100em */
@media screen and ( min-width: 100em ) {
	.header:before,
	.header:after,
	.footer:before,
	.footer:after {
		font-size: 1em;
	}
}

form label {
	/* color: #fff; */
	display: none !important;
}

.login .pw-weak label {
	color: #fff;
	display: inline-block;
}

.login .forgetmenot label {
	display: inline-block;
}

.wp-core-ui .button-primary {
	background: #007EFF;
	border-color: #007EFF;
	font-weight: 500;
	font-size: 14px;
	line-height: 1 !important;
	-webkit-transition: all 0.125s ease-in-out;
	transition: all 0.125s ease-in-out;
	outline: none !important;
	box-shadow: none !important;
	width: 100%;
	border-radius: 5px;
	float: none;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: #003697;
	border-color: #003697;
}

.login form .input,
.login input[type="password"],
.login input[type="text"] {
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	display: block;
	font-size: 1rem;
	padding: 0 1em;
	line-height: 1.5;
	width: 100%;
	border-color: transparent;
	border-radius: 0;
	margin: 0;
	color: #444;
	min-height: 48px;
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
}

.login input[type="text"]:focus,
.login input[type="email"]:focus,
.login input[type="url"]:focus,
.login input[type="password"]:focus,
.login input[type="search"]:focus,
.login input[type="number"]:focus,
.login input[type="tel"]:focus,
.login input[type="range"]:focus,
.login input[type="date"]:focus,
.login input[type="month"]:focus,
.login input[type="week"]:focus,
.login input[type="time"]:focus,
.login input[type="datetime"]:focus,
.login input[type="datetime-local"]:focus,
.login input[type="color"]:focus,
.login textarea:focus {
	color: #000;
}

.login form .input,
.login form input[type=checkbox],
.login input[type=text] {
  background: #fff;
}

.login #login_error,
.login .message {
  background-color: #e8fbcb;
  font-size: 0.85em;
  padding: 3.8% 4%;
  border-radius: 5px;
  position: relative;
  /* bottom: 100%;
  left: 0;
  right: 0; */
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  margin-bottom: 1.5em;
  color: #444;
  margin: 1rem 1rem 0 1rem;
  border: none;
  text-align: center;
}

.login #login_error a,
.login .message a {
	color: #000;
}

.login #login_error:before,
.login #login_error:after,
.login .message:before,
.login .message:after {
  content: "";
  display: block;
  border-width: 8px;
  border-style: solid;
  border-color: #e8fbcb transparent transparent transparent;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -8px;
}

.login #login_error:before,
.login .message:before{
  border-color: rgba(0,0,0,0.15) transparent transparent transparent;
  bottom: -17px;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #959595;
	color: rgba(0,0,0,0.33);
	font-family: "Spoqa Han Sans Neo", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
	font-size: 14px;
	font-weight: 400;
}

::-moz-placeholder {
	color: #959595;
	color: rgba(0,0,0,0.33);
	font-family: "Spoqa Han Sans Neo", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
	font-size: 14px;
	font-weight: 400;
}

::-moz-placeholder {
	color: #959595;
	color: rgba(0,0,0,0.33);
	font-family: "Spoqa Han Sans Neo", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
	font-size: 14px;
	font-weight: 400;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

::-ms-input-placeholder {
	color: #959595;
	color: rgba(0,0,0,0.33);
	font-family: "Spoqa Han Sans Neo", "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
	font-size: 14px;
	font-weight: 400;
}

#login {
	position: relative;
	z-index: 10;
	padding: 0;
	padding-bottom: 2rem;
	width: 100%;
	max-width: 360px;
	margin: 0 auto;

	> #backtoblog {
		display: none;
	}
}

h1.wp-login-logo {
	font-size: 1.25rem;
	font-weight: 500;
	/* margin-top: -98px; */
	text-align: left;
	padding: 1rem;
	/* padding-bottom: 5rem; */
	margin-bottom: 0.6em;
	width: 100%;
	max-width: 360px;
    margin: 0 auto;
	box-sizing: border-box;

	a {
		display: none;
	}

	.logo {
		line-height: 0;
		margin-bottom: 1em;

		&:before {
			content: "";
			background-image: url("../images/symbol_black.png");
			background-repeat: no-repeat;
			background-size: contain;
			display: inline-block;
			width: 60px;
			height: 60px;
		}
	}
}

#login > form {
	background: transparent !important;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 1rem;
	padding-bottom: 0;

	> *:not(.user-login-wrap) {
		transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
	}

	&#loginform {
		padding: 0 1rem;
		overflow: hidden;

		> *:not(.user-login-wrap) {
			max-height: 48px;
			opacity: 1;
		}

		&:not(.active) {
			> *:not(.user-login-wrap) {
				max-height: 0;
				opacity: 0;
			}
		}
	}
}

#login .field-wrap {
    margin-bottom: 0;
	position: relative;
}

#login .field-wrap input.tml-field {
	border-color: transparent;
	border-radius: 0;
	background-color: #fff;
}

#login .field-wrap {
	border: 1px solid #DBDDDF;
	border-radius: 0;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

#login .field-wrap.focus {
	border: 1px solid #2E2E2E;
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
	z-index: 1;
}

#login .field-wrap:not(.tml-submit-wrap) {
	border-radius: 4px;
	overflow: hidden;
}

#login .field-wrap.user-login-wrap {
	position: relative;
	border-radius: 5px !important;

	input {
		background-color: #eee;
		transition: all 0.125s ease-in-out;

		/* &:focus {
			background-color: #fff;
		} */
	}
	
	&:before {
		content: "";
		background-image: url("../images/symbol_black.png");
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
		width: 25px;
		height: 25px;
		position: absolute;
		left: 12px;
		top: 12px;
		cursor: pointer;
	}

	&:after{
		content: '이메일 로그인';
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		cursor: pointer;
	}
}

#loginform {
	/* transition: all 0.125s ease-in-out; */

	&:before {
		content: '';
		height: 0px;
		opacity: 0;
		overflow: hidden;
		width: 100%;
		display: block;
		background-color: #eee;
		transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
	}

	&.active {
		&:before {
			height: 1px;
			margin: 1rem 0;
			opacity: 1;
			margin-top: 0.5rem;
		}

		.user-login-wrap {
			border-radius: 5px 5px 0 0 !important;

			&:before,
			&:after{
				display: none;
			}

			input {
				background-color: #fff;
			}
		}
	}

	&:not(.active) {
		.user-login-wrap {
			background-color: #eee;

			&:hover {
				background-color: #ddd;
			}

			#user_login {
				position: relative;
				z-index: 1;
				background-color: transparent !important;
			}

			input:not(:focus) {
				cursor: pointer;
		
				&::placeholder {
					opacity: 0;
				}
			}

			&:hover {
				input {
					background-color: #ddd;
				}
			}
		}
	}
}

#login .field-wrap.user-pass-wrap {
    border-radius: 0 0 5px 5px !important;
	margin-top: -1px;
}

#registerform .field-wrap.user-pass-wrap {
    border-radius: 5px !important;
}

#login #lostpasswordform .field-wrap {
    border-radius: 5px !important;
}

#login .field-wrap input.tml-button {
	border: 1px solid transparent;
	font-weight: 400;
	width: 100%;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#login .field-wrap input.tml-button:hover,
#login .field-wrap input.tml-button:focus {
	background-color: #3558b2;
	box-shadow: 0 0 16px rgba(255,255,255,0.5);
}

.login form .forgetmenot {
	margin-top: 1.5rem;
	display: none;
}

.login .button.wp-hide-pw {
  min-height: 48px;
  color: #007EFF;

  &:hover,
  &:active {
	outline: none;
	box-shadow: none;
	border: none;
  }
}

#login form p.submit {
  margin-top: 1rem;
}

.wp-core-ui .button,
.wp-core-ui .button.button-large,
.wp-core-ui .button.button-small,
a.preview,
input#publish,
input#save-post {
  padding: 0 1rem;
  min-height: 48px;
  font-weight: 400;
  font-size: 1rem;
  /* margin: 2px 0; */
}

.login #nav {
	padding: 1.5rem 1rem;
	position: relative;
	text-align: center;
	margin: 0;
}

/* .login #backtoblog, */
.login #nav {
	max-height: 67.5px;
    font-size: 0.8125rem;
	box-sizing: border-box;
	transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

.login-action-login:not(.active) {
	#nav {
		max-height: 0;
		opacity: 0;
		padding: 0;
	}
}

.login #backtoblog {
	margin: 0;
	padding: 0;
	/* padding-top: 1em;
	padding-bottom: 2rem !important; */
}

.login #nav > a:nth-child(1),
.login-action-lostpassword #nav > a:nth-child(2) {
	color: #007EFF;
	font-weight: 500;
}

.login .the_champ_outer_login_container {
	/* margin-bottom: 1.5rem; */
	position: relative;
	padding: 1rem;
	padding-bottom: 0;
	/* padding-bottom: 2.5rem; */
	text-align: center;
}

.login .the_champ_outer_login_container p {
	font-size: 0.625rem;
	color: #9A9A9A;
	margin-top: 1em;
	text-align: center;
	padding: 0 0.5em;
}

.login #nav .the_champ_outer_login_container {
	padding-left: 0;
	padding-right: 0;
	padding-top: 2.5rem;
	padding-bottom: 0.9rem;
	/* margin-top: 2.2rem; */
}

.the_champ_social_login_title {
	display: none;
}

/* .login .the_champ_outer_login_container:before,
.login .the_champ_outer_login_container:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 40%;
	height: 1px;
	background: rgba(0,0,0,0.16);
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
} */

.login .the_champ_outer_login_container:before {
	left: 1rem;
}

.login .the_champ_outer_login_container:after {
	right: 1rem;
}

.login #nav .the_champ_outer_login_container:before,
.login #nav .the_champ_outer_login_container:after {
	bottom: auto;
	top: 0;
}

.login #nav .the_champ_outer_login_container:before {
	left: 0;
}

.login #nav .the_champ_outer_login_container:after {
	right: 0;
}

.login .the_champ_login_container {
	margin: 0;
}

/* .login .the_champ_login_container:after {
	content: "이메일 로그인";
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
	padding: 0 1em;
	transform: translate(-50%, 0);
	background-color: #fff;
	font-size: 0.8125rem;
	z-index: 1;
} */

.login #nav .the_champ_login_container:after {
	top: -9px;
	bottom: auto;
}

.login ul.the_champ_login_ul {
	margin: 0 !important;
}

.login ul.the_champ_login_ul li {
	overflow: hidden;
	border: 1px solid #DBDDDF !important;
	border-radius: 5px;
	display: flex !important;
	justify-items: center;
	background-color: #fff;
	/* text-align: left; */
	font-size: 1rem;
	cursor: pointer;
	transition: all 0.125s ease-in-out;
	float: none;
}

.login ul.the_champ_login_ul li {
	margin-bottom: 0.5rem !important;
}

ul.the_champ_login_ul li:hover,
ul.the_champ_login_ul li:focus {
	background-color: #eee;
}

ul.the_champ_login_ul li:active {
	background-color: #E3ECF5;
}

ul.the_champ_login_ul li.listChampKakaoLogin {
	background-color: #FEE500 !important;
	border-color: #FEE500 !important;
}

ul.the_champ_login_ul li.listChampKakaoLogin:hover,
ul.the_champ_login_ul li.listChampKakaoLogin:focus {
	background-color: #e6cf00 !important;
	border-color: #e6cf00 !important;
	outline: none;
}

ul.the_champ_login_ul li > * {
	flex-grow: 1;
}

ul.the_champ_login_ul li > span {
	/* padding-left: 1.5em; */
	display: block;
	margin-left: -48px;
	line-height: 48px;
}

.theChampLogin {
	height: 44px;
	width: 44px;
	max-width: 44px;
	background-color: transparent;
	border: none;
}

/* .theChampKakaoBackground {
	background-color: #FEE500;
} */

.theChampLoginSvg {
	background-size: 64% !important;
	/* float: left; */
	margin-right: 1em;
}

.login #nav:before {
	content: "";
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
  color: #ccc!important;
}

.login #backtoblog a:focus, .login #nav a:focus, .login h1 a:focus {
	color: #fff!important;
}

#resetpassform .description.indicator-hint {
	font-size: 14px;
}

.heateor_ss_sl_optin_container {
	padding: 1rem;
	padding-bottom: 0;
	text-align: center;
	color: #9A9A9A;
	white-space: pre-wrap;

	label {
		pointer-events: none;
		font-size: 0.6875rem !important;
		line-height: 1.6 !important;
	}

	a {
		pointer-events: all;
		color: #9A9A9A !important;
		/* text-decoration: none; */
	}

	input {
		display: none;
	}
}





.the_champ_error {
	display: none;
}





/* Theme My Login */

@-webkit-keyframes logorotate {
	from {transform: rotateY(0deg);}
	to {transform: rotateY(360deg);}
}

/* Standard syntax */
@keyframes logorotate {
	from {transform: rotateY(0deg);}
	to {transform: rotateY(360deg);}
}

.login .tml-label {
	display: none;
}

.tml-rememberme-wrap {
	text-align: center;
	margin-top: 1em;
	font-size: 12px;
	font-size: 0.75rem;
}

.tml-rememberme-wrap label {
	color: #fff;
	cursor: pointer;
}

.tml-submit-wrap {
	text-align: center;
	margin-bottom: 1.5em !important;
	margin-top: 2em;
}

.login .site-main {
	max-width: 360px;
	margin: 0 auto;
}

.tml-links {
	text-align: center;
	padding-top: 1.2em;
	margin-bottom: 0;
	margin-left: 0;
	position: relative;
	border: none;
}

.tml-links:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.tml-links li {
	display: inline-block;
	font-size: 12px;
	font-size: .75rem;
	margin: 0 4px;
}

.tml-links li:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 12px;
	margin-right: 8px;
	border-left: 1px solid #959595;
}

.tml-links li:first-child:before {
	display: none;
}

.tml-links li a,
.tml-links li input {
	color: #fff !important;
	font-size: 12px;
	font-size: .75rem;
	padding: 0;
	background-color: transparent;
	-webkit-transition: color .2s linear;
	transition: color .2s linear;
	font-weight: 400;
}

.tml-links li a:after {
	background: #fff !important;
}

.login #page,
.page-user-auth #page {
	padding-top: 0 !important;
	z-index: 1;
}

#pass-strength-result {
	margin-bottom: 0;
	font-size: 12px;
	font-size: .75rem;
}

.login .tml .description {
	font-size: 12px;
	font-size: .75rem;
	color: #959595;
}

.remaining {
	text-align: center;
	font-size: 0.75em;
/*	display: none;*/
}

.remaining.active {
	display: block;
}

.cursor-pointer {
	cursor: pointer;
}

.auth-notice {
	font-size: 0.9em;
	display: block;
	color: #ff5858;
}

.help-desc {
	font-size: 0.8em;
	color: #888;
	text-align: center;
	display: block;
	font-weight: 400;
}

.edit-link {
	display: none;
}

.notice-value {
	color: #aaa;
	font-size: 0.9em;
	text-align: center;
	margin-bottom: 1em;
}

.tml {
	position: relative;
}

.tml .tml-messages,
.tml .tml-errors {
	background-color: #fae9a3;
	font-size: 0.85em;
	padding: 3.8% 4%;
	border-radius: 4px;
	position: relative;
	bottom: 100%;
	left: 0;
	right: 0;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	margin-bottom: 1.5em;
}

.tml .tml-messages:before,
.tml .tml-messages:after,
.tml .tml-errors:before,
.tml .tml-errors:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border-width: 8px;
	border-style: solid;
	border-color: #fae9a3 transparent transparent transparent;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -8px;
}

.tml .tml-messages:before,
.tml .tml-errors:before {
	border-color: rgba(0,0,0,0.1) transparent transparent transparent;
	bottom: -17px;
}

.tml .tml-messages li.tml-message,
.tml .tml-errors li.tml-error {
	padding: 0;
	box-shadow: none;
	margin: 0;
	border: none;
}

.login-background {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	opacity: 0.8;
	z-index: 0;
}

.login .pace {
	display: none;
}

#backtoblog {
  text-align: center;
}

/* 1280px - 1em */
@media screen and ( min-width: 79em ) {
	.login .wrap.wide {
		max-width: none;
	}

	.login .wrap.wide > .inner {
		margin: 0 !important;
	}

	.login .site-footer .site-info .title,
	.login .site-footer .site-info .copyright {
		position: fixed;
		bottom: 0;
		padding: 1rem 1.3rem;
	}

	.login .site-footer .site-info .title {
		left: 0;
	}

	.login .site-footer .site-info .copyright {
		right: 0;
	}

	body.login .site-content {
		min-height: 0;
	}
}