/* Footer Area Start*/

#footer {
    --focus-color: var(--color-secondary);

    width: 100%;
    border-top: 1px solid #F1F1F1;
    color: #fff;
    font-size: 13px;
    position: relative;
}

#footer .svg path {
  fill: currentColor;
}

#footer .lang-links a {
  color:#ffffff;
  text-decoration:underline;

  &:hover,
  &:focus-visible {
    color: #fdc542;
  }
}

#footer .navigation ul {
    font-size: 13px;
    font-weight: 300;
    margin: 0;
}

#footer ul li {
    list-style: none;
}

#footer a, #footer a:hover,
#footer a:focus {
    color: #FFF;
}

#footer .navigation ul li a:hover,
#footer .navigation ul li a:focus {
  color: #FDC542;
}


#footer .info a:hover,
#footer .info a:focus {
  color: #FDC542;
}

#footer a[href^="tel:"] {
    text-decoration: none;
}


#footer .info a {
     text-decoration: underline;
}

#footer .navigation {
    background: #2b2a28;
}

#footer p {
    font-size: 13px;
}

#footer .navigation a {
    display: block;
    line-height: 1.25em;
    padding: 0.5em 0;
    font-size: 13px;
    text-decoration: none;
}

#footer .navigation li:first-child {
    position: relative;
}

#footer .navigation li:first-child a {
    font-weight: 700;
    padding: 0;
    line-height: 49px;
    height: 49px;
}

#footer .info {
    font-size: 13px;
    padding: 20px 0 65px;
    background: #2b2a28;
}

#footer .helpline {
    line-height: 32px;
    margin: 0;
}

#footer .social-bar {
    text-align: center;
}

#footer .social-bar .small-block-grid-4 li {
    padding: 0;
    margin-top: 1.25rem;
}

#footer .social-bar a {
    display: inline-block;
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    width: 27px;
}
#footer .social-bar svg {
    max-height: 26px;
    max-width: 26px;
    padding: 2px;
}

/* ----------- MEDIA QUERIES ---------- */
@media only screen and (min-width: 40.063em) {
    #footer .navigation ul {
        margin: 0 0 3.5em;
        border-bottom: none;
    }

    #footer .navigation li:first-child a {
        line-height: 1.25em;
        padding: 0.45em 0;
        height: auto;
    }

    #breadcrumb ol li {
        line-height: 72px;
    }

    #footer .navigation .row .single-col {
        padding-top: 50px;
    }

    #footer .apps {
        padding: 45px 0 35px;
    }

    #footer .helpline i {
        margin-right: 13px;
    }

    #footer .social-bar .small-block-grid-4 li {
        margin-top: 0;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    #footer .info {
        padding: 20px 0 65px;
    }

    #footer .navigation {
        padding: 0 20px;
    }

    #breadcrumb {
        padding: 0 20px;
    }
}

/* Footer Area Start*/