/*	The ID for jQuery: #jqAccordionNav {}
================================================== */

.sxAccordionNav {
	font-family: var(--aside-nav-fonts);
	clear: both;
	padding: 0;
	margin: 0 0 1.5rem 0;
	line-height: 125%;
	font-size: 1rem;
    font-weight: 500;
}

.sxAccordionNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.sxAccordionNav div {
	cursor: pointer;
}

/*	Basic style for all li/a/img		|--> DON'T CHANGE
================================================== */
.sxAccordionNav li {
	vertical-align: top !important;
}

.sxAccordionNav ul li a {
	display: block;
}

.sxAccordionNav ul li img {
	vertical-align: middle;
}

/*
==================================================
	B. Common Font Styles for All clickable Menu Levels: As and DIVs
	|-> Define ONLY FONT STYLES: Colors, Weight and Size
=====================================================
*/
.sxAccordionNav a,
.sxAccordionNav div {
	color: var(--aside-nav-link);
}

.sxAccordionNav a:hover,
.sxAccordionNav div:hover {
	color: var(--aside-nav-link-hover);
}

.sxAccordionNav a.open,
.sxAccordionNav div.open {
	color: var(--aside-nav-link-open);
	opacity: 1;
}

.sxAccordionNav>ul>li>div {
	font-size: 1.1em;
}
.sxAccordionNav>ul>li>li>div {
	font-size: 1.05em;
}

/*
==================================================
	C.	Common Backgrounds for all clickable Menu Levels: A:s and DIV:s
	Small: > 203A < 2039
	Big: > 276F < 276E
	Small: circle 2022 arrow 2023  dot 2027 
	Squre: big 25A0, medium 25FE, small 25AA, duble 25A3
	Big: upp 25B2, down 25BC
	Small: upp 25B4, down 25BE
	Arrow: upp dotted 21E1, down dotted 21E3
	Various: 2263,2261,226B
===================================================== 
*/
/*	
	Levels that not contain sublevels (Links A)
=====================================================
*/
.sxAccordionNav li a {
	padding: 2px 0 4px 25px;
	position: relative;
}

.sxAccordionNav li a::before {
	content: "\00BB";
	position: absolute;
	left: 0.2em;
	top: 0;
}
/* For e.g. Dates and Author Names */
.sxAccordionNav li a span {
	color: var(--grey-tint-30);
}

/*	Levels that contain sublevels (Tags DIV) 
*/
.sxAccordionNav li div {
	padding: 4px 0 6px 25px;
	position: relative;
}

.sxAccordionNav li li div {
	padding: 2px 0 6px 25px;
	position: relative;
}

.sxAccordionNav li div::before {
	content: "\203A";
	position: absolute;
	left: 0.2em;
	top: 0;
}

.sxAccordionNav div:hover::before,
.sxAccordionNav div.open::before {
	content: "\203A";
	transform: rotate(90deg);
}


/*	All List levels bellow Groups 
*/
.sxAccordionNav ul ul {
	margin-left: 25px;
}

/*	ALL STYLES BELLOW GROUPS- From Category to Sub-Sub-Category
 */
.sxAccordionNav li {
	padding: 1px 0;
}

.sxAccordionNav li a.archive {
	float: right;
	width: 1em;
	height: 1em;
	padding: 0;
	margin: 0.25rem 0 0 6px;
	text-align: right;
	vertical-align:text-top;
	opacity: 0.5;
	z-index: 10;
	background-color: var(--aside-nav-link);
}

.sxAccordionNav a.archive::before {
	content: "";
	position: static;
}

.sxAccordionNav a.archive::after {
	content: url('../imgPG/sx_svg/sx_svg/sx_folder.svg');
	position: static;
}

.sxAccordionNav a.archive:hover {
	color: var(--aside-nav-link-hover);
	opacity: 1;
}