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

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


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

// Megamenu
.sp-megamenu-parent{
	.sp-dropdown {
		li.sp-menu-item {
			>a {

				&:hover {
					background: @major_color;
				}
			}
			&.active >a {
				color: @major_color;
			}
		}
	}
}

// Off Canvas
#offcanvas-toggler {
	>i {
		&:hover {
			color: @major_color;
		}
	}
}

//Button
.btn-primary,
.sppb-btn-primary {
	border-color: @major_color;
	background-color: @major_color;

	&:hover {
		border-color: darken(@major_color, 10%);
		background-color: darken(@major_color, 10%);
	}
}
.btn.btn-link,
.sppb-btn.sppb-btn-link,
.btn.btn-lg.btn-link,
.sppb-btn.sppb-btn-lg.sppb-btn-link{
	&:hover{
		border-color: @major_color;
		background-color: @major_color;
	}
}
// Topbar Social
ul.social-icons {

	>li {

		a {

			&:hover {
				color: @major_color;
			}
		}
	}
}

// Page Title
.sp-page-title {
	background: @major_color;
}

// Body Innerwrapper

.layout-boxed .body-innerwrapper {
	background: @bg_color;
}

// Module
.sp-module {
	ul {
		>li {
			>a {
				color: @text_color;
				&:hover {
					color: @major_color;
				}
			}
		}
	}

	.latestnews {
		>div {
			>a {
				color: @text_color;
				&:hover {
					color: @major_color;
				}
			}
		}
	}

	.tagscloud {
		.tag-name {
			&:hover {
				background: @major_color;
			}	
		}
	}
}

// sp Simple Portfolio
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
	background: @major_color;
}

// Search
.search {
	.btn-toolbar {
		button {
			background: @major_color;
		}
	}
}


// Blog
.post-format {
	background: @major_color;
}

.voting-symbol{
	span.star.active:before{
		color: @major_color;
	}
}

.sp-rating {
	span.star:hover:before,
	span.star:hover ~ span.star:before {
		color: darken(@major_color, 10%);
	}
}

.entry-link,
.entry-quote {
	background: @major_color;
}

blockquote {
	border-color: @major_color;
}

.carousel-left,
.carousel-right {

	&:hover {
		background: @major_color;
	}
}


// Comingsoon
.sp-comingsoon body {
	background-color: @major_color;
}

// Pagination 
.pagination>li>a,
.pagination>li>span {
	color: @text_color;
	&:hover,
	&:focus {
		color: @text_color;
	}
}

.pagination>.active>a,
.pagination>.active>span {
	border-color: @major_color;
	background-color: @major_color;
	&:hover,
	&:focus {
		border-color: @major_color;
		background-color: @major_color;
	}
}



// **************** **************** ************** **************** **************** //
// **************** **************** Shaper Oneclip **************** **************** //
// **************** **************** ************** **************** **************** //


.view-category .item .entry-header h2 a:hover,
.view-article .item .entry-header h2 a:hover,
.view-category .item p.readmore a.btn-default:after,
.view-article .item p.readmore a.btn-default:after,
.view-category .item p.readmore:hover a.btn-default,
.view-article .item p.readmore:hover a.btn-default,
.view-category #sp-right .latestnews > div:hover a,
.view-article #sp-right .latestnews > div:hover a,
.view-article .entry-header h2,
.pagination>.active>a,
.variation-applanding .sppb-addon-feature .sppb-icon,
.variation-applanding .sppb-addon-feature .sppb-feature-box-title,
.varition-simple .customNavigation >a:hover,
.varition-simple .sppb-fullwidth-title span,
.sppb-addon-tab .sppb-nav-tabs > li > a i.fa,
.sppb-addon-animated-number.advanced:hover *,
.sppb-cta-title,
.sppb-addon-pricing-table.simple .sppb-btn,
.sppb-testimonial-pro .sppb-testimonial-client .pro-client-name,
.sppb-addon-articles .sppb-addon-article h3 a:hover,
.sppb-addon-articles.advanced .sppb-addon-article .sppb-article-meta > span a:hover,
.sppb-addon-articles .sppb-see-all-btn:hover,
#sp-footer2 .social-icons > li a:hover {
	color: @major_color;
}

.sppb-addon-feature:hover .sppb-icon > span,
.sppb-addon-feature:hover .sppb-feature-box-title {
	color: @major_color !important;
}

