/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
	position: relative;
	background: #ebebeb;
	color: $black-color;

	.back-to-top {
		@include em('font-size', 22);
		background: $black-color;
		border: 1px solid $white-30;
		width: 50px;
		height: 50px;
		line-height: 50px;
		position: absolute;
		top: -15px;
		margin-left: -25px;
		@include border-radius(25px);
		color: $white-color;
		text-align: center;
		cursor: pointer;
		z-index: 2;
		left: 50%;
		&:hover {
			background: #333333;
		}
	}

}

.social-navigation {
	padding: 0 0 2.5em 0;

	h4 {
		color: rgba($white-color, 0.5);
	}

	ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	li {
		display: inline-block;
		margin: 0;

		&:hover a:before {
			opacity: 0.7;
		}
	}

	a {
		position: relative;
		font-size: 0;
		padding: 0;
		line-height: 1;
		@include animate-link($white-50, $white-color);

		&:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			font-size: 20px;
			line-height: normal;
			padding: 10px;
		}

	}

	a[href*="facebook.com"]:before {
		content: '\f1d9';
	}

	a[href*="twitter.com"]:before {
		content: '\f359';
	}

	a[href*="plus.google.com"]:before {
		content: '\f21c';
	}

	a[href*="linkedin.com"]:before {
		content: '\f269';
	}

	a[href*="pinterest.com"]:before { 
		content: '\f2ba'; 
	}

	a[href*="github.com"]:before { 
		content: '\f215'; 
	}

	a[href*="instagram.com"]:before { 
		content: '\f24d'; 
	}

	a[href*="reddit.com"]:before { 
		content: '\f2d3'; 
	}

	a[href*="skype.com"]:before, { 
		content: '\f301'; 
	}

	a[href*="tumblr.com"]:before { 
		content: '\f355'; 
	}

	a[href*="twitch.tv"]:before { 
		content: '\f359'; 
	}

	a[href*="vimeo.com"]:before { 
		content: '\f36f'; 
	}

	a[href*="youtube.com"]:before { 
		content: '\f359'; 
	}

	a[href*="flickr.com"]:before { 
		content: '\f16e'; 
	}
}

.site-info {

	font-weight: normal;
	width: 100%;
	padding: ms(1) 0;
	color: rgba($black-color, 0.8);

	.copyright {
		float: left;

		a {
			color: rgba($black-color, 0.8);
		}
	}

	.menu-footer {

		float: right;
		color: $black-color;

		ul {
			list-style: none;
			padding: 0;
			margin: 0;

			li {

				float: left;
				margin-right: 15px;

				a {

					color: $black-color;
					display: block;
					font-family: $widget-font;

				}
			}
		}

	}

}