/**
 * @package Helix Framework
 * @author JoomShaper http://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2013 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
 */

 @import 'variables';
 @import 'mixins';
 /*-- Global color style --*/

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

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


/// Global Button Style

.btn, .btn.btn-primary, button{
	background: @link_color;
	&:hover{
		background: lighten(@link_color, 10%);
	}
}

// global

//Inputs
input[type="submit"], 
input[type="button"],
textarea, input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
.uneditable-input{
	&:hover, &:focus{
		border-color:@link_color;
	}
}



/********************Menu******************/
/* Menu */

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

.sp-mobile-menu{
	ul > li{
		&:hover, &.active{
			color: @link_color;
		}
	}
}

// Mobile Menu
.sp-main-menu-toggler{
	&:hover{
		color: rgba(255, 255, 255, 0.5);
	}
}

.sp-mobile-menu{
	> ul{
		> li{
			&:hover, &.active{
				> a, i{color: @link_color;}
			}
			ul li{
				&:hover, &.active{
					> a, i{color: @link_color;}
				}
			}
		}
	}
}


//header
#sp-header-wrapper {

	&.menu-fixed {
		background: @link_color !important;
	}

	//Logo
	.logo{
		background-image:url(../../images/presets/@{preset}/logo.png);
	}
	//top icon
	.icon-top-wrapper{
		.top-icon{
			&:hover{
				color: rgba(255, 255, 255, 0.5);
			}
		}
	}
	// after clicked visible Search box
	#sp-top-right{
		.searchwrapper{
			background: @link_color;

		}
	}	
}
/* ** Sub Header ** */
#sp-subheader-wrapper{
	#subheader{
		.subheader-title{
			h3{
				color: @link_color;
				&:after{
					background-color: @link_color;
				}				
			}
		}
	}	
}

/* ** Breadcumb ** */
#sp-breadcrumb{
	li{
		span{
			color: @link_color;
		}
	}
}

// title
h3.header{
	color: @text_color;
	&:after{
		border-bottom: 2px solid @link_color;
	}	
}
// Sub pages menu
body.subpage{
	#sp-header-wrapper{
		background: @link_color;
	}
}

// Feature
#sp-feature-wrapper{
	background: @link_color;
	.sp-feature{
		.feature-img-wrapper{
			background: @link_color;
		}
	}
	.sp-feature-item-wrapper{
		border-right:1px solid darken(@link_color, 5%);
		border-left: 1px solid lighten(@link_color, 5%);
		&:hover{
			.feature-img-wrapper{
				img, i:before{
					border: 2px solid darken(@link_color, 10%);
					background: darken(@link_color, 5%);
				}
			}
		}	
	}
	
}

// Home Latest Review
.latest-review{
	// Review item wrapper
	.itemWrapper{
		.itemList{
			// review image wrap
			.itemImageWrapper{
				.moduleItemImage {
					&:after {
						background: fade(@link_color, 60%);
					}
				}
				.moduleItemComments{
					background: @link_color;
				}
			}
			// Review iem text wrap
			.itemTextWrapper{
				.moduleItemTitle{
					border-left: 3px solid @link_color;
					&:hover{
						color: @link_color;
					}
				}
			}
		}
	}
}

/* ** bottom ** */

#sp-bottom-wrapper {
			//Link
			a:not(.btn){		 
				&:hover{
					color:@link_color;
				}
			}
			.sp-sig {
				a {	
					&::before {
						#translucent > .background(@link_color, .8);
					}
				}
			}
			#sp-bottom1 {
			//Social Icons
			.btn{
				&.social{
					&:hover{
						color:@text_color;
					}
				}
			}
		}	
	}

	.feedback-quote {
		.media-body {
			i {
				color: @link_color;
			}
		}
	}

	/*Footer*/
	#sp-footer-wrapper {
		background:@link_color !important;
	}

	ul.social-icons >li >a:hover {
		color: @link_color !important;
	}

	/* ** Pricing page ** */
	.sp-pricing {
		ul.plan{
			li.plan-price {
				background-color: @link_color;

			}				
		}
		ul.plan.featured {
			li.plan-name {
				background-color: darken(@link_color, 10%);
			}
		}	
	}

	/* ** Call to action ** */
	#sp-call-to-action-wrapper {
		background-color: @link_color;
	}

	/* ** About us pag** */
	.about-us {
		.content-heading {
			border-bottom: 1px solid @link_color;
			&::after {
				background-color: darken(@link_color, 10%);
			}
		}				
	}

	/* ** Contact us page ** */
	#sp-contact-info{
		background: @link_color;
	}

	/* ** Product Category list page ** */
	.hikashop_subcategories {
		.hikashop_container {
			.hikashop_subcontainer {	
				&:hover{
					border-color:@link_color;				
				}
				.hikashop_category_name {			
					a {
						&:hover {
							color: @link_color;
						}
					}
				}				
			}
		}	
	}

	.hikashop_category_information{
		h2{
			border-bottom: 1px solid @link_color;
		}
	}

	/* ** Product list page ** */
	.hikashop_products {
		.hikashop_product {
			.hikashop_container {
				.hikashop_subcontainer {
					.product-listing-info-wrapper{
						&:hover{
							border-color:@link_color;
						}
					}
				}
			}
		}
	}

	// Product Pagination

	.hikashop_products_pagination_bottom {
		.list-footer {
			ul{
				.pagenav{
					&:hover{
						color: @link_color;
					}
				}
			}		
		}
	}


