4.1

Please don't merge until we are closer to launch.

Outstanding issues:

1. Styling of the search input group needs adjustment (button is not aligned correctly)
2. Testing

www/less/search-google.less

+@charset "UTF-8";
+
+@import "lib/breakpoints.less";
+@import "lib/colors.less";
+@import "lib/fonts.less";
+
+// Google Styles
+.gsc-control-cse,
+.gsc-control-cse .gsc-table-result {
+	font-family: inherit;
+	font-size: inherit;
+}
+
+.gsc-result {
+
+	.gsc-webResult & {
+		border: 0;
+		padding: 0.75em 0;
+	}
+
+	.gs-title {
+		height: 1.662em;
+	}
+}
+
+.gs-result {
+	.gs-title, .gs-title * {
+		color: @brand;
+		text-decoration: none;
+	}
+
+	a.gs-visibleUrl, .gs-visibleUrl {
+		color: @light-neutral;
+	}
+}
+
+.gsc-result-info {
+	font-style: italic;
+	margin: 0 0 10px;
+	color: @ui08;
+}
+
+.gsc-results {
+
+	.gsc-cursor-box {
+		border-top: 1px solid @ui03;
+		padding: 1em 0 0;
+		margin-top: 1em;
+		.sans-serif-font();
+
+		.gsc-cursor-page {
+			border: 1px solid @ui03;
+			padding: 2px 8px;
+			margin-bottom: 1em;
+			min-width: 2.2em;
+			display: inline-block;
+			text-align: center;
+			text-decoration: none;
+			color: @brand;
+		}
+
+		.gsc-cursor-current-page {
+			font-weight: normal;
+			color: @ui08;
+			border: 0;
+		}
+	}
+}
+
+.gcsc-branding {
+	margin-bottom: 1.3333em;
+}
+
+td.gcsc-branding-text {
+	font-style: italic;
+	width: auto;
+
+	div.gcsc-branding-text {
+		text-align: left;
+		color: @ui08;
+	}
+}
+
+td.gcsc-branding-text-name {
+	width: 100%;
+}
+
+.gs-web-image-box img.gs-image, .gs-promotion-image-box img.gs-promotion-image {
+	max-width: 100%;
+	max-height: none;
+}