working on startpage and single

sass/_font-mixins.scss

@@ -20,10 +20,10 @@
   font: 900 4rem "Westeinde Caption";
   color: #000;
   -webkit-text-stroke: #fff 1px;
-  
+
   @media #{$smalldesktop} {
     font-size: 4rem;
-    color: #000 !important;    
+    color: #000 !important;
   }
 }
 
@@ -62,8 +62,8 @@
   //small titles on desktop on home and archives
   @media #{$smalldesktop} {
     font-size: 1.5rem;
-    -webkit-text-stroke: #000 1px;
-    color: transparent;
+    //-webkit-text-stroke: #000 1px;
+    color: #000;
   }
   @media #{$bigdesktop} {
     font-size: 2.2rem;
@@ -90,7 +90,6 @@
   @media #{$smalldesktop} {
     font-size: 2rem;
   }
-  
 }
 
 @mixin home-metadata-bevezeto {
@@ -153,6 +152,11 @@
   }
 }
 
+@mixin single-h4 {
+  font-weight: 500;
+  font-size: 2rem;
+}
+
 @mixin captiontext {
   //képaláírás
   font: 900 1rem "Westeinde Caption";
@@ -161,6 +165,6 @@
 }
 
 @mixin single-quote {
-  font: bold 1.8rem "Butler";
+  font: 800 2rem "Butler";
   color: #000;
 }

sass/base.scss

@@ -403,12 +403,12 @@ $v-unit-6: 24rem;
         height: $h-unit-1;
       }
     }
-    .events-link {
-      display: none;
-      @media #{$smalldesktop} {
-        display: block;
-      }
-    }
+    // .events-link {
+    //   display: block;
+      // @media #{$smalldesktop} {
+      //   display: block;
+      // }
+    // }
 
     .menubutton {
       $speed: 0.5s;
@@ -417,8 +417,8 @@ $v-unit-6: 24rem;
 
       order: 99;
       z-index: 3001;
-      @media #{$smalldesktop} {
-      }
+      // @media #{$smalldesktop} {
+      // }
 
       button {
         transform-origin: center;
@@ -436,7 +436,7 @@ $v-unit-6: 24rem;
       }
     }
 
-    .social-link {
+    .social-link, .events-link {
       margin: 0 2rem 0 0;
       &.hidden {
         display: none !important;
@@ -563,20 +563,20 @@ $v-unit-6: 24rem;
             flex: 1 1 50%;
             display: flex;
             flex-direction: column;
-            flex-wrap: wrap;
+            flex-wrap: nowrap;
             height: 100%;
             justify-content: space-evenly;
           }
-        }
 
-        li {
-          display: block;
-          padding-top: 2rem;
-          @media #{$smalldesktop} {
-            padding: 3rem 0;
-          }
-          a {
-            @include menutext();
+          li {
+            display: block;
+            padding-top: 2rem;
+            @media #{$smalldesktop} {
+              padding: 2rem 0;
+            }
+            a {
+              @include menutext();
+            }
           }
         }
       }
@@ -1170,6 +1170,10 @@ $v-unit-6: 24rem;
               }
             }
           }
+          article {
+            cursor: pointer;
+          }
+
           .archivetitle {
             margin: 0 auto;
             width: 100%;
@@ -1405,6 +1409,7 @@ body.category.category-esemeny {
           // width: calc(100% - #{$h-unit-1});
           width: 100%;
           padding-left: 0;
+          padding-right: $h-unit-2;
 
           @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left);
 
@@ -1416,6 +1421,8 @@ body.category.category-esemeny {
           min-height: unset;
           top: -#{$h-unit-1};
           position: relative;
+          padding-right: $h-unit-2;
+          padding-left: 0;
           //       //position: fixed;
           //       // height: 100vh;
           //       bottom: 0;
@@ -1438,6 +1445,16 @@ body.category.category-esemeny {
       padding: $padd;
       @media #{$smalldesktop} {
         top: -#{$h-unit-1};
+        padding-left: 0;
+        padding-right: $h-unit-2;
+      }
+
+      h4{
+        @include single-h4()
+      }
+
+      a:hover{
+        text-decoration: underline;
       }
 
       hr {
@@ -1464,11 +1481,19 @@ body.category.category-esemeny {
 
       blockquote {
         @include single-quote();
+        margin: 3rem 0;
         p {
-          background: #ff5f5f;
+          // background: #ff5f5f;
           display: inline;
-          padding: 2px 0;
-          @include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f);
+          padding: 3px 0;
+          // @include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f);
+        }
+        cite{
+          position: relative;
+          font-size: 80%;
+          top: 2rem;
+          
+          
         }
       }
 
@@ -1540,7 +1565,7 @@ body.category.category-esemeny {
   }
   #colorbox {
     z-index: 12;
-    &:focus{
+    &:focus {
       border: none;
       outline: none;
     }
@@ -1552,7 +1577,6 @@ body.category.category-esemeny {
         color: transparent;
         width: 100%;
         text-align: center;
-        
       }
       #cboxCurrent {
         display: none !important;
@@ -1562,7 +1586,7 @@ body.category.category-esemeny {
         background-repeat: no-repeat;
         background-position: center;
         background-size: 100%;
-        
+
         &#cboxPrevious,
         &#cboxNext {
           background-image: url(../img/curvy_arrow.svg);
@@ -1572,14 +1596,14 @@ body.category.category-esemeny {
           filter: invert(100);
           z-index: 14;
         }
-        &#cboxPrevious{
+        &#cboxPrevious {
           left: 1rem;
-          @include transform(scaleX(-1))
+          @include transform(scaleX(-1));
         }
         &#cboxNext {
           right: 1rem;
         }
-        &#cboxClose{
+        &#cboxClose {
           background-image: url(../img/dis-plus.svg);
           width: 2rem;
           height: 2rem;
@@ -1699,6 +1723,11 @@ body.category.category-esemeny {
       }
     }
   }
+  .single-content{
+    a{
+      color: $color;
+    }
+  }
 }
 $color-be: #fdff00;
 $color-do: #3c00ff;