.view-category #sp-right .tagspopular ul li:hover a,
.view-article #sp-right .tagspopular ul li:hover a,
.view-article ul.pagenav li a:hover,
.variation-applanding #sp-header,
.sppb-addon-pricing-table .sppb-pricing-box.sppb-pricing-featured,
.sppb-addon-pricing-table.simple .sppb-pricing-box.sppb-pricing-featured .sppb-pricing-features .sppb-btn,
.sppb-addon-pricing-table.simple .sppb-pricing-box.sppb-pricing-featured .sppb-btn,
.sppb-addon-ajax-contact.advanced .sppb-btn,
.sppb-carousel.watch .sppb-carousel-indicators li:hover,
.sppb-carousel.watch .sppb-carousel-indicators li.active,
.menu-fixed .sp-megamenu-parent >li.active >a:before,
.variation-creative .sp-megamenu-parent >li.active >a:before,
.menu-fixed .sp-megamenu-parent >li:hover >a:before,
.variation-creative .sp-megamenu-parent >li:hover >a:before,
.btn.btn-primary,
.sppb-btn.sppb-btn-primary,
.btn.btn-lg.btn-primary,
.sppb-btn.sppb-btn-lg.sppb-btn-primary,
.corporate-slider .varition-simple .sppb-slide-item-bg .sppb-slideshow-fullwidth-item-wrapper .sppb-slideshow-fullwidth-item-text .sppb-fw-slider-button-wrapper a.btn-link ,
.bg-majorcolor-overlay:after,
.btn:hover {
	background-color: @major_color;
}

.btn.btn-primary:hover,
.sppb-btn.sppb-btn-primary:hover,
.btn.btn-lg.btn-primary:hover,
.sppb-btn.sppb-btn-lg.sppb-btn-primary:hover,
.btn.btn-primary:focus,
.sppb-btn.sppb-btn-primary:focus,
.btn.btn-lg.btn-primary:focus,
.sppb-btn.sppb-btn-lg.sppb-btn-primary:focus,
.btn.btn-primary:active,
.sppb-btn.sppb-btn-primary:active,
.btn.btn-lg.btn-primary:active,
.sppb-btn.sppb-btn-lg.sppb-btn-primary:active {
	background-color: darken(@major_color, 12%);
}

.corporate-slider .varition-simple .sppb-slide-item-bg .sppb-slideshow-fullwidth-item-wrapper .sppb-slideshow-fullwidth-item-text .sppb-fw-slider-button-wrapper a.btn-link:hover,
.variation-creative .sppb-addon-ajax-contact.advanced .sppb-btn:hover,
.search .btn-toolbar button:hover {
	background-color: darken(@major_color, 10%);
}

.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay {
	background-color: fade(@major_color, 80%) !important;
}

.bg-overlay,
.bg-color-overlay:after {
	background-color: fade(@major_color, 90%);
}

.variation-agency #sp-header .sp-megamenu-parent > li > a:before,
.variation-creative .sp-megamenu-parent > li.active > a:before,
.variation-corporate #sp-header.menu-fixed .sp-megamenu-parent > li > a:before,
.varition-advance .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title:after,
.sppb-addon-tab .sppb-nav-tabs > li > a:after,
.sppb-testimonial-pro .sppb-carousel-indicators li:hover,
.sppb-testimonial-pro .sppb-carousel-indicators li.active,
.sp-simpleportfolio .sp-simpleportfolio-item:hover .img-wrapper {
	background: @major_color;
}

.pagination>li>a:hover {
	background: @major_color !important;
}

.sppb-addon-articles.advanced .sppb-addon-article .sppb-img-wrapper:before {
	background: fade(@major_color, 90%);
}

.sppb-addon-persion .sppb-person-image .sppb-person-social-icons{
	background: fade(@major_color, 90%);
}

.app-title-angel-border-major-color .sppb-addon-title:after,
.sppb-addon-animated-number.advanced:hover .sppb-animated-number-title,
.sppb-carousel.watch .sppb-carousel-indicators li:hover,
.sppb-carousel.watch .sppb-carousel-indicators li.active,
.btn.btn-primary,
.sppb-btn.sppb-btn-primary,
.btn.btn-lg.btn-primary,
.sppb-btn.sppb-btn-lg.sppb-btn-primary {
	border-color: @major_color;
}

.btn.btn-primary:hover,
.sppb-btn.sppb-btn-primary:hover,
.btn.btn-lg.btn-primary:hover,
.sppb-btn.sppb-btn-lg.sppb-btn-primary:hover,
.btn.btn-primary:focus,
.sppb-btn.sppb-btn-primary:focus,
.btn.btn-lg.btn-primary:focus,
.sppb-btn.sppb-btn-lg.sppb-btn-primary:focus,
.btn.btn-primary:active,
.sppb-btn.sppb-btn-primary:active,
.btn.btn-lg.btn-primary:active,
.sppb-btn.sppb-btn-lg.sppb-btn-primary:active{
	border-color: darken(@major_color, 12%);
}


#top-search-input-wrap.top-search-input-wrap .searchwrapper{
	border-bottom: 5px solid fade(@major_color, 70%);
}

.sppb-form-control:focus{
	border: 1px solid @major_color;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus{
	border: 1px solid @major_color !important;
}