Shadow above inner-container instead of #main

diff --git a/css/app.css b/css/app.css
index 194acfc..c3705ef 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -5587,8 +5587,7 @@ h2 {
   margin-top: 30px; }
 
 #main {
-  padding: 20px 0;
-  box-shadow: 0 -5px 5px -5px #0568b3; }
+  padding: 20px 0; }
 
 div[role=main] {
   padding: 0px; }
@@ -5700,7 +5699,8 @@ ul.global-nav li + li::before {
   margin-bottom: 0; }
 
 .inner-container {
-  margin-top: 77px; }
+  margin-top: 77px;
+  box-shadow: 0 -5px 5px -5px #0568b3; }
   @media (max-width: 1024px) {
     .inner-container {
       margin-top: 132px; } }

diff --git a/scss/site/_structure.scss b/scss/site/_structure.scss
index 8d72046..03e0785 100644 (file)
--- a/scss/site/_structure.scss
+++ b/scss/site/_structure.scss
@@ -40,7 +40,6 @@ h2 {
 }
 #main {
     padding: 20px 0;
-    box-shadow: 0 -5px 5px -5px #0568b3
 }
 div[role=main] {
     padding: 0px;
@@ -152,6 +151,7 @@ ul.global-nav li + li::before {
     @media (max-width:1024px) {
         margin-top: 132px;
     }
+    box-shadow: 0 -5px 5px -5px #0568b3;
 }
 #glmTop .columns .columns {
     height: 55px;