// Product Right part
#hikashop_product_right_part{
	.hikashop_product_stock{
		.quantiy-modify-wrapper{
			background: @link_color;		
		}
	}	
}

// Product info tab

.product-details-bottom{
	.tabbale{
		ul.nav-tabs{
			li{
				a{
					&:hover{
						background: @link_color;
					}
				}
			}
			li.active{
				a{
					background: @link_color;
				}
			}
		}
	}
	.tab-content{
		.tab-pane{
			.ui-corner-all{
				.ui-rating{
					>span{
						&:before{
							color: @link_color;												
						}
					}
				}
			}
		}
	}
	.send_comment_button{
		>input{
			background: @link_color;
		}
	}
}

/* ** hikashop_checkout_page page ** */
.hikashop_checkout_page {
	legend, h1 {
		border-bottom:1px solid @link_color;
		&::after {
			border-bottom:1px solid darken(@link_color, 15%);
		}
	}
}

#hikashop_address_form_span_iframe {
	span.hikashop_field_required {
		color: @link_color;
	}
}

//Hikashop button
.hikashop_product_stock{
	>input{
		background: @link_color;
	}
}
.hikashop_cart_input_button{
	background: @link_color;
	&:focus{
		border: 0;
		background: @link_color;
		outline: 0;
	}
}

/* ************************ Right CSS ************************ */
#sp-right {
	h3.header {
		border-bottom:1px solid @link_color;
		&::after {
			border-bottom:1px solid darken(@link_color, 15%);
		}
	}	
	.mod-wrapper {
		.ecom-categories {
			.hikashop_category_information {
				.hikashop_category_name {
					a {
						&:hover {
							color: @link_color;
						}						
					}
				}							
			}	
		}
	}
}


/* ** K2 CSS ** */

div.itemComments h3.itemCommentsCounter, 
div.itemCommentsForm h3 {
	color: @link_color;
}

// Item title
div.itemHeader span i{color: @link_color;}

div.itemHeader h2.itemTitle {
	color: @link_color;
}

// Related Items
div.itemRelated h3:after, 
div.itemAuthorLatest h3:after {
	border-bottom: 1px solid darken(@link_color, 10%);
}

div.itemRelated h3, div.itemAuthorLatest h3 {
	border-bottom: 1px solid lighten(@link_color, 10%);
}

// item tags
ul.latestItemTags li a, 
ul.itemTags li a, 
ul.userItemTags li a,
div.itemHeader span a{
	color: @link_color;
	&:hover{
		color: darken(@link_color, 10%);
	}
}

// item blockquote
div blockquote {
	border-left: 4px solid @link_color;
}

// Blockquote writter
div blockquote p span.quote-author {
	color: lighten(@link_color, 10%);
}

// Comment Link
.commentLink {
	background: @link_color;
}

// Pagination
.pagination ul li.pagination-active{
	a, span{
		color: @link_color;
	}	
}

.pagination ul li a:hover{
	color: @link_color
}

/* Right section */
// Category
div.k2CategoriesListBlock ul li{
	&.activeCategory a{
		color: @link_color;
	}
	&:hover a{
		color: @link_color;
	}
}
// Cloud Tags
div.k2TagCloudBlock a:hover{
	background-color: @link_color;
	border-color: @link_color;
}


//Module
#sp-bottom-wrapper,
#sp-footer-wrapper {
	color:@white;
	h3{
		color:@white;
	}
	
}

//
.commentLink {
	background: @link_color;
}

.itemTitle{
	border-left: 3px solid @link_color;
}

.itemImage:before {
	background: fade(@link_color, 60%);
}
