@import "./mixins.css.less";

// Basic
h3, h4, h5 {
	color: @skinColor;
}

a {
	color: @skinColor;
	&:hover {
		color: lighten(@skinColor, 5%);
	}
	&:active {
		color: darken(@skinColor, 5%);
	}
}

.alternative-font {
	color: @skinColor;
}

// Drop Caps
p.drop-caps {
	&:first-child:first-letter {
		color: @skinColor;
	}
	&.secundary:first-child:first-letter {
		background-color: @skinColor;
	}
}

// Nav
ul.nav-pills > li.active > a {
	background-color: @skinColor;
	&:hover, &:focus {
		background-color: @skinColor;
	}
}

// Sort
.sort-source-wrapper .nav > li.active > a {
	color: @skinColor;
	&:hover, &:focus {
		color: @skinColor;
	}
}

// Pagination
.pagination > .active > {
	a, span, a:hover, span:hover, a:focus, span:focus {
		background-color: @skinColor ;
	}
}

// Carousel
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: darken(@skinColor, 6%);
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
	border-color: @skinColor ;
	background-color: @skinColor;
}

// Buttons
.btn-primary,
.pagination > .active > a 
{
	border-color: @skinColor ;
	.buttonBackground(@skinColor, spin(@skinColor, 20%));
	background-color: @skinColor;
}

.btn-primary:hover {
	background-color: lighten(@skinColor, 5%);
}

.progress-bar-primary {
	background-color: @skinColor;
}

// Sections
section.highlight {
	background-color: @skinColor ;
	border-color: darken(@skinColor, 5%) ;
}

section.page-top h2 {
	border-bottom-color: @skinColor;
}

section.toggle {
	label {
		color: @skinColor;
		border-left-color: @skinColor;
	}
	&.active > label {
		background-color: @skinColor;
		border-color: @skinColor;
		color: #FFF;
	}
}

section.page-top.custom-product {
	background-color: darken(@skinColor, 5%);
	border-top-color: darken(@skinColor, 2%);
}

// Featured Box
.feature-box .feature-box-icon {
	background-color: @skinColor;
}

.feature-box.secundary .feature-box-icon i.icon {
	color: @skinColor;
}

// Thumb
.thumb-info {
	.thumb-info-type {
		background-color: @skinColor;
	}
	.thumb-info-action-icon {
		background-color: @skinColor;
	}
}

.thumb-info-social-icons a {
	background-color: @skinColor;
}

.thumbnail .zoom {
	background-color: @skinColor;
}

// Inverted
.inverted {
	background-color: @skinColor;
}

// Tabs
.tabs {
	ul.nav-tabs {
		a, a:hover {
			color: @skinColor;
		}

		a:hover {
			border-top-color: @skinColor;
		}

		li.active a {
			border-top-color: @skinColor;
			color: @skinColor;
		}
	}
	&.tabs-bottom {
		ul.nav-tabs {
			li a:hover,
			li.active a,
			li.active a:hover,
			li.active a:focus {
				border-bottom-color: @skinColor;
			}
		}
	}
	&.tabs-vertical.tabs-left {
		ul.nav-tabs {
			li a:hover,
			li.active a,
			li.active a:hover,
			li.active a:focus {
				border-left-color: @skinColor;
			}
		}
	}
	&.tabs-vertical.tabs-right {
		ul.nav-tabs {
			li a:hover,
			li.active a,
			li.active a:hover,
			li.active a:focus {
				border-right-color: @skinColor;
			}
		}
	}	
}

// Lists
ul.list.icons li i {
	color: @skinColor;
}

// Icons
i.icon-featured {
	background-color: @skinColor;
}

.parallax blockquote i.icon-quote-left {
	color: @skinColor;
}

section.video blockquote i.icon-quote-left {
	color: @skinColor;
}

// Panel
.panel-group {
	.panel-heading a {
		color: @skinColor;
	}
	&.secundary {
		.panel-heading {
			background-color: @skinColor ;
		}
	}
}

// Header
#header {

	nav ul.nav-main {

		ul.dropdown-menu,
		li.dropdown.open .dropdown-toggle,
		li.active a,
		li > a:hover,
		li.dropdown:hover a {
			color: #FFF;
			background-color: @skinColor;
		}

		ul.dropdown-menu li:hover > a {
			background-color: lighten(@skinColor, 10%);
		}

		ul.dropdown-menu {
			.buttonBackground(@skinColor, spin(@skinColor, 20%));
		}

		li.dropdown:hover ul.dropdown-menu li > a {
			background: none;
		}

		li.dropdown:hover ul.dropdown-menu li > a:hover {
			background: lighten(@skinColor, 5%);
		}
	}

	&.single-menu {

		nav ul.nav-main {

			li.active > a {
				border-top: 5px solid @skinColor;
			}

		}

	}

	&.darken-top-border {

		border-top: 5px solid darken(@skinColor,5%) ;

	}

	&.colored {

		.header-top {
			background-color: @skinColor;

			ul.nav-top li a:hover {
				background-color: lighten(@skinColor, 5%) ;
			}

		}

	}

	&.flat-menu {

		nav ul.nav-main {

			li > a,
			li.active > a {
				color: #666;
			}

			li.active > a {
				color: @skinColor;
				background-color: transparent ;
			}

			li > a:hover,
			li.dropdown:hover a {
				color: #FFF;
				background-color: @skinColor ;
			}

		}

	}

	nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
		border-top-color: @skinColor;
	}


}

// Testimonial
blockquote.testimonial {
	background: lighten(@skinColor, 5%);
}

.testimonial-arrow-down {
	border-top-color: lighten(@skinColor, 5%);
}

// Featured Box
.featured-box-secundary {
	i.icon-featured {
		background-color: @skinColor;
	}
	h4 {
		color: @skinColor;
	}
	.box-content {
		border-top-color: @skinColor;
	}
}

.pricing-table .most-popular h3 {
	.buttonBackground(@skinColor, spin(@skinColor, 20%));
}

// Timeline
section.timeline .timeline-box.left:before,
section.timeline .timeline-box.right:before {
	background: @skinColor;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px @skinColor;
}

// History
ul.history li .featured-box .box-content {
	border-top-color: @skinColor;
}

// Blog
.recent-posts .date, article.post .post-date {
	.month {
		background-color: @skinColor;
	}
	.day {
		color: @skinColor;
	}
}

// Home
.slider .tp-bannertimer {
	background-color: @skinColor;
}

.home-intro p em {
	color: lighten(@skinColor, 10%);
}

.home-concept strong {
	color: @skinColor;
}

// Shop
.shop {
	ul.products li.product .onsale {
		background-color: @skinColor;
		border-bottom-color: darken(@skinColor, 8%);
	}

	.star-rating span,
	.cart-totals tr.total .amount {
		color: @skinColor;
	}
}

// Footer
#footer {
	.footer-ribbon {
		background: @skinColor;
	}

	.footer-ribbon:before {
		border-right-color: darken(@skinColor, 15%);
	}
}

// Boxed
body.boxed .body {
	border-top-color: @skinColor;
}