PDJ Brandbox

footer 

<footer class="footer theme-2020">
    <div class="footer__brand">
        <div class="footerBrand">
            <div class="footerBrand__logo">
                <svg class="logo logo--small" viewBox="0 0 39 25" version="1" xmlns="http://www.w3.org/2000/svg">
                    <path fill="currentColor" d="M25.122 2.049c2.395 1.86 2.787 4.38 1.8 7.019-.919 2.442-2.98 4.81-6.22 6.642-3.592 1.994-7.308 2.525-11.363 2.525H0L6.844 0h8.209c4.14 0 7.638.164 10.069 2.049zm-5.057 6.883c.538-1.437.4-3.579-.552-4.723-1.07-1.27-2.719-1.419-5.1-1.419l-1.163.026s-1-.113-1.407.796c-.248.57.104-.426-3.92 10.305-.53 1.423.735 1.493.735 1.493s4.54.277 8.34-2.352c1.61-1.114 2.562-2.772 3.067-4.126zm9.65-2.385L39 6.594l-4.7 12.564C32.767 23.25 29.594 25 23.231 25l-4.969-.066 1.188-2.837c7.193.343 8.49-2.86 8.717-3.475l3-8.07s.516-1.437-.652-1.437h-1.84l1.04-2.568z" />
                </svg>

            </div>

            <nav class="footerBreadcrumb">
                <ul class="footerBreadcrumb__list">
                    <li class="footerBreadcrumb__item">
                        <a href="#" class="footerBreadcrumb__link">Breadcrumb</a>
                    </li>
                    <li class="footerBreadcrumb__item">
                        We are here
                    </li>
                </ul>
            </nav>

        </div>

    </div>

    <div class="footer__nav">
        <nav class="footerNav">
            <div class="footerNav__content">
                <h3 class="footerNav__title heading heading--4">
                    <a href="https://pioneerdj.com/en/product/" class="footerNav__title__link">Products</a>

                    <span class="footerNav__trigger footerNav__triggerIcon"></span>
                </h3>

                <div class="footerNav__menu" style="height: 264px;">
                    <ul class="footerNav__list">
                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/product/player/" class="footerNav__link">DJ players</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/product/mixer/" class="footerNav__link">DJ mixers</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/product/controller/" class="footerNav__link">DJ controllers</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/product/turntable/" class="footerNav__link">Turntables</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/product/all-in-one-system/" class="footerNav__link">All-in-one DJ systems</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/product/effector/" class="footerNav__link">Remix stations</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/product/dj-sampler/" class="footerNav__link">DJ samplers</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/product/production/" class="footerNav__link">Music production</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/product/headphones/" class="footerNav__link">Headphones</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/product/monitor-speakers/" class="footerNav__link">Monitor speakers</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/product/pa-speakers/" class="footerNav__link">PA speakers</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/product/software/" class="footerNav__link">DJ software &amp; Interfaces</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/product/accessories/" class="footerNav__link">Accessories</a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="footerNav__content">
                <h3 class="footerNav__title heading heading--4">
                    <a href="https://pioneerdj.com/en/support/" class="footerNav__title__link">Support</a>

                    <span class="footerNav__trigger footerNav__triggerIcon"></span>
                </h3>

                <div class="footerNav__menu" style="height: 192px;">
                    <ul class="footerNav__list">
                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/support/contact/" class="footerNav__link" title="Contact">Contact</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/support/documents/" class="footerNav__link">Manuals</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/support/software/" class="footerNav__link">Software &amp; firmware</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/support/software-information/" class="footerNav__link">Software information</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="http://faq.pioneerdj.com" class="footerNav__link" target="_blank">FAQ
                                <span class="footerNav__icon">
                                    <svg class="icon-external" viewBox="0 0 32 32">
                                        <path fill="currentColor" d="M20 0l3.2 3.2H1.6C.8 3.2 0 4 0 4.96V30.4c0 .8.8 1.6 1.6 1.6h24.8c.96 0 1.6-.8 1.6-1.76V8.48l.16-.16 3.84 4V0H20zm4.8 28.64H3.36V6.56h17.76l-12 12.32 4.48 4.48 11.2-11.52v16.8z" />
                                    </svg>

                                </span>
                            </a>
                        </li>

                        <li class="footerNav__item">
                            <a href="http://forums.pioneerdj.com/home" class="footerNav__link" target="_blank">Forum
                                <span class="footerNav__icon">
                                    <svg class="icon-external" viewBox="0 0 32 32">
                                        <path fill="currentColor" d="M20 0l3.2 3.2H1.6C.8 3.2 0 4 0 4.96V30.4c0 .8.8 1.6 1.6 1.6h24.8c.96 0 1.6-.8 1.6-1.76V8.48l.16-.16 3.84 4V0H20zm4.8 28.64H3.36V6.56h17.76l-12 12.32 4.48 4.48 11.2-11.52v16.8z" />
                                    </svg>

                                </span>
                            </a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/landing/pioneer-dj-certified/" class="footerNav__link">Certification program</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/account/about/" class="footerNav__link">About your account</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/support/important-product-notice/" class="footerNav__link">Important product notices</a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="footerNav__content">
                <h3 class="footerNav__title heading heading--4">
                    <a href="https://pioneerdj.com/en/news/" class="footerNav__title__link" title="News">News</a>
                </h3>

                <h3 class="footerNav__title heading heading--4">
                    <a href="https://pioneerdj.com/en/shops/search/" class="footerNav__title__link">Where to buy</a>
                </h3>

                <h3 class="footerNav__title heading heading--4">
                    <a href="https://pioneerdj.com/en/company/company-info/" class="footerNav__title__link">About us</a>

                    <span class="footerNav__trigger footerNav__triggerIcon"></span>
                </h3>

                <div class="footerNav__menu" style="height: 48px;">
                    <ul class="footerNav__list">
                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/company/company-info" class="footerNav__link">Company info</a>
                        </li>

                        <li class="footerNav__item">
                            <a href="https://pioneerdj.com/en/corporate-contact/" class="footerNav__link">Corporate contact</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

    </div>

    <div class="footer__nav">
        <div class="footer-ext-nav">
            <div class="footer-ext-nav__inner">

                <ul class="footer-ext-nav__list footer-ext-nav__list--brands">
                    <!--
      <li>
        <a href="https://www.pioneerdj.com" target="_blank" class="footer-ext-nav__link footer-ext-nav__link--pioneerdj">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 117.15 17.5" width="117.15" height="17.5">
            <title>Pioneer DJ</title>
            <path fill="currentColor" d="M0 12.53c.08-.18.16-.35.23-.54.79-2.18 1.55-4.37 2.38-6.53a8.176 8.176 0 0 1 3-3.97A8.271 8.271 0 0 1 9.26.16a13.772 13.772 0 0 1 5.57.27 6.977 6.977 0 0 1 2.86 1.47 3.112 3.112 0 0 1 .62 4.18 5.586 5.586 0 0 1-3.4 2.44 11.855 11.855 0 0 1-4.32.33c-.79-.06-1.57-.2-2.36-.3a.29.29 0 0 1-.29-.29c-.17-.85-.36-1.69-.55-2.54-.01-.06-.02-.11-.03-.21.53.1 1.04.2 1.54.28a10.927 10.927 0 0 0 3.95.08 4.188 4.188 0 0 0 1.41-.55.966.966 0 0 0 .01-1.73 3.378 3.378 0 0 0-1.73-.61 8.27 8.27 0 0 0-3.32.23 4.054 4.054 0 0 0-2.74 2.7c-.78 2.15-1.53 4.31-2.29 6.47a.348.348 0 0 1-.4.28c-1.26-.01-2.53 0-3.79 0v-.12Zm104.5 4.38c.09-.31.18-.63.28-.93s.14-.68.35-.83c.19-.14.56-.03.86-.05a7.813 7.813 0 0 0 2.62-.46 3.177 3.177 0 0 0 1.99-2.05c.51-1.53 1.08-3.03 1.62-4.55a2.5 2.5 0 0 0 .09-.25c.15-.58-.04-.83-.62-.83h-.92c.19-.52.35-1.01.55-1.49.03-.07.19-.12.28-.12h5.55v.06c-.04.09-.09.18-.12.27-.92 2.56-1.83 5.13-2.76 7.69a4.636 4.636 0 0 1-2.93 2.97 9.71 9.71 0 0 1-1.59.39c-.59.1-1.18.13-1.78.19h-3.47Zm-67.36-4.26c.02-.09.03-.15.05-.22.45-1.26.9-2.53 1.37-3.79a4.782 4.782 0 0 1 2.87-2.91 10.4 10.4 0 0 1 6.24-.43 4.5 4.5 0 0 1 1.46.67 2.167 2.167 0 0 1 .86 2.6c-.44 1.31-.92 2.61-1.4 3.9a.3.3 0 0 1-.19.16h-3.59c.04-.14.07-.25.11-.36.4-1.11.8-2.23 1.2-3.34a1.077 1.077 0 0 0-.78-1.58 2.532 2.532 0 0 0-3.14 1.58c-.41 1.15-.82 2.3-1.25 3.45-.04.1-.15.24-.23.24-1.18.02-2.37.01-3.57.01Zm51.01-7.27a1.4 1.4 0 0 1-.06.24c-.19.56-.39 1.11-.57 1.67a.284.284 0 0 1-.31.23h-2.23a1.456 1.456 0 0 0-1.66 1.16q-.66 1.83-1.29 3.69a.381.381 0 0 1-.44.31c-1.03-.01-2.06 0-3.09 0h-.32c.05-.15.09-.28.13-.4.49-1.42.99-2.84 1.48-4.25a3.555 3.555 0 0 1 2.48-2.5 4.544 4.544 0 0 1 1.1-.14c1.52-.02 3.04 0 4.56 0a1.988 1.988 0 0 1 .22.02Zm-64.54-.02c-.05.15-.07.25-.11.35q-1.2 3.33-2.39 6.66c-.07.21-.16.3-.39.29-1.18-.01-2.35 0-3.57 0 .03-.11.05-.2.08-.29.81-2.25 1.62-4.49 2.41-6.74a.342.342 0 0 1 .38-.27c1.18.01 2.35 0 3.58 0Zm39.94 4.76c-.26.72-.49 1.4-.74 2.06a.476.476 0 0 1-.3.23 16.209 16.209 0 0 1-5.41.57 10.167 10.167 0 0 1-3.8-.82 4.913 4.913 0 0 1-1.91-1.41 2.349 2.349 0 0 1-.23-2.76 4.564 4.564 0 0 1 1.9-1.82 9.509 9.509 0 0 1 3.56-1.05 10.913 10.913 0 0 1 5.48.7 7.575 7.575 0 0 1 1.42.84 2.347 2.347 0 0 1 .61.68.949.949 0 0 1-.18 1.32 4.016 4.016 0 0 1-1.05.63 11.334 11.334 0 0 1-3.1.64 11.312 11.312 0 0 1-4.63-.34 16.457 16.457 0 0 1-1.53-.63 1.115 1.115 0 0 0 .37.92 3.2 3.2 0 0 0 1.56.8 12.081 12.081 0 0 0 4.32.21 16.184 16.184 0 0 0 3.5-.75 1.077 1.077 0 0 1 .16-.02Zm-8.53-2.58c.24.09.4.16.57.21a10.283 10.283 0 0 0 3.31.38 7.558 7.558 0 0 0 1.34-.17c.13-.03.24-.19.37-.29a2.571 2.571 0 0 0-.33-.33.864.864 0 0 0-.36-.13c-.45-.08-.91-.17-1.36-.21a7.529 7.529 0 0 0-3.53.55Zm22.69 2.58c-.26.72-.5 1.41-.76 2.09a.47.47 0 0 1-.28.21 16.209 16.209 0 0 1-5.41.57 10.777 10.777 0 0 1-3.67-.75 5.257 5.257 0 0 1-1.81-1.2 2.445 2.445 0 0 1-.29-3.31 4.964 4.964 0 0 1 2.21-1.77 11.077 11.077 0 0 1 5.08-.87 9.221 9.221 0 0 1 3.32.7 14.067 14.067 0 0 1 1.68.97 1.85 1.85 0 0 1 .39.4 1.07 1.07 0 0 1-.22 1.68 4.374 4.374 0 0 1-1.72.73 14.024 14.024 0 0 1-6.18.21 13.766 13.766 0 0 1-2.03-.75 1.459 1.459 0 0 1-.21-.11 1.129 1.129 0 0 0 .36.96 3.211 3.211 0 0 0 1.55.8 12.316 12.316 0 0 0 4.32.22 15.611 15.611 0 0 0 3.5-.75c.04-.01.08-.01.17-.03Zm-8.53-2.58c.25.09.41.17.58.21.59.12 1.19.26 1.79.33a7.942 7.942 0 0 0 2.75-.09 1.748 1.748 0 0 0 .48-.32c-.15-.13-.28-.32-.45-.37a10.7 10.7 0 0 0-1.58-.29 7.516 7.516 0 0 0-3.56.54ZM30 13.02a9.99 9.99 0 0 1-4.44-.96 4.692 4.692 0 0 1-1.66-1.31 2.387 2.387 0 0 1-.12-2.87 4.658 4.658 0 0 1 1.83-1.61 10.8 10.8 0 0 1 5.66-1.19 9.421 9.421 0 0 1 3.89.93 4.808 4.808 0 0 1 1.57 1.19 2.419 2.419 0 0 1 .11 3.18 5.714 5.714 0 0 1-2.48 1.81 11.37 11.37 0 0 1-4.37.84Zm.38-2.27a7.774 7.774 0 0 0 .97-.15 2.874 2.874 0 0 0 1.56-.83 1.118 1.118 0 0 0-.06-1.67 1.456 1.456 0 0 0-.51-.35 7.983 7.983 0 0 0-1.49-.39 3.9 3.9 0 0 0-2.36.45 2.471 2.471 0 0 0-.61.45 1.125 1.125 0 0 0 .08 1.77 3.742 3.742 0 0 0 2.42.72Zm62.56 1.93c.36-.99.68-1.9 1.01-2.82q1.515-4.23 3.02-8.46a.391.391 0 0 1 .44-.31c2.27.03 4.55.02 6.82.06a8.035 8.035 0 0 1 3.27.66 3.854 3.854 0 0 1 2.38 2.7 4.4 4.4 0 0 1-.49 2.95 8.558 8.558 0 0 1-3.64 3.63 11.344 11.344 0 0 1-5.22 1.48c-2.51.1-5.02.08-7.59.11Zm5.82-1.81c.27-.02.55-.04.82-.07a7.841 7.841 0 0 0 4.03-1.52 4.653 4.653 0 0 0 1.95-3.96 2.223 2.223 0 0 0-1.98-2.31 16.936 16.936 0 0 0-2.26-.12c-.8-.01-.96.1-1.24.87-.72 1.97-1.42 3.95-2.14 5.92-.33.92-.15 1.19.81 1.19Z"/>
          </svg>
        </a>
      </li>
      -->
                    <li>
                        <a href="https://www.alphatheta.com" target="_blank" class="footer-ext-nav__link footer-ext-nav__link--alphatheta">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 117 18.7" width="117" height="18.7">
                                <title>AlphaTheta</title>
                                <path fill="currentColor" d="m32.28 2.62 4.89 12.69h-2.38l-1.19-3.36h-5.06l-1.19 3.36h-2.29l4.87-12.69h2.36ZM31.05 4.8l-1.92 5.45H33L31.1 4.8h-.05Zm9.47-2.18v12.69h-2.03V2.62h2.03Zm11.18 8.14c0 2.42-1.21 4.8-3.96 4.8-1.15 0-2.45-.41-3.07-1.44h-.04v4.58H42.6V6.12h1.92v1.24h.04c.59-1.07 1.67-1.49 2.84-1.49 2.88 0 4.3 2.2 4.3 4.89Zm-4.57 3.19c1.83 0 2.54-1.63 2.54-3.23s-.76-3.25-2.56-3.25c-1.88 0-2.56 1.6-2.56 3.25s.78 3.23 2.58 3.23Zm7.95-11.33v4.71h.04c.59-.92 1.62-1.46 2.77-1.46 2.11 0 3.23 1.23 3.23 3.06v6.38h-2.03V9.62c0-1.17-.36-2.15-1.79-2.15s-2.22 1.16-2.22 2.36v5.47h-2.03V2.62h2.03Zm15.69 5.86v4.83c0 .48.11.64.55.64.11 0 .28 0 .43-.04v1.4c-.52.14-1.05.23-1.28.23-.89 0-1.42-.36-1.56-1.12-.73.73-2.06 1.12-3.18 1.12-1.81 0-3.15-1-3.15-2.68s1.01-2.4 2.38-2.68c.69-.14 1.46-.23 2.31-.34 1.23-.14 1.6-.43 1.6-1.14 0-.8-.64-1.24-1.9-1.24s-1.94.53-2.03 1.46h-2.03c.14-2.01 1.6-3.06 4.18-3.06 2.22 0 3.68 1.05 3.68 2.61Zm-4.43 5.47c1.39 0 2.4-.69 2.4-1.69V10.7c-.55.34-.82.34-2.22.52-1.33.16-1.92.64-1.92 1.47 0 .76.64 1.26 1.74 1.26ZM81.41 2.62v1.92h-4.03v10.77h-2.22V4.54h-4.02V2.62h10.27Zm3.04 0v4.71h.04c.59-.92 1.62-1.46 2.77-1.46 2.11 0 3.23 1.23 3.23 3.06v6.38h-2.03V9.62c0-1.17-.36-2.15-1.79-2.15s-2.22 1.16-2.22 2.36v5.47h-2.03V2.62h2.03Zm16.19 7.92c0 .23-.02.46-.04.69h-6.75c0 1.51.87 2.72 2.47 2.72 1.12 0 1.87-.46 2.24-1.53h1.92c-.41 1.97-2.15 3.13-4.16 3.13-2.9 0-4.5-2.03-4.5-4.82s1.71-4.87 4.44-4.87c2.59 0 4.37 2.13 4.37 4.67Zm-2.07-.64c-.11-1.28-.94-2.43-2.33-2.43s-2.33 1.08-2.4 2.43h4.73Zm6.21-6.54v2.75h1.83v1.51h-1.83v5.01c0 .96.23 1.16 1.01 1.16.37 0 .75-.04.82-.07v1.56c-.8.09-1.03.11-1.31.11-1.94 0-2.54-.62-2.54-2.47V7.63h-1.53V6.12h1.53V3.37h2.03Zm11.24 5.12v4.83c0 .48.11.64.55.64.11 0 .28 0 .43-.04v1.4c-.52.14-1.05.23-1.28.23-.89 0-1.42-.36-1.56-1.12-.73.73-2.06 1.12-3.18 1.12-1.81 0-3.14-1-3.14-2.68s1.01-2.4 2.38-2.68c.69-.14 1.46-.23 2.31-.34 1.23-.14 1.6-.43 1.6-1.14 0-.8-.64-1.24-1.9-1.24s-1.94.53-2.03 1.46h-2.03c.14-2.01 1.6-3.06 4.18-3.06 2.22 0 3.68 1.05 3.68 2.61Zm-4.42 5.47c1.39 0 2.4-.69 2.4-1.69V10.7c-.55.34-.82.34-2.22.52-1.33.16-1.92.64-1.92 1.47 0 .76.64 1.26 1.74 1.26ZM18.46 1.35C15.26-1.26 10.62.22 7.85 3.19c-.37.4-.71.84-1.03 1.3 1.61-2.12 4.01-3.46 6.35-3.28 3.44.26 5.42 3.69 4.44 7.66-.98 3.97-4.56 6.98-8 6.72-3.08-.23-4.99-3-4.65-6.43 1.03-.57 2.18-.78 3.21-.51 2.02.54 2.86 2.75 1.95 5 .29-.64.49-1.31.55-1.96.03-.29.03-.58 0-.88-.18-2.24-1.97-4.18-4.93-3.68-4.78.81-7.31 6.14-4.68 9.28 1.61 1.91 4.48 1.63 6.52.27 1.58 1.12 3.75 1.51 6.26.58 7.28-2.69 9.66-11.77 4.61-15.9ZM4.31 17.12c-2.09-.56-2.92-2.91-1.85-5.25.53-1.16 1.43-2.1 2.45-2.68-.14.81-.18 1.62-.11 2.39l.06.53c.04.29.11.57.18.85.41 1.48 1.26 2.79 2.46 3.66-1.02.56-2.17.77-3.2.5Z" />
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.rekordbox.com" target="_blank" class="footer-ext-nav__link footer-ext-nav__link--rekordbox">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 124 17.156" width="124" height="17.156">
                                <title>rekordbox</title>
                                <path fill="currentColor" d="M12.479 7.167a4.932 4.932 0 0 1 .265 1.6 4.983 4.983 0 0 1-4 4.887v3.507l6.14-3.545a1.272 1.272 0 0 0 .635-1.1v-7.1l-3.04 1.751m-8.454-1.7a4.969 4.969 0 0 1 7.465 0l3.038-1.755L8.393.17a1.279 1.279 0 0 0-1.275 0L.978 3.716l3.036 1.755ZM2.772 8.762a4.905 4.905 0 0 1 .265-1.6L0 5.41v7.09a1.279 1.279 0 0 0 .635 1.1l6.14 3.545v-3.501a4.977 4.977 0 0 1-4-4.887Zm7.482 0a2.493 2.493 0 0 1-2.49 2.5h-.006a2.494 2.494 0 0 1-2.5-2.491v-.009a2.493 2.493 0 0 1 2.496-2.495 2.494 2.494 0 0 1 2.5 2.491ZM81.746.186v3.391h-3.992a15.888 15.888 0 0 0-2.558.21 2.958 2.958 0 0 0-2.313 2.745 23.086 23.086 0 0 0 0 4.461 2.964 2.964 0 0 0 2.317 2.745 16 16 0 0 0 2.558.209q3.3 0 6.609.012V.186Zm0 11.68h-3.214c-2.783 0-3.142-.353-3.142-3.109s.359-3.109 3.142-3.109h3.214Zm16.278-5.34a2.961 2.961 0 0 0-2.313-2.744 15.875 15.875 0 0 0-2.557-.21h-3.992V.186h-2.617v13.762q3.3 0 6.609-.012a15.324 15.324 0 0 0 2.557-.209 2.957 2.957 0 0 0 2.313-2.745 23.1 23.1 0 0 0 0-4.462Zm-5.649 5.339h-3.213V5.648h3.213c2.783 0 3.142.353 3.142 3.109s-.359 3.109-3.142 3.109ZM62.96 6.477a3.135 3.135 0 0 0-2.694-2.745 21.117 21.117 0 0 0-5.952 0 3.129 3.129 0 0 0-2.695 2.745 21.1 21.1 0 0 0 0 4.577 3.135 3.135 0 0 0 2.694 2.746 21.124 21.124 0 0 0 5.953 0 3.131 3.131 0 0 0 2.694-2.745 21.1 21.1 0 0 0 0-4.577m-2.584 3.959a1.385 1.385 0 0 1-.778 1.209 2.476 2.476 0 0 1-1.2.243 19.051 19.051 0 0 1-2.755-.039 1.4 1.4 0 0 1-1.266-.833 2.559 2.559 0 0 1-.213-1.117 19.263 19.263 0 0 1 .036-2.822 1.385 1.385 0 0 1 .778-1.209 2.556 2.556 0 0 1 1.2-.243 19.065 19.065 0 0 1 2.756.039 1.4 1.4 0 0 1 1.264.833 2.545 2.545 0 0 1 .21 1.116 19.988 19.988 0 0 1-.039 2.822m50.763-3.959a3.136 3.136 0 0 0-2.695-2.745 21.117 21.117 0 0 0-5.952 0A3.131 3.131 0 0 0 99.8 6.477a21.1 21.1 0 0 0 0 4.577 3.137 3.137 0 0 0 2.695 2.745 21.117 21.117 0 0 0 5.952 0 3.132 3.132 0 0 0 2.695-2.745 21.1 21.1 0 0 0 0-4.577m-2.584 3.959a1.388 1.388 0 0 1-.779 1.209 2.47 2.47 0 0 1-1.2.243 19.2 19.2 0 0 1-2.756-.039 1.4 1.4 0 0 1-1.265-.833 2.544 2.544 0 0 1-.209-1.116 19.126 19.126 0 0 1 .038-2.822 1.386 1.386 0 0 1 .779-1.209 2.552 2.552 0 0 1 1.2-.243 19.061 19.061 0 0 1 2.756.039 1.4 1.4 0 0 1 1.265.833 2.544 2.544 0 0 1 .209 1.116 20.13 20.13 0 0 1-.038 2.822m-39.6-4.711a1.7 1.7 0 0 0-.585.193 2.176 2.176 0 0 0-.343.244 1.276 1.276 0 0 0-.315.447 2.159 2.159 0 0 0-.132.7c-.044.507-.033 1.016-.033 1.529v5.108h-2.663V8.757a20.108 20.108 0 0 1 .122-2.231 2.521 2.521 0 0 1 .314-1.049 3.161 3.161 0 0 1 .641-.861 3.3 3.3 0 0 1 .922-.608 5.114 5.114 0 0 1 1.32-.3 10.471 10.471 0 0 1 1.1-.083c.734-.028 2.529-.067 2.529-.067v2.079a24.756 24.756 0 0 0-2.883.088m-44.766 0a1.7 1.7 0 0 0-.585.193 2.176 2.176 0 0 0-.343.244 1.263 1.263 0 0 0-.315.447 2.159 2.159 0 0 0-.132.7c-.044.507-.033 1.016-.033 1.529v5.108h-2.657V8.757a20.108 20.108 0 0 1 .122-2.231 2.508 2.508 0 0 1 .315-1.049 3.146 3.146 0 0 1 .641-.861 3.29 3.29 0 0 1 .921-.608 5.124 5.124 0 0 1 1.32-.3 10.471 10.471 0 0 1 1.1-.083c.734-.028 2.528-.067 2.528-.067v2.079a24.74 24.74 0 0 0-2.882.088m21.783 3.037 5.268-5.185h-2.893l-3.86 4.147h-.276V3.577h-2.634v10.371h2.634V9.8h.27l3.866 4.153h2.893l-5.273-5.191h.005ZM124 3.577h-2.893l-3.313 3.612-3.319-3.612h-2.893l4.759 5.185-4.759 5.186h2.893l3.319-3.611 3.313 3.611H124l-4.76-5.186Zm-84.519 7.317h-2.628c-.022.077-.066.22-.066.22a.924.924 0 0 1-.879.691 19.313 19.313 0 0 1-4.218 0 1.046 1.046 0 0 1-.928-.911c-.061-.554-.1-1.111-.116-1.668h8.945v-.309a20.083 20.083 0 0 0-.121-2.452 3.135 3.135 0 0 0-2.694-2.745 21.124 21.124 0 0 0-5.953 0 3.131 3.131 0 0 0-2.695 2.745 21.1 21.1 0 0 0 0 4.578 3.135 3.135 0 0 0 2.695 2.744 21.043 21.043 0 0 0 5.952 0 2.912 2.912 0 0 0 .387-.077c.127-.033.248-.078.37-.122a3.142 3.142 0 0 0 .961-.613 2.321 2.321 0 0 0 .259-.276 2.926 2.926 0 0 0 .414-.635 2.835 2.835 0 0 0 .2-.513 3.679 3.679 0 0 0 .1-.541c0-.033.011-.067.011-.105v-.011m-8.709-4.285a1.044 1.044 0 0 1 .927-.911 19.2 19.2 0 0 1 4.219 0 1.044 1.044 0 0 1 .928.91c.039.354.072.7.094 1.056h-6.257c.018-.353.049-.7.095-1.055Z" />
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.kuvo.com" target="_blank" class="footer-ext-nav__link footer-ext-nav__link--kuvo">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 16.054" width="64" height="16.054">
                                <title>KUVO</title>
                                <path fill="currentColor" d="M38.952 13.236a.226.226 0 0 0 .418-.008L43.592.393h2.763l-4.987 14.02a2.207 2.207 0 0 1-2.356 1.514 2.249 2.249 0 0 1-2.319-1.709L31.773.406h2.82ZM0 .399h2.532v15.422H0zm29.073 4.69a1.278 1.278 0 0 0-2.547.125v4.53a3.963 3.963 0 0 1-7.118 2.276 3.916 3.916 0 0 1-.7-2.381V.4h-2.58v9.232a7.721 7.721 0 0 0 .054.966 5.853 5.853 0 0 0 2.881 4.5 6.874 6.874 0 0 0 4.235.9 6.268 6.268 0 0 0 4-1.764 6.04 6.04 0 0 0 1.8-4.476Z" />
                                <circle cx="1.29" cy="1.29" r="1.29" fill="currentColor" transform="translate(26.503 .416)" />
                                <path fill="currentColor" d="M61.186 2.351A8.04 8.04 0 0 0 51.962.818l1.1 2.34a5.447 5.447 0 1 1-2.944 5.643 1.29 1.29 0 1 0-2.548.4 8.028 8.028 0 1 0 13.618-6.849Z" />
                                <circle cx="1.301" cy="1.301" r="1.301" fill="currentColor" transform="translate(47.784 4.069)" />
                                <path fill="currentColor" d="M6.745 8.298a.563.563 0 0 1 .01-.881l6.184-7.02H9.768L4.451 6.478a2.1 2.1 0 0 0 .035 3.13l5.366 6.229h3.316Z" />
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.pioneerdj.com/landing/toraiz-brand/" target="_blank" class="footer-ext-nav__link footer-ext-nav__link--toraiz">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81 17.1" width="81" height="17.1">
                                <title>TORAIZ</title>
                                <path fill="currentColor" d="M64.596.312h4.199v16.443h-4.199zM19.886 0a8.529 8.529 0 1 1-.023 17.054 8.475 8.475 0 0 1-8.644-8.333 9.282 9.282 0 0 1 .645-3.51A8.546 8.546 0 0 1 19.886 0m.067 13.367c2.978 0 4.423-2.71 4.423-4.821s-1.445-4.858-4.467-4.858a4.578 4.578 0 0 0-4.489 4.8 4.611 4.611 0 0 0 4.533 4.879M55.055.312h-2.74L44.2 14.389l1.367 2.367h16.25l1.367-2.367Zm-5.517 12.754L53.7 5.85l4.171 7.216Zm-6.016-7.087A5.7 5.7 0 0 0 41.5 1.49C40.434.667 39.323.312 36.431.312h-6.158v16.443h4.2V4h2.3c1.614 0 2.711.733 2.711 2.221 0 .8-.288 2.353-2.75 2.356h-.578v2.574L39 16.755h4.522l-3.335-5.78a5.08 5.08 0 0 0 3.335-5M70.622 14l5.66-10h-5.66V.315h10.371v3.4l-5.239 9.357H81v3.687H70.629ZM3.245 4H0V.315h10.666V4H7.439v12.756H3.245Z" />
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.pioneerproaudio.com" target="_blank" class="footer-ext-nav__link footer-ext-nav__link--pioneerproaudio">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97 14.32" width="97" height="14.32">
                                <title>Pioneer PRO AUDIO</title>
                                <path fill="currentColor" d="M0 13.792c.084-.2.18-.389.252-.591.87-2.4 1.7-4.808 2.614-7.188a9.053 9.053 0 0 1 3.3-4.374A9.1 9.1 0 0 1 10.178.178a15.082 15.082 0 0 1 6.129.294 7.763 7.763 0 0 1 3.148 1.618 3.424 3.424 0 0 1 .685 4.593 6.2 6.2 0 0 1-3.74 2.689 13.043 13.043 0 0 1-4.748.361c-.87-.068-1.731-.22-2.6-.326-.2-.025-.281-.113-.323-.322-.188-.935-.4-1.865-.6-2.8-.014-.061-.02-.124-.035-.228.585.109 1.14.224 1.7.313a11.946 11.946 0 0 0 4.343.088 4.75 4.75 0 0 0 1.55-.606 1.066 1.066 0 0 0 .013-1.904 3.8 3.8 0 0 0-1.9-.676 9.148 9.148 0 0 0-3.655.25A4.468 4.468 0 0 0 7.125 6.5a715.58 715.58 0 0 0-2.516 7.121.381.381 0 0 1-.435.309c-1.391-.011-2.783 0-4.174 0Zm40.87.127a2.435 2.435 0 0 1 .06-.239c.5-1.391.99-2.784 1.5-4.169a5.282 5.282 0 0 1 3.154-3.2 11.487 11.487 0 0 1 6.864-.478 4.938 4.938 0 0 1 1.6.739A2.392 2.392 0 0 1 55 9.435c-.483 1.442-1.017 2.867-1.538 4.3a.308.308 0 0 1-.214.18c-1.3.011-2.607.008-3.953.008.047-.151.081-.274.124-.394l1.325-3.674a1.188 1.188 0 0 0-.86-1.742 2.8 2.8 0 0 0-3.458 1.74c-.455 1.266-.907 2.534-1.371 3.8-.04.108-.165.261-.253.262-1.3.016-2.607.011-3.932.011M97 5.916c-.024.1-.038.184-.065.262-.208.611-.426 1.219-.623 1.834a.3.3 0 0 1-.346.248c-.819-.011-1.639-.005-2.458-.005a1.61 1.61 0 0 0-1.83 1.276q-.733 2.021-1.419 4.059a.418.418 0 0 1-.484.336c-1.132-.014-2.264-.006-3.4-.006h-.353c.056-.17.1-.3.142-.435q.816-2.34 1.634-4.679a3.9 3.9 0 0 1 2.724-2.748 5.122 5.122 0 0 1 1.217-.158c1.671-.017 3.343-.007 5.014-.006.073 0 .145.012.246.021m-71.006-.021c-.05.164-.08.278-.119.388q-1.316 3.66-2.628 7.323c-.08.226-.173.325-.429.322-1.293-.016-2.587-.007-3.93-.007.034-.125.055-.225.089-.32q1.324-3.708 2.657-7.418a.37.37 0 0 1 .417-.294c1.294.012 2.587.006 3.943.006m43.944 5.239c-.282.79-.537 1.536-.819 2.27a.535.535 0 0 1-.327.254 17.815 17.815 0 0 1-5.954.63 11.4 11.4 0 0 1-4.183-.9 5.274 5.274 0 0 1-2.1-1.555 2.583 2.583 0 0 1-.25-3.037 5.028 5.028 0 0 1 2.1-2 10.413 10.413 0 0 1 3.919-1.152 12.053 12.053 0 0 1 6.032.77 8.414 8.414 0 0 1 1.56.919 2.693 2.693 0 0 1 .672.744 1.039 1.039 0 0 1-.194 1.45 4.448 4.448 0 0 1-1.161.692 12.109 12.109 0 0 1-3.41.7 12.538 12.538 0 0 1-5.094-.373c-.571-.18-1.113-.452-1.685-.689a1.227 1.227 0 0 0 .4 1.01 3.524 3.524 0 0 0 1.712.875 13.312 13.312 0 0 0 4.757.234 17.829 17.829 0 0 0 3.851-.823 1.255 1.255 0 0 1 .172-.025m-9.379-2.836c.26.1.438.173.623.228a11.429 11.429 0 0 0 3.645.417 9.466 9.466 0 0 0 1.471-.185c.148-.029.269-.208.4-.319a2.892 2.892 0 0 0-.367-.367.993.993 0 0 0-.392-.141c-.5-.087-1-.187-1.5-.233a8.307 8.307 0 0 0-3.882.6m24.961 2.838c-.286.8-.548 1.551-.835 2.3a.5.5 0 0 1-.308.232 17.9 17.9 0 0 1-5.956.63 11.634 11.634 0 0 1-4.035-.83 5.773 5.773 0 0 1-1.991-1.322 2.7 2.7 0 0 1-.324-3.645A5.454 5.454 0 0 1 74.5 6.54a12.086 12.086 0 0 1 5.6-.957 10.3 10.3 0 0 1 3.656.766A14.608 14.608 0 0 1 85.6 7.417a1.8 1.8 0 0 1 .429.444 1.183 1.183 0 0 1-.24 1.851 4.784 4.784 0 0 1-1.9.8 15.485 15.485 0 0 1-6.8.229 16.972 16.972 0 0 1-2.24-.82c-.066-.025-.129-.066-.228-.117a1.269 1.269 0 0 0 .394 1.056 3.5 3.5 0 0 0 1.709.881 13.273 13.273 0 0 0 4.758.237 17.6 17.6 0 0 0 3.852-.823 1.522 1.522 0 0 1 .183-.03m-9.386-2.832a5.078 5.078 0 0 0 .638.226c.653.133 1.306.288 1.966.359a8.7 8.7 0 0 0 3.022-.1 1.915 1.915 0 0 0 .527-.356c-.166-.139-.313-.356-.5-.4a12.066 12.066 0 0 0-1.742-.322 8.162 8.162 0 0 0-3.911.6m-43.108 6.02a11.072 11.072 0 0 1-4.886-1.056 5.07 5.07 0 0 1-1.822-1.445 2.624 2.624 0 0 1-.13-3.156 5.228 5.228 0 0 1 2.01-1.769 11.818 11.818 0 0 1 6.226-1.309A10.392 10.392 0 0 1 38.7 6.6a5.3 5.3 0 0 1 1.73 1.31 2.667 2.667 0 0 1 .123 3.5 6.227 6.227 0 0 1-2.726 1.99 12.464 12.464 0 0 1-4.8.921m.415-2.495c.262-.038.673-.068 1.069-.16a3.174 3.174 0 0 0 1.721-.914 1.234 1.234 0 0 0-.067-1.837 1.612 1.612 0 0 0-.565-.385 8.923 8.923 0 0 0-1.638-.43 4.33 4.33 0 0 0-2.6.491 2.825 2.825 0 0 0-.677.5 1.24 1.24 0 0 0 .09 1.947 4.121 4.121 0 0 0 2.661.791" />
                            </svg>
                        </a>
                    </li>
                </ul>

                <ul class="footer-ext-nav__list footer-ext-nav__list--ext">
                    <li>
                        <a href="https://www.youtube.com/@pioneerdjglobal" target="_blank" class="footer-ext-nav__link footer-ext-nav__link--youtube">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 18" width="24" height="18">
                                <title>YouTube</title>
                                <path fill="currentColor" d="M23.5 3.2c-.3-1-1.1-1.9-2.1-2.1C19.5.6 12 .6 12 .6s-7.5 0-9.4.5C1.6 1.4.8 2.2.5 3.2 0 5.1 0 9 0 9s0 3.9.5 5.8c.3 1 1.1 1.9 2.1 2.1 1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5c1-.3 1.8-1.1 2.1-2.1.5-1.9.5-5.8.5-5.8s0-3.9-.5-5.8Zm-14 9.4V5.5l6.3 3.6-6.3 3.6Z" />
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.instagram.com/pioneerdjglobal" target="_blank" class="footer-ext-nav__link footer-ext-nav__link--instagram">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20">
                                <title>Instagram</title>
                                <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.296 0h1.408c2.082.003 2.452.016 3.42.06 1.063.049 1.79.218 2.426.465a4.902 4.902 0 0 1 1.772 1.154 4.903 4.903 0 0 1 1.153 1.77c.247.637.416 1.364.465 2.428.046 1.017.059 1.374.06 3.757v.733c-.001 2.382-.014 2.74-.06 3.756-.049 1.065-.218 1.792-.465 2.428a4.904 4.904 0 0 1-1.153 1.77 4.904 4.904 0 0 1-1.771 1.154c-.636.247-1.363.416-2.428.465-1.016.046-1.373.059-3.756.06h-.733c-2.383-.001-2.74-.014-3.757-.06-1.064-.049-1.791-.218-2.427-.465a4.903 4.903 0 0 1-1.771-1.153A4.902 4.902 0 0 1 .525 16.55C.278 15.915.11 15.188.06 14.122c-.044-.966-.057-1.337-.06-3.42V9.297c.003-2.082.016-2.452.06-3.419C.11 4.813.278 4.086.525 3.45A4.902 4.902 0 0 1 1.68 1.679 4.902 4.902 0 0 1 3.449.525C4.087.278 4.814.11 5.878.06 6.844.016 7.214.003 9.297 0Zm1.065 1.802H9.64c-2.341.001-2.676.012-3.68.058-.976.045-1.505.208-1.858.345-.466.181-.8.398-1.15.748-.35.35-.566.683-.747 1.15-.137.352-.3.881-.345 1.856-.046 1.005-.057 1.34-.058 3.68v.722c.001 2.34.012 2.675.058 3.68.045.975.208 1.505.345 1.857.181.467.398.8.748 1.15.35.35.683.566 1.15.748.352.137.881.3 1.856.344 1.022.047 1.35.058 3.798.058h.487c2.447 0 2.776-.011 3.797-.058.975-.044 1.505-.207 1.857-.344.467-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.352.3-.882.344-1.857.047-1.021.058-1.35.058-3.797v-.487c0-2.447-.011-2.776-.058-3.798-.044-.975-.207-1.504-.344-1.857a3.098 3.098 0 0 0-.748-1.15 3.098 3.098 0 0 0-1.15-.747c-.352-.137-.882-.3-1.857-.345-1.005-.046-1.34-.057-3.68-.058Zm-.236 2.948a5.125 5.125 0 1 1 0 10.25 5.125 5.125 0 0 1 0-10.25Zm0 1.798a3.327 3.327 0 1 0 0 6.654 3.327 3.327 0 0 0 0-6.654ZM15.25 3.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z" />
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.facebook.com/pioneer.dj.global" target="_blank" class="footer-ext-nav__link footer-ext-nav__link--facebook">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20">
                                <title>Facebook</title>
                                <path fill="currentColor" d="M10 0C4.5 0 0 4.5 0 10s3.7 9.1 8.4 9.9v-7H5.9V10h2.5V7.8c0-2.5 1.5-3.9 3.8-3.9s2.2.2 2.2.2v2.5H12.7c-.9.2-1.2.8-1.2 1.5V10h2.8l-.4 2.9h-2.3v7C16.4 19.1 20 15 20 10S15.5 0 10 0Z" />
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.tiktok.com/@pioneerdjglobal" target="_blank" class="footer-ext-nav__link footer-ext-nav__link--tiktok">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 19.52" width="17" height="19.52">
                                <title>TikTok</title>
                                <path fill="currentColor" d="M14.46 3.91A4.655 4.655 0 0 1 12.42.85a4.8 4.8 0 0 1-.08-.85H8.99v13.45a2.821 2.821 0 0 1-2.82 2.71 2.81 2.81 0 0 1-2.82-2.82c0-1.56 1.26-2.82 2.82-2.82.29 0 .57.05.83.13V7.22a5.69 5.69 0 0 0-.83-.06C2.77 7.16 0 9.93 0 13.34a6.18 6.18 0 0 0 6.17 6.18c3.4 0 6.17-2.77 6.17-6.18V6.52c1.31.94 2.92 1.5 4.66 1.5V4.66c-.94 0-1.81-.28-2.54-.76Z" />
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="https://twitter.com/PioneerDJglobal" target="_blank" class="footer-ext-nav__link footer-ext-nav__link--x">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="18" height="18">
                                <title>X</title>
                                <path fill="currentColor" d="M10.477 7.618 17.03 0h-1.553l-5.69 6.614L5.242 0H0l6.873 10.002L0 17.991h1.553l6.01-6.985 4.799 6.985h5.242L10.476 7.618ZM8.35 10.09l-.697-.996-5.54-7.925h2.385l4.471 6.396.697.996 5.812 8.314h-2.385L8.35 10.09Z" />
                            </svg>
                        </a>
                    </li>
                </ul>

            </div>
        </div>

    </div>

    <div class="footer__legal">
        <nav class="legalNav">
            <ul class="legalNav__list">
                <li class="legalNav__item">
                    <a href="https://alphatheta.com/" class="legalNav__link">
                        <strong>&copy; AlphaTheta</strong>
                    </a>
                </li>

                <li class="legalNav__item">
                    <a href="https://pioneerdj.com/en/company/privacy-policy/" class="legalNav__link">Privacy policy</a>
                </li>

                <li class="legalNav__item">
                    <a href="https://pioneerdj.com/en/company/terms-of-use/" class="legalNav__link">terms of use</a>
                </li>

                <li class="legalNav__item">
                    <a href="https://pioneerdj.com/en/company/trademarks/" class="legalNav__link">trademarks</a>
                </li>

            </ul>
        </nav>

    </div>
