@import "variable";
@import "base/skin";

.@{skin_id},
.gf-skin .@{skin_id},
.gf-skin .gf-skin .@{skin_id},
.gf-skin .gf-skin .gf-skin .@{skin_id} {
	a,
	.gsf-link {
		&:hover,
		&:focus,
		&:active {
			color: @text_hover_color;
		}
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		> a {
			.gsf-link;
		}
	}
	
	.top-drawer-toggle {
		border-top-color: @background_color;
		a {
			color: @text_color;
		}
	}
	.customize-search > a {
		& when (lightness(@background_color) < 50) {
			background-color: rgba(255, 255, 255, 0.12);
			border-color: rgba(255, 255, 255, 0.12);
			color: #fff !important;
		}
		& when (lightness(@background_color) >= 50) {
			background-color: @accent_color;
			border-color: @accent_color;
			color: @foreground_accent_color !important;
		}
	}
	//widget-info_box
	.widget-info_box{
		ul li:not(:last-child) {
			&:after {
				background-color: @border_color;
			}
		}
	}
	
	//widget post
	article.post-small-image,
	article.post-post-carousel {
		.gf-post-title {
			& when (lightness(@background_color) < 50) {
				color: #fff;
			}
			& when (lightness(@background_color) >= 50) {
				color: #444;
			}
		}
	}
	
	//widget category, menu, meta
	.widget_meta,
	.widget_categories,
	.widget_archive,
	.widget_pages,
	.widget_recent_comments,
	.widget_recent_entries,
	.widget_rss,
	.woocommerce.widget_product_categories {
		li {
			& when (lightness(@background_color) < 50) {
				color: #d5d2d2;
				border-top: 1px solid #5d5d5d;
			}
			& when (lightness(@background_color) >= 50) {
				color: #5d5d5d;
				border-top: 1px solid #F1F1F1;
			}
			
		}
	}
	.widget_nav_menu {
		li {
			color: @heading_color;
		}
	}
	
	//Widget_Social_Share
	.widget-social-share .gf-social-icon {
		& when (lightness(@background_color) < 50) {
			background-color: #202020;
		}
		& when (lightness(@background_color) >= 50) {
			background-color: #f5f5f5;
		}
	}
	.widget-gallery .wd-gallery-content {
		& when (lightness(@background_color) < 50) {
			background-color: #353535;
		}
		& when (lightness(@background_color) >= 50) {
			background-color: #f5f5f5;
		}
	}
	
	//Widget Post
	.widget-posts {
		.nav-tabs > li.active a, .tab-content {
			& when (lightness(@background_color) < 50) {
				background-color: #202020;
			}
			& when (lightness(@background_color) >= 50) {
				background-color: #f5f5f5;
			}
		}
	}
	
	/*Top bar right*/
	ul.menu-top-bar-right {
		li {
			color: @text_color;
		}
	}
	
	/* Breaking News*/
	.widget-breaking-news {
		.breaking-title {
			color: @heading_color;
		}
		h3.gf-post-title {
			a {
				color: @disable_color;
				&:hover {
					color: @accent_color;
				}
			}
		}
	}
	
	//-------------Blog----------------------------------
	.post-highlight {
		.gf-post-content {
			& when (lightness(@background_color) < 50) {
				background-color: #2a2d2e;
			}
			& when (lightness(@background_color) >= 50) {
				background-color: #fcfcfc;
			}
		}
		
	}
	.blog-pagination {
		.page-numbers {
			& when (lightness(@background_color) < 50) {
				background-color: #2a2d2e;
				color: #a4a4a4;
			}
			& when (lightness(@background_color) >= 50) {
				background-color: #fbfbfb;
				color: #555;
			}
			
		}
	}
	.gf-post-meta {
		li > a {
			.gsf-link;
		}
	}
	article.post-default, article.post-single {
		.entry-thumb-wrap {
			&:before {
				background-color: @background_color;
			}
		}
		.post-highlight {
			.entry-thumb-wrap {
				&:before {
					& when (lightness(@background_color) < 50) {
						background-color: #2a2d2e;
					}
					& when (lightness(@background_color) >= 50) {
						background-color: #fcfcfc;
					}
				}
			}
		}
	}
	
	article.post-large-image {
		.entry-thumb-wrap + .gf-post-content .gf-post-title-wrap {
			& when (lightness(@background_color) < 50) {
				background-color: #2a2d2e;
			}
			& when (lightness(@background_color) >= 50) {
				background-color: #fcfcfc;
			}
		}
	}
	article.post-single {
		.entry-thumb-wrap + .gf-post-content .gf-entry-meta-top {
			& when (lightness(@background_color) < 50) {
				background-color: #2a2d2e;
			}
			& when (lightness(@background_color) >= 50) {
				background-color: #fcfcfc;
			}
		}
	}
	.gf-tag-share-wrap {
		& when (lightness(@background_color) < 50) {
			border-top: 3px solid #363636;
			border-bottom: 3px solid #363636;
		}
		& when (lightness(@background_color) >= 50) {
			border-top: 3px solid #F6F6F6;
			border-bottom: 3px solid #F6F6F6;
		}
	}
	.tagcloud {
		> a {
			& when (lightness(@background_color) < 50) {
				color: #d5d2d2;
				background-color: #393939;
			}
			& when (lightness(@background_color) >= 50) {
				color: #a6a5a5;
				background-color: #fafafa;
			}
			&:hover {
				color: #fff !important;
			}
		}
	}
	.gf-post-meta-share ul.social-icon-square > li {
		> a {
			& when (lightness(@background_color) < 50) {
				color: #d5d2d2;
				background-color: #373737;
			}
			& when (lightness(@background_color) >= 50) {
				color: #555;
				background-color: #f9f9f9;
			}
		}
	}

	.gf-author-info-wrap {
		.gf-author-content{
			& when (lightness(@background_color) < 50) {
				background-color: #2a2a2a;
			}
			& when (lightness(@background_color) >= 50) {
				background-color: #fcfcfc;
			}
		}
	}


	.comment-body {
		.comment-text {
			& when (lightness(@background_color) < 50) {
				background-color: #2a2a2a;
			}
			& when (lightness(@background_color) >= 50) {
				background-color: #fcfcfc;
			}
		}
	}
	
	.gf-post-navigation {
		> div {
			span {
				color: @heading_color;
			}
		}
	}
	
	.gf-comments-area {
		.comment-respond {
			input[type="color"],
			input[type="date"],
			input[type="datetime"],
			input[type="datetime-local"],
			input[type="email"],
			input[type="month"],
			input[type="number"],
			input[type="password"],
			input[type="search"],
			input[type="tel"],
			input[type="text"],
			input[type="time"],
			input[type="url"],
			input[type="week"],
			input:not([type]),
			textarea,
			select {
				.placeholder(@disable_color);
			}
		}
	}
	
	/* widget_product_categories */
	.widget_product_categories {
		li > a {
			& when (lightness(@background_color) < 50) {
				background-color: #353535;
			}
			& when (lightness(@background_color) >= 50) {
				background-color: #f5f5f5;
			}
		}
		
		ul ul,
		li + li {
			border-top-color: @background_color;
		}
	}
	
	/* Widget mailchimp */
	.g5plus-mailchimp {
		& when (lightness(@background_color) < 50) {
			background-color: rgba(0, 0, 0, 0.8);
		}
		& when (lightness(@background_color) >= 50) {
			background-color: #f5f5f5;
		}
	}
	
	/* Widget social profile*/
	.social-icon-square {
		> li > a {
			.rgba-color(@heading_color, 0.3);
			border-color: @border_color;
			& when (lightness(@background_color) < 50) {
				background-color: #353535;
			}
			& when (lightness(@background_color) >= 50) {
				background-color: #f7f7f7;
			}
			
		}
	}
	
	.social-icon-circle-outline {
		> li > a {
			border-color: @border_color;
			color: @disable_color;
		}
	}
	
	/*widget-twitter*/
	.widget-twitter {
		.widget-twitter-item {
			.twitter-content {
				border-color: @border_color;
			}
		}
	}
	
	.x-mega-sub-menu {
		[data-filter-vertical="1"] {
			&.gf-cate-filter a {
				color: @text_color;
			}
			+ .gf-blog-inner {
				& when (lightness(@background_color) < 50) {
					background-color: #fff;
				}
				& when (lightness(@background_color) >= 50) {
					background-color: #eee;
				}
			}
		}
	}
	
	//------------short code-----------------
	//gf-pricing-tables
	.gs-pt-name {
		&:before {
			background-color: @background_color;
			
		}
	}
	.gs-pt-content {
		.gs-pt-icon {
			background-color: @background_color;
		}
	}
	
	// Icon-box
	.g5f-icon-box {
		&.background {
			.icon {
				& when (lightness(@background_color) < 50) {
					background-color: #fff;
				}
				& when (lightness(@background_color) >= 50) {
					background-color: #fafafa;
				}
			}
			
		}
		&.box_shadow_hover {
			& when (lightness(@background_color) < 50) {
				background-color: rgba(0, 0, 0, 0.7);
			}
			& when (lightness(@background_color) >= 50) {
				background-color: #fff;
			}
		}
		&:hover {
			&.box_shadow_hover {
				& when (lightness(@background_color) < 50) {
					.box-shadow(0px 7px 35px rgba(0, 0, 0, 0.8));
				}
				& when (lightness(@background_color) >= 50) {
					.box-shadow(0px 7px 35px rgba(119, 119, 119, 0.2));
				}
				
			}
		}
	}
	
	// shortcode feature_box
	.g5plus-feature-box {
		&.layout_outline {
			border: 1px solid @border_color;
			&:hover {
				& when (lightness(@background_color) < 50) {
					.box-shadow(0px 7px 35px rgba(0, 0, 0, 0.8));
				}
				& when (lightness(@background_color) >= 50) {
					.box-shadow(0px 7px 35px rgba(119, 119, 119, 0.2));
				}
				
			}
		}
	}
	// shortcode timeline
	.gf-time-line {
		ul.time-line-items {
			li.time-line-item {
				.time-line-content {
					&:before {
						& when (lightness(@background_color) < 50) {
							border: 13px solid #1f1f1f;
						}
						& when (lightness(@background_color) >= 50) {
							border: 13px solid #fff;
						}
						
					}
					.content-inner {
						& when (lightness(@background_color) < 50) {
							background-color: #353535;
						}
						& when (lightness(@background_color) >= 50) {
							background-color: #fcfcfc;
						}
						
						&:before {
							& when (lightness(@background_color) < 50) {
								border-right: 16px solid #353535;
							}
							& when (lightness(@background_color) >= 50) {
								border-right: 16px solid #fcfcfc;
							}
							
						}
					}
				}
				&:hover {
					.time-line-content {
						&:before {
							& when (lightness(@background_color) < 50) {
								background-color: #1f1f1f;
							}
							& when (lightness(@background_color) >= 50) {
								background-color: #fff;
							}
							
						}
						
					}
					
				}
			}
			
		}
	}
	
	// shortcode jobposition
	.gf-job-position,
	table.shop_table.cart {
		tr {
			th, td {
				border-color: @background_color !important;
				
			}
			
			td {
				& when (lightness(@background_color) < 50) {
					background-color: #353535;
				}
				& when (lightness(@background_color) >= 50) {
					background-color: #fafafa;
				}
			}
			td.product-price,
			td.product-subtotal {
				& when (lightness(@background_color) < 50) {
					color: #7c7c7c7c;
				}
				& when (lightness(@background_color) >= 50) {
					color: #444;
				}
			}
		}
		
	}
	
	@media (min-width: 769px) {
		.gf-job-position {
			tr {
				td:first-child {
					color: @heading_color !important;
				}
			}
		}
	}
	
	@media (max-width: 768px) {
		.gf-job-position {
			tr td {
				&:before {
					color: @heading_color;
				}
			}
		}
	}
	.g5plus-testimonials {
		.testimonials-avatar-wrap {
			.testimonials-avatar-slider {
				.owl-nav {
					i {
						color: @heading_color;
					}
					div {
						& when (lightness(@background_color) < 50) {
							background-color: #909090;
						}
						& when (lightness(@background_color) >= 50) {
							background-color: #fff;
						}
					}
				}
			}
		}
	}
	.vc_progress_bar {
		.vc_label {
			color: @heading_color !important;
		}
	}
	.absolute-skew {
		&:before {
			background-color: @background_color;
		}
		
	}
	
	// product tabs
	ul.nav-tabs.gf-cate-filter,
	.gsf-product_tabs .gsf-pretty-tabs {
		& when (lightness(@background_color) < 50) {
			background-color: #fff;
		}
		& when (lightness(@background_color) >= 50) {
			background-color: #fcfcfc;
		}
		li {
			&.active a,
			&.active a:hover,
			a:hover, a:focus {
				& when (lightness(@background_color) < 50) {
					background-color: @background_color;
				}
				& when (lightness(@background_color) >= 50) {
					background-color: @accent_color;
				}
				
			}
		}
	}
	
	.custom-menu-sidebar.widget_nav_menu {
		& when (lightness(@background_color) < 50) {
			border: 8px solid #343434;
			background-color: #393939;
		}
		& when (lightness(@background_color) >= 50) {
			border: 8px solid #f5f5f5;
			background-color: #fafafa;
		}
		ul li {
			&:before {
				color: @heading_color;
			}
			
		}
	}
	
	/*Contact form*/
	.g5plus-contact-form {
		input:not([type="submit"]), textarea {
			& when (lightness(@background_color) < 50) {
				background-color: #2a2d2e !important;
			}
			& when (lightness(@background_color) >= 50) {
				background-color: #fbfbfb !important;
			}
			
		}
	}
	
	/*Project meta*/
	.gf-portfolio-meta-wrap {
		& when (lightness(@background_color) < 50) {
			border: 15px solid #444;
		}
		& when (lightness(@background_color) >= 50) {
			border: 15px solid #f9f9f9;
		}
	}
	
	//--------------Shop-----------------------
	/* woorcomer*/
	.woocommerce a.button.alt,
	.woocommerce button.button.alt,
	.woocommerce input.button.alt {
		& when (lightness(@background_color) < 50) {
			background-color: #fff;
		}
		& when (lightness(@background_color) >= 50) {
			background-color: #000;
		}
		
	}
	
	// product
	/** Single Product */
	.single-product-info {
		.summary-product {
			.price {
				del span {
					& when (lightness(@background_color) < 50) {
						color: #8d8d8d;
					}
					& when (lightness(@background_color) >= 50) {
						color: #808080;
					}
					
				}
				ins span {
					& when (lightness(@background_color) < 50) {
						color: #C8C8C8;
					}
					& when (lightness(@background_color) >= 50) {
						color: #7d7c7c;
					}
					
				}
			}
			
		}
	}
	.quantity {
		.quantity-inner {
			input[type=text] {
				& when (lightness(@background_color) < 50) {
					background-color: #444 !important;
					color: #C8C8C8 !important;
				}
				& when (lightness(@background_color) >= 50) {
					background-color: #f9f9f9 !important;
					color: #555 !important;
				}
				
			}
			a {
				& when (lightness(@background_color) < 50) {
					color: #8d8d8d;
				}
				& when (lightness(@background_color) >= 50) {
					color: #a3a3a3;
				}
				&:hover {
					color: @text_hover_color !important;
				}
				
			}
		}
		
	}
	.product_meta {
		span a {
			&:hover {
				color: @text_hover_color !important;
			}
		}
	}
	.woocommerce div.product .woocommerce-tabs {
		ul.tabs {
			& when (lightness(@background_color) < 50) {
				background-color: #353535 !important;
			}
			& when (lightness(@background_color) >= 50) {
				background-color: #f9f9f9 !important;
			}
			
		}
	}
	.woocommerce-info,
	.woocommerce-message,
	.woocommerce-error {
		
		& when (lightness(@background_color) < 50) {
			background-color: #353535;
		}
		& when (lightness(@background_color) >= 50) {
			background-color: #fbfbfb;
		}
	}
	table.shop_table.woocommerce-checkout-review-order-table {
		tr {
			td, th {
				& when (lightness(@background_color) < 50) {
					background-color: #353535 !important;
				}
				& when (lightness(@background_color) >= 50) {
					background-color: #fdfcfc !important;
				}
			}
		}
	}
	.woocommerce-checkout-payment,
	#customer_login .u-column1,
	#customer_login .u-column2 {
		& when (lightness(@background_color) < 50) {
			background-color: #353535 !important;
		}
		& when (lightness(@background_color) >= 50) {
			background-color: #fdfcfc !important;
		}
	}
	#add_payment_method #payment div.payment_box,
	.woocommerce-cart #payment div.payment_box,
	.woocommerce-checkout #payment div.payment_box {
		color: #999;
		& when (lightness(@background_color) < 50) {
			background-color: #444;
			&:before {
				border-bottom-color: #444;
			}
		}
		& when (lightness(@background_color) >= 50) {
			background-color: #f8f8f8;
			&:before {
				border-bottom-color: #f8f8f8;
			}
		}
	}
	table.shop_table {
		td {
			& when (lightness(@background_color) >= 50) {
				background-color: #fdfdfd !important;
			}
		}
		tr td.product-name {
			a {
				.gsf-link;
			}
		}
	}
	.cart-collaterals .cart_totals {
		& when (lightness(@background_color) < 50) {
			background-color: #353535;
		}
		& when (lightness(@background_color) >= 50) {
			background-color: #fdfdfd !important;
		}
		table {
			& when (lightness(@background_color) < 50) {
				background-color: #353535;
			}
			& when (lightness(@background_color) >= 50) {
				background-color: #fdfdfd !important;
			}
		}
		
	}
	/* widget shop cart */
	.shopping-cart-list {
		& when (lightness(@background_color) < 50) {
			box-shadow: 0 14px 24px rgba(255, 255, 255, 0.15);
			background-color: #333;
		}
		
		& when (lightness(@background_color) >= 50) {
			box-shadow: 0 14px 24px rgba(0, 0, 0, 0.15);
			background-color: #fff;
		}
	}
	
	// Our team
	.our-team-item-inner {
		& when (lightness(@background_color) < 50) {
			background-color: #2a2d2e;
		}
		& when (lightness(@background_color) >= 50) {
			background-color: #fbfbfb;
		}
	}
	.gf-single-our-team-wrap {
		& when (lightness(@background_color) < 50) {
			background-color: #2a2d2e;
		}
		& when (lightness(@background_color) >= 50) {
			background-color: #fcfcfc;
		}
	}
	.social-float-right {
		border-left: 1px solid @border_color;
		border-right: 1px solid @border_color;
		
	}
}