/*

CSS Social Media Buttons by MediaLoot
URL: http://medialoot.com/item/css-social-media-buttons

Designer: Tony Thomas

*/

/* General & Layout */



.social-container {
	margin: 0px auto 20px auto;
	padding: 0 0 20px 0;
}

.social-container a {
	float: left;
	margin: 0 5px 20px 0;
}

.social-container a:hover {
	color:white;
}

.social-container a:focus {
	color:white;
	text-decoration:none;
	outline: none;
}


/* Hover and Active States for All Button Styles */

.social-container a:link { opacity: 1; }
.social-container a:hover { 
	-webkit-box-shadow: inset 0 0 0 250px rgba(255,255,255,.1);
	-moz-box-shadow: inset 0 0 0 250px rgba(255,255,255,.1);
	box-shadow: inset 0 0 0 250px rgba(255,255,255,.1);
	text-decoration:none;
	}
.social-container a:active { opacity: 0.8; }


/* Button Styles */

.facebook-footer {
	/*General*/
	display: block; 
	text-decoration: none;
	
	/*Text*/
	font-family: 'SocialGlyphs';text-align: center;
	font-size:22px;
	line-height:1.2;
	text-indent: 10px;
	font-weight:regular;
	color: white;
	text-shadow:0px -1px 0px rgba(0,0,0,0.20);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
	
	/*Background*/
	width: 26px;
	height: 26px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #4f78b4;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
	background-image: -webkit-linear-gradient(bottom, #4974b0, #6e90c0);
	background-image: -moz-linear-gradient(bottom, #4974b0, #6e90c0);
	background-image: -o-linear-gradient(bottom, #4974b0, #6e90c0);
	background-image: linear-gradient(top top, #4974b0, #6e90c0);
}

.facebook-footer:after {
	content: "A";
}

.twitter-footer {
	/*General*/
	display: block; 
	text-decoration: none;
	
	/*Text*/
	font-family: 'SocialGlyphs';
	text-align: center;
	font-size:20px;
	line-height:1.3;
	text-indent: 2px;
	color: white;
	text-shadow:0px -1px 0px rgba(0,0,0,0.20);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
	
	/*Background*/
	width: 26px;
	height: 26px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #4e9edc;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
	background-image: -webkit-linear-gradient(bottom, #4e9edc, #5daae6);
	background-image: -moz-linear-gradient(bottom, #4e9edc, #5daae6);
	background-image: -o-linear-gradient(bottom, #4e9edc, #5daae6);
	background-image: linear-gradient(to top, #4e9edc, #5daae6);
}

.twitter-footer:after {
	content: "B";
}


.youtube-footer {
	/*General*/
	display: block;
	text-decoration: none;

	/*Text*/
	font-family: 'SocialGlyphs';
	text-align: center;
	font-size:19px;
	line-height:1.3;
	text-indent: 2px;
	color: white;
	text-shadow:0px -1px 0px rgba(0,0,0,0.20);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);

	/*Background*/
	width: 26px;
	height: 26px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #c9322b;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
	background-image: -webkit-linear-gradient(bottom, #c9322b, #dc3f38);
	background-image: -moz-linear-gradient(bottom, #c9322b, #dc3f38);
	background-image: -o-linear-gradient(bottom, #c9322b, #dc3f38);
	background-image: linear-gradient(to top, #c9322b, #dc3f38);
}

.youtube-footer:after {
	content: "H";
}

.instagram-footer {
    /*General*/
    display: block;
    text-decoration: none;

    /*Text*/
    font-family: 'SocialGlyphs';
    text-align: center;
    font-size:22px;
    line-height:1.1;
    text-indent: 2px;
    color: white;
    text-shadow:0px -1px 0px rgba(0,0,0,0.20);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);

    /*Background*/
    width: 26px;
    height: 26px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #49709b;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    background-image: -webkit-linear-gradient(bottom, #49709b, #6387af);
    background-image: -moz-linear-gradient(bottom, #49709b, #6387af);
    background-image: -o-linear-gradient(bottom, #49709b, #6387af);
    background-image: linear-gradient(to top, #49709b, #6387af);
}

.instagram-footer:after {
    content: "E";
}
