/*****************************************/
/* Customizer control heading style
/*****************************************/
/**
 * Import configuration file with variables.
 */
#customize-controls .customize-control.customize-control-shopwell-heading:after {
	margin-top: 1px;
}

#customize-controls .customize-control.customize-control-shopwell-heading .shopwell-heading-top-space {
	height: 12px;
	margin: -17px -12px 0 -12px;
	background-color: #eee;
	border-bottom: 1px solid #ddd;
}

.shopwell-heading-wrapper {
	position: relative;
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	background-color: #ffffff;
	color: #555d66;
	margin: -16px -12px -2px -12px;
	padding: 14px 12px;
	border-bottom: 1px solid #ddd;
}

.shopwell-heading-wrapper.sub-heading {
	margin-top: -6px;
	background-color: rgba(0, 0, 0, 0);
	color: #777;
	border-bottom: none;
}

.shopwell-heading-wrapper.sub-heading:after {
	display: none;
}

.shopwell-heading-wrapper.toggle-heading:hover {
	cursor: pointer;
}

.shopwell-heading-wrapper.toggle-heading:hover .shopwell-heading-toggle label {
	background-color: #f0f0f0;
}

.shopwell-heading-wrapper.toggle-heading:hover .shopwell-heading-toggle label:before {
	color: #000;
}

.shopwell-heading-wrapper.top-spacer {
	margin-top: 0;
}

.shopwell-heading-wrapper .shopwell-control-heading {
	margin-right: auto;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
}

.shopwell-heading-wrapper .shopwell-heading-toggle label {
	pointer-events: none;
	margin-left: 6px;
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	border-radius: 50%;
}

.shopwell-heading-wrapper .shopwell-heading-toggle label:before {
	content: "\f140";
	display: block;
	padding: 1px 2px 1px 0px;
	speak: none;
	border-radius: 50%;
	color: #72777c;
	font: normal 20px/1 dashicons;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: none !important;
}

.shopwell-heading-wrapper .shopwell-heading-toggle input[type="checkbox"] {
	display: none;
}

.shopwell-heading-wrapper .shopwell-heading-toggle input[type="checkbox"]:checked + label {
	-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
			transform: rotate(180deg);
}
