/*
 * Monarch Summit II — sign-in screens (Theme My Login: /login/, /lostpassword/, /resetpass/).
 * Loaded only when body.tml-action is present; nothing else on the site changes.
 * Input border, padding and corners are set site-wide in Customizer → Additional CSS —
 * this file adds size, layout and the button only.
 */

/* Phones: the form is the point, so bring it up the screen. */
@media only screen and (max-width: 768px) {
	body.tml-action #masthead form.searchform { display: none; } /* search is members-only — useless before sign-in */
	body.tml-action h1#logo { font-size: 1.6em; padding: 8px 0 4px; }
	body.tml-action select.rn_select { height: 2.75rem; margin: 6px auto 8px; }
	body.tml-action h1.pagetitle { font-size: 1.6em; margin-top: 4px; padding-top: 6px; }
}

.tml { max-width: 34rem; }
.tml .tml-field-wrap { margin-bottom: 1.125rem; }
.tml .tml-label { font-size: 1.0625rem; line-height: 1.4; margin: 0 0 .375rem; }
.tml input.tml-field { font-size: 1.125rem; min-height: 3rem; }
.tml .tml-toggle-pwd { min-width: 3rem; min-height: 3rem; }
.tml .tml-toggle-pwd .dashicons { font-size: 24px; width: 24px; height: 24px; }

.tml .tml-rememberme-wrap { margin: 0 0 1.5rem; }
.tml input.tml-checkbox { width: 1.5rem; height: 1.5rem; margin: 0; }
.tml .tml-rememberme-wrap .tml-label { font-size: 1.0625rem; font-weight: 400; margin: 0; }

.tml .tml-button {
	width: 100%;
	min-height: 3.25rem;
	padding: .75rem 1.5rem;
	font-size: 1.125rem;
	font-weight: 700;
	color: #fff;
	background: #293033;
	border: 1px solid #1b2124;
	border-radius: 4px;
	text-shadow: none;
	box-shadow: none;
}
.tml .tml-button:hover,
.tml .tml-button:active { color: #fff; background: #1b2124; border-color: #000; }
.tml .tml-button:focus-visible { outline: 3px solid #1899cb; outline-offset: 2px; }
@media only screen and (min-width: 769px) {
	.tml .tml-button { width: auto; min-width: 14rem; }
}

.entry .tml ul.tml-links { list-style: none; margin: 1.25rem 0 0; padding: 0; font-size: 1.0625rem; }
.entry .tml ul.tml-links > li { list-style: none; margin: 0; padding: 0; }
.entry .tml ul.tml-links a { display: inline-block; padding: .5rem 0; }

.tml .tml-errors,
.tml .tml-messages { font-size: 1.0625rem; line-height: 1.5; }
.tml .tml-error,
.tml .tml-message,
.tml .tml-success { border-radius: 0; } /* left accent bar ⇒ square corners */