Add postcast styling

Add prettyPhoto

public/css/components/pretty_photo.css

@@ -0,0 +1,35 @@
+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;
+}
+
+/*# sourceMappingURL=pretty_photo.css.map */

public/css/components/pretty_photo.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../resources/assets/sass/components/pretty_photo.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASE;EACA;;;AAEF;EAEE;;;AAEF;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EAEE;EACA;;;AAEF;EAEE;EACA","file":"pretty_photo.css"}

public/css/style.css

@@ -58,6 +58,40 @@ body {
   margin: 0 auto;
 }
 
+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;
+}
+
 .header {
   height: 110px;
 }
@@ -545,8 +579,7 @@ body {
 }
 
 .sidebar .box {
-  width: calc(100% - 43px);
-  padding: 20px 23px 20px 20px;
+  width: calc(100% - 38px);
 }
 
 .radio_box {
@@ -618,6 +651,8 @@ body {
 
 .featured img {
   width: 100%;
+  object-fit: cover;
+  max-height: 218px;
 }
 .featured h2 {
   margin: 0;
@@ -772,7 +807,7 @@ body {
   width: calc(66.66666667% - 20px);
   margin-right: 20px;
 }
-.post_container .bread_crumb {
+.post_container:not(.breadcrumb_no_border) .bread_crumb {
   border-bottom: 1px solid #efefef;
   padding-bottom: 18px;
 }
@@ -968,6 +1003,20 @@ body {
   color: #1a1a1a;
 }
 
+.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;
+}
+
 .footer_container {
   font-family: Montserrat, serif;
   font-size: 14px;