styling adjust - cia theme styling changes

vue-theme/src/components/card.vue

@@ -5,10 +5,11 @@
             p.t-up {{type}}
     article.card--info(:class="{ 'wide': wide }")
         router-link(:to="`/${type}/${content.slug}`")
+            //- set image to thumbnail setting
             featured-image(:post="content")
         .f-col.w-max
             router-link(:to="`/${type}/${content.slug}`")
-                h1.t-up.t-cntr {{ content.title }}
+                h1.t-up.t-cntr.t-b {{ content.title }}
             p {{ content.excerpt }}
 </template>
 
@@ -24,22 +25,24 @@ export default {
 @import '../sss/variables.sss'
 @import '../sss/theme.sss'
 .card
-    padding: $ms--3 $ms--1
+    padding: $ms--3 $ms-0 $ms-0
     overflow: hidden
     text-overflow: clip
     &--info
         justify-content: center
     header
         a
-            text-decoration: none
+            /* text-decoration: none */
     img
         width: 100%
         height: auto
     h1, h2, h3, p
-        padding: 0
+        padding: $ms--7 0
         margin: 0
     h1
         font-size: $ms-1
+        color: $cia_black
+    
 
 @media (min-width: $medium)
     .card
@@ -48,5 +51,11 @@ export default {
             > a:first-of-type
                 width: 100%
         .wide
-            display: flex    
+            display: flex
+            /* specific condition for wide card, need to sort out paragraph fit*/
+            /* img */
+                /* width: 100% */
+                /* padding: 0 $ms-0 0 0 */
+            w-max
+            
 </style>

vue-theme/src/components/sidebars/events.vue

@@ -1,19 +1,23 @@
 <template lang="pug">
-h3.t-up upcoming events
-ul
+//- most recent upcoming events list
+h4.t-up upcoming events
+ul.t-cap
     li
-        h1 event title
+        h3 event title
         p date
         p time from : time to
         p location
+        p 
     li
-        h1 event title
+        h3 event title
         p date
         p time from : time to
         p location
+        p 
     li
-        h1 event title
+        h3 event title
         p date
         p time from : time to
         p location
+        p 
 </template>

vue-theme/src/components/sidebars/exhibitions.vue

@@ -1,16 +1,20 @@
 <template lang="pug">
-h3.t-up upcoming exhibitions
-ul
+//- most recent upcoming events list
+h4.t-up upcoming exhibitions
+ul.t-cap
     li
-        h1 exhibition title
+        h3 exhibition title
         p date from : date to
         p location
+        p 
     li
-        h1 exhibition title
+        h3 exhibition title
         p date from : date to
         p location
+        p 
     li
-        h1 exhibition title
+        h3 exhibition title
         p date from : date to
         p location
+        p 
 </template>

vue-theme/src/components/sidebars/sidebar.vue

@@ -97,9 +97,8 @@ export default {
 @import '../../sss/theme.sss'
 aside.sidebar
     position: sticky
-    top: 65px
+    /* top: 65px */
     /* background-color: salmon */
-    background-color: white
     /* margin: 0 0 0 $ms-0 */
     width: 100%
     > section
@@ -107,10 +106,13 @@ aside.sidebar
             padding: $ms-0
             margin: 0 0 $ms-0 0
         > .post
-            background-color: blue
+            /* background-color: blue */
     ul
         list-style: none      
 
+    .shadow
+        background-color: white
+
 /* width larger than $medium  */
 @media (min-width: $medium)
     aside.sidebar

vue-theme/src/pages/single.vue

@@ -26,9 +26,10 @@
                 p start: {{ dateFrom(post.start) }}
                 p end: {{ dateFrom(post.end) }}
 
+        //- WP main content
         section.content(v-html="post.content")
 
-        //- related artists section example layout
+        //- related artists section for episodes
         section(v-if="type === 'episodes' && post" :post="post")
             h2.t-up featured in this episode
             ul
@@ -216,12 +217,14 @@ export default {
 @import '../sss/variables.sss'
 @import '../sss/theme.sss'
 .page--single
+    /* background-color: $cia_white2 */
     article
+        background-color: white
         padding: $ms-1
         h1
             color: $cia_black
             /* font-weight: 800 */
-            padding: $ms--3 0
+            /* padding: $ms--3 0 */
         > ul
             /* grid-gap: $ms-0 */
             list-style: none
@@ -241,6 +244,21 @@ export default {
             left: 0px 
             width: 100% 
             height: 100%
+        
+        wp-block-embed is-type-video
+            position: relative
+            width: 100% 
+            padding-bottom: 56.25% 
+
+        * hr.wp-block-separator
+            border: 0.5px
+            margin: $ms-2
+
+        hr.is-style-default
+            height: 2px
+
+        hr.is-style-wide
+            height: 3px
 
         breadcrumb
             h5