@background: lighten(#cadbdc,10%);

#customize-theme-controls {
	& > ul {
		li.accordion-section {
			&:nth-of-type(even) {
				h3 {
					background: darken(@background, 5%);
				}	
			}
			&:nth-of-type(odd) {
				h3 {
					background: darken(@background, 2%);
				}	
			}
			h3 {
				border-color: darken(@background, 8%);
			}
			
		}
		li.control-section-themes h3 {
			background: darken(@background, 10%); 
		}   
	}
}
.wp-full-overlay-sidebar {
	background: #f6eeec;
}
#customize-controls .control-section:hover>.accordion-section-title, #customize-controls .control-section .accordion-section-title:focus {
	background: darken(@background, 12%);
}
#customize-controls .customize-info .accordion-section-title {
	background: darken(@background, 6%);
}
#customize-controls .customize-info, .customize-section-title, #customize-theme-controls .accordion-section-content, #customize-header-actions, .customize-controls-close, .customize-section-back {
	border-color: darken(@background, 8%);
}
.customize-controls-close {
	background: darken(@background, 20%);
	color: white; 
	&:hover {
		background: darken(@background, 25%);
	}
}
.customize-section-back {
	background: darken(@background, 5%);
	&:hover {
		background: darken(@background, 10%);
	}
}
#customize-theme-controls .accordion-section-title {
	color: #56697d;
}
#customize-theme-controls .accordion-section-title:after {
	color: #8eaece; 
}

li#accordion-section-themes {
	display: none !important;
}

#customize-controls .customize-info {
	margin-bottom: 0;
	border-bottom: solid 2px darken(@background, 14%); 
}
/* Customizer Icon Styles */
.customize-pane-parent > li.accordion-section h3 {
	&:before {
		content: "\f061";
		font-family: "FontAwesome";
	}
}
li#accordion-section-tromax_header h3 {
	&:before {
		content: "\f1dc";
		font-family: "FontAwesome";
	}
}

li#accordion-section-title_tagline h3 {
	&:before {
		content: "\f10c";
		font-family: "FontAwesome";
	}
}

li#accordion-section-tromax_basic_settings h3 {
	&:before {
		content: "\f14a";
		font-family: "FontAwesome";
	}
}

li#accordion-panel-tromax_slider_panel h3 {
	&:before {
		content: "\f03e";
		font-family: "FontAwesome";
	}
}

li#accordion-section-tromax_skin_options h3 {
	&:before {
		content: "\f1fc";
		font-family: "FontAwesome";
	}
}

li#accordion-panel-tromax_fcp_panel h3 {
	&:before {
		content: "\f07a";
		font-family: "FontAwesome";
	}
}

li#accordion-panel-tromax_a_fcp_panel h3 {
	&:before {
		content: "\f005";
		font-family: "FontAwesome";
	}
}

li#accordion-panel-tromax_design_panel h3 {
	&:before {
		content: "\f038";
		font-family: "FontAwesome";
	}
}


li#accordion-panel-tromax_footer_panel h3 {
	&:before {
		content: "\f0ab";
		font-family: "FontAwesome";
	}
}

li#accordion-section-tromax_typo_options h3 {
	&:before {
		content: "\f1a0";
		font-family: "FontAwesome";
	}
}

li#accordion-section-tromax_ads h3 {
	&:before {
		content: "\f1ea";
		font-family: "FontAwesome";
	}
}

li#accordion-section-tromax_social_section h3 {
	&:before {
		content: "\f099";
		font-family: "FontAwesome";
	}
}

li#accordion-section-tromax_analytics_js h3 {
	&:before {
		content: "\f013";
		font-family: "FontAwesome";
	}
}

li#accordion-section-background_image h3 {
	&:before {
		content: "\f1c5";
		font-family: "FontAwesome";
	}
}

li#accordion-panel-nav_menus h3 {
	&:before {
		content: "\f0c9";
		font-family: "FontAwesome";
	}
}

li#accordion-panel-widgets h3 {
	&:before {
		content: "\f04c";
		font-family: "FontAwesome";
	}
}

li#accordion-section-static_front_page h3 {
	&:before {
		content: "\f24d";
		font-family: "FontAwesome";
	}
}
li h3:before {
	margin-right: 5px;
}

.customize-section-description-container h3:before {
	content: none;
	display: none;
}

li[id$="_priority"] input {
	background: #444;
	color: #fff;
	font-weight: bold;
}

.wp-color-result {
	color: black;
}

//nested items
li.control-section ul li h3 {
	&:before {
		content: none !important;
		}
	}
