Add light bg to nav bar

- add light bg to navbar
- white bg to search box
- change breadcrumb delimiters to arrow

foundation/templates/includes/navbar/navbar.html

@@ -1,4 +1,4 @@
-<nav class="navbar top-sticky bg-white" role="navigation">
+<nav class="navbar top-sticky bg-light" role="navigation">
 	<div class="flex space-between align-item-center border-bottom ph4 pv2">
 		<div class="left flex align-item-center">
 			<a class="logo flex align-item-center p1" href="{{ url_prefix }}{{ home_page or "/"}}">
@@ -7,11 +7,11 @@
 			</a>
 			<ul class="list-unstyled flex">
 				<li>
-					<span>/</span>
+					<span class="fg-light-grey">&#10094;</span>
 					<a class="hover:bg-light-grey p1 border-radius" href="">Service Providers</a>
 				</li>
 				<li>
-					<span>/</span>
+					<span class="fg-light-grey">&#10094;</span>
 					<a class="hover:bg-light-grey p1 border-radius" href="">Cloude8</a>
 				</li>
 			</ul>

foundation/templates/includes/search-box.html

@@ -1,5 +1,5 @@
 <div class="relative mr2">
-    <input class="pv1 pr2 pl4 border bg-light-grey focus:bg-white" type="text" name="query" placeholder="Search this site">
+    <input class="pv1 pr2 pl4 border bg-white" type="text" name="query" placeholder="Search this site">
     <svg class="search-icon" viewBox="0 0 22.780561 22.145968" height="83.701294" width="86.099762">
         <defs id="defs2" />
         <g transform="translate(-54.311708,-94.201033)">