@charset "UTF-8";

/* --------------------------------------------
FOOTER
--------------------------------------------- */
#footer{
	border-top : solid 1px #ccc;
}
#footer a:not( :has( img ) ){
	letter-spacing : .12em;
}
#footer > ul{
	display : grid;
	align-content : start;
}
#footer > ul > li > a:has( img ){
	font-size : 0;
}
#footer a{
	position : relative;
	display : block;
	width : fit-content;
}
#footer li li a{
	font-weight : 100;
}
#footer p{
	display : grid;
	place-items : center;
	font-weight : 100;
	color : white;
	text-align : center;
	border-image-source : linear-gradient( black , black );
	border-image-slice : 0 fill;
	border-image-outset : 0 100vw 0 100vw;
}
@media screen and ( width <= 750px ){
	#footer a:not( :has( img ) ){
		font-size : 2.4rem;
	}
	#footer > ul{
		grid-template-columns : repeat( 2 , 50% );
		row-gap : calc( 40 var( --remBase ) );
		align-items : start;
		height : calc( 484 var( --remBase ) );
	}
	#footer > ul > li:first-child{
		grid-row : 1 / -1;
		grid-column : 1;
	}
	#footer > ul > li:first-child img{
		height : calc( 25 var( --remBase ) );
	}
	#footer > ul > li + li{
		grid-column : 2;
	}
	#footer > ul > li:nth-child( 2 ) a{
		position : relative;
		top : calc( -4 var( --remBase ) );
	}
	#footer ul ul{
		margin-top : calc( 28 var( --remBase ) );
	}
	#footer ul ul li + li{
		margin-top : calc( 28 var( --remBase ) );
	}
	#footer ul ul a{
		display : grid;
		grid-template-columns : auto auto;
		align-items : start;
		justify-content : start;
	}
	#footer ul ul a::before{
		white-space : pre;
		content : "- ";
	}
	#footer p{
		height : calc( 73 var( --remBase ) );
		font-size : 2.4rem;
	}
}
@media print , screen and ( width > 750px ){
	#footer a:not( :has( img ) ){
		font-size : 1.4rem;
	}
	#footer > ul{
		grid-template-columns : repeat( 3 , calc( 280 var( --percentBase ) ) ) repeat( 2 , calc( 125 var( --percentBase ) ) );
		column-gap : calc( 30 var( --percentBase ) );
		height : calc( 128 var( --remBase ) );
	}
	#footer > ul > li:last-child{
		justify-self : end;
	}
	#footer > ul > li:last-child a{
		margin-right : -.12em;
	}
	#footer > ul > li > a img{
		height : calc( 17 var( --remBase ) );
	}
	#footer > ul > li > a:not( :has( img ) ){
		top : calc( -2 var( --remBase ) );
		font-weight : 500;
	}
	#footer ul ul{
		margin-top : calc( 10.5 var( --remBase ) );
	}
	#footer ul ul li + li{
		margin-top : calc( 10.5 var( --remBase ) );
	}
	#footer p{
		height : calc( 73 var( --remBase ) );
		font-size : 1.9rem;
	}
}