<!doctype html>
<html>
<head>
    <?php Loader::element('header_required') ?>      
    <meta name="viewport" content="target-densitydpi=device-dpi">
    <meta name="viewport" content="user-scalable=yes, width=device-width, minimum-scale=1, maximum-scale=1">

    <link rel="stylesheet" type="text/css" href="/concrete/workflow24/royalslider/royalslider.css">
    <link rel="stylesheet" type="text/css" href="/concrete/workflow24/royalslider/skins/minimal-white/rs-minimal-white.css">
    <link rel="stylesheet" type="text/css" href="/concrete/workflow24/fonts/helvetica/helvetica.css">
    <link rel="stylesheet" type="text/css" href="/concrete/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="/concrete/themes/workflow24_lite/templatemedia/style.css">
    <link rel="stylesheet" type="text/css" href="<?= $view->getThemePath() ?>/templatemedia/override.css">
    <link rel="stylesheet" type="text/css" href="/concrete/workflow24/fancybox/jquery.fancybox.css">

    <script type="text/javascript" src="/concrete/js/jquery.js"></script>
    <script type="text/javascript" src="/concrete/workflow24/fancybox/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/concrete/workflow24/fancybox/helpers/jquery.fancybox-media.js"></script>
    <script type="text/javascript" src="/concrete/workflow24/js/fontsmoothie.min.js"></script>
    <script type="text/javascript" src="/concrete/workflow24/royalslider/jquery.royalslider.min.js" ></script>
    <script type="text/javascript" src="<?= $view->getThemePath() ?>/templatemedia/wf24.js"></script>

    <script type="text/javascript">
        $(document).ready(function() 
        {
            $(".insta-fancybox").fancybox(
            {
                mouseWheel  :false,
                openEffect  : 'none',
                closeEffect : 'none',
                width:600,
                height:600,
                helpers : 
                {
                    media : 
                    {
                        instagram :
                        {
                            matcher : /(scontent\.cdninstagram\.com)\/([a-zA-Z0-9_\-]+[\s\S]+.mp4)/i,
                            type : 'iframe',
                            url  : 'https://$0'
                        }
                    }
                }
            });
        });
    </script>
</head>
<body>
    <div id ="wrapper">
        <main>
            <div class="<?= $c->getPageWrapperClass() ?>">
                <header>
                    <div id = "top-header">
                        <div id = "top-contact">
                            <?php $a = new GlobalArea('Top Bar Contact Details'); $a->display($c); ?>
                        </div><!-- End Top Contact -->
                        <div id = "top-socials">
                    <?php $a = new GlobalArea('Social Links'); $a->display($c); ?>
                        </div><!-- End Top Socials -->
                    </div><!-- End Top Header -->
                    <div id = "header" class = "silver-gradient">
                        <div id = "logo"><?php $a = new GlobalArea('Logo'); $a->display($c); ?></div>
                        <div id = "menu-button">
                            <a class="show-menu"></a>
                            <a class="hide-menu"></a>
                        </div>
                        <div id = "nav">
                            <?php
                            $nav = BlockType::getByHandle('wf24_autonav');
                            $nav->controller->orderBy = 'display_asc';
                            $nav->controller->displayPages = 'top';
                            $nav->controller->displaySubPages = 'none';
                            $nav->render('view');
                            ?>
                        </div><!-- End Nav -->
                    </div><!-- End Header -->
                </header>
