<?php
global $theme_footer_copyright;
global $theme_container_class;
?>
<div class="push hidden-print"></div>
<footer id="footer" class="footer-background"> <a href="javascript:;" class="cd-top"><span class="hidden">Back to top</span><span class="fp-icon-scroll-top-square"></span></a>
  <?php $foot_layout = get_theme_mod( 'footer_layout_id', 'footer-simplygood' );?>
  <?php if ( $foot_layout == "footer-simplygood" ): ?>
  <!-- -----------------SIMPLY GOOD Theme Footer Container Start -->
  <div class="footer-content simply-good <?= get_theme_mod('footer_layout_width', 'container-fluid'); ?>">
    <div class="footer-nav-container">
      <div class="footer-nav">
        <div class="footer-col-1 flex-grow">
          <div class="footer-logo"> <a aria-label="A theme logo of <?php bloginfo( 'name' ); ?>" class="logo-header" href="<?php echo home_url(); ?>"><img src="<?= get_theme_mod('fp_wp_setting_logo_footer') ?>" alt="A theme logo of <?php bloginfo( 'name' ); ?>" width="100" /></a>
            <div id="footer-store-address"><span class="hidden">Store Address</span></div>
            <?php if ( is_active_sidebar( 'footer-column1-widget' ) ) { ?>
            <ul class="widget-area">
              <?php dynamic_sidebar('footer-column1-widget'); ?>
            </ul>
            <?php } ?>
          </div>
        </div>
        <div class="footer-col-2 flex-grow">
          <?php $footer_label_col1 = get_theme_mod('footer_label_1', 'Quick Links');?>
          <?php if ( $footer_label_col1 ): ?>
            <h5><?= get_theme_mod('footer_label_1', 'Quick Links'); ?></h5>
          <?php else : ?>
			<h5 class="no-title">&nbsp;</h5>
          <?php endif; ?>
          
			<!-- Original Menu--><?php wp_nav_menu(array('theme_location' => 'footer-menu-col-1', 'menu_class' => 'footer-menu-col', 'fallback_cb' => false)); ?>
          <?php if ( is_active_sidebar( 'footer-column1-widget' ) ) { ?>
          <ul class="widget-area">
            <?php dynamic_sidebar('footer-column1-widget'); ?>
          </ul>
          <?php } ?>
        </div>
        <div class="footer-col-3 flex-grow">
          <?php $footer_label_col2 = get_theme_mod('footer_label_2', '');?>
          <?php if ( $footer_label_col2 ): ?>
            <h5><?= get_theme_mod('footer_label_2', ''); ?></h5>
          <?php else : ?>
			<h5 class="no-title">&nbsp;</h5>
          <?php endif; ?>
          
			<!-- Original Menu--><?php wp_nav_menu(array('theme_location' => 'footer-menu-col-2', 'menu_class' => 'footer-menu-col footer-menu-col-2', 'fallback_cb' => false)); ?>	
          <?php if ( is_active_sidebar( 'footer-column2-widget' ) ) { ?>
          <ul class="widget-area">
            <?php dynamic_sidebar('footer-column2-widget'); ?>
          </ul>
          <?php } ?>
        </div>
        <div class="footer-col-4 flex-grow">
          <div class="social-container">
            <?php $footer_label_social = get_theme_mod('social_media_label', 'Connect With Us');?>
            <?php if ( $footer_label_social ): ?>
              <h5><?= get_theme_mod('social_media_label', 'Connect With Us'); ?></h5>
            <?php else : ?>
			  <h5 class="no-title">&nbsp;</h5>
            <?php endif; ?>
            <ul class="social-links <?php if ( $social_color ): ?><?= get_theme_mod('social_color_toggle', ''); ?><?php else : ?><?= get_theme_mod('social_color_toggle', 'color-on'); ?><?php endif; ?>">
              <?php $social_media_urls = social_media_urls(); ?>
              <?php foreach ($social_media_urls as $key => $value) { ?>
              <?php if(!empty($value)) { ?>
              <li> <a href="<?php echo $value; ?>" title="<?php echo $key; ?>" class="my-store-link-<?php echo $key; ?>" <?php if($key != 'rss'){ ?> target="_blank" <?php } ?> ><span class="fp-icon-<?php echo $key; ?>-layered bg-<?php echo $key; ?>"></span><span class="hidden"><?php echo $key; ?></span></a> </li>
              <?php } ?>
              <?php } ?>
            </ul>
          </div>
          <div class="download-app flex-grow">
            <?php $footer_label_download = get_theme_mod('download_app_label', 'Download Our App');?>
            <?php if ( $footer_label_download ): ?>
              <h5>
              <?= get_theme_mod('download_app_label', 'Download Our App'); ?>
            </h5>
            <?php else : ?>
			  <h5 class="no-title">&nbsp;</h5>
            <?php endif; ?>
            <div class="download-app-link-container">
              <div class="download-app-link"> <a aria-label="Download <?php bloginfo( 'name' ); ?> Mobile App from Apple Store" class="app-link-img" href="<?php $footer_ios_store = get_theme_mod('download_app_ios'); ?><?php if ( $footer_ios_store ): ?><?= get_theme_mod('download_app_ios') ?><?php else : ?>https://apps.apple.com/us/app/freshop-groceries/id1087032439
            <?php endif; ?>" target="_blank"><img src="<?php echo get_stylesheet_directory_uri();?>/resources/images/app-stores-iOS.png" alt="Download <?php bloginfo( 'name' ); ?> Mobile App from Apple Store" /></a> </div>
              <div class="download-app-link flex-grow"> <a aria-label="Download <?php bloginfo( 'name' ); ?> Mobile App from Google Play" class="app-link-img" href="<?php $footer_google_store = get_theme_mod('download_app_google'); ?><?php if ( $footer_google_store ): ?><?= get_theme_mod('download_app_google') ?><?php else : ?>https://play.google.com/store/apps/details?id=com.freshop.android.google.consumer&hl=en_US&gl=US
            <?php endif; ?>" target="_blank"><img src="<?php echo get_stylesheet_directory_uri();?>/resources/images/app-stores-Google-Play.png" alt="Download <?php bloginfo( 'name' ); ?> Mobile App from Google Play" /></a> </div>
            </div>
          </div>
          <?php if ( is_active_sidebar( 'footer-column4-widget' ) ) { ?>
          <ul class="widget-area">
            <?php dynamic_sidebar('footer-column4-widget'); ?>
          </ul>
          <?php } ?>
        </div>
      </div>
    </div>
  </div>
  <!-- -----------------SIMPLY GOOD Theme Footer Container End -->
 
  <?php elseif ( $foot_layout == "footer-newtheme") : ?>
  <!-- -----------------NEW THEME Theme Footer Container Start -->
  <div class="footer-content new-theme <?= get_theme_mod('footer_layout_width', 'container-fluid'); ?>">
    <div class="footer-nav-container">
      <div class="footer-nav">
        <div class="footer-col-1 flex-grow">
          <?php $footer_label_col1 = get_theme_mod('footer_label_1', '');?>
          <?php if ( $footer_label_col1 ): ?>
            <h5><?= get_theme_mod('footer_label_1', ''); ?></h5>
          <?php else : ?>
			<h5 class="no-title">&nbsp;</h5>
          <?php endif; ?>
          <?php wp_nav_menu(array('theme_location' => 'footer-menu-col-1', 'menu_class' => 'footer-menu-col footer-menu-col-1', 'fallback_cb' => false)); ?>
          <?php dynamic_sidebar( 'footer-column1-widget' ); ?>
          <?php if ( is_active_sidebar( 'footer-column1-widget' ) ) { ?>
          <ul class="widget-area">
            <?php dynamic_sidebar('footer-column1-widget'); ?>
          </ul>
          <?php } ?>
        </div>
        <div class="footer-col-2 flex-grow">
          <?php $footer_label_col2 = get_theme_mod('footer_label_2', '');?>
          <?php if ( $footer_label_col2 ): ?>
            <h5><?= get_theme_mod('footer_label_2', ''); ?></h5>
          <?php else : ?>
			<h5 class="no-title">&nbsp;</h5>
          <?php endif; ?>
          <?php wp_nav_menu(array('theme_location' => 'footer-menu-col-2', 'menu_class' => 'footer-menu-col footer-menu-col-2', 'fallback_cb' => false)); ?>
          <?php dynamic_sidebar( 'footer-column2-widget' ); ?>
          <?php if ( is_active_sidebar( 'footer-column2-widget' ) ) { ?>
          <ul class="widget-area">
            <?php dynamic_sidebar('footer-column2-widget'); ?>
          </ul>
          <?php } ?>
        </div>
        <div class="footer-col-3 flex-grow">
          <?php $footer_label_col3 = get_theme_mod('footer_label_3', '');?>
          <?php if ( $footer_label_col3 ): ?>
            <h5><?= get_theme_mod('footer_label_3', ''); ?></h5>
          <?php else : ?>
			<h5 class="no-title">&nbsp;</h5>
          <?php endif; ?>
          <?php wp_nav_menu(array('theme_location' => 'footer-menu-col-3', 'menu_class' => 'footer-menu-col footer-menu-col-3', 'fallback_cb' => false)); ?>
          <?php dynamic_sidebar( 'footer-column3-widget' ); ?>
          <?php if ( is_active_sidebar( 'footer-column3-widget' ) ) { ?>
          <ul class="widget-area">
            <?php dynamic_sidebar('footer-column3-widget'); ?>
          </ul>
          <?php } ?>
        </div>
        <div class="footer-col-4 flex-grow">
          <?php $footer_label_col4 = get_theme_mod('footer_label_4', '');?>
          <?php if ( $footer_label_col4 ): ?>
            <h5><?= get_theme_mod('footer_label_4', ''); ?></h5>
          <?php else : ?>
			<h5 class="no-title">&nbsp;</h5>
          <?php endif; ?>
          <?php wp_nav_menu(array('theme_location' => 'footer-menu-col-4', 'menu_class' => 'footer-menu-col footer-menu-col-4', 'fallback_cb' => false)); ?>
          <?php dynamic_sidebar( 'footer-column4-widget' ); ?>
          <?php if ( is_active_sidebar( 'footer-column4-widget' ) ) { ?>
          <ul class="widget-area">
            <?php dynamic_sidebar('footer-column4-widget'); ?>
          </ul>
          <?php } ?>
        </div>
      </div>
    </div>

    <div class="footer-logo"> 
		  <a aria-label="A theme logo of <?php bloginfo( 'name' ); ?>" class="logo-header" href="<?php echo home_url(); ?>"> <img src="<?= get_theme_mod('fp_wp_setting_logo_footer') ?>" alt="A theme logo of <?php bloginfo( 'name' ); ?>" class="footer-icon" /> </a>
            <div id="footer-store-address"><span class="hidden">Store Address</span></div>
            <?php if ( is_active_sidebar( 'footer-column1-widget' ) ) { ?>
            <ul class="widget-area">
              <?php dynamic_sidebar('footer-column1-widget'); ?>
            </ul>
            <?php } ?>
            <div class="footer-utility">
      <div class="download-app flex-grow">
        <?php $footer_label_download = get_theme_mod('download_app_label', 'Download Our App');?>
        <?php if ( $footer_label_download ): ?>
          <h5><?= get_theme_mod('download_app_label', 'Download Our App'); ?></h5>
        <?php else : ?>
        <?php endif; ?>
        <div class="download-app-link-container">
          <div class="download-app-link"> <a aria-label="Download <?php bloginfo( 'name' ); ?> Mobile App from Apple Store" class="app-link-img" href="<?= get_theme_mod('download_app_ios') ?>" target="_blank"><img src="<?php echo get_stylesheet_directory_uri();?>/resources/images/app-stores-iOS.png" alt="Download <?php bloginfo( 'name' ); ?> Mobile App from Apple Store" /></a> </div>
          <div class="download-app-link flex-grow"> <a aria-label="Download <?php bloginfo( 'name' ); ?> Mobile App from Google Play" class="app-link-img" href="<?= get_theme_mod('download_app_google') ?>" target="_blank"><img src="<?php echo get_stylesheet_directory_uri();?>/resources/images/app-stores-Google-Play.png" alt="Download <?php bloginfo( 'name' ); ?> Mobile App from Google Play" /></a> </div>
        </div>
      </div>
    
      <div class="social-container">
        <?php $footer_label_social = get_theme_mod('social_media_label', 'Connect With Us');?>
        <?php if ( $footer_label_social ): ?>
          <h5><?= get_theme_mod('social_media_label', 'Connect With Us'); ?></h5>
        <?php else : ?>
		  <h5 class="no-title">&nbsp;</h5>
        <?php endif; ?>
        <ul class="social-links <?php if ( $social_color ): ?><?= get_theme_mod('social_color_toggle', ''); ?><?php else : ?><?= get_theme_mod('social_color_toggle', 'color-on'); ?><?php endif; ?>">
          <?php $social_media_urls = social_media_urls(); ?>
          <?php foreach ($social_media_urls as $key => $value) { ?>
          <?php if(!empty($value)) { ?>
          <li> <a href="<?php echo $value; ?>" title="<?php echo $key; ?>" class="my-store-link-<?php echo $key; ?>" <?php if($key != 'rss'){ ?> target="_blank" <?php } ?> ><span class="fp-icon-<?php echo $key; ?>-layered bg-<?php echo $key; ?>"></span><span class="hidden"><?php echo $key; ?></span></a> </li>
          <?php } ?>
          <?php } ?>
        </ul>
      </div>
				</div> 
    </div>
  </div>
  <!-- -----------------NEW THEME Theme Footer Container End -->
  <?php elseif ( $foot_layout == "footer-floursack") : ?>
