/*
    Newsletter
    ----------
*/
#wrapper-newsletter {
    background-color: /*style.newsletter_background_color(*/#e8eeed/*)*/;
    color: /*style.newsletter_text_color(*/#7E7E7E/*)*/;
    border-top: 1px solid /*style.newsletter_border_color(*/#e8eeed/*)*/;
    padding: 3rem 0;
    }
#newsletter-form form {
    padding-top: 12px;
    padding-bottom: 10px;
    border-width: 2px;
    }
#newsletter-form form .evTextField {
    padding-left: 0;
    }

/*
    Social
    ------
*/
#wrapper-social {
    background-color: /*style.footer_background_color(*/#F8FAFB/*)*/;
    margin-top: 20px;
    text-align: center;
    }
#wrapper-social a:link,
#wrapper-social a:visited,
#wrapper-social a:focus {
    color: inherit;
    }
@media (min-width: 1600px) {
#wrapper-social {
    margin-top: -10px;
    }
}

/*
    Footer
    ------
*/
#wrapper-footer {
    background-color: /*style.footer_background_color(*/#F8FAFB/*)*/;
    color: /*style.footer_text_color(*/#56677F/*)*/;
    }
#wrapper-footer h1,
#wrapper-footer h2,
#wrapper-footer h3,
#wrapper-footer h4,
#wrapper-footer h5,
#wrapper-footer h6,
#wrapper-footer .title,
#wrapper-footer a:link,
#wrapper-footer a:visited,
#wrapper-footer a:hover,
#wrapper-footer a.hover,
#wrapper-footer a:focus,
#wrapper-footer a.focus {
    color: inherit;
    }
#wrapper-footer h1,
#wrapper-footer h2,
#wrapper-footer h3,
#wrapper-footer h4,
#wrapper-footer h5,
#wrapper-footer h6,
#wrapper-footer .title {
    margin-top: 5px;
    margin-bottom: /*style._content_third_gap(*/10px/*)*/;
    }
#wrapper-footer p {
    font-size: inherit;
    }
#wrapper-footer h4 {
    margin: 0;
    padding-bottom: 8px;
    cursor: pointer;
    font-weight: 700;
    position: relative;
    }
#wrapper-footer h4:after {
    position: absolute;
    right: 0;
    top: 0;
    content: url(/portal/web/78/theme/spark-v3/common/images/arrow-down.svg?v=1738688272);
    transition: transform .5s;
    }
#wrapper-footer h4.active:after {
    transform: rotate(-180deg);
    transform-origin: center center;
    }
#wrapper-footer ul.ev-menu-list {
    display: none;
    margin: 0;
    }
@media screen and (min-width: 600px) {
#wrapper-footer h4:after {
    display: none;
    }
#wrapper-footer ul.ev-menu-list {
    display: block !important;
    }
}

/*
    # Footer legal Links
    
    Contains the locale menu, terms and privacy links.
    All links within the footer should inherit the configured color.
*/
#wrapper-legal-links {
    background-color: var(--footer-legal-background);
    color: var(--footer-legal-color);
    border-top: var(--footer-legal-border);
    font-size: var(--text-small-size);
    border-top-style: var(--footer-legal-border-style);
    }
#wrapper-legal-links a {
    color: inherit;
    }