/*
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;}
}