program - order sessions by month

assets/css/panel.css

@@ -1,5 +1,26 @@
+@font-face {
+  font-family: "Joker";
+  src: url("/assets/fonts/Jokker-Medium.woff") format("woff");
+  font-weight: normal;
+}
+@font-face {
+  font-family: "Joker";
+  src: url("/assets/fonts/Jokker-Semibold.woff") format("woff");
+  font-weight: bold;
+}
+
+body,
+.k-text {
+  font-family: "Joker", sans-serif;
+}
+
 :root {
   --color-salmon: #ff4f4b;
+  --color-yellow: #faff82;
+}
+
+.k-panel-menu {
+  background-color: var(--color-yellow);
 }
 
 .k-field-name-herotext .k-block-type-heading-input[data-level="h3"] .k-text {

assets/css/src/program-filters.css

@@ -0,0 +1,11 @@
+.filters > button {
+  transition: color 0.2s ease-in-out;
+}
+
+.filters > button:hover {
+  color: var(--color-salmon);
+}
+
+.filters > button:not(:last-child) {
+  margin-right: 4vw;
+}

assets/css/style.css

@@ -14,4 +14,5 @@
 @import url("src/event-presentation.css");
 @import url("src/swiper.css");
 @import url("src/collapsable-section.css");
+@import url("src/program-filters.css");
 @import url("src/footer.css");