alot of style changes

I made several style changes to help with the appearance of the theme.
Mostly dealt with the slideshow and position.

diff --git a/css/app.css b/css/app.css
index 66a0e9a..69da335 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6699,9 +6699,9 @@ a[href^=tel] {
 
 header#page-header {
   height: 295px;
-  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.95) 5%, rgba(0, 0, 0, 0) 100%);
-  background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.95) 5%, rgba(0, 0, 0, 0) 100%);
-  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.95) 5%, rgba(0, 0, 0, 0) 100%);
+  background: -webkit-linear-gradient(top, #000000 5%, rgba(0, 0, 0, 0) 100%);
+  background: -moz-linear-gradient(center top, #000000 5%, rgba(0, 0, 0, 0) 100%);
+  background: -ms-linear-gradient(top, #000000 5%, rgba(0, 0, 0, 0) 100%);
   position: relative;
   padding-top: 11px;
   z-index: 5; }
@@ -6714,7 +6714,7 @@ header#page-header {
   @media (max-width: 1055px) {
     header#page-header {
       padding: 0; } }
-  header#page-header h1.site-title {
+  header#page-header h1.site-title a {
     color: #FFFFFF; }
   header#page-header h3.site-description {
     color: #FFFFFF; }
@@ -7021,7 +7021,11 @@ ul#sec-nav {
 
 img.orb-shadow {
   position: relative;
-  text-align: center; }
+  text-align: center;
+  top: -185px; }
+
+#content-wrapper {
+  position: relative; }
 
 main .wp-caption p.wp-caption-text {
   text-align: left; }
@@ -7059,8 +7063,6 @@ main.page-front .blocks .block {
     /*bottom: 0;*/ }
 main.page-front #main-content {
   margin-top: 25px; }
-main.page-inside #content-wrapper {
-  position: relative; }
 main #mid {
   margin: 40px auto 0;
   max-width: 1000px; }
@@ -7138,12 +7140,11 @@ main.search-results #head-img {
 
 #slideshow {
   position: relative;
-  margin-top: -295px;
+  margin-top: -80px;
   top: -185px;
   z-index: -1; }
   @media only screen and (max-width: 40em) {
     #slideshow {
-      margin-top: -140px;
       max-height: 230px; } }
   #slideshow .metaslider {
     max-height: 610px;

diff --git a/scss/_main.scss b/scss/_main.scss
index ff8f516..7ad99b2 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -113,6 +113,10 @@
 img.orb-shadow {
     position: relative;
     text-align: center;
+    top: -185px;
+}
+#content-wrapper {
+    position: relative;
 }
 main {
     .wp-caption p.wp-caption-text {
@@ -177,11 +181,6 @@ main {
 //            }
         }
     }
-    &.page-inside {
-        #content-wrapper {
-            position: relative;
-        }
-    }
     #mid {
         margin: 40px auto 0;
         max-width: 1000px;

diff --git a/scss/_page.header.scss b/scss/_page.header.scss
index d5b9244..7647299 100644 (file)
--- a/scss/_page.header.scss
+++ b/scss/_page.header.scss
@@ -3,7 +3,7 @@ header#page-header {
     @media #{$small-only} {
         height: 185px;
     }
-    @include gradient (rgba($black, 0.95), rgba($black, 0));
+    @include gradient (rgba($black, 1), rgba($black, 0));
     position: relative;
     padding-top: 11px;
     z-index: 5;
@@ -13,7 +13,7 @@ header#page-header {
     @media (max-width: 1055px) {
         padding: 0;   
     }
-    h1.site-title {
+    h1.site-title a {
         color: $white;
     }
     h3.site-description {

diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss
index e5c946f..08991fe 100644 (file)
--- a/scss/_slideshow.scss
+++ b/scss/_slideshow.scss
@@ -1,10 +1,10 @@
 #slideshow {
     position: relative;
-    margin-top: -295px;
+    margin-top: -80px;
     top: -185px;
     z-index: -1;
     @media #{$small-only} {
-        margin-top: -140px;
+//        margin-top: -140px;
         max-height: 230px;
     }
     .metaslider {