/* footer - default html */
footer
{
  margin-top: 0px;
  padding-top: 30px;
  background-color: var(--color-neutral-dark-15);
  color: var(--color-neutral-light-90);
  bottom: auto !important;
}

footer hr
{
  border-top: none;
  border-bottom: 1px solid var(--color-neutral-dark-40);
}

footer a
{
  text-decoration: none;
  color: var(--color-neutral-light-55);
  font-size: var(--font-size-aux);
}

footer a:hover
{
  color: var(--color-accent-light);
}

footer ul li
{
  line-height: var(--font-size-h1);
}

footer h5
{
    color: var(--color-neutral-light-100);
    cursor: pointer;
    font: 500 20px/24px "Poppins",Helvetica,sans-serif;
    letter-spacing: 1px;
    margin: 0 0 20px;
    text-transform: uppercase;
}

/* content - 4.1. adds huge bottom paddings, which in accento breaks footer rendering (<aside id="column-left" class="d-md-block"> appears abnormally twice in the html, alvina legacy) */
footer #content, footer #column-left, footer #column-right {
  padding-bottom: inherit;
}
@media (min-width: 576px) {
  footer #content, footer #column-left, footer #column-right {
    padding-bottom: inherit;
  }
}