From 6eaaa41769108043c6a6794ab3cf324af795d874 Mon Sep 17 00:00:00 2001
From: "vincent@cubedesigners.com"
 <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Date: Mon, 4 Jul 2016 16:01:58 +0000
Subject: [PATCH] done #526 @0.5

---
 less/003-mixins.less         |  7 ++-----
 less/101-header.less         | 29 +++++++++++++++++++++++------
 less/103-contact-footer.less |  2 +-
 3 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/less/003-mixins.less b/less/003-mixins.less
index e00eafa..b2ee9d6 100644
--- a/less/003-mixins.less
+++ b/less/003-mixins.less
@@ -13,9 +13,6 @@
 
 .button(@line-height: 54px, @horizontal-padding: 20px) {
 	display: inline-block;
-	line-height: @line-height;
-	padding-left: @horizontal-padding;
-	padding-right: @horizontal-padding;
 	border: 0;
 	font-family: @montserrat;
 	font-weight: 300;
@@ -47,7 +44,7 @@
 	}
 }
 
-.border-button-fill(@border-color,@color-text) {
+.border-button-fill(@border-color,@color-text,@fade-active:20%) {
 	.button();
 	transition: all @transition-time-buttons;
 
@@ -55,7 +52,7 @@
 	color: @border-color;
 
 	&:active {
-		background-color: fade(@border-color, 20%);
+		background-color: fade(@border-color, @fade-active);
 	}
 }
 
diff --git a/less/101-header.less b/less/101-header.less
index 406f94f..cf57b13 100644
--- a/less/101-header.less
+++ b/less/101-header.less
@@ -63,16 +63,34 @@ header {
 
 		> ul {
 			> li {
+
+				margin: 0 25px;
+				position: relative;
+
+				a {
+					position: relative;
+					&:after {
+						content: "";
+						height: 1px;
+						width: 100%;
+						position: absolute;
+						background-color: @color-header-grey;
+						transform: scaleX(0);
+						left: 0;
+						bottom: 0;
+					}
+				}
+
 				&.active > a, a:hover {
-					border-bottom-color: @color-header-grey;
+					color: @color-header-grey;
+					transform: scaleX(1);
 				}
 				&:hover {
 					> ul {
 						display: block;
 					}
 				}
-				margin: 0 25px;
-				position: relative;
+
 				> ul {
 					position: absolute;
 					top: 40px;
@@ -117,15 +135,14 @@ header {
 		}
 		a {
 			.rounded-button();
-			.smallarrow-button(10px, 30px, 10px, 7px);
 			&.quoteLink {
 				.background-button-green();
-
 				color: #fff;
 			}
 			&.agencies {
-				.border-button(@color-header-grey, #c2c4c7);
+				.border-button-fill(@color-header-grey, #c2c4c7, 5%);
 			}
+			.smallarrow-button(10px, 30px, 10px, 7px);
 		}
 	}
 
diff --git a/less/103-contact-footer.less b/less/103-contact-footer.less
index d885d61..7764688 100644
--- a/less/103-contact-footer.less
+++ b/less/103-contact-footer.less
@@ -8,7 +8,7 @@
 	.buttons {
 		margin-top: 50px;
 		a {
-			.border-button-fill(#343c44, #f3f3f3);
+			.border-button-fill(#343c44, #f3f3f3, 5%);
 			.longarrow-button(20px, 40px, 18px);
 			min-width: 220px;
 			margin-right: 20px;
-- 
2.39.5