Lade till arkiv och stilade upp den

theme.css

@@ -17,6 +17,7 @@
 body {
     background-attachment: fixed;
 }
+/* Stilar till kategori-buttons */
 .taxonomy-category a {
     background-color: #ff8f3f;
     color: #0e0f12;
@@ -36,6 +37,7 @@ body {
 .fa {
 	font-size: 2rem;
 }
+
 .footer .wp-block-list, .wp-block-latest-posts__list {
 	list-style-type: none;
 	padding-left: 0;
@@ -43,11 +45,13 @@ body {
 		padding-bottom: 6px;
 	}
 }
+
+/* Lite uppstilning av sökrutan*/
 .searchbox .wp-element-button {
    background: #FF8F3F;
 }
 .wp-block-search__input {
-  background-color: var(--wp--preset--color--background-secondary);
+  background-color: var(--wp--preset--color--background-primary);
   color: var(--wp--preset--color--text-primary);
   border-radius: 6px;
   border: 1px solid var(--wp--preset--color--code-border);
@@ -64,8 +68,34 @@ body {
 .wp-block-search__button:hover {
   background-color: var(--wp--preset--color--orange-hover);
 }
+
+/* Zoomar in på post-bilden */
+.post-cover {
+    overflow: hidden;
+}
+
+.post-cover .wp-block-cover__image-background {
+    transition: transform 0.35s ease;
+}
+
+.post-cover:hover .wp-block-cover__image-background {
+    transform: scale(1.1);
+}
+
+/* Font på arkivet-listan */
+select {
+    background-color: var(--wp--preset--color--background-secondary);
+    color: var(--wp--preset--color--text-primary);
+    font-size: 1rem;
+    border: 1px solid transparent;
+    padding: 6px 10px;
+    border-radius: 6px;
+}
+
+/* Lite MQ */
 @media (max-width: 780px) {
    div.wp-block-column {padding-left:0px !important;}
+   .wp-block-spacer {height: 0 !important;}
 }
 @media (max-width: 700px) {
 	form.searchbox {display: none}