Layoutwijzigingen, programma gemist

website/public/css/nhgooi.css

@@ -8,32 +8,25 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 	color: #1F3977;
 }
 
+@media screen and (max-width:1069px)
+{
+	.logo {
+		float: none;
+		width: 100%;
+		text-align: center;
+	}
+
+	.logo img.ri {
+		max-width: 75%;
+	}
+}
+
 @media screen and (max-width:767px) {
-/*
-	.menu_container.sticky.move,
-	.boxed .menu_container.sticky.move
-	{
-		position: fixed;
-		top: 0pt;
-		left: 0px;
-		box-shadow: none;
-		-moz-box-shadow: none;
-		-webkit-box-shadow: none;
-	}
-
-	.sticky.move .mobile-menu-switch {
-		margin-left: 0px;
-	}
-
-	.sticky.move .mobile-menu {
-		background-color: #F0F0F0;
-	}
-*/
-
 	.row .column {
 		width: 100%;
 	}
 
+
 	.now-playing-header {
 		width: 100% !important;
 		margin-top: 30px !important;
@@ -49,6 +42,11 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 }
 
 @media screen and (max-width: 479px) {
+	.header_container {
+		background-repeat: no-repeat;
+		background-position: left 95%;
+		background-size: auto 155px !important;
+	}
 	.search {
 		float: none;
 		display: flex;
@@ -68,6 +66,11 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 	}
 }
 
+.header_container {
+	background-image: url('../images/nh-banner.png');
+	background-size: 100% ;
+}
+
 .header .now-playing-header {
 	float: right;
 }
@@ -76,7 +79,8 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 	font-size: 16pt;
 	font-family: 'Roboto Condensed';
 	font-weight: 300;
-	background: #F6F6F6;
+	/* background: #F6F6F6; */
+	background: rgba(246, 246, 246, 0.4);
 	width: 728px;
 	color: #787878;
 	text-align: center;
@@ -91,7 +95,6 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 
 	.now-playing-header .title,
 	.now-playing-header .artist {
-	
 		padding: 3px;
 	}
 
@@ -106,7 +109,6 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 		position: absolute;
 		padding: 3px;
 		width: 100%;
-                background-color: inherit;
 	}
 
 	.now-playing-header .controls li {
@@ -148,7 +150,7 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 	height: 30px;
 	width: 30px;
 	background: url("/images/icons/navigation/go_top_arrow.png") no-repeat 50% 50%;
-    background-color: #ABABAB;
+    	background-color: #ABABAB;
 }
 
 .scroll_top_floater:hover {
@@ -178,6 +180,32 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 	border-color: #2F4A88;
 }
 
+.menu_container, .sf-menu li {
+	border-top-color: #03A6E0;
+}
+
+.sf-menu li:hover, .sf-menu li.selected, .sf-menu li.submenu:hover {
+  border-top-color: #1F3977;
+}
+
+
+.mobile-menu-switch:hover {
+	background: #1F3977;
+} 
+
+.mobile-menu-switch {
+	border-color: #1F3977;
+}
+
+.mobile-menu-switch .line {
+	background: #03A6E0;
+}
+
+.mobile-menu li.selected a, .mobile-menu li.selected ul li.selected a, .mobile-menu li.selected ul li.selected ul li.selected a {
+    background: #1F3977;
+}
+
+
 button[disabled],
 button[disabled]:hover
 {
@@ -200,6 +228,7 @@ button[disabled]:hover
 	margin-right: 50px;
 	background: none;
 	color: #464D53;
+	height: 40px;
 }
 
 .search .search_input.hint {
@@ -216,6 +245,14 @@ button[disabled]:hover
 	font-size: 0;
 }
 
+.search .search_submit:hover {
+  background-color: #03A6E0;
+}
+
+.slider_posts_list .slider_posts_list_bar {
+ 	background-color: #1F3977;
+}
+
 .post h2,
 .post h5 {
 	text-overflow: ellipsis;