/* footer - accento html */
footer .f-left li 
{
    line-height: var(--font-size-h2);
    font-size: var(--font-size-aux);
    color: var(--color-neutral-light-55);
}

footer .f-left li i 
{
    padding-right: 10px;
    font-size: var(--font-size-body);
    color: var(--color-accent-light);
    width: 30px;
}

.footsocial li a 
{
    background-color: var(--color-neutral-dark-20);
    border: 1px solid var(--color-neutral-dark-30);
    border-radius: 3px;
    color: var(--color-neutral-light-65);
    display: inline-block;
    font-size: var(--font-size-body);
    padding-top: 13px;
    height: 30px;
    padding: 4px 0;
    text-align: center;
    width: 30px;
    line-height: inherit;
    transition: all 0.2s ease-in-out 0s;
}

.footsocial li a:hover
{
  background-color: var(--color-accent-light);
  border: 1px solid var(--color-accent-light);
  color: var(--color-neutral-light-100);
}

.f-left
{
    word-break: break-all;
}

.foot-bot p
{
    margin-bottom: 0;
    font-size: var(--font-size-aux);
    color: var(--color-neutral-dark-40);
}

.foot-bot
{
    padding: 12px 0;
    padding-top: 0;
}

@media(min-width: 768px)
{
  .footer-collapse.collapse,
  #filtercol.collapse 
  {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
  }
  .middle-footer h5 button,
  .filtercolb 
  {
      display: none;
  }
}