Update Westminster cobrand to match new branding

templates/web/westminster/footer_extra.html

@@ -2,34 +2,40 @@
 
   <div class="container">
 
-    <div class="westminster-footer-logo">
+    <div class="westminster-footer-logo__desktop">
       <a href="https://www.westminster.gov.uk/">City of Westminster</a>
     </div>
 
     <ul class="westminster-site-links">
-      <li><a href="https://www.westminster.gov.uk/apply-and-pay">Apply and pay</a></li>
+      <li><a href="https://www.westminster.gov.uk/all-services">All council services</a></li>
       <li><a href="https://www.westminster.gov.uk/report-it">Report it</a></li>
-      <li><a href="https://www.westminster.gov.uk/licensing-and-planning">Licensing and planning</a></li>
-      <li><a href="https://www.westminster.gov.uk/find-it">Find</a></li>
+      <li><a href="https://www.westminster.gov.uk/events">Events</a></li>
+      <li><a href="https://www.westminster.gov.uk/news">News</a></li>
+      <li><a href="https://www.westminster.gov.uk/jobs">Jobs</a></li>
     </ul>
 
     <ul class="westminster-social-links">
       <li><a href="https://www.facebook.com/CityWestminster/" class="westminster-social-links__facebook">Facebook</a></li>
       <li><a href="https://twitter.com/CityWestminster" class="westminster-social-links__twitter">Twitter</a></li>
       <li><a href="https://www.instagram.com/citywestminster" class="westminster-social-links__instagram">Instagram</a></li>
+      <li><a href="https://www.linkedin.com/company/westminster-city-council" class="westminster-social-links__linkedin">LinkedIn</a></li>
     </ul>
 
     <ul class="westminster-tertiary-links">
       <li><a href="https://www.westminster.gov.uk/accessibility">Accessibility</a></li>
-      <li><a href="https://www.westminster.gov.uk/jobs">Careers</a></li>
+      <li><a href="/privacy">Privacy</a></li>
       <li><a href="https://www.westminster.gov.uk/data-protection">Data protection</a></li>
       <li><a href="https://www.westminster.gov.uk/freedom-of-information">Freedom of information</a></li>
       <li><a href="https://www.westminster.gov.uk/sites/default/files/gender_pay_gap_2018_2019.pdf" class="ext" target="_blank">Gender pay gap</a></li>
-      <li><a href="https://www.westminster.gov.uk/modern-slavery-statement">Modern slavery statement</a></li>
-      <li><a href="https://www.westminster.gov.uk/stay-informed-westminster-newsletter">Newsletters</a></li>
+      <li><a href="https://www.westminster.gov.uk/modern-slavery-statement">Modern slavery</a></li>
       <li><a href="https://www.westminster.gov.uk/terms-conditions">Terms and conditions</a></li>
+      <li><a href="https://www.westminster.gov.uk/contact-us">Contact us</a></li>
     </ul>
 
+    <div class="westminster-footer-logo__mobile">
+      <a href="https://www.westminster.gov.uk/">City of Westminster</a>
+    </div>
+
   </div>
 
 </footer>

templates/web/westminster/header_extra.html

@@ -1,2 +1,2 @@
-<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap" rel="stylesheet">
 <link rel="shortcut icon" type="image/x-icon" href="/cobrands/westminster/favicon.ico">

web/cobrands/westminster/_buttons.scss

@@ -0,0 +1,32 @@
+@mixin btn-primary {
+  font-family: $body-font;
+  font-size: 1.2em;
+  color: #fff !important;
+  font-weight: 600;
+  padding: .9em 1em;
+  background: $westminster_blue_btns;
+  border: none;
+  border-radius: 4.5px;
+  -webkit-font-smoothing: antialiased;
+  cursor: pointer;
+  &:hover {
+    background: $westminster_blue_btns_hover;
+  }
+}
+
+@mixin btn-medium-primary {
+  font-family: $body-font;
+  font-size: 1.1em;
+  line-height: 1.4;
+  color: #fff !important;
+  font-weight: 600;
+  padding: .9em 1em;
+  background: $westminster_blue_btns;
+  border: none;
+  border-radius: 4.5px;
+  -webkit-font-smoothing: antialiased;
+  cursor: pointer;
+  &:hover {
+    background: $westminster_blue_btns_hover;
+  }
+}

web/cobrands/westminster/_colours.scss

@@ -1,12 +1,17 @@
 /* COLOURS */
 
-$westminster_black: #0d0e16;
-$westminster_blue: #1e6dc7;
+$westminster_black: #161616;
+$westminster_blue: #0b2265;
+$westminster_blue_links: #0e35ff; 
+$westminster_blue_btns: #0335ff; 
+$westminster_blue_btns_hover: #032DD9; 
 $westminster_green: #137c71;
 $westminster_pink: #c8007b;
 $westminster_navy: #0b2265;
-$westminster_yellow: #fecb00;
+$westminster_yellow: #ffd420;
 $westminster_grey: #f7f5f6;
+$westminster_dark_grey: #4d5366;
+$westminster_body_bkgd: #f3f6fa;
 
 $primary: $westminster_yellow;
 
@@ -34,10 +39,15 @@ $heading-font: $body-font;
 $meta-font: $body-font;
 
 $mappage-header-height: 4.5em;
+$header-padding: 1.5em;
 
 $high-dpi-screen: '-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi';
 
 $search-help-alignment: left;
 $search-help-background: #fff3f3;
 $search-help-margin: 0 -1em;
 $search-help-margin-desktop: 1em -1em 0 -1em;
+
+$form-border: #afb6c9;
+
+$container-max-width: 1084px;

web/cobrands/westminster/_fonts.scss

@@ -0,0 +1,3 @@
+$body-font: 'Source Sans Pro', Arial, Helvetica, sans-serif;
+$meta-font: $body-font;
+$heading-font: $body-font;