<?php
/**
 * The template for displaying the footer
 *
 * Contains footer content and the closing of the #main and #page div elements.
 *
 * @package CMSSuperHeroes
 * @subpackage CMS Theme
 * @since 1.0.0
 */
global $smof_data;
?>
        </div><!-- #main -->
            <footer>
                <div id="cshero-footer" class="cshero-footer2">
                    <?php if ( is_active_sidebar( 'footer-feature-top' ) ) { ?>
                        <div id="cshero-footer-feature-top">
                            <div class="container">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        <div class="cshero-footer-feature-inner clearfix">
                                            <div class="feature-top-item">
                                               <div class="media">
                                                    <div class="media-left">
                                                        <span class="lnr lnr-map"></span>
                                                    </div>
                                                    <div class="media-body">
                                                        <span><?php echo esc_html__('Visit Us', 'wp-yellow-hats'); ?></span>
                                                        <?php echo esc_attr($smof_data['top_visit']); ?>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="feature-top-item">
                                                <div class="media">
                                                    <div class="media-left">
                                                        <span class="lnr lnr-envelope"></span>
                                                    </div>
                                                    <div class="media-body">
                                                        <span><?php echo esc_html__('Email Us', 'wp-yellow-hats'); ?></span>
                                                        <a href="mailto:<?php echo esc_attr($smof_data['top_email']); ?>"><?php echo esc_attr($smof_data['top_email']); ?></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="feature-top-item">
                                                <div class="media">
                                                   <div class="media-left">
                                                            <span class="lnr lnr-phone"></span>
                                                    </div>
                                                    <div class="media-body">
                                                        <span><?php echo esc_html__('Call Us', 'wp-yellow-hats'); ?></span>
                                                        <a href="tel:<?php echo esc_attr($smof_data['top_phone']); ?>"><?php echo esc_attr($smof_data['top_phone']); ?></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php  } ?>
                    <div id="cshero-footer-top"> 
                        <div class="container">
                            <div class="row">
                                <div class="col-xs-12 col-sm-6 col-md-7 col-lg-7">
                                    <div class="row">
                                        <div class="cshero-footer-top1 col-xs-12 col-sm-12 col-md-7 col-lg-7"><?php dynamic_sidebar('footer-top-1'); ?></div>
                                        <div class="cshero-footer-top2 col-xs-12 col-sm-12 col-md-5 col-lg-5"><?php dynamic_sidebar('footer-top-2'); ?></div>
                                    </div>
                                </div>
                                <div class="cshero-footer-top3 col-xs-12 col-sm-6 col-md-5 col-lg-5">
                                    <?php dynamic_sidebar('footer-top-3'); ?>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="cshero-footer-bottom"> 
                        <div class="container">
                            <div class="row">
                                <div class="cshero-footer-bottom1 col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                    <?php dynamic_sidebar('footer-bottom-1'); ?>
                                </div>
                                <div class="cshero-footer-bottom2 col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                    <?php dynamic_sidebar('footer-bottom-2'); ?>
                                </div>
                            </div>
                        </div>
                    </div>
                    <?php if(!empty($smof_data['cms-copyright'])) { ?>
                    <div id="cs-copyright"> 
                        <div class="container">
                            <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center"><?php echo $smof_data['cms-copyright']; ?></div>
                            </div>
                        </div>
                    </div>
                    <?php } ?>
                </div>
            </footer><!-- #site-footer -->
        </div><!-- #page -->
    <?php wp_footer(); ?>