.elementor-4432 .elementor-element.elementor-element-bc9e8f2{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-e55e047 *//* ==========================================================
   THE MOON ABA ACADEMY
   LEARNDASH LOGIN ONLY PAGE

   MAIN  : #C9AB97
   SUB   : #30574F
   ========================================================== */

.tma-ld-login-page,
.tma-ld-login-page * {
	box-sizing: border-box;
}


.tma-ld-login-page {

	--tma-beige: #c9ab97;
	--tma-beige-dark: #96725e;
	--tma-beige-light: #decabe;
	--tma-beige-soft: #f3ebe6;

	--tma-green: #30574f;
	--tma-green-dark: #24443e;
	--tma-green-soft: #e7f0ed;

	--tma-cream: #fcf8f5;

	--tma-text: #29332f;
	--tma-muted: #6f7975;
	--tma-border: #e4e3df;

	width: 100%;

	padding: 78px 24px 90px;

	background:
		radial-gradient(
			circle at 92% 8%,
			rgba(201,171,151,.22),
			transparent 27%
		),
		radial-gradient(
			circle at 6% 92%,
			rgba(231,240,237,.8),
			transparent 25%
		),
		linear-gradient(
			135deg,
			#fcf8f5 0%,
			#ffffff 54%,
			#f8fbf9 100%
		);

	font-family:
		"Pretendard",
		"SUIT",
		"Noto Sans KR",
		"Apple SD Gothic Neo",
		"Malgun Gothic",
		sans-serif;
}


/* ==========================================================
   LOGIN CARD
   ========================================================== */

.tma-ld-login-page__inner {

	position: relative;

	width: min(100%, 520px);

	margin: 0 auto;

	padding: 46px 48px 42px;

	overflow: hidden;

	background: rgba(255,255,255,.97);

	border: 1px solid rgba(201,171,151,.35);
	border-radius: 24px;

	box-shadow:
		0 20px 55px rgba(48,87,79,.10),
		0 8px 22px rgba(150,114,94,.07);
}


/* 상단 포인트 선 */

.tma-ld-login-page__inner::before {

	content: "";

	position: absolute;

	top: 0;
	left: 0;

	width: 100%;
	height: 5px;

	background:
		linear-gradient(
			90deg,
			#c9ab97 0%,
			#c9ab97 68%,
			#30574f 68%,
			#30574f 100%
		);
}


/* 은은한 배경 원 */

.tma-ld-login-page__inner::after {

	content: "";

	position: absolute;

	top: -90px;
	right: -100px;

	width: 230px;
	height: 230px;

	border: 1px solid rgba(201,171,151,.18);
	border-radius: 50%;

	pointer-events: none;
}


/* ==========================================================
   HEADER
   ========================================================== */

.tma-ld-login-page__eyebrow {

	position: relative;
	z-index: 2;

	margin-bottom: 11px;

	color: var(--tma-beige-dark);

	font-size: 10px;
	font-weight: 850;

	letter-spacing: .17em;

	text-align: center;
}


.tma-ld-login-page h1 {

	position: relative;
	z-index: 2;

	margin: 0 0 12px;

	color: var(--tma-green-dark);

	font-size: 38px;
	font-weight: 850;

	line-height: 1.25;

	letter-spacing: -.055em;

	text-align: center;
}


.tma-ld-login-page__intro {

	position: relative;
	z-index: 2;

	margin: 0 0 31px;

	color: var(--tma-muted);

	font-size: 14px;

	line-height: 1.75;
	letter-spacing: -.025em;

	text-align: center;

	word-break: keep-all;
}


/* ==========================================================
   LEARNDASH FORM
   ========================================================== */

.tma-ld-login-page__form {

	position: relative;
	z-index: 2;
}


/* LearnDash가 기본으로 650px 주는 것 제거 */

.tma-ld-login-page
.ld-registration__login-form {

	width: 100%;

	max-width: none;

	margin: 0;

	padding: 0;
}


.tma-ld-login-page
.ld-registration__login-form
.ld-form {

	width: 100%;

	margin: 0;
}


/* ==========================================================
   FORM ROW
   ========================================================== */

.tma-ld-login-page
.ld-registration__login-form
p {

	margin: 0 0 18px;
}


/* LABEL */

.tma-ld-login-page
.ld-registration__login-form
label {

	display: block;

	margin: 0 0 7px;

	color: #4f5d57;

	font-size: 12px;
	font-weight: 750;

	line-height: 1.5;
	letter-spacing: -.02em;
}


/* ==========================================================
   INPUT
   ========================================================== */

.tma-ld-login-page
.ld-registration__login-form
input[type="text"],

.tma-ld-login-page
.ld-registration__login-form
input[type="email"],

.tma-ld-login-page
.ld-registration__login-form
input[type="password"] {

	display: block;

	width: 100%;

	min-height: 50px;

	margin: 0;

	padding: 0 14px;

	color: var(--tma-text);

	background: #ffffff;

	border: 1px solid #d9ddda;
	border-radius: 10px;

	font-family: inherit;
	font-size: 14px;

	outline: none;

	box-shadow: none;

	transition:
		border-color .2s ease,
		box-shadow .2s ease,
		background-color .2s ease;
}


/* focus */

.tma-ld-login-page
.ld-registration__login-form
input[type="text"]:focus,

.tma-ld-login-page
.ld-registration__login-form
input[type="email"]:focus,

.tma-ld-login-page
.ld-registration__login-form
input[type="password"]:focus {

	background: #fffdfc;

	border-color: var(--tma-beige);

	box-shadow:
		0 0 0 4px rgba(201,171,151,.16);
}


/* ==========================================================
   REMEMBER + FORGOT PASSWORD
   ========================================================== */

.tma-ld-login-page
.ld-registration__login_options_wrapper {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 15px;

	margin: 2px 0 24px;
}


/* 기억하기 */

.tma-ld-login-page
.login-remember {

	margin: 0;
}


.tma-ld-login-page
.login-remember label {

	display: inline-flex;

	align-items: center;

	gap: 7px;

	margin: 0;

	color: var(--tma-muted);

	font-size: 11px;
	font-weight: 600;

	cursor: pointer;
}


.tma-ld-login-page
input[type="checkbox"] {

	width: 16px;
	height: 16px;

	margin: 0;

	accent-color: var(--tma-green);
}


/* Forgot password */

.tma-ld-login-page
.ld-registration__login_options_wrapper a,

.tma-ld-login-page
a[href*="lostpassword"],

.tma-ld-login-page
a[href*="reset-password"] {

	color: var(--tma-beige-dark) !important;

	font-size: 11px;
	font-weight: 700;

	text-decoration: none !important;
}


.tma-ld-login-page
.ld-registration__login_options_wrapper a:hover,

.tma-ld-login-page
a[href*="lostpassword"]:hover,

.tma-ld-login-page
a[href*="reset-password"]:hover {

	color: var(--tma-green) !important;
}


/* ==========================================================
   THE MOON LOGIN BUTTON - 강제 지정
   /login/ 페이지 안에서만 적용
   ========================================================== */

.tma-ld-login-page #wp-submit,
.tma-ld-login-page input#wp-submit,
.tma-ld-login-page .login-submit input[type="submit"],
.tma-ld-login-page input[name="wp-submit"],
.tma-ld-login-page .button-primary {

	display: flex !important;

	align-items: center !important;
	justify-content: center !important;

	width: 100% !important;
	min-height: 50px !important;

	margin: 5px 0 0 !important;
	padding: 0 22px !important;

	/* pink 완전 제거 */
	background: #c9ab97 !important;
	background-color: #c9ab97 !important;
	background-image: none !important;

	border: 1px solid #c9ab97 !important;
	border-color: #c9ab97 !important;

	border-radius: 11px !important;

	color: #ffffff !important;

	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 800 !important;

	line-height: 1 !important;

	text-shadow: none !important;

	box-shadow:
		0 9px 21px rgba(150,114,94,.19) !important;

	-webkit-appearance: none !important;
	appearance: none !important;

	cursor: pointer !important;

	transition:
		background-color .2s ease,
		border-color .2s ease,
		transform .2s ease,
		box-shadow .2s ease !important;
}


/* Hover */

.tma-ld-login-page #wp-submit:hover,
.tma-ld-login-page input#wp-submit:hover,
.tma-ld-login-page .login-submit input[type="submit"]:hover,
.tma-ld-login-page input[name="wp-submit"]:hover,
.tma-ld-login-page .button-primary:hover {

	background: #96725e !important;
	background-color: #96725e !important;
	background-image: none !important;

	border-color: #96725e !important;

	color: #ffffff !important;

	transform: translateY(-2px);

	box-shadow:
		0 13px 28px rgba(150,114,94,.25) !important;
}


/* Focus / Active에서도 pink 제거 */

.tma-ld-login-page #wp-submit:focus,
.tma-ld-login-page #wp-submit:active,
.tma-ld-login-page .button-primary:focus,
.tma-ld-login-page .button-primary:active {

	background: #96725e !important;
	background-color: #96725e !important;
	background-image: none !important;

	border-color: #96725e !important;

	color: #ffffff !important;

	outline: none !important;

	box-shadow:
		0 0 0 4px rgba(201,171,151,.20) !important;
}


/* ==========================================================
   REGISTER AREA
   ========================================================== */

.tma-ld-login-page__register {

	position: relative;
	z-index: 2;

	display: flex;

	align-items: center;
	justify-content: center;

	gap: 7px;

	margin-top: 27px;

	padding: 17px 15px;

	background:
		linear-gradient(
			135deg,
			var(--tma-beige-soft),
			#faf7f4
		);

	border: 1px solid rgba(201,171,151,.24);
	border-radius: 13px;

	text-align: center;
}


.tma-ld-login-page__register > span {

	color: #78817d;

	font-size: 11px;
}


.tma-ld-login-page__register a {

	color: var(--tma-green) !important;

	font-size: 11px;
	font-weight: 800;

	text-decoration: none !important;
}


.tma-ld-login-page__register a:hover {

	color: var(--tma-green-dark) !important;
}


/* ==========================================================
   LOGIN ERROR
   ========================================================== */

.tma-ld-login-page
.ld-alert,

.tma-ld-login-page
.login_error {

	margin-bottom: 20px;

	padding: 12px 14px;

	color: #815647;

	background: #fbf1ec;

	border: 1px solid #eed7cc;
	border-radius: 10px;

	font-size: 11px;
	line-height: 1.6;
}


/* ==========================================================
   LOGGED-IN STATUS
   ========================================================== */

.tma-ld-login-status {

	width: min(100%, 520px);

	margin: 70px auto;

	padding: 36px;

	background: #ffffff;

	border: 1px solid rgba(201,171,151,.35);
	border-radius: 20px;

	text-align: center;

	box-shadow:
		0 15px 40px rgba(48,87,79,.08);
}


.tma-ld-login-status p {

	margin: 0 0 15px;

	color: var(--tma-text);

	font-size: 14px;
	font-weight: 700;
}


.tma-ld-login-status a {

	color: var(--tma-green) !important;

	font-size: 13px;
	font-weight: 800;

	text-decoration: none !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 600px) {

	.tma-ld-login-page {

		padding: 48px 14px 60px;
	}


	.tma-ld-login-page__inner {

		padding: 35px 21px 27px;

		border-radius: 19px;
	}


	.tma-ld-login-page h1 {

		font-size: 31px;
	}


	.tma-ld-login-page__intro {

		margin-bottom: 27px;

		font-size: 13px;
	}


	.tma-ld-login-page
	.ld-registration__login_options_wrapper {

		align-items: flex-start;

		flex-direction: column;

		gap: 10px;

		margin-bottom: 21px;
	}


	.tma-ld-login-page__register {

		flex-direction: column;

		gap: 4px;
	}

}/* End custom CSS */