@charset "utf-8";
/* CSS Document */


/* ----------------------------- SOCIAL NETWORK BUTTONS ----------------------------------- */

.social_media_buttons
{width: 282px;
min-height: 55px;
text-align:center;
margin: auto;
position: relative;
}

 .facebooklink a
	{
width: 50px;
height: 50px;
text-indent: -5000px;
background: url(../images/buttons.png) no-repeat 0 0;
display: block;
position: relative;
float: left;
top: 0;
left: 0;
margin-right: 8px;

}

 .facebooklink span
{
	position: absolute;
	top:0;
	left:0;
	width: 50px;
height: 50px;
background: url(../images/buttons.png) no-repeat 0 -50px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

 .facebooklink span:hover
{
opacity: 1;}


 .instagramlink a
	{
width: 50px;
height: 50px;
text-indent: -5000px;
background: url(../images/buttons.png) no-repeat -100px 0;
display: block;
position: relative;
float: left;
top: 0;
left: 0;
margin-right: 8px;
}

 .instagramlink span
{
	position: absolute;
	top:0;
	left:0;
	width: 50px;
height: 50px;
background: url(../images/buttons.png) no-repeat -100px -50px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

 .instagramlink span:hover
{
opacity: 1;}

 .youtubelink a
	{
width: 50px;
height: 50px;
text-indent: -5000px;
background: url(../images/buttons.png) no-repeat -150px 0;
display: block;
position: relative;
float: left;
top: 0;
left: 0;

margin-right: 8px;

}

 .youtubelink span
{
	position: absolute;
	top:0;
	left:0;
	width: 50px;
height: 50px;
background: url(../images/buttons.png) no-repeat -150px -50px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

 .youtubelink span:hover
{
opacity: 1;}



 .tiktoklink a
	{
width: 50px;
height: 50px;
text-indent: -5000px;
background: url(../images/buttons.png) no-repeat -50px 0;
display: block;
position: relative;
float: left;
top: 0;
left: 0;
margin-right: 8px;

}

 .tiktoklink span
{
	position: absolute;
	top:0;
	left:0;
	width: 50px;
height: 50px;
background: url(../images/buttons.png) no-repeat -50px -50px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

 .tiktoklink span:hover
{
opacity: 1;}


 .bandcamplink a
	{
width: 50px;
height: 50px;
text-indent: -5000px;
background: url(../images/buttons.png) no-repeat -250px 0;
display: block;
position: relative;
float: left;
top: 0;
left: 0;

}

 .bandcamplink span
{
	position: absolute;
	top:0;
	left:0;
	width: 50px;
height: 50px;
background: url(../images/buttons.png) no-repeat -250px -50px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

 .bandcamplink span:hover
{
opacity: 1;}