/* Social CSS */

/*
	Below are the classes that get added dependant on how many
	social media icons are needed. This happens automatically
	when fields are filled out in theme options. 
	
	You may need to adjust the widths depending on the size of the icons.

*/
/*.socialone{width: 40px;}
.socialtwo{width: 80px;}
.socialthree{width: 120px;}
.socialfour{width: 160px;}
.socialfive{width: 200px;}
.socialsix{width: 240px;}*/

#sociallinks  ul,
#share  ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	z-index: 2;	
	position: relative;
}
/*
	The amount of margin between each icon
*/
#sociallinks  ul li,
#share  ul li {
	float: left;
	position: relative;
	margin: 0px 0px;
	text-align: left;
}

#sociallinks ul a,
#share ul a {
	text-decoration: none;
	background-image: url(../images/social.png);
	background-repeat: no-repeat;
	display: inline-block ;
	height: 50px;
	text-indent: -9000px ;
	position: relative ;
	background-size: 385px 100px;
}
/*#sociallinks  ul a:hover {
	opacity:1;
}*/
#sociallinks  .instagram a {
	width: 50px;
	background-position: -0px -0px;
}
#sociallinks .instagram a:hover {
	background-position: -0px -50px;
}
#sociallinks  .facebook a,
#share  .facebook a {
	width: 32px;
	background-position: -50px -0px;
}	
#sociallinks .facebook a:hover,
#share .facebook a:hover {
	background-position: -50px -50px;
}
#sociallinks  .twitter a,
#share  .twitter a {
	width: 50px;
	background-position: -82px -0px;
}
#sociallinks .twitter a:hover,
#share .twitter a:hover {
	background-position: -82px -50px;
}
#sociallinks  .pintrest a,
#share  .pintrestz a {
	width: 45px ;
	background-position: -138px 0px ;
}
	
#sociallinks  .pintrest a:hover,
#share  .pintrestz a:hover {
	background-position: -138px -50px ;
}
#share  .pintrest-post a {
	width: 45px !important;
	background-position: -138px 0px ;
}
	
#share  .pintrest-post a:hover {
	background-position: -138px -50px ;
}
a.PIN_1441306751035_pin_it_button_20 {background-image: none !important;}

#sociallinks  .lovin a,
#share  .lovin a {
	width: 45px !important;
	background-position: -260px 0px !important;
}
	
#sociallinks  .lovin a:hover,
#share  .lovin a:hover {
	background-position: -260px -50px !important;
}
	
#sociallinks  .mail a {
	width: 70px;
	background-position: -182px -0px;
}
	
#sociallinks .mail a:hover {
	background-position: -182px -50px;
}