@charset 'utf-8';
/* Footer */

.footer { font-size:13px; color: #333333; line-height:normal; margin: 40px 0 60px 0; }
.footer h1 { color: #333333; font-size: 16px; font-weight: bold; }

.footer p { padding-left: 5px; }
.footer a { color: #333333;  }
.footer a:hover { color: #cccccc; }
.footer ul { list-style:none; margin-left: 0px !important; padding-left: 5px !important; }
.footer ul li {  line-height: 16px; }

/* Social Media Icons */ 

#follow li {
	float: left;
	border: none;
	padding: 0 0 0 5px;
	cursor: pointer;
}

#follow li:first-child  { padding-left: 0px !important; }
		
#follow li span {
	display: none;
	visibility: hidden;
}

#follow li.facebook a,
#follow li.twitter a,
#follow li.vimeo a,
#follow li.flickr a,
#follow li.youtube a,
#follow li.instagram a {
	display: inline;
	float: left;
	width: 30px;
	height: 31px;
}

#follow li.facebook a		{ background: url('images/social-media-icons.png') -0px 0; background-size: 180px 62px; }
#follow li.facebook a:hover	{ background-position: -0px -31px;  background-size: 180px 62px; }
		
#follow li.twitter a		{ background: url('images/social-media-icons.png') -30px 0; background-size: 180px 62px; }
#follow li.twitter a:hover	{ background-position: -30px -31px;  }

#follow li.vimeo a			{ background: url('images/social-media-icons.png') -60px 0; background-size: 180px 62px; }
#follow li.vimeo a:hover	{ background-position: -60px -31px;  }

#follow li.flickr a 		{ background: url('images/social-media-icons.png') -90px 0; background-size: 180px 62px; }
#follow li.flickr a:hover 	{ background-position: -90px -31px;  }
	
#follow li.youtube a 		{ background: url('images/social-media-icons.png') -120px 0; background-size: 180px 62px; }
#follow li.youtube a:hover 	{ background-position: -120px -31px;  }

#follow li.instagram a 		{ background: url('images/social-media-icons.png') -150px 0; background-size: 180px 62px; }
#follow li.instagram a:hover { background-position: -150px -31px;  }

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

/* Social Media icons | Retina */

#follow li.facebook a		{ background: url('images/social-media-icons-retina.png') -0px 0; background-size: 180px 62px; }
#follow li.facebook a:hover	{ background-position: -0px -31px;  background-size: 180px 62px; }
		
#follow li.twitter a		{ background: url('images/social-media-icons-retina.png') -30px 0; background-size: 180px 62px; }
#follow li.twitter a:hover	{ background-position: -30px -31px;  }

#follow li.vimeo a			{ background: url('images/social-media-icons-retina.png') -60px 0; background-size: 180px 62px; }
#follow li.vimeo a:hover	{ background-position: -60px -31px;  }

#follow li.flickr a 		{ background: url('images/social-media-icons-retina.png') -90px 0; background-size: 180px 62px; }
#follow li.flickr a:hover 	{ background-position: -90px -31px;  }
	
#follow li.youtube a 		{ background: url('images/social-media-icons-retina.png') -120px 0; background-size: 180px 62px; }
#follow li.youtube a:hover 	{ background-position: -120px -31px;  }

#follow li.instagram a 		{ background: url('images/social-media-icons-retina.png') -150px 0; background-size: 180px 62px; }
#follow li.instagram a:hover { background-position: -150px -31px;  }
	
}