<footer class="footer">
    {{#if @config.custom.newsletter}}
        <div class="footer__newsletter newsletter">
            <p class="newsletter__note">{{ translate 'newsletter.description' }}</p>
            {{{@config.custom.newsletterFormCode}}}
        </div>
    {{/if}}

    {{#if @config.custom.footerLogo}}
        <a class="logo" href="{{@website.url}}">
            {{#if @website.logo}}
                <img src="{{@website.logo}}" alt="{{@website.name}}" width="{{@website.logoSize.width}}" height="{{@website.logoSize.height}}">
            {{else}}
                {{@website.name}}
            {{/if}}
        </a>
    {{/if}}

    {{#if @config.custom.footerMenu}}
        {{> menu-footer menus.footerMenu}}
    {{/if}}

    {{#if @config.custom.socialButtons}}
        <div class="footer__social">
            {{#if @config.custom.socialFacebook}}
                <a href="{{@config.custom.socialFacebook}}" class="facebook" aria-label="Facebook">
                    <svg class="icon">
                        <use xlink:href="{{@website.assetsUrl}}/svg/svg-map.svg#facebook"/>
                    </svg>
                </a>
            {{/if}}
            {{#if @config.custom.socialTwitter}}
                <a href="{{@config.custom.socialTwitter}}" class="twitter" aria-label="Twitter">
                    <svg class="icon">
                        <use xlink:href="{{@website.assetsUrl}}/svg/svg-map.svg#twitter"/>
                    </svg>
                </a>
            {{/if}}
            {{#if @config.custom.socialGoogleplus}}
                <a href="{{@config.custom.social_googleplus}}" class="gplus" aria-label="Google +">
                    <svg class="icon">
                        <use xlink:href="{{@website.assetsUrl}}/svg/svg-map.svg#gplus"/>
                    </svg>
                </a>
            {{/if}}
            {{#if @config.custom.socialInstagram}}
                <a
                    href="{{@config.custom.socialInstagram}}"
                    class="instagram"
                    aria-label="Instagram">
                    <svg class="icon">
                        <use xlink:href="{{@website.assetsUrl}}/svg/svg-map.svg#instagram"/>
                    </svg>
                </a>
            {{/if}}
            {{#if @config.custom.socialLinkedin}}
                <a href="{{@config.custom.socialLinkedin}}" class="linkedin" aria-label="LinkedIn">
                    <svg class="icon">
                        <use xlink:href="{{@website.assetsUrl}}/svg/svg-map.svg#linkedin"/>
                    </svg>
                </a>
            {{/if}}
            {{#if @config.custom.socialVimeo}}
                <a href="{{@config.custom.socialVimeo}}" class="vimeo" aria-label="Vimeo">
                    <svg class="icon">
                        <use xlink:href="{{@website.assetsUrl}}/svg/svg-map.svg#vimeo"/>
                    </svg>
                </a>
            {{/if}}
            {{#if @config.custom.socialPinterest}}
                <a
                    href="{{@config.custom.socialPinterest}}"
                    class="pinterest"
                    aria-label="Pinterest">
                    <svg class="icon">
                        <use xlink:href="{{@website.assetsUrl}}/svg/svg-map.svg#pinterest"/>
                    </svg>
                </a>
            {{/if}}
            {{#if @config.custom.socialYoutube}}
                <a href="{{@config.custom.socialYoutube}}" class="youtube" aria-label="Youtube">
                    <svg class="icon">
                        <use xlink:href="{{@website.assetsUrl}}/svg/svg-map.svg#youtube"/>
                    </svg>
                </a>
            {{/if}}
        </div>
    {{/if}}
    {{#if @config.custom.copyrightText}}
        <div class="footer__copyright">
            {{{@config.custom.copyrightText}}}
        </div>
    {{/if}}
</footer>
</div>

{{#if @config.custom.searchFeature}}
    <div class="search">
        <div class="search__overlay">
            <button class="search__close" aria-label="{{ translate 'search.close' }}">{{ translate 'search.close' }}</button>
            {{{@customSearchInput}}} 
        </div>
    </div>
{{/if}}
<script>window.publiiThemeMenuConfig={mobileMenuMode:'{{@config.custom.mobilemenu}}',animationSpeed:300,submenuWidth:{{#checkIf @config.custom.submenu '==' "auto" }}'auto'{{else}}{{@config.custom.submenuWidth}}{{/checkIf}},doubleClickTime:500,mobileMenuExpandableSubmenus:{{@config.custom.mobilemenuExpandableSubmenus}},relatedContainerForOverlayMenuSelector:'.navbar',};</script>
<script defer src="{{js "scripts.min.js"}}"></script>
{{#if @config.site.mediaLazyLoad}}
    <script>/*<![CDATA[*/var images=document.querySelectorAll("img[loading]");for(var i=0;i<images.length;i++){if(images[i].complete){images[i].classList.add("is-loaded")}else{images[i].addEventListener("load",function(){this.classList.add("is-loaded")},false)}};/*]]>*/</script>
{{/if}}

{{#if @renderer.previewMode}}
<script defer src="{{js "svg-map.js"}}"></script>
<script defer src="{{js "svg-fix.js"}}"></script>
{{/if}}
{{{@footerCustomCode}}}
{{{ publiiFooter }}}
</body>
</html>
