From a705a2a33ee6c9516a7ccb291116ebf3d6589252 Mon Sep 17 00:00:00 2001
From: Adolfo Reyna <aeroreyna@gmail.com>
Date: Fri, 13 Mar 2026 00:11:48 -0400
Subject: [PATCH] Fix layout styling for navbar spacing and hero legibility

---
 front-page.php |  9 +++++----
 style.css      | 13 +++++++++++--
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/front-page.php b/front-page.php
index c57dda4..cfdf29c 100644
--- a/front-page.php
+++ b/front-page.php
@@ -11,13 +11,14 @@ $hero_bg = get_theme_mod('hero_background_image', get_template_directory_uri() .
 <section class="hero-section text-white d-flex align-items-center position-relative"
 	style="background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.6)), url('<?php echo esc_url($hero_bg); ?>'); background-size: cover; background-position: center; min-height: 80vh;">
 	<div class="container text-center py-5">
-		<h1 class="display-3 fw-bold mb-4 font-serif">
-			<?php echo get_theme_mod('hero_headline', 'Ancient Wisdom for a Modern World.'); ?></h1>
-		<p class="lead fw-normal mb-5 w-75 mx-auto font-sans">
+		<h1 class="display-3 fw-bold mb-4 font-serif text-white">
+			<?php echo get_theme_mod('hero_headline', 'Ancient Wisdom for a Modern World.'); ?>
+		</h1>
+		<p class="lead fw-normal mb-5 w-75 mx-auto font-sans text-light">
 			<?php echo get_theme_mod('hero_subheadline', 'A collection of biblical insights curated for the thoughtful leader.'); ?>
 		</p>
 		<a href="#primary"
-			class="btn btn-primary btn-lg px-5 py-3 rounded-pill text-uppercase fw-bold shadow-sm"><?php echo get_theme_mod('hero_cta_text', 'Start Reading'); ?></a>
+			class="btn btn-secondary btn-lg px-5 py-3 rounded-pill text-uppercase fw-bold shadow-sm"><?php echo get_theme_mod('hero_cta_text', 'Start Reading'); ?></a>
 	</div>
 </section>
 
diff --git a/style.css b/style.css
index 6377b96..a7fcd60 100644
--- a/style.css
+++ b/style.css
@@ -120,15 +120,24 @@ h6,
 	color: var(--brand-deep-midnight);
 }
 
-.navbar-light .navbar-nav .nav-link {
+.navbar-light .navbar-nav {
+	gap: 1.5rem;
+	/* Force spacing between wp_nav_menu list items */
+}
+
+.navbar-light .navbar-nav .nav-link,
+.navbar-light .navbar-nav a {
 	color: var(--brand-deep-midnight);
 	font-weight: 600;
 	text-transform: uppercase;
 	letter-spacing: 0.05em;
 	font-size: 0.85rem;
+	text-decoration: none;
+	transition: color 0.2s ease-in-out;
 }
 
-.navbar-light .navbar-nav .nav-link:hover {
+.navbar-light .navbar-nav .nav-link:hover,
+.navbar-light .navbar-nav a:hover {
 	color: var(--brand-gold-leaf);
 }