/*
 * ============================================================
 * SLIDER CALORIE WPBINGO — VERSIONE 3
 * ============================================================
 */

#bwp_form_filter_product .wl-calorie-filter {
	float: left;
	margin-bottom: 38px;
	overflow: visible;
	width: 100%;
}

#bwp_form_filter_product .wl-calorie-filter h3 {
	margin-bottom: 0;
}

#bwp_form_filter_product .wl-slider-shell {
	box-sizing: border-box;
	margin: 28px 8px 0;
	padding-bottom: 36px;
	position: relative;
}

/*
 * La barra completa è grigia.
 */
#bwp_form_filter_product .wl-calorie-slider {
	background: #dedede !important;
	border: 0 !important;
	border-radius: 999px;
	box-sizing: border-box;
	height: 4px;
	margin: 0;
	position: relative;
	width: 100%;
}

/*
 * Soltanto lo spazio compreso tra i due pallini è rosso.
 */
#bwp_form_filter_product
.wl-calorie-slider
.ui-slider-range {
	background: #ed1944 !important;
	border: 0 !important;
	border-radius: 999px;
	height: 4px;
	position: absolute;
	top: 0;
}

/*
 * Pallini.
 */
#bwp_form_filter_product
.wl-calorie-filter
.wl-calorie-slider
span.ui-slider-handle {
	background: #fff !important;
	border: 2px solid #ed1944 !important;
	border-radius: 50% !important;
	box-shadow: none;
	box-sizing: border-box;
	cursor: ew-resize;
	display: block;
	height: 20px !important;
	margin: 0 0 0 -10px !important;
	overflow: visible;
	padding: 0 !important;
	position: absolute;
	text-indent: 0;
	top: -8px !important;
	width: 20px !important;
	z-index: 15;
}

#bwp_form_filter_product
.wl-calorie-filter
.wl-calorie-slider
span.ui-slider-handle:focus {
	box-shadow: 0 0 0 3px rgba(237, 25, 68, .15);
	outline: 0;
}

/*
 * Numeri sotto i pallini.
 */
#bwp_form_filter_product .wl-slider-value {
	background: transparent;
	border: 0;
	box-sizing: border-box;
	color: #222;
	display: block;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	margin: 0;
	min-width: 58px;
	overflow: visible;
	padding: 0;
	position: absolute;
	text-align: center;
	text-indent: 0;
	top: 22px;
	transform: translateX(-50%);
	white-space: nowrap;
}

#bwp_form_filter_product
.wl-slider-value.is-left-edge {
	text-align: left;
	transform: translateX(0);
}

#bwp_form_filter_product
.wl-slider-value.is-right-edge {
	text-align: right;
	transform: translateX(-100%);
}

/*
 * Campi nascosti inviati a WPBingo.
 */
#bwp_form_filter_product
.wl-calorie-filter
input[type="hidden"] {
	display: none !important;
}