diff --git a/templates/email/merton/_email_color_overrides.html b/templates/email/merton/_email_color_overrides.html
index 9d6843afd48..e374a075d1e 100644
--- a/templates/email/merton/_email_color_overrides.html
+++ b/templates/email/merton/_email_color_overrides.html
@@ -1,9 +1,9 @@
[%
-color_merton_lavender = '#422d76'
-color_merton_dark_green = '#0c4c57'
-color_merton_pale_green = '#E8F4F1'
-color_merton_jade = '#009578'
+color_merton_lavender = '#5F3E94'
+color_merton_dark_green = '#044925'
+color_merton_pale_green = '#D9F3E5'
+color_merton_jade = '#078141'
color_merton_grey_g2 = '#e8e8e8'
body_background_color = color_merton_grey_g2
@@ -18,7 +18,7 @@
button_text_color = color_white
logo_file = 'merton-logo.png'
-logo_width = "88" # pixel measurement, but without 'px' suffix
-logo_height = "51" # pixel measurement, but without 'px' suffix
+logo_width = "220" # pixel measurement, but without 'px' suffix
+logo_height = "50" # pixel measurement, but without 'px' suffix
%]
diff --git a/templates/web/merton/header_extra.html b/templates/web/merton/header_extra.html
index 8a977495fb5..c364747cd24 100644
--- a/templates/web/merton/header_extra.html
+++ b/templates/web/merton/header_extra.html
@@ -1 +1,3 @@
[% INCLUDE 'tracking_code.html' %]
+
+
diff --git a/web/cobrands/merton/_colours.scss b/web/cobrands/merton/_colours.scss
index c79ca337913..736f49f5a73 100644
--- a/web/cobrands/merton/_colours.scss
+++ b/web/cobrands/merton/_colours.scss
@@ -1,18 +1,18 @@
// Nomenclature from Merton's brand guidelines
-$merton-lavender-l1: #32245e;
-$merton-lavender-l2: #422d76;
+$merton-lavender-l1: #4E337A;
+$merton-lavender-l2: #5F3E94;
$merton-jade-j1: #014c59;
-$merton-jade-j2: #009578;
-$merton-jade-j3: #e8f4f1;
+$merton-jade-j2: #078141;
+$merton-jade-j3: #D9F3E5;
$merton-grey-g1: #aaa9aa;
$merton-grey-g2: #e8e8e8;
$merton-blue-b1: #056eb6;
$merton-green-g1: #7bbb58;
$merton-neutrals-n1: #000000;
$merton-headline: #333333;
-$merton-dark-green: #0c4c57;
+$merton-dark-green: #044925;
-$link-color: #167d63;
+$link-color: #078141;
$link-hover-color: $merton-neutrals-n1;
$primary: $merton-lavender-l1;
@@ -24,7 +24,7 @@ $base_fg: #000;
$nav_background_colour: #fff;
$nav_colour: #676767;
-$nav_hover_background_colour: #eee;
+$nav_hover_background_colour: #f4f4f4;
$header-top-border-width: 0;
$header-top-border: none;
diff --git a/web/cobrands/merton/base.scss b/web/cobrands/merton/base.scss
index b113bd57233..8cbebceb1aa 100644
--- a/web/cobrands/merton/base.scss
+++ b/web/cobrands/merton/base.scss
@@ -47,7 +47,7 @@ input[type=submit] :not(.item-list__item__shortlist-add) :not(item-list__item__s
a#geolocate_link,
:not(.segmented-control--radio) > .btn {
color: #ffffff !important;
- background-color: #009578;
+ background-color: $merton-jade-j2;
background-image: none;
border-bottom: 2px solid $merton-dark-green;
border-top-color: transparent;
@@ -96,7 +96,7 @@ input[type=tel],
input[type=email],
textarea,
textarea.form-control {
- border-bottom: 2px solid #1d9b80 !important;
+ border-bottom: 2px solid #078141 !important;
border-radius: 0;
box-shadow: none;
}
@@ -127,8 +127,8 @@ a.skiplink:focus {
display: block;
overflow: hidden;
white-space: nowrap;
- padding-top: 70px;
- width: 116px;
+ padding-top: 60px;
+ width: 220px;
height: 0;
background: $merton-lavender-l2 url(/cobrands/merton/images/merton-logo.png) center center no-repeat;
background-size: contain;
@@ -140,7 +140,7 @@ a {
#report-cta,
html .nav-menu a.report-a-problem-btn { // overloaded selector to beat _layout.scss
- background-color: #007F66 !important;
+ background-color: $link-color !important;
color: white !important;
border-bottom: 2px solid $merton-dark-green;
border-radius: 0;
@@ -272,3 +272,8 @@ table.googlecookies {
}
}
+.form-box,
+.extra-category-questions {
+ background-color: #f4f4f4;
+}
+
diff --git a/web/cobrands/merton/images/favicon-16x16.png b/web/cobrands/merton/images/favicon-16x16.png
new file mode 100644
index 00000000000..80941ebdee2
Binary files /dev/null and b/web/cobrands/merton/images/favicon-16x16.png differ
diff --git a/web/cobrands/merton/images/favicon-32x32.png b/web/cobrands/merton/images/favicon-32x32.png
new file mode 100644
index 00000000000..81e1aaef07e
Binary files /dev/null and b/web/cobrands/merton/images/favicon-32x32.png differ
diff --git a/web/cobrands/merton/images/merton-logo.png b/web/cobrands/merton/images/merton-logo.png
index 341c4c88e39..d190595376d 100644
Binary files a/web/cobrands/merton/images/merton-logo.png and b/web/cobrands/merton/images/merton-logo.png differ
diff --git a/web/cobrands/merton/layout.scss b/web/cobrands/merton/layout.scss
index e57e9884004..1c8a7d03207 100644
--- a/web/cobrands/merton/layout.scss
+++ b/web/cobrands/merton/layout.scss
@@ -31,7 +31,7 @@
}
body.mappage {
- $merton-header-height: 110px;
+ $merton-header-height: 100px;
$merton-nav-height: 60px;
#site-header,