Add favicon

Change logo
Add luister and kijk icons
Tip de streekredactie points to whatsapp 088-8505651
Add s to Podcast
Removed waterschapsverkiezingen from menu
Podcast autoplay disabled
Remove Gooische Courant and NH Nieuws
Changed NH Gooi to Over NH Gooi
Added padding and border-radios to homepage posts
Changed header 12px to 14px
Add now and next programs to homepage
Add new button to programs
Changed contact text
Add fallback image to program guide
Make items height equally in program guide

public/css/style.css

@@ -291,15 +291,17 @@ div.pp_default .pp_close:hover {
 }
 .top_menu_container ul.right_menu li, .menu_mobile_container ul.right_menu li {
   float: left;
-  padding: 6px 19px;
+  padding: 0 19px;
   margin: 8px;
-  border-right: 1px solid #fff;
+  border-right: 1px solid rgba(255, 255, 255, 0.2);
+  line-height: 2;
+  /*&:nth-child(2) {
+    padding: 0 19px;
+  }*/
 }
 .top_menu_container ul.right_menu li:last-child, .menu_mobile_container ul.right_menu li:last-child {
   border: none;
-}
-.top_menu_container ul.right_menu li:nth-child(2), .menu_mobile_container ul.right_menu li:nth-child(2) {
-  padding: 0 19px;
+  line-height: 1;
 }
 .top_menu_container ul.right_menu li a, .menu_mobile_container ul.right_menu li a {
   float: left;
@@ -311,6 +313,18 @@ div.pp_default .pp_close:hover {
   text-decoration: none;
   text-transform: uppercase;
 }
+.top_menu_container ul.right_menu li a.with_svg_icon, .menu_mobile_container ul.right_menu li a.with_svg_icon {
+  position: relative;
+  margin-right: 30px;
+}
+.top_menu_container ul.right_menu li a svg, .menu_mobile_container ul.right_menu li a svg {
+  fill: #fff;
+  height: 20px;
+  width: 20px;
+  position: absolute;
+  right: -25px;
+  top: 2px;
+}
 .top_menu_container ul.right_menu li a i, .menu_mobile_container ul.right_menu li a i {
   font-size: 18px;
   position: relative;
@@ -632,11 +646,12 @@ div.pp_default .pp_close:hover {
 }
 .blog_grid .post {
   position: relative;
-  height: 100%;
+  height: calc(100% - 10px);
+  padding: 5px;
 }
 @media (max-width: 768px) {
   .blog_grid .post {
-    height: 50%;
+    height: calc(50% - 10px);
   }
 }
 .blog_grid .post img {
@@ -644,6 +659,7 @@ div.pp_default .pp_close:hover {
   height: 100%;
   object-fit: cover;
   filter: brightness(70%);
+  border-radius: 3px;
 }
 .blog_grid .post.small {
   height: 50%;
@@ -746,6 +762,9 @@ div.pp_default .pp_close:hover {
 .box.full-width {
   width: calc(100% - 60px);
 }
+.box.full-height {
+  height: calc(100% - 103px);
+}
 .box.margin_top {
   margin-top: 80px;
 }
@@ -800,6 +819,7 @@ div.pp_default .pp_close:hover {
 }
 .blog .post {
   margin-bottom: 27px;
+  height: 90px;
 }
 .blog .post img {
   width: 100%;
@@ -819,6 +839,9 @@ div.pp_default .pp_close:hover {
   display: inline-block;
   color: #1a1a1a;
 }
+.blog .post .post_title a.clipText {
+  display: -webkit-box;
+}
 .blog .post .col-8 {
   padding: 0;
 }
@@ -861,12 +884,21 @@ div.pp_default .pp_close:hover {
   width: calc(100% - 38px);
 }
 .radio_box h2 {
-  font-family: Montserrat, serif;
   font-size: 20px;
+}
+.radio_box h3 {
+  font-size: 18px;
+}
+.radio_box .post_title {
+  font-family: Montserrat, serif;
   font-weight: 600;
   line-height: 1.35;
   color: #1a1a1a;
 }
+.radio_box .post_title a {
+  text-decoration: none;
+  color: #1a1a1a;
+}
 .radio_box .post_date {
   font-family: Nunito, serif;
   font-weight: 500;
@@ -1228,6 +1260,11 @@ div.pp_default .pp_close:hover {
   overflow: hidden;
   white-space: nowrap;
 }
+#schedule img {
+  margin-left: -30px;
+  margin-top: -30px;
+  width: calc(100% + 54px);
+}
 #schedule .no-results, #schedule .loading {
   font-family: Montserrat, serif;
   font-size: 14px;