body {
margin: 0px; 
}

/* ######### SOCIAL HEADER ########## */

div.social-icon {
float:left;
margin-top: 6px;
margin-right: 15px;
}

.social-icon a img{    
margin: 4px 5px 5px;
}


.facebook-icon  {
background: url('http://testmls.it/smradio/wp-content/uploads/2017/01/SMRadio-facebook.png')    
}

.facebook-icon:hover {
background: url('http://testmls.it/smradio/wp-content/uploads/2017/01/SMRadio-facebook-hover.png')   
}


.twitter-icon  {
background: url('http://testmls.it/smradio/wp-content/uploads/2017/01/SMRadio-twitter.png')    
}

.twitter-icon:hover {
background: url('http://testmls.it/smradio/wp-content/uploads/2017/01/SMRadio-twitter-hover.png')   
}

.google-icon  {
background: url('http://testmls.it/smradio/wp-content/uploads/2017/01/SMRadio-google.png')    
}

.google-icon:hover {
background: url('http://testmls.it/smradio/wp-content/uploads/2017/01/SMRadio-google-hover.png')   
}

.youtube-icon  {
background: url('http://testmls.it/smradio/wp-content/uploads/2017/01/SMRadio-youtube.png')    
}

.youtube-icon:hover {
background: url('http://testmls.it/smradio/wp-content/uploads/2017/01/SMRadio-youtube-hover.png')   
}

.whatsapp-icon  {
background: url('http://testmls.it/smradio/wp-content/uploads/2017/01/SMRadio-whatsapp.png')    
}

.whatsapp-icon:hover {
background: url('http://testmls.it/smradio/wp-content/uploads/2017/01/SMRadio-whatsapp-hover.png')   
}

.livestream-icon  {
background: url('http://testmls.it/smradio/wp-content/uploads/2017/01/SMRadio-livestream.png')    
}

.livestream-icon:hover {
background: url('http://testmls.it/smradio/wp-content/uploads/2017/01/SMRadio-livestream-hover.png')   
}

.mixcloud-icon  {
background: url('http://testmls.it/smradio/wp-content/uploads/2017/01/SMRadio-mixcloud.png')    
}

.mixcloud-icon:hover {
background: url('http://testmls.it/smradio/wp-content/uploads/2017/01/SMRadio-mixcloud-hover.png')   
}




/* ######### PLAYER AUDIO ########## */


.box-player { /* box che contiene tutto il codice del player e titoli */
float:left;
margin-top:0px;
}


/* ####### Stile Player ###### */

.player-button { /* box del player */
float: left;
display: flex;
margin-left: 10px;
}

div.player-button i {
font-size: 37px;
position: absolute;
margin-top: -9px;
margin-left: 0px;
}

div.player-button a {
border: 2px solid #fff;
border-radius: 5px;
padding: 10px;
width: 20px;
height: 20px;
cursor: pointer;
color: #fff;
}

.player-button a:hover {
border: 2px solid #afafaf !important;
color: #afafaf !important;
}


/* ###### Titolo canzoni ###### */

marquee { /* stile box dei titoli */
border:2px solid #fff;
color: #fff;
border-radius:5px; 
float:left;
}

span.titoli-canzoni { /* stile titoli */
font-size:17px;
line-height:40px;  
}


#cc_strinfo_summary_silvermu a {
text-decoration: none;
color: #fff;
font-family:sans-serif;   
}




.button-mute {
height: 30px;
width: 30px;
position: relative;
overflow: hidden;
display: inline-block;
margin-left: 7px;
margin-top: 7px;    
}


.button-mute span {
display: block;
width: 8px;
height: 8px;
background: #fff;
margin: 11px 0 0 2px;
}

.button-mute span:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-color: transparent #fff transparent transparent;
border-width: 10px 14px 10px 15px;
left: -13px;
top: 5px;
}

.button-mute span:before {
transform: rotate(45deg);
border-radius: 0 50px 0 0;
content: '';
position: absolute;
width: 5px;
height: 5px;
border-style: double;
border-color: #fff;
border-width: 7px 7px 0 0;
left: 18px;
top: 9px;
transition: all 0.2s ease-out;
}

.button-mute:hover span:before {
transform: scale(0.8) translate(-3px, 0) rotate(42deg);
}

.button-mute.mute span:before {
transform: scale(0.5) translate(-15px, 0) rotate(36deg);
opacity: 0 !important;
}