/*-----------------------------------------------------------------------------------*/
/* Social Icons */
/*-----------------------------------------------------------------------------------*/

#socialmedia {
	@size: 34px;
	padding: 0;
	position: absolute;
    top: 100%;
    right: 15px;
    border-radius: 0 0 5px 5px;
    -webkit-transition: all 0.2s ease;
  	transition: all 0.2s ease;
  	// width: @size;
  	z-index: 1;
	a {
		margin: 0px;
	}
  	ul {
	    list-style: none;
	    margin: 0;
	    display: block;
    li {
    	background-position: 50% 50%;
		display:block;
		float: left;
		margin:0px;
		padding:0px;
      	a {
      		position: relative;
	        display:block;
	        width:@size;
	        height:@size;
	        opacity: 1;
	        font-size: calc(@size * .5);
	        text-align: center;
	        line-height: @size;
	        &:hover {
	            opacity: 1;
	        }
	        [class^="fa-"]::before, [class*=" fa-"]::before {
	        	padding-right: 0;
	        	color: #fff;
	        }
	    }
	    span {
	    	position: absolute;
	    	line-height: 0; 
	    	font-size: 0; 
	    	color: transparent;}
    }

  }
  .is-sticky & {
  	display: none;
  }
}
[class^="social-"], [class*=" social-"] {
    -webkit-transition: all 0.4s;
	-moz-transition: 	all 0.4s;
	transition: 		all 0.4s;
}
.social-facebook:hover {background-color: darken(#3b5998, 5%);}
.social-twitter:hover {background-color: darken(#48c4d2, 5%);}
.social-googleplus:hover {background-color: darken(#d94a39, 5%);}
.social-youtube:hover {background-color: darken(#f45750, 5%);}
.social-pinterest:hover {background-color: darken(#cb2027, 5%);}
.social-instagram:hover {background-color: darken(#2A5B83, 5%);}
.social-dribbble:hover {background-color: darken(#ef5b92, 5%);}
.social-flickr:hover {background-color: darken(#f1628b, 5%);}
.social-skype:hover {background-color: darken(#18b7f1, 5%);}
.social-digg:hover {background-color: darken(#2882c6, 5%);}
.social-linkedin:hover {background-color: darken(#71b2d0, 5%);}
.social-vimeo:hover {background-color: darken(#62a0ad, 5%);}
.social-yahoo:hover {background-color: darken(#ab64bc, 5%);}
.social-tumblr:hover {background-color: darken(#3a5976, 5%);}
.social-deviantart:hover {background-color: darken(#d0de21, 5%);}
.social-delicious:hover {background-color: darken(#3274d1, 5%);}
.social-rss:hover { background-color:darken( #fe9900, 5%)}
[class^="social-"], [class*=" social-"] {
    background-color: rgba(100,100,100,.3);
    margin-right: 1px !important;
}