I copied the block styles from the front page.

I more or less copied the styles of the front page blocks and applied
them to the golf blocks.

diff --git a/css/app.css b/css/app.css
index d29856c..fc84c69 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7000,11 +7000,54 @@ main#golf-template #content-wrapper {
   main#golf-template #content-wrapper h6 {
     font-size: 1.4375rem;
     color: #859878; }
+  main#golf-template #content-wrapper .block h3 {
+    color: #FFFFFF;
+    font-size: 22px;
+    margin-top: 0;
+    margin-left: 15px;
+    margin-right: 15px;
+    text-transform: uppercase;
+    padding-top: 8px; }
+    @media (max-width: 1024px) {
+      main#golf-template #content-wrapper .block h3 {
+        font-size: 20px; } }
+    @media (max-width: 687px) {
+      main#golf-template #content-wrapper .block h3 {
+        margin-left: 5px;
+        margin-right: 5px; } }
+  main#golf-template #content-wrapper .block p {
+    color: #FFFFFF;
+    font-size: 0.875rem;
+    margin: 0 15px 10px;
+    /*padding-bottom: 25px;*/ }
+    @media (max-width: 800px) {
+      main#golf-template #content-wrapper .block p {
+        margin: 0 10px 10px; } }
+    @media (max-width: 705px) {
+      main#golf-template #content-wrapper .block p {
+        margin: 0 0 10px; } }
+    @media (max-width: 640px) {
+      main#golf-template #content-wrapper .block p {
+        margin: 0 22%; } }
+    @media (max-width: 450px) {
+      main#golf-template #content-wrapper .block p {
+        margin: 0 15%; } }
+    @media (max-width: 375px) {
+      main#golf-template #content-wrapper .block p {
+        margin: 0 10%; } }
   main#golf-template #content-wrapper .block-text {
-    padding: 0 5px 5px;
     background: #859878;
     max-width: 300px;
     margin-top: -3px; }
+    main#golf-template #content-wrapper .block-text a {
+      color: #ffc742; }
+  main#golf-template #content-wrapper .block-readmore {
+    font-size: 0.875rem;
+    display: block;
+    padding-bottom: 10px;
+    margin: 0 15px;
+    /*position: absolute;*/
+    /*bottom: 0;*/ }
 
 main.search-results #head-img {
   margin: -280px auto 0; }

diff --git a/scss/_main.scss b/scss/_main.scss
index 5d78352..409975e 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -384,11 +384,60 @@ main#golf-template{
             font-size: rem-calc(23);
             color: #859878;
         }
+        .block {
+            h3 {
+                color: $white;
+                font-size: 22px;
+                margin-top: 0;
+                margin-left: 15px;
+                margin-right: 15px;
+                text-transform: uppercase;
+                padding-top: 8px;
+                @media (max-width: 1024px) {
+                    font-size: 20px;
+                }
+                @media (max-width: 687px) {
+                    margin-left: 5px;
+                    margin-right: 5px;
+                }
+            }
+            p {
+                color: $white;
+                font-size: rem-calc(14);
+                margin: 0 15px 10px;
+                /*padding-bottom: 25px;*/
+                @media (max-width: 800px) {
+                    margin: 0 10px 10px;
+                }
+                @media (max-width: 705px) {
+                    margin: 0 0 10px;
+                }
+                @media (max-width: 640px) {
+                    margin: 0 22%;
+                }
+                @media (max-width: 450px) {
+                    margin: 0 15%;
+                }
+                @media (max-width: 375px) {
+                    margin: 0 10%;
+                }
+            }            
+        }
         .block-text {
-            padding: 0 5px 5px;
             background: #859878;
             max-width: 300px;
             margin-top: -3px;
+            a {
+                color: $gold;
+            }
+        }
+        .block-readmore {
+            font-size: rem-calc(14);
+            display: block;
+            padding-bottom: 10px;
+            margin: 0 15px;
+            /*position: absolute;*/
+            /*bottom: 0;*/
         }
     }
 }