/* Hide scrollbar */
#lv1871-subnavigation {
	--lv1871_subnavigation_arrow_left_opacity: 0;
	--lv1871_subnavigation_arrow_right_opacity: 0;
	position: relative;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}
#lv1871-subnavigation::-webkit-scrollbar{
	display: none;
}

/* remove list styling */
ul#lv1871-subnavigation ,
ul#lv1871-subnavigation li {
	list-style:	none;
	margin:		0;
	padding:	0;
}

/* Make links 100% height and width */
ul#lv1871-subnavigation li a {
	width:	100%;
	height:	100%;
	padding:10px 15px;
	display:block;
}

/* Change color for a elements */
#lv1871-subnavigation a {
	color: var(--awb-custom11);
}

/* Style active element */
#lv1871-subnavigation li.active {
	box-shadow: inset 0 -4px 0 0 var(--awb-custom11);
	/*background-color: var(--awb-color6);*/
}

/* add arrows to indicate left or/and right side scrollable */
#lv1871-subnavigation::before {
	content:		'\f053';
	position:		sticky;
	top:			0;
	left:			0;
	transform:		translateX(10px);
	font-family:	"Font Awesome 5 Free";
	font-weight:	900;
	font-variant:	normal;
	font-style:		normal;
	height:			100%;
	width:			0;
	color:			black;
	display:		flex;
	align-items:	center;
	justify-content:center;
	pointer-events:	none;
	user-select:	none;
	opacity:		var(--lv1871_subnavigation_arrow_left_opacity);
}
#lv1871-subnavigation::after {
	content:		'\f054';
	position:		sticky;
	top:			0;
	right:			0;
	transform:		translateX(-10px);
	font-family:	"Font Awesome 5 Free";
	font-weight:	900;
	font-variant:	normal;
	font-style:		normal;
	height:			100%;
	width:			0;
	color:			black;
	display:		flex;
	align-items:	center;
	justify-content:center;
	pointer-events:	none;
	user-select:	none;
	opacity:		var(--lv1871_subnavigation_arrow_right_opacity);
}

/* BACKEND ADJUSTMENT */
.fusion_builder_modal_multi_element_settings_container .fusion-builder-modal-container .fusion_lv1871_subnavigation {
	width: 0 !important;
}
.fusion_builder_modal_multi_element_settings_container .fusion-builder-modal-container div[data-element_type=fusion_lv1871_subnavigation_item] {
	width: 90% !important;
}