/* --------------------------------------------
FOOTER
--------------------------------------------- */
#footer{
	p{
		font-family : Roboto;
		font-size : calc( 12 var( --remBase ) );
		font-weight : 300;
		line-height :1.2;
	}
	@media screen and ( width <= 800px ){
		padding-inline : calc( 20 * 100% / 380 );
		padding-bottom : calc( 34 var( --remBase ) );
		background-color : white;
		p{
			text-align : left;
		}
	}
	@media print , screen and ( width > 800px ){
		grid-column : 2;
		padding-inline : calc( 80 * 100% / 640 );
		padding-bottom : calc( 34 var( --remBase ) );
	}
}
#frameLogins:has( #logins ){
	@media screen and ( width <= 800px ){
		#footer{
			padding-top : calc( 52 var( --remBase ) );
		}
	}
	@media print , screen and ( width > 800px ){
		#footer{
			grid-row : 1;
			align-self : end;
		}
	}
}
#frameLogins:has( #signUps ){
	@media screen and ( width <= 800px ){
		#footer{
			padding-top : calc( 66 var( --remBase ) );
		}
	}
	@media print , screen and ( width > 800px ){
		row-gap : calc( 125 var( --remBase ) );
		#footer{
			grid-row : 2;
		}
	}
}
#frameLogins:has( #authCodes ){
	@media screen and ( width <= 800px ){
		#footer{
			padding-top : calc( 66 var( --remBase ) );
		}
	}
	@media print , screen and ( width > 800px ){
		#footer{
			grid-row : 1;
			align-self : end;
		}
	}
}
#frameLogins:has( #registers ){
	@media screen and ( width <= 800px ){
		#footer{
			padding-top : calc( 66 var( --remBase ) );
		}
	}
	@media print , screen and ( width > 800px ){
		#footer{
			grid-row : 1;
			align-self : end;
		}
	}
}
#frameLogins:has( #passwords ){
	@media screen and ( width <= 800px ){
		#footer{
			padding-top : calc( 66 var( --remBase ) );
		}
	}
	@media print , screen and ( width > 800px ){
		#footer{
			grid-row : 2;
			padding-top : calc( 80 var( --remBase ) );
		}
	}
}

.link-wrap {
	margin-top: 3em;
	padding-top: 1em;
	border-top: 1px solid #eee;
	display: flex;
	gap: 1em;
}
.link-wrap a {
	text-decoration: underline;
	line-height: 1.3;
}
	.link-wrap a:hover {
		text-decoration: none;
	}