From 4bf9f0ed45cd1ac40155a453fbdc64b8927f1f4e Mon Sep 17 00:00:00 2001
From: Keith Solomon <keith@vincentdesign.ca>
Date: Wed, 27 May 2026 19:05:46 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix:=20Move=20max-width=20to=20g?=
 =?UTF-8?q?lobal=20styles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/base/global.css                       | 83 ++++++++------------
 styles/components/site-header.css            |  3 -
 views/blocks/contact-block/contact-block.css |  1 -
 3 files changed, 34 insertions(+), 53 deletions(-)

diff --git a/styles/base/global.css b/styles/base/global.css
index 3c65906..2148d14 100644
--- a/styles/base/global.css
+++ b/styles/base/global.css
@@ -1,54 +1,49 @@
 /* Miscellaneous custom styles */
 @theme {
-  --spacing-menu-top:     calc(100% + .9375rem);
-  --spacing-section:      2rem;
+    --spacing-menu-top:     calc(100% + .9375rem);
+    --spacing-section:      2rem;
 
-  --shadow-menu-shadow:   0 .25rem .375rem rgba(0,0,0,0.1);
+    --shadow-menu-shadow:   0 .25rem .375rem rgba(0,0,0,0.1);
 
-  /** Breakpoints
-   * The breakpoints are set to match the default Tailwind breakpoints.
-   * You can override them here if you want to use different breakpoints.
-   *
-   * @see https://tailwindcss.com/docs/breakpoints
-   */
-  --breakpoint-*:   initial;
-  --breakpoint-xxs: 22.5rem;    /* 360px */
-  --breakpoint-xs:  29.6875rem; /* 475px */
-  --breakpoint-sm:  40rem;      /* 640px */
-  --breakpoint-md:  48rem;      /* 768px */
-  --breakpoint-lg:  64rem;      /* 1024px */
-  --breakpoint-xl:  70rem;      /* 1280px */
-  --breakpoint-2xl: 96rem;      /* 1536px */
+    /** Breakpoints
+     * The breakpoints are set to match the default Tailwind breakpoints.
+     * You can override them here if you want to use different breakpoints.
+     *
+     * @see https://tailwindcss.com/docs/breakpoints
+     */
+    --breakpoint-*:   initial;
+    --breakpoint-xxs: 22.5rem;    /* 360px */
+    --breakpoint-xs:  29.6875rem; /* 475px */
+    --breakpoint-sm:  40rem;      /* 640px */
+    --breakpoint-md:  48rem;      /* 768px */
+    --breakpoint-lg:  64rem;      /* 1024px */
+    --breakpoint-xl:  70rem;      /* 1280px */
+    --breakpoint-2xl: 96rem;      /* 1536px */
 }
 
 /* Basic layout styles */
 main#maincontent {
-  background-color: var(--color-background);
-  color: var(--color-text);
-  margin: 0;
-  padding: 0 0 4rem;
+    background-color: var(--color-background);
+    color: var(--color-text);
+    margin: 0;
+    padding: 0 0 4rem;
 }
 
 .container {
-  margin: 0 auto;
-  width: 100%;
-  padding-inline: clamp(1.5rem, 5vw, 3rem);
+    margin: 0 auto;
+    max-width: 80.5rem;
+    padding-inline: clamp(1.5rem, 5vw, 3rem);
+    width: 100%;
 }
 
 .section {
-  @apply relative my-section px-section;
+    @apply relative my-section px-section;
 
-  &:first-child {
-    @apply mt-0;
-  }
+    &:first-child { @apply mt-0; }
 
-  &:last-child, p:last-child {
-    @apply mb-0;
-  }
+    &:last-child, p:last-child { @apply mb-0; }
 
-  &.has-background {
-    @apply py-section bg-cover bg-no-repeat;
-  }
+    &.has-background { @apply py-section bg-cover bg-no-repeat; }
 }
 
 /** Allows containers inside containers
@@ -59,25 +54,15 @@ main#maincontent {
   */
 
 .content-wrapper {
-  .alignfull {
-    @apply max-w-full;
-  }
+    .alignfull { @apply max-w-full; }
 
-  .alignwide {
-    @apply max-w-full;
-  }
+    .alignwide { @apply max-w-full; }
 
-  .alignleft {
-    @apply ml-0 mr-auto float-none;
-  }
+    .alignleft { @apply ml-0 mr-auto float-none; }
 
-  .alignright {
-    @apply ml-auto mr-0 float-none;
-  }
+    .alignright { @apply ml-auto mr-0 float-none; }
 
-  .aligncenter {
-    @apply mx-auto;
-  }
+    .aligncenter { @apply mx-auto; }
 }
 
 /* Responsive embeds */
diff --git a/styles/components/site-header.css b/styles/components/site-header.css
index 9825a33..c7befd6 100644
--- a/styles/components/site-header.css
+++ b/styles/components/site-header.css
@@ -5,8 +5,6 @@
     background: linear-gradient(90.15deg, #0773AC -39.25%, #032F46 100%);
 
     .header__nav-main {
-        max-width: 80.5rem;
-
         .nav-main { @apply self-stretch; }
     }
 
@@ -15,7 +13,6 @@
 
         .header__nav-aux {
             @apply px-0!;
-            max-width: 80.5rem;
         }
 
         a {
diff --git a/views/blocks/contact-block/contact-block.css b/views/blocks/contact-block/contact-block.css
index 03b0d5c..a8c7ad9 100644
--- a/views/blocks/contact-block/contact-block.css
+++ b/views/blocks/contact-block/contact-block.css
@@ -3,7 +3,6 @@
 .contact-block {
     background-color: var(--color-navy, #0d1f35);
     border-bottom: 1rem solid var(--color-orange, #F26B53);
-    max-width: 80.5rem;
     overflow: hidden;
     position: relative;