/*
Theme Name: LRS Canada 2026
Theme URI: https://lrscanada.ca
Author: Kelley Ogle
Author URI: https://lrscanada.ca
Description: Kelley's WordPress Theme Golden Child for LRS Canada
Version: 20261106
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;

    /* LRS Brand Colours */
    --site-background-color: #0f63a3;
    --site-offwhite: #ffffff;
    --site-text-color: #ffffff;
    --site-button-blue: #0f63a3;
    --site-button-outline: #ffd400;
    --site-button-blue-hover: #084875;
    --site-h1b-color: #ffd400;

    /* Supporting Styles */
    --site-shadow: 5px 12px 28px rgba(0, 0, 0, 0.18);
}

/* ============================================
   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>
*/