.entry-footer {
	background-color: #f7f7f7;
	color: $medium-gray;
	color: rgba(51, 51, 51, 0.7);
	@include font-size(14);
	line-height: 1.5;
	padding: 3% $base-padding;
	a {
		border-bottom: 1px solid transparent;
		color: $medium-gray;
		color: rgba(51, 51, 51, 0.7);
		&:hover {
			border-bottom: 1px solid $dark-gray;
		}
		&:hover,
		&:focus {
			color: $dark-gray;
		}
	}
	span {
		margin-right: 1em;
		&:before {
			margin-right: 2px;
			position: relative;
		}
	}
}


.site-footer {

	$base-spacing: 1.5em !default;
	$action-color: #477DCA !default;
	$footer-background: desaturate(darken($action-color, 20%), 30%);
	$footer-color: white;
	$footer-link-color: transparentize($footer-color, 0.6);
	$footer-disclaimer-color: transparentize($footer-color, 0.6);

	background: $footer-background;
	font-family: $heading-font-family;
	padding: $base-spacing;

	.footer-logo {
		margin-right: 1em;
		margin-bottom: 1em;

		@include media($large-screen) {
			float: left;
			margin-bottom: 0;
		}
	}

	.footer-logo img {
		height: 1.6em;
	} 

	ul {
		line-height: 1.5em;
		margin: 0 0 1em 0;
		padding: 0;

		@include media($large-screen) {
			float: left;
			line-height: 1.8em;
			margin-left: 1em;
			margin-bottom: 0;
		}
	}

	ul li {
		font-weight: 800;
		list-style: none;
		padding-right: 1em;

		@include media($large-screen) {
			display: inline;
			text-align: left;
		}
	}

	ul li a {
		color: $footer-link-color;
		text-decoration: none;

		&:focus,
		&:hover {
			color: transparentize($footer-color, 0);
		}
	}

	.footer-secondary-links {
		@include media($large-screen) {
			float: right;
		}

		li {
			@include font-size(12);
			font-weight: 400;
		}
	}
}