/* =========================================================
	TALENTHUB LOGIN - RESPONSIVE
========================================================= */

@media(max-width:1199.98px){

	body{
		overflow:auto;
		padding-bottom:0;
	}

	.th-login-shell{
		min-height:auto;
		padding:34px 40px;
	}

	.th-login-page{
		gap:42px;
		min-height:auto;
		padding:46px 52px 76px;
	}

	.th-login-visual{
		max-width:560px;
		transform:translateY(-72px);
	}

	.th-login-visual-logo{
		width:250px;
	}

	.th-login-brand-text{
		font-size:4.55rem;
	}

	.th-login-visual h1{
		font-size:clamp(2.7rem, 5vw, 3.8rem);
	}

	.th-login-panel{
		padding-left:46px;
	}

	.th-login-panel .th-login-form{
		max-width:520px;
	}

	.th-login-footer{
		position:relative;
		grid-template-columns:1fr;
		text-align:center;
		padding:18px 32px;
		margin-top:0;
	}

	.th-login-footer-section,
	.th-login-footer-copy,
	.th-login-footer-links,
	.th-login-footer-version{
		justify-content:center;
	}

	.th-login-footer-copy,
	.th-login-footer-links{
		flex-wrap:wrap;
	}

}

@media(max-width:991.98px){

	.th-login-shell{
		padding:34px 24px;
	}

	.th-login-page{
		grid-template-columns:1fr;
		gap:42px;
		min-height:auto;
		padding:30px 0;
	}

	.th-login-divider{
		display:none;
	}

	.th-login-visual{
		align-items:center;
		max-width:720px;
		margin:0 auto;
		text-align:center;
		transform:none;
	}

	.th-login-brand-lockup{
		justify-content:center;
	}

	.th-login-visual-logo{
		width:230px;
	}

	.th-login-brand-text{
		font-size:4.15rem;
	}

	.th-login-visual p{
		margin:0 auto;
	}

	.th-login-visual-footer{
		justify-content:center;
		flex-wrap:wrap;
		gap:10px;
		margin-top:34px;
	}

	.th-login-panel{
		justify-content:center;
		padding-left:0;
		transform:none;
	}

	.th-login-panel .th-login-form{
		max-width:620px;
	}

	.th-login-role-form{
		max-height:none;
	}

	.th-login-role-list{
		max-height:clamp(220px, 44svh, 360px);
	}

	.th-login-footer-copy{
		flex-direction:column;
	}

}

@media(max-width:575.98px){

	.th-login-shell{
		padding:22px 16px;
	}

	.th-login-page{
		gap:30px;
		padding:18px 0;
	}

	.th-login-brand-lockup{
		gap:8px;
		margin-bottom:20px;
	}

	.th-login-visual-logo{
		width:155px;
	}

	.th-login-brand-text{
		font-size:3.35rem;
	}

	.th-login-kicker{
		margin-bottom:18px;
		padding:8px 14px;
		font-size:.70rem;
	}

	.th-login-visual h1{
		font-size:2.35rem;
		line-height:1;
	}

	.th-login-visual p{
		font-size:.95rem;
		line-height:1.65;
	}

	.th-login-form{
		gap:18px;
	}

	.th-login-role-list{
		max-height:clamp(210px, 42svh, 320px);
	}

	.th-login-password-toggle{
		width:36px;
		min-width:36px;
		height:36px;
	}

	.th-login-options{
		flex-direction:row;
		align-items:center;
		gap:8px;
	}

	.th-login-submit{
		min-height:54px;
		border-radius:17px;
		font-size:1rem;
	}

	.th-login-register{
		font-size:.9rem;
	}

	.th-login-footer{
		gap:12px;
		padding:16px;
		font-size:.76rem;
	}

	.th-login-footer-links{
		flex-wrap:wrap;
		gap:10px 16px;
	}

	.th-login-footer-links a{
		font-size:.76rem;
	}

	.th-login-footer-version-badge{
		font-size:.70rem;
	}

	.th-preferences{
		top:14px;
		right:14px;
	}

	.th-preferences-panel{
		top:52px;
	}

}

@media(max-height:760px) and (min-width:1200px){

	body{
		overflow:auto;
		padding-bottom:0;
	}

	.th-login-shell,
	.th-login-page{
		min-height:auto;
	}

	.th-login-footer{
		position:relative;
		grid-template-columns:1fr;
		text-align:center;
		padding:18px 32px;
		margin-top:0;
	}

	.th-login-footer-section,
	.th-login-footer-copy,
	.th-login-footer-links,
	.th-login-footer-version{
		justify-content:center;
	}

	.th-login-footer-copy,
	.th-login-footer-links{
		flex-wrap:wrap;
	}

}

@media(max-height:940px) and (min-width:1200px){

	body[data-th-login-mode="role"]{
		overflow:auto;
		padding-bottom:0;
	}

	body[data-th-login-mode="role"] .th-login-shell,
	body[data-th-login-mode="role"] .th-login-page{
		min-height:auto;
	}

	body[data-th-login-mode="role"] .th-login-page{
		padding-top:34px;
		padding-bottom:46px;
	}

	body[data-th-login-mode="role"] .th-login-visual{
		transform:translateY(-48px);
	}

	body[data-th-login-mode="role"] .th-login-panel{
		transform:none;
	}

	body[data-th-login-mode="role"] .th-login-role-form{
		gap:14px;
		max-height:calc(100svh - 120px);
		padding:22px;
	}

	body[data-th-login-mode="role"] .th-login-role-heading{
		gap:6px;
	}

	body[data-th-login-mode="role"] .th-login-role-heading strong{
		font-size:1.22rem;
	}

	body[data-th-login-mode="role"] .th-login-role-list{
		gap:10px;
		max-height:clamp(220px, 36svh, 330px);
	}

	body[data-th-login-mode="role"] .th-login-role-option{
		min-height:72px;
		padding:12px 14px;
	}

	body[data-th-login-mode="role"] .th-login-footer{
		position:relative;
		grid-template-columns:1fr;
		text-align:center;
		padding:18px 32px;
		margin-top:0;
	}

	body[data-th-login-mode="role"] .th-login-footer-section,
	body[data-th-login-mode="role"] .th-login-footer-copy,
	body[data-th-login-mode="role"] .th-login-footer-links,
	body[data-th-login-mode="role"] .th-login-footer-version{
		justify-content:center;
	}

	body[data-th-login-mode="role"] .th-login-footer-copy,
	body[data-th-login-mode="role"] .th-login-footer-links{
		flex-wrap:wrap;
	}

}

@media(max-width:380px){

	.th-login-shell{
		padding:18px 12px;
	}

	.th-login-visual-logo{
		width:130px;
	}

	.th-login-brand-text{
		font-size:2.75rem;
	}

	.th-login-visual h1{
		font-size:2.05rem;
	}

	.th-login-visual p{
		font-size:.88rem;
	}

	.th-login-footer-links a{
		font-size:.72rem;
	}

}