<!doctype html>
<html lang="en">
    <head>
        <title><?php echo ((isset($page['meta_title']))?$page['meta_title'].' | ':''); ?>POD</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
        @font-face {
          font-family: TextaAltRegular;
          src: url('<?php echo base_url( 'public/frontend/assets/fonts/TextaAltRegular.ttf' ); ?>');
        }
        body {
            margin: 0;
            padding: 0;
            width: 100%;
        }
        .wrapper {
            margin:0 auto;font-size: 16px;font-family: 'Roboto', sans-serif;background: #fbfbfb;padding: 15px;
        }
        h1 {
            font-family: 'Libre Baskerville', serif;
            font-size: 22px;
            margin: 0 0 0;
        }
        p {
            color: #252634;
            font-weight: 300;
            font-size: 16px;
            line-height: 20px;
            margin-top: 0;
            margin-bottom: 12px;
            font-family: TextaAltRegular;
        }
        i {
            font-family: TextaAltRegular;
            font-style: italic;
            margin: 0px 0 10px;
            display: block;
            color: #676A71;
            font-size: 15px;
        }
        ul {
            padding-left: 20px;
        }
        li {
            color: #252634;
            font-weight: 300;
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 10px;
            font-family: TextaAltRegular;
        }
        h3 {
            font-family: TextaAltRegular;
            font-size: 24px;
            line-height: 28px;
            margin: 10px 0;
        }
    </style>
    <body>
        <div class="wrapper">
            <div class="content-wrap">
                <h1><?php echo $page['title']; ?></h1>
                <?php echo $page['content']; ?>
            </div>
        </div>
    </body>
</html>