/**
 * @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
*/


/*-- Extensions --*/
//Custom Module
.custom{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-attachment: fixed;
}

//Simple Image Gallery
.sp-sig{
	a{
		display: block;
		width: 5%;
		float: left;
		opacity: .5;
		img{
			width: 100% !important;
			height: 100% !important;
		}
	}
}

/*-- Extensions end --*/


/*-- module variation --*/
.module {
	margin-top:20px;
	&:first-child{
		margin-top:0;
	}
	h3 {
		font-size:24px;
		margin:0 0 5px 0;
		line-height:normal;
	}
	
	&.sp-title1,
	&.highlighted,
	&.sp-box1,
	&.sp-title2,
	&.sp-box2,
	&.sp-list,
	&.sp-title-icon1,
	&.sp-box3 {
		h3 {
			padding:0 0 10px 0;
		}
		padding:20px;
		color:#7d7d7d;
		h5{
			color:red;
			font-weight: normal;
		}
	}
	//variation A
	&.sp-title1 {
		background:@bg_color;
		h3{
			color:#888 !important;
		}
	}
	//variation A
	&.sp-title2 {
		background:@bg_color;
		h3{
			border-bottom: 3px solid #eee;
		}
	}
	//variation A
	&.sp-title3 {
		background:@bg_color;
		h3{
			border-bottom: 3px solid @link_color;
		}
	}
	//variation A
	&.sp-list {
		background:@bg_color;
		.border-radius(4px);
		a{
		 color:@text_color;
			 
		&:hover{
			   color:@link_color;
			   }
		}
		li{
			border-bottom:1px solid #eee;
			list-style:none;
			margin-left:-20px;
			line-height:35px;
			&:last-child{
				border-bottom:0;
			}
		}
	}

	//variation B
	&.sp-box1 {
		background:@bg_color;
		border:1px solid #eee;
		.border-radius(4px);
	}
	//variation B
	&.sp-box2 {
		.border-radius(4px);
		border:1px solid @link_color;
		background:@bg_color;
	}
	//variation B
	&.sp-box3 {
		.border-radius(4px);
		border:1px solid #eee;
		background:@link_color;
		color: #fff;
		h1,h2,h3.header,h4{
			color: #fff !important;
		}
	}
	//variation C
	&.sp-title-icon1 {
		background: @bg_color;
	}
}