/*
 * Study Point public-shell CSS.
 *
 * The public Home remains an Astra page. This file styles only the explicit
 * logged-out Log In control injected into Astra's existing masthead. Bootstrap
 * is intentionally not loaded on public pages.
 */

body:not(.logged-in) #masthead {
	position: relative;
}

body:not(.logged-in) #masthead .csp-public-login-control {
	position: absolute;
	right: clamp(1rem, 4vw, 3.25rem);
	top: 50%;
	transform: translateY(-50%);
	z-index: 30;
}

body:not(.logged-in) #masthead .csp-public-login-control__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2rem;
	padding: .32rem .7rem;
	border: 1px solid currentColor;
	border-radius: .375rem;
	color: inherit;
	font: inherit;
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	background: transparent;
}

body:not(.logged-in) #masthead .csp-public-login-control__link:hover,
body:not(.logged-in) #masthead .csp-public-login-control__link:focus-visible {
	text-decoration: underline;
}

@media (max-width: 921.98px) {
	body:not(.logged-in) #masthead .csp-public-login-control {
		right: .75rem;
	}
}