<!-- -----------------FLOUR SACK Theme Footer Container Start -->
<div class="footer-content flour-sack <?= get_theme_mod('footer_layout_width', 'container-fluid'); ?>">
    <div class="footer-nav-container">
      <div class="footer-nav">
		<div class="footer-nav-col"><!-- nav column container -->
			<div class="nav-col-wrap left"><!-- nav column wrap  -->
				<?php $footer_newsletter = get_theme_mod('footer_newsletter_display', 'newsletter-yes');?>
						<?php if ( $footer_newsletter == 'newsletter-yes' ): ?>
					<div class="footer-col-newsletter flex-grow" >
						<div class="newsletter">
						<?php $footer_label_newsletter = get_theme_mod('footer_newsletter_title', 'Sign Up For Our Updates');?>
						<?php if ( $footer_label_newsletter ): ?>
									<h5 class="newsletter"><?= get_theme_mod('footer_newsletter_title', 'Sign Up For Our Updates'); ?></h5>
										<?php else : ?><h5 class="no-title">&nbsp;</h5><?php endif; ?>
										<?php $footer_label_newsletter_p = get_theme_mod('footer_newsletter_p', 'Find out about product, menu and location updates.');?>
										<?php if ( $footer_label_newsletter_p ): ?>
									<p><?= get_theme_mod('footer_newsletter_p', 'Find out about product, menu and location updates.'); ?></p>
										<?php else : ?><?php endif; ?>
						
						  <div id="mailing-list-sign-up" class="mailing-list-sign-up"></div>
						</div>
					</div>
					  <?php else : ?>
						<div class="footer-col-1 flex-grow">
							<?php $footer_label_col1 = get_theme_mod('footer_label_1', 'Quick Links');?>
							<?php if ( $footer_label_col1 ): ?>
							<h5>
							  <?= get_theme_mod('footer_label_1', 'Quick Links'); ?>
							</h5>
							<?php else : ?>
							<h5 class="no-title">&nbsp;</h5>
							<?php endif; ?>
							<?php wp_nav_menu(array('theme_location' => 'footer-menu-col-1', 'menu_class' => 'footer-menu-col footer-menu-col-1', 'fallback_cb' => false)); ?>
							<?php dynamic_sidebar( 'footer-column1-widget' ); ?>
							<?php if ( is_active_sidebar( 'footer-column1-widget' ) ) { ?>
							<ul class="widget-area">
							  <?php dynamic_sidebar('footer-column1-widget'); ?>
							</ul>
							<?php } ?>
						</div>
						<div class="footer-col-2 flex-grow">
							<?php $footer_label_col2 = get_theme_mod('footer_label_2', '');?>
							<?php if ( $footer_label_col2 ): ?>
							<h5>
							  <?= get_theme_mod('footer_label_2', ''); ?>
							</h5>
							<?php else : ?>
							<h5 class="no-title">&nbsp;</h5>
							<?php endif; ?>
							<?php wp_nav_menu(array('theme_location' => 'footer-menu-col-2', 'menu_class' => 'footer-menu-col footer-menu-col-2', 'fallback_cb' => false)); ?>
							<?php dynamic_sidebar( 'footer-column2-widget' ); ?>
							<?php if ( is_active_sidebar( 'footer-column2-widget' ) ) { ?>
							<ul class="widget-area">
							  <?php dynamic_sidebar('footer-column2-widget'); ?>
							</ul>
							<?php } ?>
						</div>
		  		<?php endif; ?>
				</div><!-- nav column wrap left End -->
			<div class="nav-col-wrap right"><!-- nav column wrap Right  -->
				<div class="nav-col-wrap-row top"><!-- nav column wrap Row Top  -->
				  <div class="footer-col-3 flex-grow">
					<?php $footer_label_col3 = get_theme_mod('footer_label_3', '');?>
					<?php if ( $footer_label_col3 ): ?>
					<h5>
					  <?= get_theme_mod('footer_label_3', ''); ?>
					</h5>
					<?php else : ?>
					<h5 class="no-title">&nbsp;</h5>
					<?php endif; ?>
					<?php wp_nav_menu(array('theme_location' => 'footer-menu-col-3', 'menu_class' => 'footer-menu-col footer-menu-col-3', 'fallback_cb' => false)); ?>
					<?php dynamic_sidebar( 'footer-column3-widget' ); ?>
					<?php if ( is_active_sidebar( 'footer-column3-widget' ) ) { ?>
					<ul class="widget-area">
					  <?php dynamic_sidebar('footer-column3-widget'); ?>
					</ul>
					<?php } ?>
				  </div>
				  <div class="footer-col-4 flex-grow">
					<?php $footer_label_col4 = get_theme_mod('footer_label_4', '');?>
					<?php if ( $footer_label_col4 ): ?>
					<h5>
					  <?= get_theme_mod('footer_label_4', ''); ?>
					</h5>
					<?php else : ?>
					<h5 class="no-title">&nbsp;</h5>
					<?php endif; ?>
					<?php wp_nav_menu(array('theme_location' => 'footer-menu-col-4', 'menu_class' => 'footer-menu-col footer-menu-col-4', 'fallback_cb' => false)); ?>
					<?php dynamic_sidebar( 'footer-column4-widget' ); ?>
					<?php if ( is_active_sidebar( 'footer-column4-widget' ) ) { ?>
					<ul class="widget-area">
					  <?php dynamic_sidebar('footer-column4-widget'); ?>
					</ul>
					<?php } ?>
				  </div>
			</div><!-- nav column wrap Row Top end -->
				<div class="nav-col-wrap-row bottom"><!-- nav column wrap Row Bottom  -->
				  <div class="footer-col-3 flex-grow">
							 <div class="download-app flex-grow">
							<?php $footer_label_download = get_theme_mod('download_app_label', 'Download Our App');?>
							<?php if ( $footer_label_download ): ?>
							  <h5><?= get_theme_mod('download_app_label', 'Download Our App'); ?></h5>
							<?php else : ?>
							<?php endif; ?>
							<div class="download-app-link-container">
							  <div class="download-app-link"> <a aria-label="Download <?php bloginfo( 'name' ); ?> Mobile App from Apple Store" class="app-link-img" href="<?= get_theme_mod('download_app_ios') ?>" target="_blank"><img src="<?php echo get_stylesheet_directory_uri();?>/resources/images/app-stores-iOS.png" alt="Download <?php bloginfo( 'name' ); ?> Mobile App from Apple Store" /></a> </div>
							  <div class="download-app-link flex-grow"> <a aria-label="Download <?php bloginfo( 'name' ); ?> Mobile App from Google Play" class="app-link-img" href="<?= get_theme_mod('download_app_google') ?>" target="_blank"><img src="<?php echo get_stylesheet_directory_uri();?>/resources/images/app-stores-Google-Play.png" alt="Download <?php bloginfo( 'name' ); ?> Mobile App from Google Play" /></a> </div>
							</div>
						  </div>
				 </div>
				 <div class="footer-col-4 flex-grow">
						<div class="social-container">
						<?php $footer_label_social = get_theme_mod('social_media_label', 'Connect With Us');?>
						<?php if ( $footer_label_social ): ?>
						  <h5><?= get_theme_mod('social_media_label', 'Connect With Us'); ?></h5>
						<?php else : ?>
						<?php endif; ?>
						<ul class="social-links <?php if ( $social_color ): ?><?= get_theme_mod('social_color_toggle', ''); ?><?php else : ?><?= get_theme_mod('social_color_toggle', 'color-on'); ?><?php endif; ?>">
						  <?php $social_media_urls = social_media_urls(); ?>
						  <?php foreach ($social_media_urls as $key => $value) { ?>
						  <?php if(!empty($value)) { ?>
						  <li> <a href="<?php echo $value; ?>" title="<?php echo $key; ?>" class="my-store-link-<?php echo $key; ?>" <?php if($key != 'rss'){ ?> target="_blank" <?php } ?> ><span class="fp-icon-<?php echo $key; ?>-layered bg-<?php echo $key; ?>"></span><span class="hidden"><?php echo $key; ?></span></a> </li>
						  <?php } ?>
						  <?php } ?>
						</ul>
					  </div>
				  </div>
					</div>
			</div><!-- nav column wrap Row Bottom end -->
		</div><!-- nav column wrap Right end -->
