Added radio page

resources/assets/sass/components/_blog.scss

@@ -11,17 +11,18 @@
       height: 100%;
       object-fit: cover;
     }
-    h2 {
+    .post_title {
       margin: 0;
+      font-family: Montserrat, serif;
+      font-size: 14px;
+      font-weight: 600;
+      line-height: 1.43;
+      color: #1a1a1a;
 
       a {
-        font-family: Montserrat, serif;
-        font-size: 14px;
-        font-weight: 600;
-        line-height: 1.43;
-        color: #1a1a1a;
         text-decoration: none;
         display: inline-block;
+        color: #1a1a1a;
       }
     }
 
@@ -32,5 +33,17 @@
     .post_date {
       @include post_date;
     }
+
+    .disabled {
+      color: #A1A1A1;
+      cursor: not-allowed;
+    }
+
+    .post_body {
+      font-family: Nunito, serif;
+      font-size: 15px;
+      line-height: 1.6;
+      color: #282828;
+    }
   }
-}
+}

resources/assets/sass/components/_box.scss

@@ -27,15 +27,27 @@
 .tabs {
   display: flex;
   justify-content: space-between;
+  &.fit_content {
+    width: fit-content;
+  }
   .box_header {
+    padding-right: 20px;
+    &:last-of-type {
+      padding-right: 0;
+    }
     span {
       color: #999;
       border-bottom: none;
       cursor: pointer;
+      padding-bottom: 3px;
+    }
+
+    &.extra-small span {
+      font-size: 12px;
     }
 
     &.small span {
-      font-size: 13px;
+      font-size: 14px;
     }
 
     &.medium span {
@@ -46,6 +58,7 @@
       span {
         color: #0f259d;
         border-bottom: 3px solid #0f259d;
+        padding-bottom: 0;
       }
     }
   }

resources/assets/sass/components/_bread_crumb.scss

@@ -0,0 +1,26 @@
+@use "../abstracts/mixin" as *;
+
+.bread_crumb {
+  height: 38px;
+  @include reset-list;
+
+  li {
+    float: left;
+    font-family: Nunito, serif;
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 3.17;
+    text-align: left;
+    color: #666;
+    margin-right: 5px;
+
+    a {
+      color: #666;
+      text-decoration: none;
+    }
+
+    i {
+      font-size: 8px;
+    }
+  }
+}

resources/assets/sass/components/_input.scss

@@ -0,0 +1,27 @@
+.input_container {
+  border: 1px solid #efefef;
+  border-radius: 5px;
+  background-color: #fff;
+  display: flex;
+  height: 48px;
+
+  font-family: Montserrat, serif;
+  font-size: 16px;
+  line-height: 1.25;
+  color: #1a1a1a;
+
+  .input_prefix, .input_postfix {
+    padding: 13px 10px 13px 15px;
+  }
+
+  input {
+    border: none;
+    padding: 13px 5px;
+
+    font-family: Montserrat, serif;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 1.25;
+    color: #1a1a1a;
+  }
+}

resources/assets/sass/components/_page.scss

@@ -0,0 +1,18 @@
+.page_container {
+  background-color: #fff;
+  width: CALC(100% - 270px);
+  padding: 32px 135px;
+  &.grey-background {
+    background-color: #f9f9f9;
+  }
+}
+.page_body {
+  font-family: Nunito, serif;
+  font-size: 15px;
+  line-height: 1.6;
+  color: #282828;
+}
+.action_button {
+  text-decoration: none;
+  color: #282828;
+}

resources/assets/sass/components/_page_title.scss

@@ -0,0 +1,9 @@
+.page_title {
+  margin: 17px 0;
+  font-family: Montserrat, serif;
+  font-size: 40px;
+  font-weight: 600;
+  line-height: 1.15;
+  text-align: left;
+  color: #282828;
+}

resources/assets/sass/components/_post.scss

@@ -1,4 +1,5 @@
 @use "../abstracts/mixin" as *;
+
 .post_container {
   padding: 40px 135px;
   background-color: #f9f9f9;
@@ -10,31 +11,10 @@
   }
 
   .bread_crumb {
-    height: 38px;
-    @include reset-list;
     border-bottom: 1px solid #efefef;
     padding-bottom: 18px;
-
-    li {
-      float: left;
-      font-family: Nunito, serif;
-      font-size: 12px;
-      font-weight: 500;
-      line-height: 3.17;
-      text-align: left;
-      color: #666;
-      margin-right: 5px;
-
-      a {
-        color: #666;
-        text-decoration: none;
-      }
-
-      i {
-        font-size: 8px;
-      }
-    }
   }
+
   .post_tags {
     @include reset-list;
     height: 31px;
@@ -59,15 +39,6 @@
       }
     }
   }
-  h1 {
-    margin: 17px 0;
-    font-family: Montserrat, serif;
-    font-size: 40px;
-    font-weight: 600;
-    line-height: 1.15;
-    text-align: left;
-    color: #282828;
-  }
   .post_body {
     width: 100%;
 

resources/assets/sass/components/_schedule.scss

@@ -0,0 +1,29 @@
+@use "../abstracts/mixin" as *;
+
+#schedule {
+  a {
+    text-decoration: none;
+  }
+  .program-title {
+    font-family: Montserrat, serif;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 1.43;
+    color: #1a1a1a;
+  }
+  .program-times {
+    @include post_date;
+  }
+  .no-results, .loading {
+    font-family: Montserrat, serif;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 1.43;
+    color: #1a1a1a;
+    text-align: center;
+    padding: 20px;
+    span {
+      margin-right: 10px;
+    }
+  }
+}