﻿/*************************************************************************************************************
 * Footer css
 * Contains footer social icons, copyright notice and bottom nav links (sitemap, privacy policy, cookies)
 *
 *************************************************************************************************************/
 
footer{
	margin:0 5px;
	background-color:#fff;
	padding-top:12px;
	padding-left:12px;
	padding-right:12px;
}

/*----------------------------copyright notice--------------------------------*/
footer > small{
	font-size:1.2em;
	line-height:30px;
	color:#2A343D;
	float:right;
}

/*----------------------------links for sitemap, privacy, cookies--------------------------------*/
footer > a{
	font-size:1.2em;
	line-height:30px;
	color:#2A343D;	
	text-decoration: underline;
}
footer >a:hover{
	font-size:1.2em;
	line-height:30px;
	color:#3C73AA;
	text-decoration: underline;
}

/*----------------------------social icons--------------------------------*/
footer #footer-social{
	float:left;
	margin-bottom:5px;
}
.behance-mini,
.dribbble-mini,
.facebook-mini,
.flickr-mini,
.forrst-mini,
.linkedin-mini,
.pinterest-mini,
.tumblr-mini,
.twitter-mini,
.vimeo-mini{
	background:url(../images/css/social-mini.png) no-repeat;
	width:30px;
	height:30px;
	margin-right:0;
	display:inline-block;
	transition:background 0.3s;
	-moz-transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-o-transition:background 0.3s;
}
.behance-mini{
	background-position:0 0;
}
.behance-mini:hover{
	background-position:-30px 0;
}
.dribbble-mini{
	background-position:0 -30px;
}
.dribbble-mini:hover{
	background-position:-30px -30px;
}
.facebook-mini{
	background-position:0 -60px;
}
.facebook-mini:hover{
	background-position:-30px -60px;
}
.flickr-mini{
	background-position:0 -90px;
}
.flickr-mini:hover{
	background-position:-30px -90px;
}
.forrst-mini{
	background-position:0 -120px;
}
.forrst-mini:hover{
	background-position:-30px -120px;
}
.linkedin-mini{
	background-position:0 -150px;
}
.linkedin-mini:hover{
	background-position:-30px -150px;
}
.pinterest-mini{
	background-position:0 -180px;
}
.pinterest-mini:hover{
	background-position:-30px -180px;
}
.tumblr-mini{
	background-position:0 -210px;
}
.tumblr-mini:hover{
	background-position:-30px -210px;
}
.twitter-mini{
	background-position:0 -240px;
}
.twitter-mini:hover{
	background-position:-30px -240px;
}
.vimeo-mini{
	background-position:0 -270px;
}
.vimeo-mini:hover{
	background-position:-30px -270px;
}