</div><!-- nav column container end -->
	<?php $footer_bg = get_theme_mod( 'footer_background_color', '' );?> 
	<div class="footer-logo-icon-bg">
		<div class="footer-logo-icon <?php if ( $footer_bg == '' ): ?>bgcolor<?php else : ?><?php endif; ?>">
			   <a aria-label="A theme logo of <?php bloginfo( 'name' ); ?>" class="logo-header" href="<?php echo home_url(); ?>"><img src="<?= get_theme_mod('fp_wp_setting_logo_footer') ?>" alt="A theme logo of <?php bloginfo( 'name' ); ?>" class="footer-icon" /> </a>
		</div>
	</div>
	<div class="footer-location">
			<div id="footer-store-address"><span class="hidden">Store Address</span></div>
				<?php if ( is_active_sidebar( 'footer-column1-widget' ) ) { ?>
				<ul class="widget-area">
				  <?php dynamic_sidebar('footer-column1-widget'); ?>
				</ul>
				<?php } ?>
	</div>
	</div>

<div class="footer-utility"></div> 
</div>
 
  <!-- -----------------FLOUR SACK Theme Footer Container End -->
	 <?php elseif ( $foot_layout == "footer-sweetpotato") : ?>
  <!-- -----------------SWEET POTATO Theme Footer Container Start --> 
  <div class="footer-content sweet-potato <?= get_theme_mod('footer_layout_width', 'container-fluid'); ?>">
    <div class="footer-nav-container">
      <div class="footer-nav">
        <div class="footer-col-1 flex-grow">
          <div class="footer-logo"> <a aria-label="A theme logo of <?php bloginfo( 'name' ); ?>" class="logo-header" href="<?php echo home_url(); ?>"><img src="<?= get_theme_mod('fp_wp_setting_logo_footer') ?>" alt="A theme logo of <?php bloginfo( 'name' ); ?>" width="100" /></a>
            <div id="footer-store-address"><span class="hidden">Store Address</span></div>
            <?php if ( is_active_sidebar( 'footer-column1-widget' ) ) { ?>
            <ul class="widget-area">
              <?php dynamic_sidebar('footer-column1-widget'); ?>
            </ul>
            <?php } ?>
          </div>
        </div>
        <div class="footer-col-2 flex-grow">
          <?php $footer_label_col1 = get_theme_mod('footer_label_2', 'Quick Links');?>
          <?php if ( $footer_label_col1 ): ?>
            <h5><?= get_theme_mod('footer_label_2', 'Quick Links'); ?></h5>
          <?php else : ?>
			<h5 class="no-title">&nbsp;</h5>
          <?php endif; ?>
          
			<!-- Original Menu--><?php wp_nav_menu(array('theme_location' => 'footer-menu-col-2', 'menu_class' => 'footer-menu-col', 'fallback_cb' => false)); ?>
          <?php if ( is_active_sidebar( 'footer-column2-widget' ) ) { ?>
          <ul class="widget-area">
            <?php dynamic_sidebar('footer-column1-widget'); ?>
          </ul>
          <?php } ?>
        </div> 
		  <div class="footer-col-3 flex-grow">
          <div class="social-container">
            <?php $footer_label_social = get_theme_mod('social_media_label', 'Connect With Us');?>
            <?php if ( $footer_label_social ): ?>
              <h5><?= get_theme_mod('social_media_label', 'Connect With Us'); ?></h5>
            <?php else : ?>
			  <h5 class="no-title">&nbsp;</h5>
            <?php endif; ?>
            <ul class="social-links <?php if ( $social_color ): ?><?= get_theme_mod('social_color_toggle', ''); ?><?php else : ?><?= get_theme_mod('social_color_toggle', 'color-on'); ?><?php endif; ?>">
              <?php $social_media_urls = social_media_urls(); ?>
              <?php foreach ($social_media_urls as $key => $value) { ?>
              <?php if(!empty($value)) { ?>
              <li> <a href="<?php echo $value; ?>" title="<?php echo $key; ?>" class="my-store-link-<?php echo $key; ?>" <?php if($key != 'rss'){ ?> target="_blank" <?php } ?> ><span class="fp-icon-<?php echo $key; ?>-layered bg-<?php echo $key; ?>"></span><span class="hidden"><?php echo $key; ?></span></a> </li>
              <?php } ?>
              <?php } ?>
            </ul>
          </div>
          <div class="download-app flex-grow">
            <?php $footer_label_download = get_theme_mod('download_app_label', 'Download Our App');?>
            <?php if ( $footer_label_download ): ?>
              <h5><?= get_theme_mod('download_app_label', 'Download Our App'); ?></h5>
            <?php else : ?>
			  <h5 class="no-title">&nbsp;</h5>
            <?php endif; ?>
            <div class="download-app-link-container">
              <div class="download-app-link"> <a aria-label="Download <?php bloginfo( 'name' ); ?> Mobile App from Apple Store" class="app-link-img" href="<?php $footer_ios_store = get_theme_mod('download_app_ios'); ?><?php if ( $footer_ios_store ): ?><?= get_theme_mod('download_app_ios') ?><?php else : ?>https://apps.apple.com/us/app/freshop-groceries/id1087032439
            <?php endif; ?>" target="_blank"><img src="<?php echo get_stylesheet_directory_uri();?>/resources/images/app-stores-iOS.png" alt="Download <?php bloginfo( 'name' ); ?> Mobile App from Apple Store" /></a> </div>
              <div class="download-app-link flex-grow"> <a aria-label="Download <?php bloginfo( 'name' ); ?> Mobile App from Google Play" class="app-link-img" href="<?php $footer_google_store = get_theme_mod('download_app_google'); ?><?php if ( $footer_google_store ): ?><?= get_theme_mod('download_app_google') ?><?php else : ?>https://play.google.com/store/apps/details?id=com.freshop.android.google.consumer&hl=en_US&gl=US
            <?php endif; ?>" target="_blank"><img src="<?php echo get_stylesheet_directory_uri();?>/resources/images/app-stores-Google-Play.png" alt="Download <?php bloginfo( 'name' ); ?> Mobile App from Google Play" /></a> </div>
            </div>
          </div>
          <?php if ( is_active_sidebar( 'footer-column4-widget' ) ) { ?>
          <ul class="widget-area">
            <?php dynamic_sidebar('footer-column4-widget'); ?>
          </ul>
          <?php } ?>
        </div>
        <div class="footer-col-4 flex-grow">
			<div class="newsletter">
          <?php $footer_label_col4 = get_theme_mod('footer_label_4', '');?>
          <?php if ( $footer_label_col4 ): ?>
            <h5><?= get_theme_mod('footer_label_4', 'Sign Up For Our Updates'); ?></h5>
          <?php else : ?>
			<h5 class="no-title">&nbsp;</h5>
          <?php endif; ?>
          	<?php $footer_label_newsletter = get_theme_mod('footer_newsletter_title', 'Sign Up For Our Updates');?>
						<?php if ( $footer_label_newsletter ): ?>
						<h5 class="newsletter">
						  <?= get_theme_mod('footer_newsletter_title', 'Sign Up For Our Updates'); ?>
						</h5>
					<?php else : ?>
						<h5 class="no-title">&nbsp;</h5>
					<?php endif; ?>
					<?php $footer_label_newsletter_p = get_theme_mod('footer_newsletter_p', 'Find out about product, menu and location updates.');?>
					<?php if ( $footer_label_newsletter_p ): ?>
									<p>
									  <?= get_theme_mod('footer_newsletter_p', 'Find out about product, menu and location updates.'); ?>
									</p>
					<?php else : ?><?php endif; ?>
			
			
				<div id="mailing-list-sign-up" class="mailing-list-sign-up"></div>	
			</div>
        </div>
      </div>
    </div>
  </div>
	<!-- -----------------SWEET POTATO Theme Footer Container End -->
  <?php else : ?>
  <h2 style="text-align: center">Not Found</h2>
  <?php endif; ?>
  <div class="copyright">  <div class="copyright-store">
	  <?php $copyright_name = get_theme_mod('footer_copyright_name', '');?>
          <?php if ( $copyright_name ): ?>
           <h5><a aria-label="Copyright and Store Link: <?php bloginfo( 'name' ); ?>" href="<?php echo home_url(); ?>"><?= get_theme_mod('footer_copyright_name', ''); ?></a></h5>
          <?php else : ?>
			<a aria-label="Copyright and Store Link: <?php bloginfo( 'name' ); ?>" href="<?php echo home_url(); ?>"> <?php echo $theme_footer_copyright; ?></a>
          <?php endif; ?></div>
		<?php wp_nav_menu(array('theme_location' => 'footer-menu-copyright', 'menu_class' => 'footer-menu-copyright', 'fallback_cb' => false)); ?>
  </div>
  <div id="tracking"></div>
</footer>
  
<?php wp_footer(); ?>
	<script>
jQuery(document).ready(function($) {
  $('#main-nav').hcOffcanvasNav({
    disableAt: false,
		customToggle: '.toggle',
		levelSpacing: 40,
		levelTitleAsBack: true,
		pushContent: null, //'#container' to push content
		labelClose: false,
		width: 360,
		navTitle:null,
		levelTitles: false,
		insertClose: true,
		labelClose:'Close',
		insertBack: true,
		labelBack: 'Back',
		swipeGestures: true,
		levelOpen:'overlap'
  });
});      

</script>   
</div><!-- END content-container -->
</body></html>