<footer class="ftr">
        <div class="container custom-container">
            <div class="ftr-top">
                <div class="ftr-lft">
                    <a class="logo" href="#">
                        <img src="<?php echo get_template_directory_uri(); ?>/img/logo.svg" alt="logo">
                    </a>
                </div>
                <div class="ftr-rt">
                    <span class="links">Phone<a class="cta-links" href="mailto:">(313) 466-7770</a></span>
                    <span class="links">Email<a class="cta-links" href="tel:+">info@michigancarepartners.com</a></span>
                </div>
            </div>
            <div class="ftr-btm">
                <span class="copy">© <?php echo date('Y'); ?> Michigan Care Partners. <span>All rights reserved.</span></span>
            </div>
        </div>
</footer>
   <!-- JS links -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.bundle.min.js"
      integrity="sha512-7Pi/otdlbbCR+LnW+F7PwFcSDJOuUJB3OxtEHbg4vSMvzvJjde4Po1v4BR9Gdc9aXNUNFVUY+SK51wWT8WF0Gg=="
      crossorigin="anonymous" referrerpolicy="no-referrer"></script>


   <script>
        $(document).ready(function () {

    // -------- INITIAL SETUP --------
    // Hide ALL descriptions
    $(".help-item-desc").hide();

    // Show ONLY the first help item description
    $(".help-item").first().addClass("active");
    $(".help-item").first().find(".help-item-desc").show(); // No slide => NO JERK


    // -------- ON CLICK --------
    $(".help-item").on("click", function () {

        // If already active, do nothing (avoid double animation)
        if ($(this).hasClass("active")) return;

        // Remove active and hide all descriptions with slideUp
        $(".help-item").removeClass("active");
        $(".help-item-desc").slideUp(200);

        // Activate clicked one
        $(this).addClass("active");

        // Update image
        var newImg = $(this).data("img");
        $("#helpImage").attr("src", newImg);

        // Slide down new description
        $(this).find(".help-item-desc").slideDown(200);
    });

    $('.stories-slider').slick({
  slidesToShow: 2,
  slidesToScroll: 1,
  arrows: true,
  dots: true,
  infinite: true,
  autoplay: true,
//   centerMode: true,
// centerPadding: '60px',
  speed: 600,
  prevArrow: '<button class="slick-prev custom-arrow">&#10094;</button>',
  nextArrow: '<button class="slick-next custom-arrow">&#10095;</button>',
  responsive: [
    {
      breakpoint: 1024,
      settings: { slidesToShow: 2 }
    },
    {
      breakpoint: 580,
      settings: { slidesToShow: 1 }
    }
  ]
});

});

</script>

<script>
      $('.box-slider').slick({
         infinite: true,
         slidesToShow: 1,
         slidesToScroll: 1,
         dots: false,
         arrows: false,
         fade: true,
         cssEase: 'linear',
         autoplay: true,
         autoplaySpeed: 2000,
      });
   </script>

   <script>
      $('#mobNavToggle').on('click', function () {
         $('.offcanvas-collapse').toggleClass('open');
         $('body').toggleClass('nav-active');
      })

      $(document).ready(function () {
         $(".hamburger").click(function () {
            $(this).toggleClass("is-active");
         });
         $(".open-bg").click(function () {
            $(".offcanvas-collapse").removeClass("open");
            $(".hamburger").removeClass("is-active");
            $("body").removeClass("nav-active");
         });
         $(".menu-wrap li,.menu-btn-wrap .btn-wrap a").click(function () {
            $(".offcanvas-collapse").removeClass("open");
            $(".hamburger").removeClass("is-active");
            $("body").removeClass("nav-active");
         });
      });
   </script>

<script>
  document.querySelectorAll('a[href^="#"]').forEach(link => {
    link.addEventListener('click', function (e) {
      e.preventDefault();

      const target = document.querySelector(this.getAttribute('href'));
      if (!target) return;

      // Detect current screen size
      const isMobile = window.innerWidth <= 767;

      // Apply header height based on screen width
      const headerOffset = isMobile ? 0 : 0;
      //console.log(headerOffset);

      const elementPosition = target.getBoundingClientRect().top + window.scrollY;
      const offsetPosition = elementPosition - headerOffset;

      window.scrollTo({
        top: offsetPosition,
        behavior: "smooth"
      });
    });
  });
</script>
      <?php wp_footer(); ?>
   </body>
</html>