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

@import 'variables';
@import 'mixins';

/*-- Button start --*/
.readmore, a.ns2-readmore, .btn-default, 
#community-wrap .btn, button,
input[type="submit"]{
	color: @link_color;
	background: lighten(@link_color, 50%);
	border: 1px solid lighten(@link_color, 30%);
	&:hover{
		background: @link_color;
	}
}

.btn.btn-primary{
	background: @link_color;
	&:hover{
		color: @link_color !important;
		background: lighten(@link_color, 50%);
		border: 1px solid lighten(@link_color, 30%) !important;
	}
}

/*-- Button end --*/

/*-- Heading start --*/
h1{
	color: @link_color;
}

h4{
	color:@link_color;
}
/*-- Heading end --*/

//Link color
a:not(.btn) {
	color: @link_color;
	&:hover {
	  color: darken(@link_color, 10%);
	}
}

body {
	color:@text_color;
	&.bg {
		background:@bg_color;
	}
}

//Unorder List
ul.icon_check_sign{
	li{
		&:before{
			color: @link_color;
		}
	}
}

//Gallery
.gallery-filters{
	.btn{
		&.active{
			border-bottom: 2px solid @link_color;
			&:hover{
				border-bottom: 2px solid @link_color !important;
			}
		}
	}
}


/*-- Top Bar start here --*/
 #sp-header-wrapper{
 	background: @header_color;

	//Account
	#sp-account{
		.sp-mod-login{
			background: @link_color;
		}
	}
}
//Logo
.logo{
	background-image:url(../../images/presets/@{preset}/logo.png);
}
/*-- Top Bar end here --*/

/*-- Menu start here --*/
#sp-main-menu {
	ul {
		&.level-0 {
			> li {	
				&:hover,
				&.active{
					>a {
						color: @link_color;
					}	
				}	
			}
		}	
	}
	//Menu Items for Dropdown
	li{
		li:not(.sp-menu-group) {
			&:hover,
 			&.active{
 				>a{
 					color: @link_color;
 				}
 			}
		}
	}

	//Submenu
	.sp-submenu {
		.sp-submenu-wrap{
			border-top: 2px solid @link_color;
		}
	}
}

/*-- Menu end here --*/

/*-- Slideshow start here --*/
.sp-university-layout{
	.sp-slider-content{
		a.btn-more{
			background: @link_color;
			&:hover{
				color: @link_color !important;
			}
		}
	}
}

/*-- Slideshow end here --*/

/*-- Features wrapper --*/
#sp-feature{
	//News Show Sp2
	.ns2-art-wrap{
		//image
		img.ns2-image{
			background: @link_color;
		}
		//title
		h4.ns2-title{
			a{
				color: @text_color;
			}
		}
	}
}
	//Carousel
	.carousel.scale{
		.carousel-indicators .active {
			  background-color: @link_color;
		}
	}
/*-- Features wrapper end--*/

/*-- User wrapper start--*/
#sp-users-wrapper {
	background: @bg_color;
}
/*-- User wrapper end --*/

/*-- Main top start--*/
#sp-main-top-wrapper{
	#sp-maintop{
		background-color: @link_color;
	}
}
/*-- Main top end --*/

/*-- Component area start --*/

//Right side
#sp-right{
	h3.header{
		color: @link_color;
	}
}

/*-- Component area end --*/


/*-- Gallery wrapper --*/
#sp-gallery-wrapper{
	.custom{
		.gallery-content{
			#translucent .background(@link_color, .8);
		}
	}
}
/*-- End Gallery wrapper --*/

/*-- User Bottom wrapper --*/
#sp-user-bottom-wrapper{
	h3.header{
		color: @link_color;
	}
	//Latest News
	#sp-user-bottom1{
		a.moduleItemTitle{
			color: @text_color;
		}
	}
	//Upcoming Events
	#sp-user-bottom2{
		//title
		a.moduleItemTitle {
			color: @text_color;
		}
	}
}

//event date
.event-date{
	background: @link_color;
}

//User Bottom3
#sp-user-bottom3{
	.support{
		&:hover{
			a{
				color: @link_color;
			}
		}
	}
}
/*-- User Bottom wrapper end --*/

/*-- Main bottom start--*/
#sp-main-bottom-wrapper{
	#sp-mainbottom{
		background: @link_color;
	}
}
/*-- Main bottom end --*/

/*-- Bottom start --*/
#sp-bottom-wrapper{
	#sp-bottom1{
		background: @bg_color;
		h3.header{
			color: @link_color;
		}
	}
}
/*-- Bottom end --*/

/*-- Footer start here --*/
#sp-footer-wrapper{
	background: @footer_color;
	color: @text_color;
	a{
		color: @text_color;
		&:hover{
			color: @link_color;
		}
	}
	
	//Go to top
	.sp-totop{	
		i{
			&:hover{
				background: @link_color;
			}
		}
	}
}
/*-- Footer start here --*/


/*---------------------------* 
*-----Sub pages start here---*
*----------------------------*/

#sp-banner{
	background-color: @link_color;
}

//About us
.about-us{
	.team-photo{
		.about-name{
			background: @link_color;
		}
	}
}

//Article category list
.category-list{
	h2{
		color: @link_color;
	}
}

//Gallery Page
.sp-portfolio-filter{
	li{
		a.btn{
			color: @link_color;
		}
	}
}
.sp-portfolio-thumb:hover::after{
	background: @link_color !important;
}

/*---------------------------* 
*-----Sub pages end here---*
*----------------------------*/


/*-- Joomla start here --*/
.label-info, .badge-info{
	background: @link_color;
}

//pagination
.pagination{
	ul{
		li{
			a{
				&:hover{
					background: @link_color;
				}
			}
			&.pagination-active{
				a{
					background: @link_color;
				}
			}
		}
	}
}
/*-- Joomla end here --*/



/*-- K2 Common start --*/
div.itemListCategory h2,
h2.itemTitle,
h3.itemCommentsCounter,
.itemCommentsForm h3{
	color: @link_color;
}

//Tag
.k2TagCloudBlock a{
	background: @link_color;
	&:hover{
		background: darken(@link_color, 10%);
	}
}

/*-- K2 Common end --*/





/*-- Jomsocial start --*/

//JomSocial button
#community-wrap{
	.btn.btn-primary{
		background: @link_color;
		border: 1px solid transparent;
		&:hover{
			color: @link_color !important;
			background: lighten(@link_color, 50%);
			border: 1px solid lighten(@link_color, 30%) !important;
		}
	}
	h2.cResetH,
	.cSidebar h3{
		color: @link_color;
	}
}

//Profile page
#community-wrap .js-toolbar .nav li.active{
	border-bottom: 2px solid @link_color;
}

#community-wrap .dropdown-menu>li>a:hover, 
#community-wrap .dropdown-menu>li>a:focus, 
#community-wrap .dropdown-submenu:hover>a, 
#community-wrap .dropdown-submenu:focus>a{
	background: @link_color;
}

/*-- Jomsocial end --*/

/*-- Shortcode --*/
.nav-pills>.active>a, 
.nav-pills>.active>a:hover, 
.nav-pills>.active>a:focus{
	background: @link_color;
}
/*-- Shortcode end --*/