
/*
 *	FILTERS
 */

/*
	#ba197a;
*/

/* **************************************
	GENERAL SETTINGS
*/

/*
*/
#ljdp_map_filters,
#ljdp_map_filters * {
	display: flex;
	flex-direction: row;
	position: relative;
	margin: auto;
}

#ljdp_map_filters {
	display: flex !important;
	position: relative;
	width: 100%;
	z-index: 1;
	gap: 10px;
	margin-bottom: 10px;
}
#ljdp_map_filters .filter_menu {
	display: flex !important;
	width: auto;
	cursor: pointer;
	border-radius: 3px;
	white-space: nowrap;
}




/* **************************************
	DROP DOWN MENU
*/

/*
*/
#ljdp_map_filters .filter_menu_drop {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 5px;
	font-size: 100%;
	font-weight: 500;
	color: #666;
	border: 1px solid #ba197a;
}
#ljdp_map_filters .filter_menu_drop option {
	font-size: 100%;
	font-weight: 500;
	color: #666;
}





/* **************************************
	MENU CHECKBOX
*/

#ljdp_map_filters .filter_menu_checkbox p {
	--size: 16px;
	--left-offset: calc( var(--size) + 5px );
	margin-left: var(--left-offset);
}

#ljdp_map_filters .filter_menu_checkbox p::before {
	content: "";
	position: absolute;
	top: calc( 50% - var(--size) / 2 - 1px );
	left: calc( var(--left-offset) * -1 );
	border: 1px solid #ba197a;
	border-radius: 3px;
	box-sizing: border-box;
	width: var(--size);
	height: var(--size);
}

#ljdp_map_filters input.filter_menu_checkbox:checked
+ label.filter_menu_checkbox p::before {
	background-color: #ccc;
}

#ljdp_map_filters input.filter_menu_checkbox:disabled
+ label.filter_menu_checkbox {
	cursor: default;
}
#ljdp_map_filters input.filter_menu_checkbox:disabled
+ label.filter_menu_checkbox p::before {
	border-color: #ccc;
	background-color: #ccc;
}
#ljdp_map_filters input.filter_menu_checkbox:disabled
+ label.filter_menu_checkbox p {
	color: #ccc;
}




/* **************************************
	MENU RESET
*/

#ljdp_map_filters .filter_menu_reset {
/*
	flex-shrink: 2;
	white-space: nowrap;
*/
	border: 1px solid #ba197a;
	background-color: #ba197a;
	color: #fff;
	padding: 5px 10px;
}







/* **************************************
	RESONSIVE DESIGN
*/


@media only screen and (max-width: 700px) {
	#ljdp_map_filters {
		flex-wrap: wrap;
		margin: 10px;
		width: auto;
	}
}

