File: /var/www/vhosts/creativefellows.nl/nec.creativefellows.nl/public/scss/_footer.scss
.page-section__footer{
border-top:solid 1px $light-gray;
background-color:rgba($black,0.875);padding-bottom:0;overflow:hidden;
p{margin:0.75rem 0;font-size:0.875rem;line-height:1.5rem;}
p strong{color:#666;}
a{color:#666;}
.breadcrumbs-contact{
background:#fff;
border-bottom:solid 1px $light-gray;
ul{margin:0.75rem 0;}
ul li{font-size:0.75rem;text-transform:uppercase;}
li a{text-transform:uppercase;}
@include breakpoint(small only)
{
ul{display:table;margin:0.375rem auto;}
ul a{padding:0.375rem 0;display:inline-block;}
}
}
.sitelinks{
padding-top:1.5em;
padding-bottom:0.375rem;
color:$white;
ul{margin-bottom:1.125rem;}
li{font-size:0.75rem;}
li.section-name{font-size:0.75rem;margin:0;color:#fff;line-height: 1.125rem;text-transform:uppercase;font-weight:bold;}
a{
display:block;
color:$white;
}
li:last-child a{border:none;}
.space{margin-bottom:0.5em;}
@include breakpoint(small only)
{
text-align:center;
}
}
.copy{
background-color:#fff;color:#666;
p{line-height:1.25rem;}
.copyright p{
font-size:0.875rem;
a::before{content:"";border-left:solid 1px $light-gray;margin-left:0.375rem;padding-right:0.375rem;}
a:first-child::before{display:none;}
}
.social-link{
background:#666;//rgba($black,0.625);
width:2.25rem;height:2.25rem;
margin:0 0.125rem;
display:inline-block;
line-height:2rem;
font-size:1rem;
border-radius:0.375rem;
svg{width:1.5rem;margin:0.625rem auto;display:block;}
}
.ub-logo-white{
width:22px;padding-top:7px;display:block;margin:auto;
}
@include breakpoint(medium down)
{
strong{padding-top:0.75rem;display:block;}
}
}
}
.page-section__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.75rem;margin:0.375rem 0;
}
.button{
margin:0 0.375rem;
padding:0.375rem 0.75rem;
background-color:$white;
color:$black;
display:inline !important;
height:auto !important;
opacity:1 !important;
visibility:visible !important;
}
.shrink{border-left:solid 1px rgba($white,0.25);}
}