made the change for the caption in medium view

diff --git a/css/app.css b/css/app.css
index 60584a5..31d44bc 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6706,17 +6706,17 @@ h2#block-title {
     max-height: 310px; }
     @media screen and (max-width: 1199px) {
       #slideshow .nivo-caption {
-        width: 450px;
+        width: 500px;
         margin: 0; } }
     #slideshow .nivo-caption h6 {
-      width: 400px;
+      width: 450px;
       font-weight: bold;
       font-size: 28; }
-      @media screen and (max-width: 1046px) {
+      @media screen and (max-width: 1024px) {
         #slideshow .nivo-caption h6 {
-          margin-bottom: 23px; } }
+          margin-bottom: 38px; } }
     #slideshow .nivo-caption p {
-      width: 400px;
+      width: 450px;
       letter-spacing: 0.1em;
       font-size: 18px;
       padding: 0;
@@ -6725,7 +6725,7 @@ h2#block-title {
       @media screen and (max-width: 1199px) {
         #slideshow .nivo-caption p {
           font-size: 16px; } }
-      @media screen and (max-width: 1046px) {
+      @media screen and (max-width: 1024px) {
         #slideshow .nivo-caption p {
           display: none; } }
     #slideshow .nivo-caption a.button {
@@ -6736,6 +6736,10 @@ h2#block-title {
       color: #FFFFFF;
       letter-spacing: 0.1em;
       margin-bottom: 0; }
+      #slideshow .nivo-caption a.button:hover {
+        border: 1px solid #f5822a;
+        color: #f5822a;
+        text-decoration: none; }
 
 /* NextGen Gallery */
 [class*="block-grid-"] > li {

diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss
index ca4a74e..71ebf2c 100644 (file)
--- a/scss/_slideshow.scss
+++ b/scss/_slideshow.scss
@@ -51,19 +51,19 @@
         top: 10%;
         max-height: 310px;
         @media screen and (max-width: 1199px) {
-            width: 450px;
+            width: 500px;
             margin: 0;
         }
         h6 {
-            width: 400px;
+            width: 450px;
             font-weight: bold;
             font-size: (28);
-            @media screen and (max-width: 1046px) {
-                margin-bottom: 23px;
+            @media screen and (max-width: 1024px) {
+                margin-bottom: 38px;
             }
         }
         p {
-            width: 400px;
+            width: 450px;
             letter-spacing: 0.1em;
             font-size: 18px;
             padding: 0;
@@ -72,7 +72,7 @@
             @media screen and (max-width: 1199px) {
                 font-size: 16px;
             }
-            @media screen and (max-width: 1046px) {
+            @media screen and (max-width: 1024px) {
                 display: none;
             }
         }
@@ -84,6 +84,11 @@
             color: $white;
             letter-spacing: 0.1em;
             margin-bottom: 0;
+            &:hover {
+                border: 1px solid $orange;
+                color: $orange;
+                text-decoration: none;
+            }
         }
     }
 }