</footer>
 
<footer class="footer theme-2020">
  <div class="footer__brand">
    {{render '@footer-brand' . }}
  </div>

  <div class="footer__nav">
    {{render '@nav-footer' }}
  </div>

  <div class="footer__nav">
    {{render '@footer-ext-nav' }}
  </div>

  <div class="footer__legal">
    {{render '@nav-legal' extralegal merge=true }}
  </div>
</footer>
 
extralegal:
  cookies: false
breadcrumbs:
  - url: '#'
    label: Breadcrumb
  - label: We are here
  • Content: 
    .footer {
  color: var(--color--neutrals-3);
  background-color: transparent;
}

.footer__brand {
  display: none;
  background-color: var(--color--neutrals-9);

  @media all and (min-width: 1024px) {
    display: block;
    padding: var(--gap--8) var(--gap--4) 0;
  }

  .page--home &,
  .page--service-survey & {
    display: none;
  }
}

.footer__nav {
  display: block;
  width: 100%;
  padding: var(--gap--4) 0 0;
  background-color: var(--color--neutrals-9);

  @media all and (min-width: 1024px) {
    padding: var(--gap--4) var(--gap--4) 0;
  }

  .page--home & {
    @media all and (min-width: 1024px) {
      padding-top: var(--gap--8);
    }
  }

  &--spacing.footer__nav {
    padding-top: var(--gap--4);
    padding-bottom: var(--gap--4);

    @media all and (min-width: 1024px) {
      padding-top: var(--gap--8);
      padding-bottom: var(--gap--8);
    }
  }

  .footer-ext-nav {
    color: var(--color--neutrals-0);
  }
}

.footer__links {
  background-color: var(--color--neutrals-9);

  @media all and (min-width: 1024px) {
    padding: var(--gap--4) var(--gap--4) 0;
  }
}

.footer__links__inner {
  @media all and (min-width: 1024px) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: var(--section--9);
    margin: 0 auto;
  }
}

.footer__external {
  padding: var(--gap--4);

  @media all and (min-width: 1024px) {
    padding: 0;
  }
}

.footer__social {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--gap--4) 0;
  border-top: 1px solid var(--color--neutrals-10);
  border-bottom: 1px solid var(--color--neutrals-10);

  @media all and (min-width: 1024px) {
    padding: 0;
    border: none;
  }
}

.footer__legal {
  display: block;
  width: 100%;
  padding: var(--gap--2) var(--gap--4);
  background-color: var(--color--neutrals-9);

  @media all and (min-width: 1024px) {
    padding-bottom: var(--gap--4);
  }
}
  • URL: /components/raw/footer/footer.scss
  • Filesystem Path: ../src/04_organisms/footer/footer.scss
  • Size: 1.9 KB

No notes defined.