3 files changed, 75 insertions, 18 deletions

diff --git a/web/cobrands/fixamingata/_colours.scss b/web/cobrands/fixamingata/_colours.scss
index dbdd92e5b..74f39c9f6 100644
--- a/web/cobrands/fixamingata/_colours.scss
+++ b/web/cobrands/fixamingata/_colours.scss
@@ -2,19 +2,24 @@
 
 $menu-image: 'menu-black';
 
-$primary: #00b1da;
-$primary_b: #0087a6;
+$primary: #087FA0;
+$primary_b: #087FA0;
 $primary_text: #222;
+$primary_link_color: $primary_text;
+$primary_link_hover_color: rgba($primary_text, 0.8);
 
 $base_bg: #eee url(images/tile.jpg) 0 0 repeat;
 $base_fg: $primary_text;
 
 $nav_background_colour: #eee;
 $nav_colour: $primary_text;
-$nav_hover_background_colour: #20bbdf;
+$nav_hover_background_colour: $nav_background_colour;
 
 $header-top-border: false;
 
 $col_click_map: #00BD08;
 
 $high-dpi-screen: '-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi';
+
+$link-color: #0000CC;
+$link-hover-color: #0000CC;
diff --git a/web/cobrands/fixamingata/base.scss b/web/cobrands/fixamingata/base.scss
index a708483bc..eeba74951 100644
--- a/web/cobrands/fixamingata/base.scss
+++ b/web/cobrands/fixamingata/base.scss
@@ -37,3 +37,26 @@
     margin: 1em 0 0.5em;
   }
 }
+
+#pc-hint {
+    color: #444;
+}
+
+/* This together with resp-iframe below gives us a responsive
+   iframe for the video on the councils page that keeps the
+   correct width/height ratio when the page is resized.
+*/
+.resp-iframe-container {
+    position: relative;
+    overflow: hidden;
+    padding-top: 56.25%;
+}
+
+.resp-iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
+}
diff --git a/web/cobrands/fixamingata/layout.scss b/web/cobrands/fixamingata/layout.scss
index 6cf0dd47e..a0d5622fb 100644
--- a/web/cobrands/fixamingata/layout.scss
+++ b/web/cobrands/fixamingata/layout.scss
@@ -122,26 +122,23 @@ body.mappage {
 
 .content footer .tablewrapper { background: #fff; }
 
-#front-main {
-    a#geolocate_link {
+a#geolocate_link {
+    background: url(images/locate-me.png) $left 0 no-repeat;
+    height: 34px;
+    padding-#{$left}: 24px;
+    margin-top: 0.25em;
+    @media ($high-dpi-screen) {
+        background-image: url(images/locate-me@2.png);
+        background-size: 22px 34px;
+    }
+    &:hover {
+        text-decoration:underline;
         background: url(images/locate-me.png) $left 0 no-repeat;
-        height: 34px;
-        padding-#{$left}: 24px;
-        margin-top: 0.25em;
-        font-size: 1em;
+
         @media ($high-dpi-screen) {
             background-image: url(images/locate-me@2.png);
             background-size: 22px 34px;
         }
-        &:hover {
-            text-decoration:underline;
-            background: url(images/locate-me.png) $left 0 no-repeat;
-
-            @media ($high-dpi-screen) {
-                background-image: url(images/locate-me@2.png);
-                background-size: 22px 34px;
-            }
-        }
     }
 }
 
@@ -149,4 +146,36 @@ body.mappage {
     a {
 	border-radius: 5px;
     }
+    span {
+    	 color: $primary_text;
+    	 font-weight: bold;
+    }
+    span.report-a-problem-btn {
+	display: none;
+    }
+    a.report-a-problem-btn {
+	display: none;
+    }
+}
+
+.mappage {
+    .nav-menu--main {
+	span.report-a-problem-btn {
+	    display: block;
+	}
+	a.report-a-problem-btn {
+	    display: block;
+	    border-width: 1px;
+	    border-color: $primary_text;
+	    border-style: solid;
+	}
+    }
+}
+
+body.twothirdswidthpage {
+    .content {
+       aside {
+           background:#fff;
+       }
+    }
 }