/**
 * @package Helix Framework
 * @author JoomShaper http://www.joomshaper.com
 * @copyright Copyright (c) 20010 - 2013 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/
 
/* Dropcap */
.sp-dropcap{
	overflow:hidden;
	&:first-letter{
		color:#666;
		display:block;
		float:left;
		font-size:50px;
		line-height:40px;
		padding:4px 8px 0 0;
	}
}

/*Unordered Lists*/
ul {
	&.arrow,
	&.arrow-double,
	&.tick,
	&.cross,
	&.star,
	&.rss{
		list-style:none;
		padding:0;
		margin:0;
		li::before,
		li::after {
			font-family:FontAwesome;
			font-size:11px;
		}
	}
}

.ltr {
	ul {
		&.arrow,
		&.arrow-double,
		&.tick,
		&.cross,
		&.star,
		&.rss{
			li::before {
				margin-right:5px;
			}
		}	
	
		&.arrow{
			li::before {
				content:"\f105";
			}
		}
		
		&.arrow-double{
			li::before {
				content:"\f101";
			}
		}
		
		&.tick{
			li::before {
				content:"\f00c";
			}
		}
		
		&.cross{
			li::before {
				content:"\f00d";
			}
		}
		
		&.star{
			li::before {
				content:"\f006";
			}
		}
		&.rss{
			li::before {
				content:"\f09e";
			}
		}
	}	
}

.rtl {
	ul {
		&.arrow,
		&.arrow-double,
		&.tick,
		&.cross,
		&.star,
		&.rss{
			li::after {
				margin-left:5px;
			}
		}

		&.arrow{
			li::after {
				content:"\f104";
			}
		}
		
		&.arrow-double{
			li::after {
				content:"\f100";
			}
		}
		
		&.tick{
			li::after {
				content:"\f00c";
			}
		}
		
		&.cross{
			li::after {
				content:"\f00d";
			}
		}
		
		&.star{
			li::after {
				content:"\f006";
			}
		}
		&.rss{
			li::after {
				content:"\f09e";
			}
		}
	}
}

img.pull-left,
.pull-left > img{
	margin-right: 15px;
}

img.pull-right,
.pull-right > img{
		margin-left: 15px;	
}

.rtl {
	img.pull-left,
	.pull-left > img{
		margin-left: 15px;
	}
	img.pull-right,
	.pull-right > img{
			margin-right: 15px;	
	}
}

/* Block number */
.sp-blocknumber { 
     position: relative;
     min-height: 45px;
	 
	span{
		font-weight:bold;  
		width:48px;
		height:48px;
		line-height:48px;
		display:block;
		text-align:center;
		position: absolute;
		top: 0;
		&.rounded{
			.border-radius(5px);
		}
		&.circle{
			.border-radius(100%);
		}
	}
    
} 

.ltr{
     .sp-blocknumber { 
         padding:5px 0 5px 60px;
		 span{
			left: 0;
		 } 
	}
}

.rtl{
     .sp-blocknumber { 
         padding:5px 60px 5px 0;
		 span{
			right: 0;
		 } 
	}
}

/* Block */
.sp-block{
	&.rounded{
		.border-radius(5px);
	}
}

//bubble
.sp-bubble{
	position:relative;
	margin-bottom:40px;
	cite {
		span{
			content:' ';
			position: absolute;
			top: 0;
			display: block;
			width:0;
			height:0;
			border-bottom-color:transparent!important;
		}
		display: block;
		height:30px;
		line-height: 36px;
		position: absolute;
		bottom: -30px;
	}
}
.ltr{
	.sp-bubble{
		cite {
			span{
				left: 0;
				border-left-color:transparent!important;
			}
			left: 15px;
			padding-left: 40px;
		}
	}
}

.rtl{
	.sp-bubble{
		cite {
			span{
				right: 0;
				border-right-color:transparent!important;
			}
			right: 15px;
			padding-right: 40px;
		}
	}
}

.ltr [class^="icon-"].pull-left,
.ltr [class*=" icon-"].pull-left {
  margin-right: .3em;
}
.ltr [class^="icon-"].pull-right,
.ltr [class*=" icon-"].pull-right {
  margin-left: .3em;
}



.rtl [class^="icon-"].pull-left,
.rtl [class*=" icon-"].pull-left {
  margin-left: .3em;
}
.rtl [class^="icon-"].pull-right,
.rtl [class*=" icon-"].pull-right {
  margin-right: .3em;
}

//Content Bounce
.content-bounce:hover {
    img {
        -webkit-animation-name: bounce;
        -webkit-animation-duration: 0.75s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: bounce;
        -moz-animation-duration: 0.75s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -ms-animation-name: bounce;
        -ms-animation-duration: 0.75s;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;
        animation-name: bounce;
        animation-duration: 0.75s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }
}
.content-bounce {
    padding: 0 15px;
    text-align: center;
    img {
        display: block;
        height: auto;
        margin: 30px auto;
        max-width: 100%;
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
        transform: scale(1.0);
        -webkit-transition: transform 0.5s ease-out;
        -moz-transition: transform 0.5s ease-out;
        -o-transition: transform 0.5s ease-out;
        transition: transform 0.5s ease-out;
    }
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(1.0);
  }
  25% {
    -webkit-transform: scale(0.9);
  }
  50% {
    -webkit-transform: rotateZ(1.0);
  }
  75% {
    -webkit-transform: rotateZ(1.1);
  }
  100% {
    -webkit-transform: rotateZ(1.0);
  }
}
@-moz-keyframes bounce {
  0% {
    -moz-transform: scale(1.0);
  }
  25% {
    -moz-transform: scale(0.9);
  }
  50% {
    -moz-transform: rotateZ(1.0);
  }
  75% {
    -moz-transform: rotateZ(1.1);
  }
  100% {
    -moz-transform: rotateZ(1.0);
  }
}
@keyframes bounce {
  0% {
    transform: scale(1.0);
  }
  25% {
    transform: scale(0.9);
  }
  50% {
    transform: rotateZ(1.0);
  }
  75% {
    transform: rotateZ(1.1);
  }
  100% {
    transform: rotateZ(1.0);
  }
}