Shortcodes not working on a custom theme, but work fine with default theme.

Hello! I know this is something simple, something I didn’t include properly, but. I dunno. I need an adult. I’m trying to install a simple map widget here: https://broadstreetpub.com/directions, but alas.

<?php get_header(); ?>

<?php
                    function sup($text){

                        $true = preg_replace('#(\d+)(st|th|nd|rd)#', '$1<sup class="super">$2</sup>', $text);
                        return $true;

                    }
                echo sup(the_content()); ?>

<div align="center">
<div class="container">
<div class="header">&nbsp;</div>

<br style="clear: both;" />
<div id="main"><div id="content">

<!-- Blog Posts-->

<?php while ( have_posts() ) : the_post() ?>

<h2 class="lrgtitle"><?php the_title(); ?></h2>

<!--Post Content begins here --> <div class="blogpost-a"><p>
<?php echo the_content() ?>

</div>
<?php endwhile; ?><br />
</div>

<!--End Content-->

<div class="sidebar">

<?php get_sidebar(); ?>

<br /></div>

 <br style="clear: both;" />
</div></div>

 <br style="clear: both;" />

<?php get_footer(); ?>
</body>
</html>

Here is a screenshot of the plugin working fine in 2014’s theme, but, it doesn’t make an effort in my theme… which is totally my fault, yet I’m too blind to see what I neglected to do and the solutions google offered me didn’t help.

Thanks!