/*-------------------------------------------------------------------------*/
/* Social media
/*-------------------------------------------------------------------------*/
.social-media {
	width: 100%;
	height: auto;
	padding: 1rem 0;
	text-align: center;
}

.social-media:before {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: '';
	position: absolute;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(149,255,98,0.1) 0%, rgba(0,0,0,0) 70%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(149,255,98,0.1) 0%,rgba(0,0,0,0) 70%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(149,255,98,0.1) 0%,rgba(0,0,0,0) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a95ff62', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.social-media .social-btn {
	width: 32px;
	height: 32px;
	margin: 0.4rem;
	display: inline-block;
	box-shadow: 0 0 10px 0 rgba(129, 220, 41, 0.18), 0 0 5px 0 rgba(105, 223, 47, 0.1);
	-moz-box-shadow: 0 0 10px 0 rgba(129, 220, 41, 0.18), 0 0 5px 0 rgba(105, 223, 47, 0.1);
	-webkit-box-shadow: 0 0 10px 0 rgba(129, 220, 41, 0.18), 0 0 5px 0 rgba(105, 223, 47, 0.1);
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	vertical-align: middle;
	background-color: transparent;
	background-image: url(../../images/graphics/social-media.png);
	background-repeat: no-repeat;
}

.social-media .social-btn:before {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	content: '';
	position: absolute;
	box-shadow: 0 0 20px 3px rgba(218, 202, 119, 0.2);
	-moz-box-shadow: 0 0 20px 3px rgba(218, 202, 119, 0.2);
	-webkit-box-shadow: 0 0 20px 3px rgba(218, 202, 119, 0.2);
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: rgba(218, 202, 119, 0.1);
	transition: opacity ease-in-out 300ms;
	-o-transition: opacity ease-in-out 300ms;
	-ms-transition: opacity ease-in-out 300ms;
	-moz-transition: opacity ease-in-out 300ms;
	-webkit-transition: opacity ease-in-out 300ms;
} .social-media .social-btn:hover:before {opacity: 1;}

.social-media .social-btn.btn-google   {background-position: 0 0;}
.social-media .social-btn.btn-facebook {background-position: -44px 0;}
.social-media .social-btn.btn-rss      {background-position: -88px 0;}
.social-media .social-btn.btn-twitter  {background-position: -132px 0;}
.social-media .social-btn.btn-youtube  {background-position: -176px 0;}