/*************************************************************************
 * Hover Text template for Social Icons Reloaded Pro (Concrete5 add-on)
 * All rights Nour Akalay (http://www.concrete5.org/profile/-/view/75201/)
 * Class Names:
 *    - .sirpro-notext for styling links without text
 *    - .sirpro-left & .sirpro-rightt for styling links with icons on the left or on the right of the text
 ************************************************************************/
 .block-sirPro.hoverText-sirPro { 
 	list-style:none;
 	margin-bottom: 15px;
 display: inline-block;
 }
.block-sirPro.hoverText-sirPro li { 
	margin-left: 10px!important;
	display:inline; 
	float:left; 
	width:auto;
	-webkit-transition-property: opacity; 
	-webkit-transition-duration: 500ms;
	-moz-transition-property: opacity; 
	-moz-transition-duration: 500ms;
	transition-property: opacity; 
	transition-duration: 500ms;
}
.block-sirPro.hoverText-sirPro li a { 
	display:block; 
	position:relative; 
	border:none;
	background-color:transparent!important;
}
.block-sirPro.hoverText-sirPro li a strong { 
	padding:3px;
	white-space:nowrap;
	position:absolute; 
	left:20px; 
	top:-1px;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); 
	background-color:rgba(0, 0, 0, 0.8);
	-webkit-border-radius:3px; 
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-moz-border-radius:3px; 
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	border-radius:3px; 
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	opacity:0;
	-webkit-transition-property: opacity, top; 
	-webkit-transition-duration: 300ms;
	-moz-transition-property: opacity, top; 
	-moz-transition-duration: 300ms;
	transition-property: opacity, top; 
	transition-duration: 300ms;
	color:#fff;
}

.block-sirPro.hoverText-sirPro:hover li { opacity:0.2; }
.block-sirPro.hoverText-sirPro li:hover { opacity:1; }
.block-sirPro.hoverText-sirPro li:hover a strong { opacity:1; top:-10px; }
.block-sirPro.hoverText-sirPro a:hover {background-color:transparent!important}