/* Entry Pages CSS */
	
.entry .logo {
	text-align:left;
	font-size:30px;
}

.entry div.content { 
	display:block;
	width:100%;
	height:auto;
	margin:var(--margin) auto;
	padding:var(--margin-l);
	max-width:600px;
	min-width:300px;
	background-color:white;
	border-radius:var(--radius-tight);
    box-shadow:var(--shadow);
	}
	
	.entry div.content a {
		color:var(--orange);
		}
		
	.entry .password_hint {
		font-size:14px;
	}
		
	.entry .password_forgot {
		font-size:12px;
		top:-18px;
	}
	
	.entry h3 {
		margin-bottom:var(--margin);
		padding-bottom:var(--margin-s);
		border-bottom:1px solid var(--gray-10);
		color:var(--gray-3);
		margin-top:6px;
	}

.entry div#messages {
	top:var(--margin-s);
	}
	

/* Forms */
fieldset {
	max-width:100%;
	display: grid;
	gap: var(--margin-s);
}
	
	fieldset.two_column {	grid-template-columns: repeat(2, 1fr); }
	fieldset.three_column {	grid-template-columns: repeat(3, 1fr); }
	fieldset.four_column {	grid-template-columns: repeat(4, 1fr); }

	.entry div.content form input[type="email"],
	.entry div.content form input[type="text"],
	.entry div.content form input[type="password"],
	.entry div.content form input[type="submit"] {
	    width:100%;
	    padding:0px var(--margin-s);
	    margin-bottom:var(--margin-m);
	    font-size: 16px;
	    border-radius:var(--radius-tight);
	    border:1px solid var(--gray-6);
		}

	.entry div.content form input[type="submit"] {
	    background-color:var(--green);
	    color:white;
	    border:none;
	    cursor: pointer;
	    max-width:200px;
	    margin-top:var(--margin-m);
		}

		.entry div.content form input[type="submit"]:hover {
		    filter:brightness(110%) saturate(150%);
		    transition:.5s;
			}

/* Password field visibility toggle */
button.toggle_password_visibility {
    position:absolute;
    right:5px;
    top:22px;
    background:none;
    font-size: 10px;
    color:var(--gray-8);
	box-shadow:none;
	min-width:44px;
	width:44px;
	height:44px;
	padding:0px;
	margin:0px;
	text-transform:uppercase;
	}

	button.toggle_password_visibility:hover {
		color:var(--black);
		}




fieldset.entry_terms {
	display:block;
	height:auto;
	width:100%;
	border-top:1px solid var(--gray-10);
	padding:var(--margin-s) 0px;
	margin-top:var(--margin);
}

	fieldset.entry_terms input {
		width:24px;
		height:24px;
		padding:0;
		margin:0;
		position:absolute;
		top:var(--margin-s);
	}
	
	fieldset.entry_terms div{
		width:calc(100% - var(--margin));
		margin-left:calc(var(--margin) - 10px);
		font-size:14px;
	}

@media (max-width: 640px) {
	
	fieldset.two_column {	grid-template-columns: repeat(1, 1fr); }
	fieldset.three_column {	grid-template-columns: repeat(1, 1fr); }
	fieldset.four_column {	grid-template-columns: repeat(1, 1fr); }
	}