Add postcast styling

Add prettyPhoto

resources/assets/sass/base/_base.scss

@@ -2,6 +2,7 @@
 @use "clearfix";
 @use "container";
 @use "../components/button";
+@use "../components/pretty_photo";
 
 @use "../layout";
 

resources/assets/sass/components/_featured.scss

@@ -3,6 +3,8 @@
 .featured {
   img {
     width: 100%;
+    object-fit: cover;
+    max-height: 218px;
   }
   h2 {
     margin: 0;

resources/assets/sass/components/_podcast_item.scss

@@ -0,0 +1,12 @@
+.announcement {
+  padding: 30px;
+  border-radius: 3px;
+  background-color: #f0f0f0;
+  margin-bottom: 30px;
+}
+.action_button.btn {
+  width: fit-content;
+  color: #fff;
+  float: left;
+  margin: 10px 20px 0 0;
+}

resources/assets/sass/components/_post.scss

@@ -9,7 +9,7 @@
     margin-right: 20px;
   }
 
-  .bread_crumb {
+  &:not(.breadcrumb_no_border) .bread_crumb {
     border-bottom: 1px solid #efefef;
     padding-bottom: 18px;
   }

resources/assets/sass/components/pretty_photo.scss

@@ -0,0 +1,34 @@
+div.pp_default .pp_content_container .pp_left,
+div.pp_default .pp_content_container .pp_right,
+div.pp_default .pp_top .pp_left,
+div.pp_default .pp_top .pp_middle,
+div.pp_default .pp_top .pp_right,
+div.pp_default .pp_bottom .pp_left,
+div.pp_default .pp_bottom .pp_middle,
+div.pp_default .pp_bottom .pp_right
+{
+  background: none;
+  padding: 0;
+}
+div.pp_default .pp_content, div.light_rounded .pp_content
+{
+  padding: 10px;
+}
+div.pp_default .pp_description
+{
+  font-family: Nunito, serif;
+  font-size: 12px;
+  font-style: italic;
+  line-height: 3.17;
+  color: #585858;
+}
+div.pp_default .pp_close
+{
+  margin-top: 8px;
+  background: url("/images/icons/other/close.png") 0 0 no-repeat;
+}
+div.pp_default .pp_close:hover
+{
+  opacity: 1;
+  background-position: 0 -30px;
+}

resources/assets/sass/layout/_index.scss

@@ -4,4 +4,5 @@
 @forward 'post';
 @forward 'gids';
 @forward 'program';
+@forward 'podcast';
 @forward 'footer';

resources/assets/sass/layout/_podcast.scss

@@ -0,0 +1 @@
+@use "../components/podcast_item";