/*
Theme Name: Norrena 2026
Theme URI: https://norrena.com
Author: Brad Norrena
Author URI: https://norrena.com
Description: A custom WordPress Theme for Norrena Services.
Version: 2026.10.16
Tags: Custom theme, minimal, upgradable, business.
*/

/* Reset */

html {
    scroll-behavior: smooth;
}

html, body {
    margin: 0;
    padding: 0;

    /* Fix tiny fonts on modern phones */
    /* font-size: clamp(17px, 3.5vw, 20px); */
	

    /* Prevent flexbox overflow issues */
    min-width: 0;

    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    display: flex;
    flex-direction: column;
	min-height: 100vh;
}

.site-content {
    flex: 1;
}

/* ============================================
   Variables for the Site
   ============================================ */
:root {
    --layout-width: 1200px;
	--layout-padding: 10px;
	--site-background-color: #0f63a3;
	--site-offwhite: whitesmoke;
	--site-text-color: whitesmoke;
	--site-button-blue: #007BFF; 
	--site-button-outline: #c9b078; 
	--site-button-blue-hover: green;
	--site-h1b-color: #42b4ff;
	--site-shadow: 5px 12px 28px rgba(0, 0, 0, 0.5);
}

/* ============================================
   TEMPLATE LAYOUT
   ============================================ */
 <body>
    <div class="site-wrapper">

        <header>
            <!-- Logo -->
            <!-- Primary Menu -->
        </header>

        <div class="site-hero">
            <!-- Hero Images / Lines -->
        </div>

        <div class="site-subnav">
            <!-- Secondary navigation -->
        </div>

SINGLE COLUMN
        <main class="site-content">
            <div class="site-content-inner">

                <div class="site-features">
                    <div class="feature-item"></div>
                </div>

                <div class="site-content-inner">
                    <!-- Page or Post content -->
                </div>

                <div class="site-shortcodes">
                    <!-- Testimonials, CTA, grids, etc. -->
                </div>

            </div>
        </main>

OR DOUBLE COLUMN

		<main class="site-content">
			<div class="site-content-inner">

				<div class="col-2-wrapper">

					<!-- LEFT COLUMN -->
					<div class="col-2-1">
						<?php
						while ( have_posts() ) :
							the_post();
							the_content();
						endwhile;
						?>
					</div>

					<!-- RIGHT COLUMN: Featured Image -->
					<div class="col-2-2 home-feature-image">
						<?php
						if ( has_post_thumbnail() ) {
							the_post_thumbnail( 'large', [
								'class' => 'home-feature-img'
							]);
						}
						?>
					</div>

				</div>

			</div>
		</main>

        <footer>
            <!-- Footer content -->
        </footer>

    </div>
</body>
*/