From a1ea8ebe8306bb0c6f6175346db7ef7e6bba4068 Mon Sep 17 00:00:00 2001
From: gabeszm <vgabor92@protonmail.com>
Date: Thu, 16 Oct 2025 17:44:44 +0200
Subject: [PATCH] Add positioning styles for below-site-header-outlet

- Set margin: 2em auto for below-site-header-outlet
- Apply max-width using sidebar and content width variables
- Add 20px horizontal margin to hero-section in below_header position
- Remove redundant max-width rule from welcome-card media query
---
 common/common.scss | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/common/common.scss b/common/common.scss
index da09167..ba62c97 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -24,16 +24,17 @@
     margin-top: 2em;
   }
 
+  .below-site-header-outlet {
+    margin: 2em auto;
+    max-width: calc(var(--d-sidebar-width) + var(--d-max-width));
+  }
+
   @media (min-width: 800px) {
     .welcome-card {
       max-width: 1500px;
       width: 100%;
       margin: 0 auto;
     }
-
-    .below-site-header-outlet .welcome-card {
-      max-width: calc(var(--d-sidebar-width, 0px) + var(--d-max-width, 1110px));
-    }
   }
   
   @media (max-width: 769px) {
@@ -56,6 +57,10 @@
     color: #fff;
     background: var(--page-bg);
   }
+
+  .below-site-header-outlet .hero-section {
+    margin: 0 20px;
+  }
   
   @media (min-width: 1100px) {
     .hero-section {