commit jun 10

style/news/_custom-post.scss

@@ -1,8 +1,9 @@
-.recent-posts{
+.recent-posts {
     border-top: 1px solid #e0e0e8;
     margin-right: 15px;
     margin-left: 15px;
-    .date-a{
+
+    .date-a {
         text-decoration: none;
         color: #15c1c6;
         margin-right: 15px;
@@ -10,12 +11,14 @@
         font-style: italic;
         font-weight: 400;
     }
-    .date-a:hover{
+
+    .date-a:hover {
         color: #31353d;
-        transition:0.3s;
+        transition: 0.3s;
         text-decoration: none;
     }
-    .recent-title{
+
+    .recent-title {
         font-size: 18px;
         line-height: 1.2;
         font-family: Merriweather, serif;
@@ -23,7 +26,8 @@
         font-weight: 700;
         margin-bottom: 18px;
     }
-    .recent-subtitle{
+
+    .recent-subtitle {
         font-size: 1rem;
         font-style: normal;
         font-weight: 500;
@@ -31,11 +35,17 @@
         padding-top: 20px;
         line-height: 1.38462;
         letter-spacing: 0px;
+        cursor: pointer;
 
     }
-    blockquote::before{
+    .recent-subtitle:hover {
+        color: #15c1c6;
+        transition: 0.3s;
+    }
+
+    blockquote::before {
         content: '\201c';
-        font-family: 'Times New Roman',  serif;
+        font-family: 'Times New Roman', serif;
         font-size: 6em;
         line-height: 1;
         margin-left: -12px;
@@ -45,10 +55,11 @@
         color: #15c1c6;
     }
 
-    blockquote{
+    blockquote {
         padding: 0 39px 0 44px;
     }
-    .quotes-text{
+
+    .quotes-text {
         font-style: italic;
         font-weight: 700;
         font-size: 25px;
@@ -62,9 +73,41 @@
 }
 
 @media only screen and (min-width:768px) {
-    .recent-posts{
+    .recent-posts {
         margin-right: 60px;
         margin-left: 60px;
 
     }
+}
+
+
+@media only screen and (min-width:992px) {
+    .recent-posts {
+        .custom-post{
+            margin-bottom: 45px;
+            .custom-post-text{
+                margin-left: 20px;
+                .recent-subtitle{
+                    padding-top: 0px !important;
+
+                }
+            }
+        }
+        .recent-title {
+            font-size: 25px;
+        }
+
+        .quotes-text {
+            text-align: start;
+            padding-top: 29px;
+        }
+
+        blockquote {
+            padding: 0 70px 0 0;
+        }
+
+        blockquote::before {
+            font-size: 4rem;
+        }
+    }
 }