program styles and icons

_includes/program.css

@@ -13,6 +13,11 @@
   font-weight: 400;
 }
 
+.timeslot h3 .icon {
+  vertical-align: -0.125em;
+  margin-right: 2px;
+}
+
 .timeslot-container {
   position: relative;
   padding-top: 40px;
@@ -32,6 +37,30 @@
   font-size: 26px;
 }
 
+.timeslot .icon {
+  height: 1.1em;
+  vertical-align: text-bottom;
+  fill: currentColor;
+}
+
+.annotation {
+  background-color: rgba(255, 139, 0, 0.06);
+  border: 1px solid #ff8b00;
+  border-radius: 3px;
+  width: fit-content;
+  padding: .5em 1em;
+  font-weight: 500;
+}
+
+.annotation .icon {
+  color: #ff8b00;
+  margin-right: .5em;
+}
+
+.location .icon {
+  margin-right: .2em;
+}
+
 @media (width < 640px) {
   .timeslot {
     margin-bottom: 2.5rem;