/* 
sticky footer
*/
html, body{height: 100%;}
.site {
	min-height: 100%;margin-bottom: -8.5em;
	
	@include breakpoint(medium down){
		margin-bottom: -4.5em;
	}
}

.site:after{content: "";display: block;}

footer, .site:after {
	height: 8.5em;
	
	@include breakpoint(medium down){
		height: 4.5em;
	}
}


.footer{
	
	background-color:$black;padding-bottom:0;overflow:hidden;position:relative;z-index:100;text-align:center;
	
	p{margin:0.75rem 0;font-size:0.875rem;line-height:1.5rem;}
	a{color:#666;}
	
	.sitelinks{
		
		padding-top:1.5em;
		color:$white;

		li{text-align:center;}
		a{color:$white;}
		.space{margin-bottom:0.5em;}
	}

	.copy{
		
		background-color:#fff;color:#666;border-top:solid 1px $light-gray;position:absolute;bottom:0;width:100%;
		
		a::before{content:"";border-right:solid 1px $light-gray;padding-left:0.375rem;margin-right:0.375rem;}
	}
	
	.nomor-replace{
		
		position:relative;background: url(../images/nomor-white.svg) no-repeat 50% 25%;background-size:auto 1.25rem;
		a{color:transparent;}
	}
	
}


/*
 * cookies
 */	
#cookies
{
	position:fixed;z-index:1000;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.75);color:#fff;padding:0.75em 0;margin:0;text-align:center;

	p{
		font-size:0.875rem;margin:0;line-height:1.25em;
		@include breakpoint(medium down){
			margin-bottom:0.75rem;
		}
	}

	.button{margin:0 0.375rem;}
	.shrink{border-left:solid 1px rgba($white,0.25);}
}



@media screen and #{breakpoint(medium down)}{
	.footer{text-align:center;}
	.footer .copy .copyright a{display:block;}
	.footer .copy .copyright a::before{display:none;}
	.footer .copy .social-media{text-align:center;}
}

@media screen and #{breakpoint(small only)}{
	.footer{padding-bottom:0 !important;}
	.footer .copyright p{margin-bottom:0;}
}