<footer class="site-footer has-global-padding has-foreground-background-color has-body-color">
    <div class="site-footer__widget has-x-small-font-size pt-60 pb-30">
        <div class="site-container">
            <div class="wp-block-columns is-layout-flex">

                <div class="wp-block-column is-layout-flow">
                    <?php dynamic_sidebar('retheme_footer_1'); ?>
                </div>

                <div class="wp-block-column is-layout-flow">
                    <?php dynamic_sidebar('retheme_footer_2'); ?>
                </div>

                <div class="wp-block-column is-layout-flow">
                    <?php dynamic_sidebar('retheme_footer_3'); ?>
                </div>

            </div>
        </div>
    </div>
    <div class="wp-group site-container">
        <hr class="wp-block-separator">
    </div>

    <div class="site-footer__bottom has-x-small-font-size py-30">
        <div class="site-container">
            <div class="wp-block-columns is-layout-flex md:justify-between md:flex-row-reverse">
                <?php if (has_nav_menu('footer')): ?>
                    <div class="wp-block-column is-layout-flex md:justify-right">
                        <nav id="menu-footer" class="rt-menu is-menu-horizontal is-style-simple" style="--menu-spacing: 15px">
                            <?php wp_nav_menu(['container' => '', 'theme_location' => 'footer',]) ?>
                        </nav>
                    </div>
                <?php endif ?>
                <div class="wp-block-column">
                    <?php echo rt_get_site_copyright() ?>
                </div>
            </div>
        </div>
    </div>

</footer>