// Estilos de las redes sociales (Bloque lateral flotante)
.block-widgets-s-socialmedia-profile-default {

	> .content {
		.widgets-element{
			float: none;
			margin-bottom: 4px; 
		}
	}

	.widgets-element {
		
		img {
			display: none;
		}

		a, a:link {
			@include size(38px);
			background-image: url('../images/sprite.png');
			background-repeat: no-repeat; 
			border-radius: 50%;
			display: block;	
			margin: 0 auto;
		}	
	}

	@each $item, $color in $items-social {
		#widgets-element-socialmedia_socialmedia-#{$item}-profile-button a {
			background-color:  $color;
		}
	}
	#widgets-element-socialmedia_socialmedia-facebook-profile-button a {
		background-position: -283px -222px;
	}
	#widgets-element-socialmedia_socialmedia-twitter-profile-button a {
		background-position: -345px -284px;
	}
	#widgets-element-socialmedia_socialmedia-googleplus-profile-button a {
		background-position: -280px -108px;
	}
	#widgets-element-socialmedia_socialmedia-instagram-profile-button a {
		background-position: -282px -163px;
	}
	#widgets-element-socialmedia_socialmedia-pinterest-profile-button a {
		background-position: -338px -59px;
	}	
	#widgets-element-socialmedia_socialmedia-youtube-profile-button a {
		background-position: -338px 5px;
	}
	#widgets-element-socialmedia_socialmedia-flickr-profile-button {
		a {
			background-position: -282px -56px;
			border: 1px solid $c-dimgray;
		}
	}
	#widgets-element-socialmedia_socialmedia-rss-feed-button {
		a {
			background-color: #EA7819;
			background-position: -334px -110px; 
		}
	}
}